/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* poppins-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/poppins-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/poppins-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

 /* 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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
.cf:before,.cf:after{content: " ";display:table;}
.cf:after{clear:both;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */

body{font:400 16px/1.3 'Poppins', Arial, sans-serif;color:#333;background:#F7F7F4;min-width:280px;}
a{color:#333;text-decoration:underline;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
p{margin-bottom:30px;}
p:last-of-type,#footerAddresse p:last-of-type{margin-bottom:0;}
h1{font-weight:400;font-size:30px;margin:80px 0 60px;padding:0;text-align:center;background:url(../h1.svg) repeat-x center center;line-height:1.1;}
	h1 span{background:#F7F7F4;padding:0 20px;}
h2{font-weight:400;font-size:26px;margin:60px 0 20px;padding:0;}
h2:first-of-type{margin:0 0 20px;}
h3{font-weight:400;font-size:22px;margin:0 0 10px;padding:0;}
ul{margin:0 30px 30px;list-style:square;}
li{margin:0;padding:1px 0;}
img{max-width:100%;height:auto;}
.responsive{width:100%;height:auto;display:block;}
hr{clear:both;height:1px;margin:20px 0 30px;padding:0;border:1px solid #E7E4D9;}
em{font-style:italic;}



figure{padding:0;margin:0;width:100%;margin-bottom:40px;}
	figure > img{max-width:600px;}
	figcaption{background:#F4F4F4;padding:8px;font-size:1.6rem;text-align:center;}
	figure ul{line-height:0;-webkit-column-count:8;-webkit-column-gap:30px;-moz-column-count:8;-moz-column-gap:30px;column-count:8;column-gap:30px;list-style:none;padding:0;margin:0;}
	figure li{padding:0;margin:0;}
	figure li img{padding:0 0 30px;margin:0;}
	figure.video{position:relative;width:100%;height:0;padding-bottom:56.25%;}
	figure.video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
	figure.video.noCaption{margin-bottom:0;}	
	.videoCaption{width:100%;background:#F4F4F4;padding:8px;font-size:1.6rem;text-align:center;margin-bottom:40px;}

.section{position:relative;float:left;width:100%;}
.inner{width:100%;position:relative;max-width:880px;padding:25px 20px;margin:0 auto;}

header{background:#8D8472;position:fixed !important;height:150px;z-index:100;border-bottom:1px solid #fff;}
	#top{text-align:center;z-index:100;}
		#navigationTrigger{display:inline-block;color:#fff;padding:0 30px 0 0;background:url(../menu.svg) no-repeat right 40%;text-decoration:none;margin-right:20px;width:254px;vertical-align:middle;text-align:right;}
		#logo{display:inline-block;border-left:1px solid #fff;padding:0 20px;width:280px;vertical-align:middle;}
	nav{display:none;position:absolute;top:90px;left:calc(50% - 307px);width:260px;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;}
		.firstLevel{margin:0;padding:0;list-style:none;background:#F7F7F4;width:100%;text-align:left;}
			.firstLevel li{margin:0;padding:0;list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
			.firstLevel a{display:block;text-decoration:none;color:#000;padding:5px 10px;font-size:16px;text-align:right;}
			.firstLevel a:hover,.current{background:#fff;}
			.secondLevel{margin:-4px 0 4px 10px;list-style:none;}
				.secondLevel li,.firstLevel li:last-of-type{border-bottom:none;}
				.secondLevel a{font-size:14px;padding:2px 10px;}

#banner{position:fixed;top:150px;height:300px;background-repeat:no-repeat;background-position:center center;background-size:cover;}

main{position:relative;margin-top:450px;background:#F7F7F4;padding-bottom:80px;}
#google{width:100%;height:500px;border:1px solid #fff;}

footer{background:#E7E4D9;text-align:center;}
	#footerVdo{position:absolute;right:20px;top:20px;}
	#footerAddresse{display:inline-block;text-align:right;font-size:14px;border-right:1px solid #000;padding-right:20px;width:285px;vertical-align:middle;}
		#footerName{font-size:16px;}
		#footerAddresse p{margin-bottom:10px;}
	#footerLinks{display:inline-block;width:280px;vertical-align:middle;text-align:left;padding-left:15px;}
		#footerLinks a{display:inline-block;font-size:18px;text-decoration:none;padding:5px 0 5px 25px;}
		#footerLinks a:hover{text-decoration:underline;}
		#anfahrt{background:url(../anfahrt.svg) no-repeat left 40%;}
		#anfrage{background:url(../anfrage.svg) no-repeat left 40%;}

#copy{background:#8D8472;color:#fff;text-align:center;font-size:11px;padding:5px 20px;}
	#copy a{color:#fff;}


@media only screen and (max-width:620px){
#navigationTrigger{margin:0 auto 20px auto;width:auto;}
nav{top:50px;left:calc(50% - 130px);}
	.firstLevel a{text-align:center;}
#logo{border-left:none;border-top:1px solid #fff;;padding:20px 0 0;width:100%;text-align:center;}
#logo img{max-width:280px;margin:0 auto;}
#footerAddresse{text-align:center;border-right:none;border-bottom:1px solid #000;padding-right:0;padding-bottom:20px;width:100%;}
#footerVdo{position:relative;right:auto;top:auto;width:100%;border-top:1px solid #000;padding-top:20px;text-align:center;}
#footerLinks{width:100%;text-align:center;padding:20px 0;}
header{height:230px;}
}
@media only screen and (max-width:500px){
img.right,img.left,img.leftAlone{float:none;margin-left:auto;margin-right:auto;display:block;}
}

@media only screen and (max-width:555px){
figure ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
}