@charset "utf-8";
/* CSS Document */


/* These fonts are licensed under the OPEN FONT LICENSE (OFL): https://scripts.sil.org/OFL  */


/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../pics/bilder/fonts/barlow/barlow-v12-latin-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v12-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v12-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v12-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v12-latin-600.svg#Barlow') format('svg'); /* Legacy iOS */
}



/* barlow-condensed-300 - latin, Designed by Jeremy Tribby */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-300.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-condensed-regular - latin, Designed by Jeremy Tribby */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-regular.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}

/* barlow-condensed-600 - latin, Designed by Jeremy Tribby */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../pics/bilder/fonts/barlow-condensed/barlow-condensed-v12-latin-600.svg#BarlowCondensed') format('svg'); /* Legacy iOS */
}



body { font-family: 'Barlow', Calibri, Arial, sans-serif; font-size: 20px; text-align:left; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; ackground-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size:contain; }

@media only screen and (max-width:1200px) {body { font-size: 38px; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; }}


.h1 {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; margin-top:0px; font-size: 1.8em; font-weight:600; color: #377b27; text-align:left; line-height: 1.0;}
.h2 {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; margin-top:20px; font-size: 1.3em; font-weight:600; color: #377b27; text-align:left; line-height: 1.3;}
.h3 {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; margin-top:0px; font-size: 1.3em; color: #ffffff; font-weight:600; text-align:left; line-height: 1.4;}
.h4 {font-family: 'Barlow', Calibri, Arial, sans-serif; margin-top:0px; font-size: 1.1em; color: #bc1e41; font-weight:600; text-align:left; line-height: 1.3;}
.h5 {font-family: 'Barlow', Calibri, Arial, sans-serif; margin-top:0px; font-size: 1.1em; color: #bc1e41; font-weight:600; text-align:left; line-height: 1.3;}
.p {margin-top:0px; font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.bold {margin-top:0px; font-size: 1em; color: #ffffff; text-align:left; line-height: 1.5; font-weight:600;}
.p1 {margin-top:0px; font-size: 0.8em; color: #ffffff; text-align:left; line-height: 1.5;}
.p2 {margin-top:0px; font-size: 0.9em; color: #FFF; text-align:left; line-height: 1.5;}
.p3 {margin-top:0px; font-size: 1em; color: #ffffff; text-align:left; line-height: 1.5;}
.p4 {margin-top:0px; font-size: 1em; color: #000000; text-align:left; line-height: 1.5;}
.p5 {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; margin-top:0px; font-size: 1em; color: #000; text-align:left; line-height: 1.3; font-weight:300; text-align:center;}
.p6 {margin-top:0px; font-size: 1em; color: #000; text-align:left; line-height: 1.3; font-weight:300; text-align:center;}
.innung {margin-top:0px; font-size: 1.1em; color: #ffffff; text-align:center; line-height: 1.2; font-weight:300;}
.innung2 {margin-top:0px; font-size: 1em; color: #ffffff; text-align:center; line-height: 1.2;}
.bildschornsteinfeger {width:28px; height:auto;}
.guetesiegel {width:150px; height:auto;}

@media only screen and (max-width:1200px) {
.h1 {margin-top:0px; font-size: 1.6em; font-weight:600; color: #377b27; text-align:left; line-height: 1.0;}
.h2 { margin-top:20px; font-size: 1.2em; font-weight:600; color: #377b27; text-align:left; line-height: 1.0;}
.h3 {margin-top:0px; font-size: 1.2em; color: #ffffff; font-weight:600; text-align:left; line-height: 1.3;}
.h4 {margin-top:0px; font-size: 1.2em; color: #bc1e41; font-weight:600; text-align:left; line-height: 1.3;}
.h5 {margin-top:0px; font-size: 1.2em; color: #bc1e41; font-weight:600; text-align:left; line-height: 1.3;}
.p {margin-top:0px; font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.bold {margin-top:0px; font-size: 1.2em; color: #ffffff; text-align:left; line-height: 1.5; font-weight:600;}
.p1 {margin-top:0px; font-size: 0.9em; color: #ffffff; text-align:left; line-height: 1.5;}
.p2 {margin-top:0px; font-size: 1em; color: #ffffff; text-align:center; line-height: 1.2;}
.p3 {margin-top:0px; font-size: 1em; color: #ffffff; text-align:left; line-height: 1.5;}
.p4 {margin-top:0px; font-size: 1em; color: #000000; text-align:left; line-height: 1.5;}
.bildschornsteinfeger {width:40px; height:auto;}
.innung {margin-top:0px; font-size: 1.4em; color: #ffffff; text-align:center; line-height: 1.2; font-weight:300;}
.innung2 {margin-top:0px; font-size: 1.1em; color: #ffffff; text-align:center; line-height: 1.2;}
.guetesiegel {width:300px; height:auto;}
 }
 
bold {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight:600; font-size:1.1em;}
strong {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight:600; font-size:1.1em;}

a. {text-decoration: none; color: #295d38; }
a:link {text-decoration: none; color: #295d38; } a:visited {text-decoration: none; color: #a3a2a2; } a:hover {text-decoration: none; color: #FFF; background-color:#377b27;} a:active {text-decoration: none; color: #a3a2a2; } a:focus {text-decoration: none; color: #FFF; background-color:#377b27; }
a.h3 {text-decoration: none; color: #FFF; } a.h3:visited {text-decoration: none; color: #FFF;} a.h3:hover {text-decoration: none; color: #bc1e41;} a.h3:active {text-decoration: none; color: #FFF; }
a.h4 {font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; text-decoration: underline; color: #377b27; } a.h4:visited {text-decoration: none; color: #377b27;} a.h4:hover {text-decoration: none; color: #CCC;} a.h4:active {text-decoration: none; color: #CCC; } a.h4:focus {text-decoration: none; color: #FFF; background-color:#377b27; }
a.h5 {text-decoration: none; color: #FFF; } a.h5:visited {text-decoration: none; color: #FFF;} a.h5:hover {text-decoration: none; color: #bc1e41;} a.h5:active {text-decoration: none; color: #FFF; }

.foto { width:30%; height:auto; box-shadow: 0px 0px 6px #999999; float:right; margin-left:20px;}
.foto50 { width:50%; height:auto; box-shadow: 0px 0px 6px #999999; float:right; margin-left:20px;}
#vorteile { width:80%; height:auto; box-shadow: 0px 0px 6px #999999; float:left; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:30px; border-radius:8px;}
@media only screen and (max-width:1200px) {
	#vorteile { width:80%; height:auto; box-shadow: 0px 0px 6px #999999; float:left; padding-left:10%; padding-right:10%; padding-top:80px; padding-bottom:80px; border-radius:8px;}
	.foto50 { width:100%; height:auto; box-shadow: 0px 0px 6px #999999; float:right; margin-left:20px; margin-bottom:60px;}}

#logo { margin-left:auto; margin-right:auto; width:300px; height:auto;}
#logo-banner { margin-left:0px; margin-right:0px; background-color:#FFF;  box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9); position:absolute; z-index:300; min-width:860px; width:100%; height:290px; top:0px; margin-top:0px; }
.logo { width: 255px; margin-top:0px;}
@media only screen and (max-width:1200px) {
	#logo { margin-left:auto; margin-right:auto; width:680px; height:auto;}
	#logo-banner { margin-left:0px; margin-right:0px; background-color:#FFF;  box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9); position:absolute; z-index:300; width:100%; height:880px;}
	.logo { width: 680px;}}

.wrapper { background-color:#98b53d; width:100%;}

#content {width:68%; height:auto; margin-left:11%; margin-right:11%; padding-left:5%; padding-right:5%; padding-top:120px; margn-top: 50px; padding-bottom:80px; background-color:#FFF; float:left;}
@media only screen and (max-width:1366px) {#content { width: 88%; height:auto; padding-left:5%; padding-right:5%;  margin-left:1%; margin-right:1%; margin-top:5px; }}
@media only screen and (max-width:1200px) { #content {width:90%; height:auto; padding-left:0%; padding-right:0%;  margin-left:5%; margin-right:5%; padding-top:80px; padding-bottom:80px;}}

.terminbutton { font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size: 1.4em; font-weight:600; width:auto; height:auto; color: #FFF; padding-top:10px; padding-bottom:15px; padding-left:10px; padding-right:13px; background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9); border-radius:8px; margin-top:0px; }
a.terminbutton {text-decoration: none; color: #FFF; } a.terminbutton:visited {text-decoration: none; color: #FFF;} a.terminbutton:hover {text-decoration: none; color: #FFF; background-image:url(../pics/bilder/hg-.jpg);} a.terminbutton:active {text-decoration: none; color: #FFF; background-image:url(../pics/bilder/hg-.jpg);}
@media only screen and (max-width:1200px) { .terminbutton { padding-top:20px; padding-bottom:30px; padding-left:20px; padding-right:26px; font-size: 1.2em; }}

bildbuttons { width: 70%; height:auto; padding-left:15%; padding-right:15%; padding-top:80px; float:left;  background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover; padding-bottom:80px; margin-top:-5px;}
@media only screen and (max-width:1366px) {bildbuttons { width: 90%; height:auto; padding-left:5%; padding-right:5%; }}
#bildbuttons {  margin-top:80px;}
#bildbutton { width: 48%; height:auto; background-color:#FFF; margin-left:1%; margin-right:1%; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9); float:left; margin-bottom:27px;}
.bildbutton { width: 100%; height:auto; }
.bildbuttonicon { width: 30%; height:auto; padding-left:35%; padding-right:35%;  }
#bildbuttontext { width: 100%; height:auto; padding-left:0%; padding-right:0%; background-color:#FFF; text-align:center; padding-bottom:40px; padding-top:20px; line-height:0.3; }
.bildbuttontext { text-decoration: none; color: #377b27; text-align:center; font-weight:600; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size:1.4em; }
a.bildbuttontext {text-decoration: none; color: #377b27; text-align:center; font-weight:600; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-size:1.4em;  } a.bildbuttontext:visited {text-decoration: none; color: #377b27;} a.bildbuttontext:hover {text-decoration: none; color: #333;} a.bildbuttontext:active {text-decoration: none; color: #333; }
@media only screen and (max-width:1200px) {	
.bildbuttonicon { width: 40%; height:auto; padding-left:30%; padding-right:30%;  }
#bildbutton { width: 98%; height:auto; background-color:#FFF; margin-left:1%; margin-right:1%; margin-bottom:80px;}
bildbuttons { width: 90%; height:auto; padding-left:5%; padding-right:5%; padding-top:80px; float:left; margin-top:-10px; }
#bildbuttontext { width: 100%; height:auto; padding-left:0%; padding-right:0%; background-color:#FFF; text-align:center; padding-bottom:40px; padding-top:40px; line-height:0.3; }}

.header-bild {width:100%; height:auto; margin:0px; padding:0px;  }
.header-bild-farbe {width:100%; height:auto; margin:0px; padding:0px; }
#header-left {width:50%; height:auto; margin-left:0px; float:left; margin-top:280px; line-height:0.0;}
#header-right {width:50%; height:auto; margin-right:0px; float:right; margin-top:280px;}
#header-left- {width:50%; height:auto; margin-left:0px; float:left; margin-top:280px; line-height:0.0;}
#header-right- {width:50%; height:auto; margin-right:0px; float:right; margin-top:280px;}
header {width:100%; height:auto; margin-left:0px; float: left;}
#text { padding-top:180px; width:30%; padding-left:10%; padding-right:10%; height:auto; position:absolute; z-index:500; }
@media only screen and (max-width:1200px) {
#header-left { padding-top:400px; width:100%; height:auto; margin-left:0px; float:left; margin-top:0px; padding-bottom:0px; margin-left:0px; width:100%; margin-right:auto; float:left; height:auto; margin-top:450px; padding-bottom:40px; padding-left:0%; padding-right:0%; }
#header-right {width:100%; height:auto; margin-right:0px; float:right; margin-top:-40px; }
#header-left- { padding-top:0px; width:100%; height:auto; margin-left:0px; float:right; margin-top:-40px; padding-bottom:0px; margin-left:0px; width:100%; margin-right:auto; float:left; height:auto; margin-top:0px; padding-bottom:0px; padding-left:0%; padding-right:0%; }
#header-right- {width:100%; height:auto; margin-right:0px; float:left; margin-top:450px; padding-top:430px;}
#text { padding-top:80px; width:80%; padding-left:10%; padding-right:10%; height:auto; position:absolute; z-index:500; padding-top: 120px; padding-bottom:40px; }
.header-bild-farbe {width:100%; height:790px; margin:0px; padding:0px; }
header {width:100%; height:auto; margin-left:0px; float: left; }
}




#content2 { margin-left:auto; margin-right:auto; width:80%; padding-left:10%; padding-right:10%; height:auto; background-image:url(../pics/bilder/schornsteinfeger-hg.jpg); background-repeat:repeat margin-top:450px; padding-bottom:200px;}
@media only screen and (max-width:1200px) {	#content2 { margin-left:auto; margin-right:auto; width:80%; padding-left:10%; padding-right:10%; height:auto; background-image:url(../pics/bilder/schornsteinfeger-hg.jpg); background-repeat:repeat; margin-top:180px; padding-bottom:200px;}}

#header-schornsteinfeger { width:50%; height:auto; margin-top:300px; float:right; margin-left:auto; margin-right:0px; right:0px; margin-bottom:0px; padding-bottom:0px; line-height:0.0;}	
@media only screen and (max-width:1200px) {	#header-schornsteinfeger { width:0px; height:0px; margin:0px; padding:0px; visibility:hidden;}	}

.header {line-height:0.0; margin:0px; margin-top:-10px; padding:0px; height:auto; border:none; font-size:0px;}	

#header-schornsteinfeger2600 { width:50%; height:auto; margin-top:300px; float:right; margin-left:auto; margin-right:0px; right:0px; margin-bottom:0px; padding-bottom:0px; line-height:0.0;}	
@media only screen and (max-width:1600px) {	#header-schornsteinfeger2600 { width:0px; height:0px; margin:0px; padding:0px; visibility:hidden;}	}

#header-schornsteinfeger1600 { width:0px; height:0px; margin:0px; padding:0px; visibility:hidden; line-height:0.0;}	
@media only screen and (max-width:1600px) {	#header-schornsteinfeger1600 { width:50%; height:auto; margin-top:300px; float:right; margin-left:auto; margin-right:0px; right:0px; margin-bottom:0px; padding-bottom:0px; line-height:0.0; visibility:visible;}	}
@media only screen and (max-width:1200px) {	#header-schornsteinfeger1600 { width:0px; height:0px; margin:0px; padding:0px; visibility:hidden;line-height:0.0;}	}

#header-schornsteinfeger-m { width:0px; height:0px; margin:0px; padding:0px; visibility:hidden;}	
@media only screen and (max-width:1200px) {	#header-schornsteinfeger-m { min-width:860px; width:100%; height:auto; margin-top:850px; visibility:visible;}	}
	
#navigation-top-bg {min-width:860px; width:100%; top:260px; margin-right:0px; height:50px; padding-top:0px; position:absolute; z-index:990; background-image:url(../pics/bilder/navi-bg-.png); background-repeat:repeat-x; }
#navigation-top {margin-top:0px; width:660px; height:39px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:330px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; text-align:left; margin-left:330px;  }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 320px; text-align: left; margin-left:40px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:8px; padding-bottom:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 1.4em; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #FFF; font-weight:600;}

.menu1 {display: block; width: 37px; height: 37px; margin-left: auto; margin-right:auto; margin-top:0px; margin-bottom:0px; background-color: transparent; background-image: url(../pics/bilder/navi.png); background-size:37px; background-position:right; background-repeat:no-repeat;  box-shadow: 0px 6px 12px hsla(250, 10%, 10%, 0.9); }
	input#menu1 {display:none}
.menu1-overlay { position: fixed; height:0%; width:0%; z-index:5; top:0px; left:0px; background-color:#999; }
	.line-1 {margin-left:10px;  height: 2px; width: 16px; background: #FFF; border-radius: 0px; color: #000;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 13px; }
	.line-1:nth-child(2) { margin-top: 18px; }
	.line-1:nth-child(3) { margin-top: 23px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(5px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-5px) rotate(45deg);}
	#menu1:checked + .menu1 + #navigation-top-menu { height:auto; max-height: 1500px; min-width:500px;  margin-bottom:60px;  padding-top:30px; padding-bottom:30px;  margin-top:0px; margin-left:332px; background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9); z-index:990; position: absolute;}
	#menu1:checked + .menu1 + #navigation-top-menu + .menu1-overlay { position: absolute; height:900px; width:100%; z-index:5; margin-top:0px; left:0px; background-color: transparent;}

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:860px; max-width:1200px; width:100%; top:800px; margin-right:0px; height:115px; position:absolute; z-index:990;  background-image:url(../pics/bilder/navi-bg.png); background-repeat:repeat-x; }
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:-46px; height: auto; max-height:0px; width:400px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; text-align:left; padding-left:0px; margin-left:0px; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 400px; width:100%; text-align: center; margin-left:60px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0px; padding-right: 0px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 1.4em; font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; font-weight: 300; text-align:left;}


label.menu1 {display: block; width: 240px; height: 100px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; background-image:background-image: url(../pics/bilder/navi.png); background-size:100px; background-position:right; background-repeat:no-repeat; border-color:#000; box-shadow: none;  }
	input#menu1 {display:none}
	.line-1 {margin-left:169px;  height: 7px; width: 40px;   background: #FFF; border-radius: 0px; color: #000;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; }
	.line-1:nth-child(2) { margin-top: 46px; }
	.line-1:nth-child(3) { margin-top: 60px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-14px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 1500px; min-width:800px; width:100%;  background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover;  margin-bottom:60px; padding-bottom:190px; padding-top:90px; margin-left:0px; margin-top:-20px; }
	
	#menu1:checked + .menu1 + #navigation-top-menu + .menu1-overlay { position: absolute; height:900px; width:100%; z-index:5; margin-top:-140px; left:0px; background-color: transparent;}
}


#siegelbild { float:right; width:200px; height:auto; right:60px; top:324px; position:absolute; z-index:800;}
.siegelbild { width:100%; height:auto; box-shadow: 0px 0px 9px #000;}

@media only screen and (max-width:1200px) {
#siegelbild { float:right; width:250px; height:auto; right:0px; top:858px; position:absolute; z-index:300;}
.siegelbild { width:100%; height:auto;}}

#footer {height:auto; width:68%; padding-left:16%; padding-right:16%; padding-top:70px; padding-bottom:200px; margin-left:auto; margin-right:auto; margin-top:0px;  background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover; box-shadow: 0px 5px 5px #000; float:left;}
@media only screen and (max-width:1366px) {#footer {height:auto; width:88%; padding-left:6%; padding-right:6%;}}

#footer-box-innung {width:40%; float:left; text-align:center; margin-top:-100px;}
#footer-box-copyright {width:100%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:120px; padding-left:0%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}
.bildschornstein {width:20px; height:auto; margin-top:30px;}

@media only screen and (max-width:1200px) {
	#footer {min-width:100%; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:70px; padding-bottom:400px; margin-left:auto; margin-right:auto; margin-top:0px; background-color:#000; float:left;}
#footer-box {width:90%; float:left; margin-left:5%; margin-right:5%;}
#footer-box-innung {width:90%; float:left; margin-left:5%; margin-right:5%; text-align:left; margin-top:0px;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:300px; padding-left:1%; text-align:left;}
.bildcookie {width:50px; height:auto;}
.bildschornstein {width:50px; height:auto; margin-top:0px; margin-bottom:0px;}
.bildinnung {width:300px; height:auto; margin-top:80px;}}


#footernavi-footerbox {min-width:860px; width:100%; height:auto; float:left; padding:0px; margin-left:0px; margin-right:0px; margin-top:40px;   background-image:url(../pics/bilder/hg.jpg); background-repeat:no-repeat; background-size: cover;}
#footernavi {padding-top: 20px; width:90%; padding-left:5%; padding-right:5%; height:60px; float:left;  margin-top:0px; }
#footer-box { width: 30%; float:left; }
#footer-box-siegel { width: 20%; float:left; background-color:#FFF; border-radius:8px; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.9);   }
#footer-box-siegel- { width: 50%; float:left; background-color:#FFF; border-radius:8px; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.4);   }
.footer-box-siegel { width: 70%; float:left; margin-left:15%; margin-right:15%; padding-bottom:10px; padding-top:20px;  }
#info-footerbox {padding-top: 0px; padding-left: 0px; width:auto; float:left; padding-right:0px;  }
#navigation-footerbox { }
a.button-footerbox { font-family: 'Barlow Condensed', Calibri, Arial, sans-serif; display: block; width: 98%; height: auto; padding-top: 6px; padding-left: 2%; padding-right:0%; text-decoration: none; font-size: 1.2em; font-weight:400; color: #FFF; padding-bottom: 8px;  line-height: 1.0; text-align:left; float:left; }

a.button-footerbox:hover {text-decoration: none; background-color:#0e4879; color:#FFF; } a.button-footerbox:active {text-decoration: none; } a.button-footerbox:focus { background-color:#0e4879; color:#FFF;}

@media only screen and (max-width:1200px) {
	#footernavi {padding-top: 0px; padding-left: 0px; width:100%; height:740px; float:left; padding-right:0px;margin-top:0px; }
	#footer-box {width: 80%;}
	#info-footerbox {padding-top: 0px; padding-left: 0px; width:100%; float:left; padding-right:0px; }
	#navigation-footerbox { min-height: 130px; min-width:600px; width:100%; padding-left:0%; padding-top:10px;}
a.button-footerbox { display: block; width: 90%; height: 80px; padding-top: 10px; padding-left: 2%; padding-right:0px; text-decoration: none; font-size: 1.3em; color: #FFF; margin-bottom: 0px;  line-height: 1.2; margin-bottom:5px; text-align:left; 
}
#footer-box-siegel { width: 70%; margin-left:15%; margin-right:15%; margin-top:70px; }
#footer-box-siegel- { width: 100%; margin-left:0%; margin-right:0%; margin-top:70px; }
.footer-box-siegel { width: 50%; margin-left:25%; margin-right:25%;   }
}

.header-galerie { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:0px; height:auto; border:none; text-align:center; margin-bottom:0px; margin-top:0px; padding:0px; line-height:0.0;  }
.header-galerie-bild { width:100%; height:auto; border:none; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding:0px;   }
.header-galerie-bild1 { width:100%; height:auto; border:none; margin-bottom:0px; margin-top:0px; padding:0px;  }
.header-galerie figure { position: absolute; display: inline-block; top:280px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding:0px; z-index:100; animation: wechseln 20s infinite; -webkit-animation: wechseln 20s infinite; width:100%; opacity: 0;}
.header-galerie figure:last-of-type { position:relative;  }

@media only screen and (max-width:1200px) {
xheader-galerie figure { top:880px;}
.header-galerie { width:0px; height:0px; visibility:hidden; display:none; }
.header-galerie-bild { width:0px; height:0px; visibility:hidden; display:none;   }
.header-galerie figure { width:0px; height:0px; visibility:hidden; display:none;   }
}

@keyframes wechselnx {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
	}
	
	@keyframes wechselnx {
	0% {opacity: 0;}
	5% {opacity: 1;}
	25% {opacity: 1;}
	30% {opacity: 0;}
	100% {opacity: 0;}
	}
	
	@keyframes wechseln {
	0% {opacity: 0;}
	10% {opacity: 1;}
	25% {opacity: 1;}
	30% {opacity: 0;}
	100% {opacity: 0;}
	}

.header-galerie figure:nth-of-type(1) { animation-delay: 0s; }
.header-galerie figure:nth-of-type(2) { animation-delay: 5s;  }
.header-galerie figure:nth-of-type(3) { animation-delay: 10s;  }
.header-galerie figure:nth-of-type(4) { animation-delay: 15s; }

.header-galerie figure:nth-of-type(1x) { animation-delay: 0s; }
.header-galerie figure:nth-of-type(2x) { animation-delay: 4s;  }
.header-galerie figure:nth-of-type(3x) { animation-delay: 8s;  }
.header-galerie figure:nth-of-type(4x) { animation-delay: 12s; }

#top { width:50px; height:50px; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.4); background-color: #377b27; border-radius:50%; text-align:center; position:fixed; right:20px; bottom:20px; }
@media only screen and (max-width:1200px) {
#top { width:120px; height:120px; box-shadow: 0px 0px 12px hsla(250, 10%, 10%, 0.4); background-color: #377b27; border-radius:50%; text-align:center; position:fixed; right:20px; bottom:20px; }
}



#navigation-top-ls1 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1:checked + .ls1  + #navigation-top-ls1 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1-:checked + .ls1-  + #navigation-top-ls1- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1-- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1-- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1-- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1--:checked + .ls1--  + #navigation-top-ls1-- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1--- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1--- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1--- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1---:checked + .ls1---  + #navigation-top-ls1--- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1---- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1---- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1---- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1----:checked + .ls1----  + #navigation-top-ls1---- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1----- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1----- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1----- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1-----:checked + .ls1-----  + #navigation-top-ls1----- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1------ { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1------ {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1------ {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1------:checked + .ls1------  + #navigation-top-ls1------ { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1------- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1------- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1------- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1-------:checked + .ls1-------  + #navigation-top-ls1------- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	#navigation-top-ls1-------- { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls1-------- {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; }
	input#ls1-------- {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls1--------:checked + .ls1--------  + #navigation-top-ls1-------- { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:60px; padding-top:65px; }
	
	.plusminus { color:#FFF; }
	#ls1:checked + .ls1 .plusminus { color: #373f79; }
	#ls1-:checked + .ls1- .plusminus { color: #373f79; }
	#ls1--:checked + .ls1-- .plusminus { color: #373f79; }
	#ls1---:checked + .ls1--- .plusminus { color: #373f79; }
	#ls2:checked + .ls2 .plusminus { color: #373f79; }
	#ls3:checked + .ls3 .plusminus { color: #373f79; }
	#ls4:checked + .ls4 .plusminus { color: #373f79; }
	#ls5:checked + .ls5 .plusminus { color: #373f79; }
	#ls6:checked + .ls6 .plusminus { color: #373f79; }
	#ls7:checked + .ls7 .plusminus { color: #373f79; }
	#ls8:checked + .ls8 .plusminus { color: #373f79; }
	#ls9:checked + .ls9 .plusminus { color: #373f79; }
	#ls10:checked + .ls10 .plusminus { color: #373f79; }
	#ls11:checked + .ls11 .plusminus { color: #373f79; }
	#ls12:checked + .ls12 .plusminus { color: #373f79; }
	#ls13:checked + .ls13 .plusminus { color: #373f79; }
	
	.plusminus2 { color:#FFF; }
	#ls2:checked + .ls2 .plusminus2 { color: #373f79; }

	
	
	
	
	#navigation-top-ls2 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls2 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls2 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls2:checked + .ls2  + #navigation-top-ls2 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls3 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls3 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls3 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls3:checked + .ls3  + #navigation-top-ls3 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	
		#navigation-top-ls4 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls4 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls4 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls4:checked + .ls4  + #navigation-top-ls4 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;  box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	
			#navigation-top-ls5 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls5 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls5 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls5:checked + .ls5  + #navigation-top-ls5 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;  box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
				#navigation-top-ls6 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls6 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls6 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls6:checked + .ls6  + #navigation-top-ls6 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
					#navigation-top-ls7 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls7 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls7 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls7:checked + .ls7  + #navigation-top-ls7 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls8 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls8 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls8 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls8:checked + .ls8  + #navigation-top-ls8 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls9 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls9 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls9 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls9:checked + .ls9  + #navigation-top-ls9 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls10 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls10 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls10 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls10:checked + .ls10  + #navigation-top-ls10 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC; margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls11 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls11 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls11 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls11:checked + .ls11  + #navigation-top-ls11 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC; margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls12 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls12 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls12 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls12:checked + .ls12  + #navigation-top-ls12 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC; margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls13 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls13 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls13 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls13:checked + .ls13  + #navigation-top-ls13 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;  box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls14 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls14 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls14 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls14:checked + .ls14  + #navigation-top-ls14 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF; box-shadow: 0px 0px 10px #CCC;   margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls15 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls15 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls15 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls15:checked + .ls15  + #navigation-top-ls15 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;  box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	
	#navigation-top-ls16 { margin-top:0px; height: auto; max-height:0px;  min-width: 600px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent;  } 
label.ls16 {display: block; width: 100%; height: 90px; margin-top:0px; margin-bottom:0px; background-color: #373f79; }
	input#ls16 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	#ls16:checked + .ls16  + #navigation-top-ls16 { height:auto; max-height: 100000px; min-width:90%; width:90%; padding-left:5%; padding-right:5%; margin-bottom:20px; background: #FFF;  box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:40px; padding-top:65px; }
	

[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-900px;}
[type="checkbox"]:focus + label::before { width:400px; height:auto; left:200px; padding-top:20px; padding-bottom:20px; background-color: #FFF; box-shadow: 0px 0px 10px #666; display:block; content:"Leertaste drücken um + Menü zu öffnen"; position: absolute; margin-top:-80px; border-color:#0CF; border-width:1px; border-style:solid; padding-left:20px; font-size:1.3em;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden; position:absolute; left:-900px;}	

input#menu1:focus {display: block; left:-200px; width: 120px; height: 110px;  background-color:#999; }

@media only screen and (max-width:1200px) {
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-900px;}
[type="checkbox"]:focus + label::before { width:400px; height:auto; left:-900px; padding-top:20px; padding-bottom:20px; background-color: #FFF; box-shadow: 0px 0px 10px #666; display:block; content:"+ Menü öffnen bitte Leertaste drücken"; position: absolute; margin-top:80px; border-color:#0CF; border-width:1px; border-style:solid; padding-left:20px; font-size:1.3em;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden; position:absolute; left:-900px;}	
}

.faqtextbutton {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400; width:90%; height:auto; float:left; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; background-color: #373f79; color:FFF; margin-bottom:30px; border-radius:5px;}
a.faqtextbutton {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400; width:90%; height:auto; float:left; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; background-color: #373f79; color:FFF;  margin-bottom:30px; border-radius:5px;}
@media only screen and (max-width:1200px) {a.faqtextbutton {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400; width:90%; height:auto; float:left; padding-left:5%; padding-right:5%; padding-top:60px; padding-bottom:60px; background-color: #373f79; color:FFF;  margin-bottom:30px;}}

a.faqtextbutton:hover { font-weight:600; }
a.faqtextbutton:activ { background-color:#377b27;}