@import url(font-roboto.css);
@import url(animations.css);

/* Reset */
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	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: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	body {
		-webkit-text-size-adjust: none;
	}

	
	
	
/* Box Model */
	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	
	
/* Basic */	
	body {
		margin: 0;
		padding: 0;
		font-family: 'robotoregular', Arial, Helvetica, sans-serif;
		font-size: 16px;
		-webkit-text-size-adjust: none;
		line-height: 1.71429;
		color: #fff;
		background: #000;
	}
	
		/* body {
			min-height:100vh;
			height: 100%;
			height: 100vh;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;		
			-webkit-flex-direction: column;

			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;  
			display: -ms-flexbox;
		} */
	
	html {
		height: 100%;
	}
	
	strong, b {
		font-weight: 700;
	}
	
	em {
		font-style: italic;
	}
	
	p {
		margin: 0 0 10px 0;
	}
	
	a {
		-moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		-webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		-ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
		transition: border-bottom-color 0.2s ease, color 0.2s ease;
		text-decoration: none;
		color: #fff;
		/*border-bottom: dotted 1px rgba(88, 88, 88, 0.5);*/
	}

		/*a:hover {
			border-bottom-color: transparent;
			color: #128fdc !important;
		}*/
	
	ol {
		padding: 0 0 10px 20px;
		list-style-type: decimal;
	}
	ul {
		padding: 0 0 10px 20px;
		list-style-type: disc;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid rgba(0,0,0,0.2);
		margin: 1em 0;
		padding: 0;
		clear: both;
		max-width: 68em;
		margin: 0 auto 1em auto;
	}
	
	hr.horiz_white {
		display: block;
		height: 10px;
		border: 0;
		margin:0;
		padding: 0;
		clear: both;
		max-width: 100%;
		background: #fff;
	}
	
	hr.vert_white {
		display: block;
		height: 100%;
		width: 10px;
		border: 0;
		margin:0;
		padding: 0;
		clear: both;
		background: #fff;
		z-index: 100;
		position: relative;
	}
	
	@media screen and (max-width: 980px) {
	
		hr.vert_white {
			width: 1%;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
	
		hr.vert_white {
			display: block;
			height: 10px;
			border: 0;
			margin:0;
			padding: 0;
			clear: both;
			max-width: 100%;
			width: 100%;
			background: #fff;
			overflow: hidden;
		}
	
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0 0 1em 0;
		font-weight: normal;
		line-height: 1.16;
		letter-spacing: 0px;
	}	
		h1 {
			font-size: 2.25em;
			margin: 0 0 0.5em 0;
			line-height: 1.3;
			font-weight: normal;
		}
		
		h2 {
			font-size: 1.5em;
		}
		
		h3 {
			font-size: 1.25em;
			font-weight: bold;
		}
		
			/*@media screen and (max-width: 1680px) {

				h1 {
					font-size: 2.25em;
				}

			}
			
			@media screen and (max-width: 980px) {

				h1 {
					font-size: 2em;
				}

			}*/

			@media screen and (max-width: 736px) {

				h1 {
					font-size: 2em;
					line-height: 1.4;
				}

				h2 {
					font-size: 1.25em;
				}

			}
		
	.clear, .clearSpace {
		margin: 0;
		padding: 0;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	
		.clearSpace {
			height: 20px;
		}
		
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.txtCenter {
		text-align: center;
	}
	
	.txtKap {
		text-transform: uppercase;
		font-family: 'robotobold', Arial, Helvetica, sans-serif;
	}
	
	.hidden {
		display: none !important;
		visibility: hidden !important;
	}
	
	.help {
		cursor: help;
	}
	
	
	
/* Standards */		
	.bg_white {
		background: #fff;
		color: #000;
	}
	
	.bg_black50 {
		background: rgba(0,0,0,0.5);
		color: #fff;
	}
	
	.bg_grey50 {
		background: #282c2c;
		/*background: #2F373D;*/
	}
	.bg_grey25 {
		background: #141919;
	}
	
	.txt_center {
		text-align: center;
	}
	
	.txt_right {
		text-align: right;
	}
	
	.txt_white {
		color: #fff;
	}
	
	.txt_padding {
		padding: 0 1em;
	}
	
	.txt_padding_right {
		padding: 0 1em 0 0;
	}
	
	.txt_padding_bottom {
		padding: 0 4em 0 0;
	}
	
	.txt_padding_left {
		padding: 0 0 0 1em;
	}
	
	@media only screen and (max-width: 767px) {
	
		.txt_padding_right, .txt_padding_left {
			padding: 0 1em 0 1em;
		}
	}
	
	.txt_blue {
		color: rgb(3,47,75);
	}

	

/* Row */		
	.row {
		display: -webkit-box;
		display:flex;
		display:-webkit-flex;
		display: -ms-flexbox;
		width:100%;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		overflow: hidden;
	} 	
	
	.col50 {
		width: 50%;
	}
	
	.col60 {
		width: 60%;
	}
	
	.col40 {
		width: 40%;
	}
	
	.col29 {
		width: 29%;
	}
	
	.col30 {
		width: 30%;
	}
	
	.col39 {
		width: 39%;
	}
	
	.col25 {
		width: 25%;
	}
	
	.col70 {
		width: 70%;
	}
	
	.col33 {
		width: 33.33333%;
	}
	
	@media only screen and (max-width: 767px) {
	
		.col50, .col60, .col40, .col30, .col25, .col70, .col33, .col29, .col70, .col39  {
			width: 100%;
		}
		#shop .col25 {
			width: 50%;
		}
	}
	
	@media screen and (min-width: 768px) and (max-width: 980px) {

		#shop .col25 {
			width: 33.33333%;
		}
		
		#product .col50 {
			width: 100%;
		}
	}
	
	@media screen and (min-width: 980px) and (max-width: 1200px) {

		#product .col50 .col60,
		#product .col50 .col40		{
			width: 100%;
		}
	}
	
	@media only screen and (min-width: 1600px) {
	
		#shop .col25 {
			width: 20%;
		}
	
	}
		
		
		
		
		
/* Wrapper */
	#wrapper{
		position: relative;
	}
	
	#wrapper > * > .inner {
		width: 100%;
		/*max-width: 68em;*/
		margin: 0 auto;
		margin: 0;
		padding: 0 2.5em;
	}

		@media screen and (max-width: 736px) {

			#wrapper > * > .inner {
				padding: 0 1.25em;
			}

		}
		
	
	

		
		
	
	
	
/* Menu */	
	#menu {
		-moz-transform: translateX(22em);
		-webkit-transform: translateX(22em);
		-ms-transform: translateX(22em);
		transform: translateX(22em);
		-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
		-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
		-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
		transition: transform 0.45s ease, visibility 0.45s;
		position: fixed;
		top: 0;
		right: 0;
		width: 22em;
		max-width: 80%;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		/*background: #032f4b !important;*/
		background: linear-gradient(70deg, rgb(3,47,75) 25%, rgb(0,0,51));
		color: #fff;
		cursor: default;
		visibility: hidden;
		z-index: 1000000;
	}

		#menu > .inner {
			-moz-transition: opacity 0.45s ease;
			-webkit-transition: opacity 0.45s ease;
			-ms-transition: opacity 0.45s ease;
			transition: opacity 0.45s ease;
			-webkit-overflow-scrolling: touch;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 2.75em;
			opacity: 0;
			overflow-y: auto;
		}

			#menu > .inner > ul {
				list-style: none;
				margin: 0 0 1em 0;
				padding: 0;
			}

				#menu > .inner > ul > li {
					padding: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.15);
				}

					#menu > .inner > ul > li a {
						display: block;
						padding: 1em 0;
						line-height: 1.5;
						border: 0;
						color: inherit;
						font-weight: normal;
						font-size: 1.75em;
						font-size: 1.25em;
						text-transform: uppercase;
						font-family: 'robotobold', Arial, Helvetica, sans-serif;
					}

					#menu > .inner > ul > li:first-child {
						border-top: 0;
						margin-top: -2em;
					}
					
						#menu > .inner > ul > li > ul {
							list-style: none;
							margin: 0 0 1em 0;
							padding: 0;
						}
						
							#menu > .inner > ul > li > ul > li > a {
								display: block;
								padding: 1em 0;
								line-height: 1.25;
								border: 0;
								color: inherit;
								font-weight: normal;
								font-size: 0.7em;
								text-transform: uppercase;
								font-family: 'robotobold', Arial, Helvetica, sans-serif;
							}

		#menu > .close {
			-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
			-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
			-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
			transition: opacity 0.45s ease, transform 0.45s ease;
			-moz-transform: scale(0.25) rotate(180deg);
			-webkit-transform: scale(0.25) rotate(180deg);
			-ms-transform: scale(0.25) rotate(180deg);
			transform: scale(0.25) rotate(180deg);
			-webkit-tap-highlight-color: transparent;
			display: block;
			position: absolute;
			top: 1.5em;
			left: -6em;
			width: 6em;
			text-indent: 6em;
			height: 3em;
			border: 0;
			font-size: 1em;
			opacity: 0;
			overflow: hidden;
			padding: 0;
			white-space: nowrap;
		}

			#menu > .close:before, #menu > .close:after {
				-moz-transition: opacity 0.2s ease;
				-webkit-transition: opacity 0.2s ease;
				-ms-transition: opacity 0.2s ease;
				transition: opacity 0.2s ease;
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: 2em 2em;
			}

			#menu > .close:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23FFFFFF%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 0;
			}

			#menu > .close:after {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23FFFFFF%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
				opacity: 1;
			}

			#menu > .close:hover:before {
				opacity: 1;
			}

			#menu > .close:hover:after {
				opacity: 0;
			}

		@media screen and (max-width: 736px) {

			#menu {
				-moz-transform: translateX(16.5em);
				-webkit-transform: translateX(16.5em);
				-ms-transform: translateX(16.5em);
				transform: translateX(16.5em);
				width: 16.5em;
			}

				#menu > .inner {
					padding: 2.75em 1.5em;
				}

				#menu > .close {
					top: 0.5em;
					left: -4.25em;
					width: 4.25em;
					text-indent: 4.25em;
				}

					#menu > .close:before, #menu > .close:after {
						background-size: 1.5em 1.5em;
					}

		}

	body.is-menu-visible #wrapper {
		pointer-events: none;
		cursor: default;
		opacity: 0.25;
	}
	
	/*body.is-menu-visible #header.header_shade  {
		position:relative;
		margin: -150px 0 0 0;
	}*/
	
	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		visibility: visible;
	}

		body.is-menu-visible #menu > * {
			opacity: 1;
		}

		body.is-menu-visible #menu .close {
			-moz-transform: scale(1.0) rotate(0deg);
			-webkit-transform: scale(1.0) rotate(0deg);
			-ms-transform: scale(1.0) rotate(0deg);
			transform: scale(1.0) rotate(0deg);
			opacity: 1;
		}	
		
		
		

/* Main */

	#main {
		padding: 4em 0 4em 0 ;
		position: relative;
		background-image: url(../img/001.jpg);
		height: 100vh;
		min-height: 100%;
		background-size: cover;
	}

		@media screen and (max-width: 736px) {

			#main {
				padding: 0em 0 4em 0 ;
			}

		}	
		
		#main a {
			text-decoration: none;
		}
		
	

		
/* Footer */

	#footer {
		padding: 2em 0 2em 0;
		text-align: left;
		background: url(../img/Hintergrund_Holz_1920x2280.jpg) no-repeat;
		background-position: 50% 60%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color: rgba(0,0,0,0.8);
		font-size: 14px;
	}

	@media only screen and (min-width: 280px) and (max-width: 480px) {
	
		#footer {
			background-position: 50% 100%;
		}
		
	}
	
	@media screen and (min-width: 768px) and (max-width: 980px) {
	
		#footer .col50 {
			width: 100%;
		}
	}
	
	@media only screen and (min-width: 1200px) {
	
		#footer .inner {
			max-width: 1200px;
			margin: 0 auto;
		}
	}
	
		#footer	a {
			text-decoration: none;
			color: rgba(0,0,0,0.8);
			border-bottom: none;
			text-decoration: none;
		}
		
		#footer .bottom_shade {
			padding: 0;
			position: absolute;
			bottom:0;
			background: linear-gradient(to top, rgba(3,47,75,0.5), transparent);
			width: 100%;
			height: 75px;
		}
		
		#footer em {
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			font-weight: normal;
			letter-spacing: normal;
			font-style: normal;
		}
		
		#footer .footer_logo {
			float: left;
			width: 125px;
			margin: 0 40px 0 0;
		}
		
		@media screen and (max-width: 736px) {
		
			#footer .footer_logo {
				width: 100px;
				margin: 0 30px 0 0;
			}
			
		}
		
		@media only screen and (min-width: 280px) and (max-width: 480px) {
		
			#footer .footer_logo {
				width: 80px;
				margin: 0 10px 0 0;
			}
		
		}
		
			#footer .footer_logo img {
				width: 100%;
				height: auto;
			}
			
		#footer .socialmedia_box {
			padding: 0;
		}
		
			#footer .socialmedia_box a {
				display:block;
				float: left;
				border: rgba(0,0,0,0.8) 1px solid;
				padding: 5px 25px;
				margin: 0 15px;
			}
			
			@media only screen and (min-width: 980px) and (max-width: 1200px) {
			
				#footer .socialmedia_box a {
					padding: 5px 15px;
					margin: 0 10px;
				}
			
			}
			
			@media screen and (max-width: 736px) {

				#footer .socialmedia_box a {
					padding: 5px 15px;
					margin: 0 5px;
				}
			
			}
			
			@media only screen and (min-width: 280px) and (max-width: 480px) {
				
				#footer .socialmedia_box a {
					padding: 5px 5px;
					margin: 0 5px;
				}
				
			}
			
			@media screen and (max-width: 980px) {
			
				#footer .socialmedia_box.right {
					float: none;
					overflow: hidden;
					display:table;
					margin: 0 auto;
				}
				
			}
			
			@media only screen and (min-width: 280px) and (max-width: 480px) {

				#footer .socialmedia_box a {
					padding: 3px 10px;
					margin: 0 3px;
				}

			}
		
		#footer .footer_border {
			margin: 30px 0 0 0;
			padding: 20px 0 20px 0;
			border-left: 3px dotted rgba(0,0,0,0.8);
			overflow: hidden;
		}

		@media only screen and (min-width: 980px) and (max-width: 1200px) {
		
			#footer .footer_border {
				margin: 30px 0 0 20px;
			}
		}

		@media screen and (max-width: 980px) {

			#footer .footer_border {
				border-left: none;
				margin: 0;
			}

		}	

		
		
		
	
/* Header */
	#header {
		padding: 0;
		position: relative;
		/*bottom: 150px;
		right: 0;*/
	}
	
		#header.header_shade {
			padding: 0;
			top:0;
			position: fixed;
			background: linear-gradient(to top, transparent, rgba(3,47,75,0.9));
			width: 100%;
			height: 130px;
			-webkit-backface-visibility: hidden;
			z-index: 1000000;
		}
		
		#header.product_page, 
		#header.header_scroll {
			padding: 0;
			top:0;
			position: fixed;
			/*background: linear-gradient(70deg, rgb(3,47,75) 25%, rgb(0,0,51));*/
			background: rgb(3,47,75);
			width: 100%;
			height: 75px;
			-webkit-backface-visibility: hidden;
			z-index: 1000000;
		}
		
		@media only screen and (max-width: 767px) {
		
			#header.product_page, 
			#header.header_scroll {
				height: 60px;
			}
		}
		
		#header .logo {
			display: block;
			border-bottom: 0;
			color: inherit;
			font-weight: normal;
			letter-spacing: 0.01em;
			margin: 0;
			text-decoration: none;
			display: inline-block;
			font-size: 36px; 
			position: fixed;
			-webkit-backface-visibility: hidden;
		}

			#header .logo > * {
				display: inline-block;
				vertical-align: middle;
			}

			#header .logo .symbol {
				margin: 0;
				-webkit-backface-visibility: hidden;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition: all .3s ease;
				-ms-transition: all .3s ease;
				transition: all .3s ease;
			}
			
			@media only screen and (min-width: 1600px) {
				
				#header .logo .symbol {
					width: 200px;
				}
				
				#header.product_page .logo .symbol {
					width: 115px;
					margin: 10px 0 0 1em;
				}
				
				#header.header_scroll .logo .symbol {
					width: 115px;
					margin: 10px 0 0 1em;
				}
				
			}
			
			@media only screen and (min-width: 768px) and (max-width: 1600px) { 
		
				#header .logo .symbol {
					width: 200px;
				}
				
				#header.product_page .logo .symbol {
					width: 115px;
					margin: 10px 0 0 1em;
				}
				
				#header.header_scroll .logo .symbol {
					width: 115px;
					margin: 10px 0 0 1em;
				}
				
			}
			
			@media only screen and (max-width: 767px) {
			
				#header .logo .symbol {
					width: 125px;
				}
				
				#header.product_page .logo .symbol {
					width: 90px;
				}
				
				#header.header_scroll .logo .symbol {
					width: 90px;
				}
			
			}

				#header .logo .symbol img {
					display: block;
					width: 100%;
					height: auto;
					margin: -20px 0 0 0;
					-webkit-backface-visibility: hidden;
				}
				
				@media only screen and (max-width: 767px) {
			
					#header .logo .symbol img {
						margin: -10px 0 0 0;
					}
				
				}
		
		
		#header nav {
			position: fixed;
			left: 18em;
			top: 1em;
			z-index: 10000;
		}
		
		@media only screen and (min-width: 768px) and (max-width: 1600px) { 
		
			#header nav {
				left: 14em;
			}
		
		}
		
			#header nav ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				/*-moz-align-items: left;
				-webkit-align-items: left;
				-ms-align-items: left;
				align-items: left;*/
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#header nav ul.mobil {
				display: none;
			}
			
			
			
			@media screen and (max-width: 1200px) {
		
				#header nav {
					left: auto;
					right: 2em;
				}
				
				#header nav ul.desk {
					display: none;
				}
				
				#header nav ul.mobil {
					display: block;
				}
				
			}
			
				#header nav ul li {
					display: block;
					padding: 0;
				}

					#header nav ul li a {
						display: block;
						position: relative;
						height: 3em;
						line-height: 3em;
						padding: 0 2.5em;
						border-radius: 0;
						border: 0;
						font-size: 1em;
						font-weight: normal;
						/*letter-spacing: 0.35em;*/
						letter-spacing: normal;
						text-transform: uppercase;
						text-align: left;
						cursor: pointer;
						font-family: 'robotobold', Arial, Helvetica, sans-serif;
					}
					
						/*#header nav ul li a.active {
							border-bottom: 1px solid #fff;
							border-top: 1px solid #fff;
							height: 2em;
							line-height: 1.9em;
							margin: 0.5em 2.5em 0 2.5em;
						}*/
					
					#header nav ul li a[href="#menu"] {
						-webkit-tap-highlight-color: transparent;
						width: 4em;
						text-indent: 4em;
						font-size: 1em;
						overflow: hidden;
						padding: 0;
						white-space: nowrap;
					}

						#header nav ul li a[href="#menu"]:before, 
						#header nav ul li a[href="#menu"]:after {
							-moz-transition: opacity 0.2s ease;
							-webkit-transition: opacity 0.2s ease;
							-ms-transition: opacity 0.2s ease;
							transition: opacity 0.2s ease;
							content: '';
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-position: center;
							background-repeat: no-repeat;
							background-size: 2em 2em;
							z-index: 1000010;
						}

						#header nav ul li a[href="#menu"]:before {
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23FFFFFF%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
							opacity: 0;
						}

						#header nav ul li a[href="#menu"]:after {
							background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23FFFFFF%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
							opacity: 1;
						}

						#header nav ul li a[href="#menu"]:hover:before {
							opacity: 1;
						}

						#header nav ul li a[href="#menu"]:hover:after {
							opacity: 0;
						}

		@media screen and (max-width: 736px) {

			#header {
				padding: 4em 0 0.1em 0 ;
			}

				#header nav {
					right: 0.5em;
					top: 0.5em;
				}

					#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
						background-size: 1.5em 1.5em;
					}

		}



/* Second UL Nav */		
	#header nav ul li ul {
		display: block;
		padding: 0;
		min-width: 1000px;
		position: absolute;
		margin: 0 0 0 40px;
	}
	
		#header nav ul li ul li {
			display: inline;
			padding: 0;
			float: left;
		}
		
			#header nav ul li ul li a {
				display: block;
				position: relative;
				line-height: 22px;
				height: 23px;
				padding: 0;
				margin: 0 2em 0 0;
				border-radius: 0;
				border: 0;
				font-size: 12px;
				text-transform: uppercase;
				overflow: hidden;
				font-weight: normal;
				letter-spacing: normal;
				font-family: 'robotobold', Arial, Helvetica, sans-serif;
			}
			
				#header nav ul li ul li a.active {
					border-bottom: 1px solid #fff;
					border-top: 1px solid #fff;
					line-height: 20px;
					height: 23px;
				}
				
				
				
				
				
		
/* content Elements */			
	.content {
		height: 100vh;
		margin: 0;
		padding: 0;
		overflow: visible;
		position: relative;
	}
		
		.content .bottom_shade {
			padding: 0;
			position: absolute;
			bottom:0;
			background: linear-gradient(to top, rgba(3,47,75,0.5), transparent);
			width: 100%;
			height: 75px;
		}
		
		.content a {
			display: block;
		}
			
	.contentplus {
		background-color: #fff; 
		height: 500px;
		position: relative;
	}
	
	@media screen and (min-width: 1680px) {

		.contentplus {
			height: 600px;
		}
		
	}
	
	@media only screen and (max-width: 767px) {
		
		.contentplus {
			height: 600px;
		}
		
	}
	
		.contentplus .bottom_shade {
			padding: 0;
			position: absolute;
			bottom:0;
			background: linear-gradient(to top, rgba(3,47,75,0.5), transparent);
			width: 100%;
			height: 75px;
			z-index: 10;
		}
		
		@media only screen and (max-width: 767px) {
			
			.contentplus #energy_left .bottom_shade,
			.contentplus #lifeline_left .bottom_shade,
			.contentplus #accessoire_left .bottom_shade,
			.contentplus #look_left .bottom_shade {
				bottom: 300px;
			}
			
			.contentplus #energy_right .bottom_shade,
			.contentplus #lifeline_right .bottom_shade,
			.contentplus #accessoire_right .bottom_shade,
			.contentplus #look_right .bottom_shade {
				bottom: 0;
			}
			
		}
	
	
	
	
	
/* Second full screen pic row - not in menu */		
	.contentplus100vh {
		background-color: #fff; 
		min-height: 100%;
		height: 100vh;
		position: relative;
	}
	
		.contentplus100vh .bottom_shade {
			padding: 0;
			position: absolute;
			bottom:0;
			background: linear-gradient(to top, rgba(3,47,75,0.5), transparent);
			width: 100%;
			height: 75px;
			z-index: 10;
		}





/* Text in between */			
	.contenttxt {
		background-color: #fff; 
		position: relative;
		background: url(../img/Hintergrund_Holz_1920x2280.jpg) no-repeat;
		background-position: 50% 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color: rgba(0,0,0,0.8);
		overflow: hidden;
		clear: both;
	}
	
	/*@media only screen and (max-width: 767px) {
			
		.contenttxt {
			background-size: 1300px auto;
		}
				
	}*/
	
		.contenttxt h1, .contenttxt .h1_headline {
			display: table;
			margin: 0 auto 0 auto;
			padding: 0;
			font-size: 16px;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			text-align: center;
			text-indent: -99999em;
		}
		
			.contenttxt.contenttxt_intro h1 {
				/*width: 55%;
				height: 90px;
				background: url(../img/Headline_1_1200x200.png) no-repeat;*/
				width: 42%;
				height: 90px;
				background: url(../img/Headline1_646x179.png) no-repeat;
				background-position: 50% 0;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			
			@media only screen and (min-width: 1600px) {
				
				.contenttxt.contenttxt_intro h1 {
					margin: 6em auto 0 auto;
				}
				
			}
			
			@media screen and (max-width: 980px) {

				.contenttxt.contenttxt_intro h1 {
					width: 90%;
					height: 70px;
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
					margin: -2em auto 0 auto;
				}

			}
			
			@media only screen and (max-width: 767px) {
			
				.contenttxt.contenttxt_intro h1 {
					width: 90%;
					height: 70px;
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
				}
				
			}
			
			@media only screen and (min-width: 280px) and (max-width: 480px) {

				.contenttxt.contenttxt_intro h1 {
					margin: 0 auto 0 auto;
				}

			}
			
			.contenttxt.contenttxt_look h1, .contenttxt.contenttxt_look .h1_headline {
				/*width: 65%;
				height: 105px;
				background: url(../img/Headline_2_1200x200.png) no-repeat;*/
				width: 60%;
				height: 150px;
				background: url(../img/Headline2a_1077x232.png) no-repeat;
				background-position: 50% 0;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			
			@media only screen and (max-width: 767px) {
			
				.contenttxt.contenttxt_look h1, .contenttxt.contenttxt_look .h1_headline {
					width: 100%;
					height: 80px;
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
				}
				
			}
			
			@media screen and (max-width: 980px) {

				.contenttxt.contenttxt_look h1, .contenttxt.contenttxt_look .h1_headline {
					width: 99%;
					/*height: 70px;*/
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
					margin: -2em auto 0 auto;
				}

			}
			
			@media only screen and (min-width: 1600px) {
				
				.contenttxt.contenttxt_look h1, .contenttxt.contenttxt_look .h1_headline {
					margin: 6em auto 0 auto;
				}
				
			}
			
			@media only screen and (min-width: 280px) and (max-width: 480px) {

				.contenttxt.contenttxt_look h1, .contenttxt.contenttxt_look .h1_headline {
					margin: 2em auto 0 auto;
				}

			}
			
			
			.contenttxt.contenttxt_download h1 {
				width: 50%;
				height: 115px;
				background: url(../img/Free-download_525x115.png) no-repeat;
				background-position: 50% 0;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			
			@media only screen and (max-width: 767px) {
			
				.contenttxt.contenttxt_download h1 {
					width: 99%;
					height: 70px;
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
				}
				
			}
			
			@media screen and (max-width: 980px) {

				.contenttxt.contenttxt_download h1 {
					width: 99%;
					/*height: 70px;*/
					-webkit-background-size: contain;
					-moz-background-size: contain;
					-o-background-size: contain;
					background-size: contain;
					margin: -2em auto 0 auto;
				}

			}
			
			@media only screen and (min-width: 1600px) {
				
				.contenttxt.contenttxt_download h1 {
					margin: 6em auto 0 auto;
				}
				
			}
			
			@media only screen and (min-width: 280px) and (max-width: 480px) {

				.contenttxt.contenttxt_download h1 {
					margin: -1em auto 0 auto;
				}

			}
		
		.contenttxt h2 {
			display: table;
			margin: 0.5em auto 4em auto;
			padding: 0;
			font-size: 16px;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			text-align: center;
		}
		
			.contenttxt.contenttxt_intro h2 {
				width: 60%;
			}
			
			@media only screen and (max-width: 767px) {
			
				.contenttxt.contenttxt_intro h2 {
					width: 90%;
				}
				
			}
		
			.contenttxt.contenttxt_look h2 {
				width: 70%;
			}
			
			@media only screen and (max-width: 767px) {
			
				.contenttxt.contenttxt_look h2 {
					width: 90%;
				}
				
			}
		
		.contenttxt p {
			text-align: justify;
			margin: 0 0 2em 0;
		}
		
		@media only screen and (max-width: 767px) {
			
			.contenttxt p {
				text-align: left;
			}
				
		}
		
		.contenttxt em {
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			font-weight: normal;
			letter-spacing: normal;
			font-style: normal;
		}
	
		.contenttxt .contentFrame {
			margin: 0 auto 0 auto;
			padding: 10em 0 5em 0 ;
			overflow: hidden;
			width: 1024px;
		}
		
		@media screen and (max-width: 1680px) {

			.contenttxt .contentFrame {
				width: 980px;
			}

		}
		
		@media screen and (max-width: 980px) {
		
			.contenttxt .contentFrame {
				width:90%;
			}
		
		}
		
		@media only screen and (max-width: 767px) {
		
			.contenttxt .contentFrame {
				width:100%;
			}
		
		}
		
		
		
		
	
	
	
/* Speech Bubbles */		
	.inner_content {
		width: 400px;
		height: 400px;
		position: absolute;
		/*background: #0d1735;*/
	}
	
		.inner_content h2, .subline {
			display: table;
			margin: 2em auto 0 auto;
			padding: 0;
			font-size: 12px;
			text-transform: uppercase;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
			line-height: 20px;
			height: 23px;
		}




/* content & pics Elements */		
	#intro {
		background: url(../img/WoodpeckersVintage_ThankYouForTheMusic_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	
		#intro .inner_content {
			background: url(../img/WoodpeckersVintage_ThankYouForTheMusic_1Zitat.png) no-repeat;
			background-size: 400px auto;
			width: 400px;
			height: 350px;
			top: 35%;
			left: 15%;
		}
		
		#intro .inner_content h1 {
			display: none;
		}
		
		#intro .inner_content h2, #into .subline {
			margin: 2em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#intro .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 35%;
				left: 5%;
			}
			
			#intro .inner_content h2, #into .subline {
				margin: 1.5em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#energy {
		background: url(../img/WoodpeckersVintatge_Energiekick_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 10%;
		background-position: 50% 50%\9 !important;
	}
	
		#energy .inner_content {
			background: url(../img/WoodpeckersVintatge_Energiekick_1Zitat.png) no-repeat;
			background-size: 450px auto;
			width: 450px;
			height: 320px;
			top: 35%;
			left: 15%;
		}
		
		#energy .inner_content h1 , #energy .headline {
			display: none;
		}
		
		#energy .inner_content h2, #energy .subline {
			margin: 3em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#energy .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 35%;
				left: 5%;
			}
			
			#energy .inner_content h2, #energy .subline {
				margin: 2em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
	
		#energy_left {
			background: url(../img/WoodpeckersVintatge_Energiekick_2.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 0;
			background-position: 50% 50%\9 !important;
		}
		
		#energy_right {
			background: url(../img/WoodpeckersVintatge_Energiekick_3.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 0;
			background-position: 50% 50%\9 !important;
		}
		
		@media only screen and (max-width: 767px) {
		
			#energy_left, #energy_right {
				height: 300px;
			}
			
		}
		
		
		
		
		
		
		
		
		
		
		
		
	#lifeline {
		background: url(../img/WoodpeckersVintage_Rettungsanker_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	
		#lifeline .inner_content {
			background: url(../img/WoodpeckersVintage_Rettungsanker_1Zitat.png) no-repeat;
			background-size: 450px auto;
			width: 450px;
			height: 320px;
			top: 35%;
			left: 15%;
		}
		
		#lifeline .inner_content h1, #lifeline .headline {
			display: none;
		}
		
		#lifeline .inner_content h2, #lifeline .subline {
			margin: 3em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#lifeline .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 35%;
				left: 5%;
			}
			
			#lifeline .inner_content h2, #lifeline .subline {
				margin: 2em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
		
		#lifeline_left {
			background: url(../img/WoodpeckersVintage_Rettungsanker_2.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		#lifeline_right {
			background: url(../img/WoodpeckersVintage_Rettungsanker_3.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		@media only screen and (max-width: 767px) {
		
			#lifeline_left, #lifeline_right {
				height: 300px;
			}
			
		}
		
	
	
	
	
	
	
	
	
	
	#look {
		background: url(../img/WoodpeckersVintage_Look_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
		
		#look .inner_content {
			background: url(../img/WoodpeckersVintage_Look_1Zitat.png) no-repeat;
			background-size: 450px auto;
			width: 450px;
			height: 300px;
			top: 35%;
			right: 10%;
			left: auto;
		}
		
		#look .inner_content h1, #look .headline {
			display: none;
		}
		
		#look .inner_content h2, #look .subline {
			margin: 3em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#look .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 35%;
				right: 5%;
			}
			
			#look .inner_content h2, #look .subline {
				margin: 2em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
	
		#look_left {
			background: url(../img/WoodpeckersVintage_Look_2.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		#look_right {
			background: url(../img/WoodpeckersVintage_Look_3.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		@media only screen and (max-width: 767px) {
		
			#look_left, #look_right {
				height: 300px;
			}
			
		}
	
	
	
	
	
	
	
	
	
	#accessoire {
		background: url(../img/WoodpeckersVintage_WeSaluteYou_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	
		#accessoire .inner_content {
			background: url(../img/WoodpeckersVintage_WeSaluteYou_1Zitat.png) no-repeat;
			background-size: 500px auto;
			width: 500px;
			height: 250px;
			top: 50%;
			right: 18%;
			left: auto;
		}
		
		#accessoire .inner_content h1, #accessoire .headline  {
			display: none;
		}
		
		#accessoire .inner_content h2, #accessoire .subline {
			margin: 1.8em auto 0 40%;
		}
		
		@media screen and (max-width: 736px) {
		
			#accessoire .inner_content {
				background-size: 300px auto;
				width: 300px;
				height: 200px;
				top: 50%;
				right: 2%;
			}
			
			#accessoire .inner_content h2, #accessoire .subline {
				margin: 1.2em auto 0 40%;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
	
		#accessoire_left {
			background: url(../img/Motiv5_b_1200x1000.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		#accessoire_right {
			background: url(../img/Motiv5_c_800x800.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		@media only screen and (max-width: 767px) {
		
			#accessoire_left, #accessoire_right {
				height: 300px;
			}
			
		}
	
	
	
	
	
	
	
	
	
	
	#upcomming {
		background: url(../img/WoodpeckersVintage_Preview_1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 0;
		background-position: 50% 50%\9 !important;
	}
	
		#upcomming .inner_content {
			background: url(../img/WoodpeckersVintage_Preview_1Zitat.png) no-repeat;
			background-size: 420px auto;
			width: 420px;
			height: 320px;
			top: 45%;
			left: 10%;
		}
		
		#upcomming .inner_content h1, #upcomming .headline {
			display: none;
		}
		
		#upcomming .inner_content h2, #upcomming .subline {
			margin: 6em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#upcomming .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 45%;
				left: 5%;
			}
			
			#upcomming .inner_content h2, #upcomming .subline {
				margin: 4em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
		
		#upcomming_left {
			background: url(../img/WoodpeckersVintage_Preview_2.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		#upcomming_right {
			background: url(../img/WoodpeckersVintage_Preview_3.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
		}
		
		@media only screen and (max-width: 767px) {
		
			#upcomming_left, #upcomming_right {
				height: 300px;
			}
			
		}

		
		
		
		
		
		
	#download {
		background: url(../img/WoodpeckersVintage_Goodies_2.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	
		#download .inner_content {
			background: url(../img/WoodpeckersVintage_Goodies_1Zitat.png) no-repeat;
			background-size: 450px auto;
			width: 450px;
			height: 225px;
			top: 50%;
			left: 10%;
		}
		
		#download .inner_content h1, #download .headline {
			display: none;
		}
		
		#download .inner_content h2, #download .subline {
			margin: 1.4em auto 0 40%;
		}
		
		@media screen and (max-width: 736px) {
		
			#download .inner_content {
				background-size: 300px auto;
				width: 300px;
				height: 200px;
				top: 50%;
				right: 2%;
			}
			
			#download .inner_content h2, #download .subline {
				margin: 1.2em auto 0 40%;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}
	
		#download_left {
			background: url(../img/WoodpeckersVintage_Goodies_1.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
			position: relative;
		}
		
		#download_right {
			background: url(../img/WoodpeckersVintage_Goodies_3.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
			position: relative;
		}
		
		@media only screen and (max-width: 767px) {
		
			#download_left, #download_right {
				height: 300px;
			}
			
		}
		
		#download2_left {
			background: url(../img/WoodpeckersVintage_Goodies_5.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
			position: relative;
		}
		
		#download2_right {
			background: url(../img/WoodpeckersVintage_Goodies_4.jpg) no-repeat;
			background-position-x: 0%;
			background-position-y: 0%;
			background-attachment: scroll;
			background-size: auto auto;
			background-attachment: scroll;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			background-position: 50% 50%;
			background-position: 50% 50%\9 !important;
			position: relative;
		}
		
		@media only screen and (max-width: 767px) {
		
			#download2_left, #download2_right {
				height: 300px;
			}
			
		}
		
		#download_left a, #download_right a, #download2_left a, #download2_right a  {
			background: url(../img/download_Button_130x151.png) no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			display:block;
			position: absolute;
			bottom: 2em;
			left: 2em;
			width: 90px;
			height: 105px;
			text-indent: -999999em;
		}
		
		@media only screen and (max-width: 767px) {
		
			#download_left a, #download_right a, #download2_left a, #download2_right a  {
				width: 60px;
				height: 70px;
			}
			
		}
		
	



	#soon {
		background: url(../img/Motiv1_1920x1280.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-position: 50% 50%\9 !important;
	}
	
		#soon .inner_content {
			background: url(../img/Coming-soon_485x389.png) no-repeat;
			background-size: 400px auto;
			width: 400px;
			height: 350px;
			top: 35%;
			left: 15%;
		}
		
		#soon .inner_content h1, #soon .headline {
			display: none;
		}
		
		#soon .inner_content h2, #soon .subline {
			margin: 2em auto 0 auto;
		}
		
		@media screen and (max-width: 736px) {
		
			#soon .inner_content {
				background-size: 250px auto;
				width: 250px;
				height: 200px;
				top: 35%;
				left: 5%;
			}
			
			#soon .inner_content h2, #soon .subline {
				margin: 1.5em auto 0 auto;
				font-size: 10px;
				line-height: 12px;
				height: 15px;
			}
		
		}



	
		
		
/* Swiper */	
	.swiper-container, .swiper-fix {
		margin: 0;
		position: relative;
		overflow: hidden;
		z-index: 1;
		height: 500px;
		background: #000;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.swiper-container, .swiper-fix {
			height: 600px;
		}
		
	}
	
	@media screen and (max-width: 736px) {
	
		.swiper-container, .swiper-fix {
			height: 300px;
		}
	}
	
	.swiper-slide .bottom_shade {
		padding: 0;
		position: absolute;
		bottom:0;
		background: linear-gradient(to top, rgba(3,47,75,0.5), transparent);
		width: 100%;
		height: 75px;
		z-index: 2;
	}
	
	.swiper-txt {
		position: absolute;
		height: auto;
		z-index: 1000;
		bottom: 4em;
		margin: 0 0 0 4em;
		overflow: hidden;
	}
	
		.swiper-txt  h1 {
			display: table;
			margin: -0.4em 0 0.2em 0;
			padding: 0;
			bottom: 0;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			text-transform: uppercase;
		}
	
		.swiper-txt h2 {
			display: table;
			margin: 0;
			padding: 0;
			font-size: 16px;
			text-transform: uppercase;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
			line-height: 20px;
			height: 23px;
		}
		
			.swiper-txt.txt_blue h2 {
				border-bottom: 1px solid rgb(3,47,75);
				border-top: 1px solid rgb(3,47,75);
			}
		
		.swiper-txt span {
			display: block;
			margin: 0;
			padding: 0;
			bottom: 0;
			overflow: hidden;
			font-weight: normal;
			letter-spacing: normal;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			font-size: 1.25em;
			margin: 0 0 0.25em 0;
		}
		
	@media screen and (max-width: 736px) {
			
		.swiper-txt {
			bottom: 3em;
			margin: 0 0 0 1.5em;
		}
	}
	
	#slide_0 {
		background: url(../img/WoodpeckersVintage_ShopOpener3.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 0 70%;
		background-position: 50% 50%\9 !important;
	}
	
	/*@media screen and (max-width: 736px) {
			
		#slide_0 .txt_blue {
			color: #fff;
		}
		
		#slide_0 .swiper-txt.txt_blue h2 {
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
		}
	}*/

	#slide_1 {
		background: url(../img/WoodpeckersVintage_ShopOpener1.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 70%;
		background-position: 50% 50%\9 !important;
	}
	
	#slide_2 {
		background: url(../img/WoodpeckersVintage_ShopOpener2.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 70%;
		background-position: 50% 50%\9 !important;
	}
	
	#slide_3 {
		background: url(../img/WoodpeckersVintage_ShopOpener6.jpg) no-repeat;
		background-position-x: 0%;
		background-position-y: 0%;
		background-attachment: scroll;
		background-size: auto auto;
		background-attachment: scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 50% 70%;
		background-position: 50% 50%\9 !important;
	}
	
	
	
	
	
	
	
/* Swiper Produkte*/		
	#product .swiper-container {
		width: 100%;
		background: #fff;
		height: 200px;
	}
	
	@media only screen and (min-width: 1600px) {
		
		#product .swiper-container {
			height: 300px;
		}
		
	}
	
	@media screen and (max-width: 736px) {
	
		#product .swiper-container {
			height: 130px;
		}
	
	}
	
	#product .swiper-slide {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-color: #fff;
	}
	
	/*@media only screen and (min-width: 1600px) {
		
		#product .swiper-slide {
			background-size: contain;
		}
		
	}*/
	
	.gallery-top {
		min-height: 700px;
		width: 100%;
		margin: 0;
	}
	
	@media only screen and (min-width: 1600px) {
		
		.gallery-top {
			min-height: 800px;
		}
		
	}
	
	@media screen and (min-width: 737px) and (max-width: 1200px) {
	
		.gallery-top {
			min-height: 800px;
		}
	
	}
	
	@media screen and (max-width: 736px) {
	
		.gallery-top {
			min-height: 600px;
		}
	
	}
	
	@media screen and (min-width: 0px) and (max-width: 480px) {
	
		.gallery-top {
			min-height: 400px;
		}
	
	}
	
	.gallery-thumbs {
		height: 80%;
		box-sizing: border-box;
		padding: 10px 0;
		width: 100%;
		cursor: pointer;
	}
	
	.gallery-thumbs .swiper-slide {
		width: 25%;
		height: 80%;
		opacity: 0.4;
	}
	
	/*@media screen and (max-width: 736px) {
	
		.gallery-thumbs .swiper-slide {
			height: 60%;
			opacity: 1;
		}
	
	}*/
	
	.gallery-thumbs .swiper-slide-thumb-active {
		opacity: 1;
	}
	
	/* Blaue Pfeile */
	.swiper-button-prev.swiper-button-white,
	.swiper-container-rtl .swiper-button-next.swiper-button-white {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23032f4b'%2F%3E%3C%2Fsvg%3E");
	}
	
	.swiper-button-next.swiper-button-white,
	.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23032f4b'%2F%3E%3C%2Fsvg%3E");
	}
	
	
	
	
	
	
	
	
	
	
/* Breadcrump */		
	.breadcrump ul {
		list-style: none;
		margin: 0 0 40px 0;
		padding: 0;
	}
	
	#product .breadcrump ul {
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
	}
	
		.breadcrump ul li {
			display: inline-block;
			margin: 0;
			padding: 0;
			color: rgba(0,0,0,0.4);
			text-transform: uppercase;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
		}
		
		#product .breadcrump ul li {
			font-family: 'robotoregular', Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
		
		.breadcrump ul li:after {
			content: "/";
			padding: 0 1em 0 1em;
		}
		
		.breadcrump ul li:last-child:after {
			content: "";
			padding: 0 1em 0 1em;
		}
		
		@media screen and (max-width: 736px) {
		
			#product .breadcrump ul {
				margin: 0 0 20px 0;
			}
	
			.breadcrump ul li {
				display: block;
			}
			
			#product .breadcrump ul li {
				display: inline-block;
			}
			
			.breadcrump ul li:after {
				content: "";
				padding: 0;
			}
			
			#product .breadcrump ul li:after {
				content: "/";
				padding: 0 1em 0 1em;
			}
		
		}
		
		.breadcrump ul li a {
			color: rgba(0,0,0,0.4);
		}
		
		#product .breadcrump ul li a,
		#product .breadcrump ul li span {
			color: rgba(0,0,0,0.4);
			text-transform: none;
			font-family: 'robotoregular', Arial, Helvetica, sans-serif;
			border-bottom: rgba(0,0,0,0.2) 1px dotted;
		}
		
		#product .breadcrump ul li span {
			color: rgba(0,0,0,0.4);
			text-transform: none;
			font-family: 'robotoregular', Arial, Helvetica, sans-serif;
			border-bottom: none;
		}
		
			.breadcrump ul li a.active {
				color: rgb(3,47,75);
			}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* Shop */	
	#shop {
		background: #fff; 
		min-height: 500px;
		padding: 2em 4em;
	}
	
	@media screen and (max-width: 736px) {
	
		#shop {
			padding: 2em 2em;
		}
	
	}
		#shop img {
			width: 100%;
			height: auto;
		}
		
			#shop .row .col25 .txt_padding:first-child {
				padding: 0 1em 0 0;
			}
		
		#shop figure img {
			/*min-height: 289px;*/
			background: #eee;
			width: 100%;
			height: auto;
			display: block;
		}
		
		#shop figcaption {
			display: block;
			color: rgba(0,0,0,0.4);
			text-align: center;
			text-transform: uppercase;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0.5em 0 2em 0;
		}
		
			#shop figcaption .price {
				display: block;
				color: rgba(0,0,0,0.8);
				text-align: center;
				text-transform: uppercase;
				font-family: 'robotobold', Arial, Helvetica, sans-serif;
			}
			


/* Product */	
	#product {
		background: #fff; 
		min-height: 500px;
		padding: 9em 2em 4em 2em;
		color: rgba(0,0,0,0.4);
	}	

	@media screen and (max-width: 736px) {
		
		#product {
			padding: 7em 2em 4em 2em;
		}
	}
	
		#product h1 {
			text-transform: uppercase;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0 0 1em 0;
		}
	
		#product h2 {
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0;
		}
		
		#product h3 {
			display: block;
			border-bottom: rgba(0,0,0,0.2) 1px solid;
			margin: 20px 0 30px 0;
			position: relative;
		}
		
			#product h3 span {
				position: absolute;
				margin: -40px auto 0 auto;
				display: table;
				border-top: rgba(0,0,0,0.2) 1px solid;
				padding: 10px 20px 10px 20px;
				border-right: rgba(0,0,0,0.2) 1px solid;
				border-left: rgba(0,0,0,0.2) 1px solid;
				border-bottom: red 1px solid;
				border-bottom: none;
				border-radius: 10px 10px 0 0; 
				background: #fff;
				z-index: 2;
				left: 50%;
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				font-size: 16px;
				line-height: 20px;
			}
		
		#product .shop_link {
			display:block;
			background: url(../img/ETSY_Jetzt-kaufen_390x92.png) no-repeat;
			background-size: 320px auto;
			width: 320px;
			min-height: 75px;
			padding: 0 20px 0 0;
			text-align: right;
			line-height: 75px;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0 0 75px 0;
		}
		
		@media only screen and (max-width: 767px) {
		
			#product .shop_link {
				background-size: 250px auto;
				width: 250px;
				min-height: 59px;
				line-height: 59px;
				margin: 0 0 45px 0;
			}
			
		}
		
		@media only screen and (max-width: 1200px) {
		
			#product .shop_link {
				margin: 0 0 45px 0;
			}
			
		}
		
		@media only screen and (min-width: 1600px) {
	
			#product .shop_link {
				background-size: 390px auto;
				width: 390px;
				min-height: 92px;
				line-height: 92px;
			}	
		}
		
		#product p.mobil {
			display: none;
		}
		
		#product p.desc {
			padding: 25px 0 0 0;
		}
		
		@media only screen and (max-width: 1200px) {
			
			#product p.desk {
				display: none;
			}
			
			#product p.mobil {
				display: block;
			}
			
			#product p.desc {
				padding: 0 0 25px 0;
			}
			
		}
		
		#product .txt_padding {
			padding: 0 2em;
		}
		
		@media only screen and (max-width: 767px) {

			#product .txt_padding {
				padding: 0;
			}

		}
		
		#product hr {
			display: block;
			height: 1px;
			border: 0;
			border-top: 1px solid rgba(0,0,0,0.2);
			margin: 1em 0;
			padding: 0;
			clear: both;
			max-width: 20em;
			text-align: left;
		}
		
		#product hr.headline {
			display: block;
			height: 1px;
			border: 0;
			border-top: 1px solid rgba(0,0,0,0.2);
			margin: -45px 0 2em 0;
			padding: 0 0 0 0;
			padding: 0;
			clear: both;
			max-width: 100%;
			position: relative;
			z-index: 1;
		}
		
		#product .col40 {
			position: relative;
		}
		
		#product .pers_note {
			width: 240px;
			height: auto;
			color: #fff;
			overflow: hidden;
			margin: 40px auto 20px auto;
			padding: 0;
			position: absolute;
			bottom: 165px;
		}
		
		@media only screen and (max-width: 1200px) {
		
			#product .pers_note {
				margin: 0 auto 20px auto;
				position: relative;
				bottom: 0;
			}
		}
		
		/*#product .pers_note .pers_note_top {
			background: url(../img/Personal-Note_oben_294x120.png) no-repeat;
			background-size: 240px auto;
			background-position: 0 0;
			height: 40px;
		}*/
		
		#product .pers_note .pers_note_top {
			background: url(../img/pers_note_top.jpg) no-repeat;
			background-size: 240px 32px;
			background-position: 0 0;
			height: 32px;
			max-height: 32px;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
		/*#product .pers_note .pers_note_content {
			background: url(../img/Personal-Note_mitte_294x310.png) repeat-y;
			background-size: 240px auto;
			background-position: 0 0;
			min-height: 150px;
			overflow: hidden;
			font-size: 12px;
			padding: 0 2em 0 4em;
			text-align: center;
		}*/
		
		#product .pers_note .pers_note_content {
			background: url(../img/pers_note_main.jpg) no-repeat;
			background-size: 240px auto;
			background-position: 0 100%;
			min-height: 150px;
			overflow: hidden;
			font-size: 13px;
			margin: 0;
			padding: 0 2em 8em 4em;
			text-align: center;
		}
		
			#product .pers_note .pers_note_content .title {
				display: table;
				margin: 1em auto 2em auto;
				padding: 0;
				font-size: 12px;
				text-transform: uppercase;
				overflow: hidden;
				font-weight: normal;
				letter-spacing: normal;
				border-bottom: 1px solid #fff;
				border-top: 1px solid #fff;
				line-height: 20px;
				height: 23px;
			}
			
			#product .pers_note .pers_note_content hr {
				display: block;
				height: 1px;
				border: 0;
				border-top: 1px dotted rgba(255,255,255,1);
				margin: 1em 0;
				padding: 0;
				clear: both;
				max-width: 75%;
				margin: 0 auto 1em auto;
			}
		
		#product .pers_note .pers_note_bottom {
			background: url(../img/Personal-Note_unten_294x195.png) no-repeat;
			background-size: 240px auto;
			background-position: 0 100%;
			height: 90px;
		}
		
		#product .txt_padding em {
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			font-weight: normal;
			letter-spacing: normal;
			font-style: normal;
		}
		
/* Impressum Datenschutz */	
	#impressum, #datenschutz {
		background: #fff; 
		min-height: 500px;
		padding: 9em 2em 4em 2em;
		color: rgba(0,0,0,0.8);
	}	
	
	@media only screen and (max-width: 767px) {

		#impressum, #datenschutz {
			padding: 7em 2em 4em 2em;
		}
		
	}
	
	#impressum h1, #datenschutz h1 {
			text-transform: none;
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0 0 0.5em 0;
		}
	
		#impressum h2, #datenschutz h2 {
			font-family: 'robotobold', Arial, Helvetica, sans-serif;
			margin: 0 0 0.5em 0;
		}
		
		/*#impressum h3, #datenschutz h3 {
			display: block;
			border-bottom: rgba(0,0,0,0.2) 1px solid;
			margin: 20px 0 30px 0;
			position: relative;
		}*/