/* Created by Digital Dreamer [www.dreamer.de] for Schmid+Widmaier Design [www.schmidwidmaier.de] */


/* ================================================================================================================== */
/* Init */

/* Includes/fonts */

@font-face {
	font-family: 'SuperGroteskWeb'; font-weight: 500; font-style: normal;
	src: url('../fonts/SuperGroteskWeb-Medium.eot?') format('eot'), url('../fonts/SuperGroteskWeb-Medium.woff') format('woff');
}
@font-face {
	font-family: 'SuperGroteskWeb'; font-weight: 700; font-style: normal;
	src: url('../fonts/SuperGroteskWeb-Bold.eot?') format('eot'), url('../fonts/SuperGroteskWeb-Bold.woff') format('woff');
}

/* Reset CSS / Generic Adjustments */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
img,figure,iframe{display:block;max-width:100%;height:auto;}
img{margin:0 auto;}


/* ================================================================================================================== */
/* Page basics */

html {
	overflow-y: scroll;
	height: 100%;
}
body {
	min-height: 100%; border-left: 8px solid #ffe400; border-right: 8px solid #ffe400;
	background-color: #fff;
	color: #000; font: 15px/1.67 'Times New Roman',serif; letter-spacing: 0.05em;
}


/* Generics */

h2 {
	font: 1.2em 'SuperGroteskWeb',sans-serif;
}
h2, h3, p {
	margin-bottom: 1em;
}
h3 {
	margin-top: 2em;
}
h3:first-child {
	margin-top: 0;
}
h2:last-child, p:last-child {
	margin-bottom: 0;
}
h3 {
	font-weight: 700; font-family: 'SuperGroteskWeb',sans-serif;
}

em {
	font-style: italic;
}
strong {
	font-family: 'SuperGroteskWeb',sans-serif; font-weight: 700;
}

a {
	color: #888;
}
a:hover {
	color: #888;
}
a.block {
	color: #000; text-decoration: none;
}

figure {
	display: block;
	width: 100%; margin: 0 auto;
}


/* ================================================================================================================== */
/* Page sidebar */

/* Logo */

.page_logo {
	position: fixed; top: 64px; left: 36px; z-index: 1010;
	width: 154px;
}

/* Nav */

.page_nav {
	position: fixed; top: 0; left: 8px; z-index: 1000;
	padding: 140px 28px 64px 28px; height: 100%; width: 210px;
	text-align: center;
	line-height: 1.2;
}
.page_nav li {
	margin-bottom: 0.5em;
}
.page_nav a {
	padding-left: 0.35em; /* letter-spacing underline workaround */
	color: #000;
}
.page_nav_main a {
	letter-spacing: 0.35em; text-transform: uppercase;
}
.page_nav a {
	text-decoration: none;
}
.page_nav a:hover {
	border-bottom: 1px solid #999;
}
.page_nav a.active {
	border-bottom: 1px solid #999;
}

/* Filter */

.filter {
	margin: 28px 0;
}
.filter a {
	text-transform: none; letter-spacing: 0.05em; padding-left: 0.05em;
}

/* Metanav */

.page_nav_meta {
	margin: 28px 0;
}


/* Lazyload background */

.lazy {
	background: #fff url(data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACH5BAAAAAAALAAAAAACAAIAAAICDF4AOw==);
}


/* Swiper */

.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{float:left}.swiper-wp8-horizontal{-ms-touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x}

.swiper-container, .swiper-slide {
	width: 100%; height: 100%;
}
.bigswiper {
	position: absolute; top: 0; left: 8px; bottom: 0; right: 8px;
}


/* Superslides */

#slides{position:relative}#slides .slides-container{display:none}#slides .scrollable{*zoom:1;position:relative;top:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}#slides .scrollable:after{content:"";display:table;clear:both}.slides-navigation{margin:0 auto;position:absolute;z-index:3;top:46%;width:100%}.slides-navigation a{position:absolute;display:block}.slides-navigation a.prev{left:0}.slides-navigation a.next{right:0}.slides-pagination{display:none;position:absolute;z-index:3;bottom:0;text-align:center;width:100%}.slides-pagination a{border:2px solid #222;border-radius:15px;width:10px;height:10px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=);margin:2px;overflow:hidden;text-indent:-100%}.slides-pagination a.current{background:#222}


/* ================================================================================================================== */
/* Main Content */

.page_content {
	padding: 64px 28px 64px 210px;
}
.page_content_home {
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	margin: 0;
}

.page_content_fullsize {
	position: absolute; top: 0; right: 8px; bottom: 0; left: 8px; z-index: 20;
	padding: 0;
	text-align: center;
	background: #eee;
}
article {
	margin-bottom: 46px;
}

/* ================================================================================================================== */
/* Grid */

.grid {
	position: relative;
}

.grid_column_sizer {
	width: 90px;
}
.grid_gutter_sizer {
	width: 46px;
}
.grid_item_1col {
	width: 226px;
}
.grid_item_2col {
	width: 226px;
}
.grid_item_3col {
	width: 362px;
}

.grid_item_text {
	visibility: hidden;
	margin-top: 8px; text-align: center;
	color: #000;
}
.grid_item:hover .grid_item_text {
	visibility: visible;
}

/* Captions */

.caption {
	margin-top: 12px;
	text-align: center;
}
.caption h2 {
}
.caption h2, .caption p {
	margin: 0;
}

/* News item */

.grid_item_news_border, .grid_item_news_bigtext {
	border: 1px solid #bbb; border-top: 0; border-left: 4px solid #000;
}
.grid_item_news_border .news_section, .grid_item_news_bigtext .news_section {
	padding: 20px; border-top: 1px solid #bbb;
}
.grid_item_news_bigtext .news_text {
	background: #000;
	color: #fff; font-size: 1.75em; line-height: 1.25;
}


/* Image pages */

.image_detail {
	text-align: center;
}

/* Detail pages */

.detail {
	max-width: 974px; margin: 0 auto;
}
.detail_main {
	margin-right: 272px;
}
.detail_side {
	float: right;
	width: 226px;
}

/* Page switch */

.page_switch {
	margin-top: 7em;
	text-align: center;
}
.page_switch a {
	display: inline-block; overflow: hidden;
	width: 104px; height: 0; padding-top: 80px; margin: 0 24px;
	background: transparent url(../img/assets.png) no-repeat 0 -248px;
}
.page_switch a.page_switch_next {
	background-position: -104px -248px;
}


/* Responsive images */

figure.responsive {
	position: relative; z-index: 90;
	width: 100%;
}
figure.responsive>a, figure.responsive img, figure.responsive iframe {
	display: block; position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
}


/* Share links */

.share {
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-family: 'SuperGroteskWeb',sans-serif;
}
.share ul {
	position: absolute; top: -4px; left: 100%; z-index: 10;
	margin-left: 20px; padding: 4px 8px; border-radius: 4px;
	background: #ffe400;
	opacity: 0;
	transition: all 0.5s;
}
.share:hover ul {
	opacity: 1;
	margin-left: 10px;
}
.share ul:before {
	position: absolute; left: -16px; top: 8px;
	display: block; content: '';
	width: 0; height: 0; border: 8px solid transparent; border-right-color: #ffe400;
}
.share a {
	display: block;
	color: #000; text-decoration: none; text-align: center;
}
.share a:hover {
	text-decoration: underline;
}


/* Order links */

.shop_link a {
	display: inline-block;
	padding: 0 0.65em 0 1em;
	background: #ffe400;
	color: #000; font-size: 1.5em; letter-spacing: 0.35em; text-decoration: none; text-transform: uppercase;
}
.shop_link a:hover {
	background: #000;
	color: #ffe400;
}

.pagetype_shop_item .shop_link a {
	background: #fff;
}
.pagetype_shop_item .shop_link a:hover {
	background: #000;
	color: #fff;
}


/* Shop pages */

.pagetype_shop_page, .pagetype_shop_item {
	border-color: #000;
}
.shop_item_img {
}
.shop_item_img_frame {
	max-width: 100%;
	margin: 0 auto;
	background: #111; padding: 2%;
	box-shadow: 0 4px 16px rgba(0,0,0,0.25);
}
.shop_item_img img {
	padding: 4%;
	background: #fff;
}
/*
.pagetype_shop_item .shop_item_img img {
	border-width: 12px; padding: 24px;
}
*/
.shop_item_text {
	visibility: visible;
	font-style: italic; font-size: 1.2em;
}


/* ================================================================================================================== */
/* Special: Reduced page layout */

.reduced .page_nav {
	overflow: hidden;
	top: -240px;
	max-height: 0px;
	background: #fff;
	transition: max-height 0.5s, top 0.5s;
}
.reduced .page_nav_open {
	top: 0;
	max-height: 100%;
}

.page_nav_toggle {
	display: none;
	width: 40px; height: 40px;
	cursor: pointer;
}
.page_nav_toggle_open {
	position: fixed; top: 140px; left: 95px; z-index: 50;
}
.page_nav_toggle_close {
	margin: 40px auto 0;
	background-position: -40px -120px;
}

.svg .page_nav_toggle {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiPjxnPjxyZWN0IHg9IjExIiB5PSIxNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIiLz48cmVjdCB4PSIxMSIgeT0iMTkiIHdpZHRoPSIxOCIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iMTEiIHk9IjI0IiB3aWR0aD0iMTgiIGhlaWdodD0iMiIvPjwvZz48L3N2Zz4=");
}
.svg .page_nav_toggle_close {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiPjxnPjxyZWN0IHg9IjIuODI4IiB5PSIxOC45NjYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3MSAwLjcwNzEgLTAuNzA3MSAwLjcwNzEgMTkuNzU1IC04Ljc2MTcpIiB3aWR0aD0iMzUuMjUxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyLjgyOSIgeT0iMTguOTY2IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43MDcxIDAuNzA3MSAtMC43MDcxIC0wLjcwNzEgNDguNjgyNCAxOC43NjY1KSIgd2lkdGg9IjM1LjI1MSIgaGVpZ2h0PSIxIi8+PC9nPjwvc3ZnPg0K");
}
.no-svg .page_nav_toggle {
	background: transparent url(../img/assets.png) no-repeat 0 -120px;
}
.no-svg .page_nav_toggle_close {
	background-position: -40px -120px;
}

.reduced .page_nav_toggle {
	display: block;
}


/* ================================================================================================================== */
/* Responsive Adjustments */

@media (max-width: 1023px) {

	#slides, #slides * { display: block !important; position: static !important; top: 0 !important; left: 0 !important; height: auto !important; width: auto !important; }
	#slides img { max-width: 100% !important; }
	#slides .slides-pagination { display: none !important; }

	body {
		font-size: 13px;
	}

	/* relative column size */
	/* (full 662px, col 90px, gutter 46px, right border 28px) */
	.grid { max-width: 481px; margin: 0 auto; }
	.grid_column_sizer, .grid_item_1col, .grid_item_2col, .grid_item_3col { width: 47%; }
	.grid_gutter_sizer { width: 6%; }

	.detail_side {
		width: 30%;
	}
	.detail_main {
		margin-right: 33%;
	}

}

@media (max-width: 639px) {

	.page_header {
		position: fixed; top: 0; left: 8px; right: 8px; z-index: 1005;
		height: 48px; padding: 8px;
		background: #fff;
	}
	.reduced .page_header {
		background: none;
	}
	.page_logo {
		position: static;
		width: auto;
	}
	.page_logo img {
		width: auto; height: 32px;
	}

	.page_nav {
		overflow: hidden;
		top: -240px; right: 8px;
		width: auto; max-height: 0px; padding: 72px 0 0;
		background: #fff;
		transition: max-height 0.5s, top 0.5s;
	}
	.page_nav li {
		margin-bottom: 1em;
	}
	.page_nav_open {
		top: 0;
		max-height: 100%;
	}
	.page_nav_toggle {
		display: block;
	}
	.page_nav_toggle_open {
		top: 4px; left: 12px; z-index: 1015;
	}
	.filter {
		display: none;
	}

	.page_content {
		padding: 72px 16px 16px;
	}

	.detail_side {
		float: none;
		width: auto;
	}
	.detail_main {
		margin: 0;
	}
	.page_switch a {
		margin: 0;
	}

	.grid_item_text {
		visibility: visible;
	}

}

@media (max-width: 639px), (max-height: 479px) {

	.page_nav ul {
		overflow: hidden;
	}
	.page_nav li {
		float: left; width: 50%;
	}
	.page_nav_meta {
		margin: 0;
	}
	.page_nav_toggle_close {
		margin-top: 8px;
	}

}

@media (max-width: 479px) {

	.page_nav li {
		float: none; width: auto;
	}
	.grid_column_sizer, .grid_item_1col, .grid_item_2col, .grid_item_3col { width: 100%; }

}