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

/* The Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at:
http://scripts.sil.org/OFL  */



/* source-sans-3-200 - latin     Designed by Paul D. Hunt  */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-200.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-300 - latin     Designed by Paul D. Hunt */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-regular - latin     Designed by Paul D. Hunt */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-italic - latin     Designed by Paul D. Hunt */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../bilder/fonts/source-sans/source-sans-3-v15-latin-italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/source-sans-3-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-3-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/source-sans-3-v15-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/source-sans-3-v15-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */
}


body { font-family: "Source Sans 3", sans-serif; font-size:18px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image: url(../bilder/pics/bg.jpg); background-repeat:repeat-x; background-position:top;  }
@media only screen and (max-width:1360px) {body { font-family: "Source Sans 3", sans-serif; font-size:18px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image:none;  }}
@media only screen and (max-width:1280px) {body { font-family: "Source Sans 3", sans-serif; font-size:28px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  background-image:none;  }}
@media only screen and (max-width:1200px) {body { font-family: "Source Sans 3", sans-serif; font-size:42px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image:none;}}
@media only screen and (max-width:1080px) {body { font-family: "Source Sans 3", sans-serif; font-size:52px; color:#000; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-image:none;}}

@media (prefers-color-scheme: dark) {body { color:#FFF; background-color:#27225f; }}

.wrapper { width:100%; min-width:860px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color: transparent; box-shadow: 0px 0px 9px #666; }
.link {text-decoration: none; color: #5069aa; list-style:none; font-weight:400;} a:link {text-decoration: none; color: #5069aa; font-weight:400;} a:visited {	text-decoration: none; color: #5069aa;} a:hover {text-decoration: none; color: #888888;} a:active {text-decoration: none; color: #5069aa;} a:focus { background-color:#9fc2c6; color:#000;}

@media (prefers-color-scheme: dark) {
	.link {text-decoration: underline; color: #FFF; list-style:none; font-weight:400;} a:link {text-decoration: underline; color: #FFF; font-weight:400;} a:visited {	text-decoration: underline; color: #5069aa;} a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #FFF;} a:focus { background-color:#9fc2c6; color:#000;} }

.h1 {font-size: 1.5em; color: #5069aa; text-align:left; line-height: 1.2; font-weight:400;}
.h1-leichtesprache {font-size: 2.5em; color: #5069aa; text-align:left; line-height: 1.3; font-weight:400;}
.h2 {font-size: 1.5em; color: #5069aa; text-align:left; line-height: 1.5; font-weight:400;}
.h3 { font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; }
.p {font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.p-leichtesprache {font-size: 1.5em; color: #000; text-align:left; line-height: 1.5; font-weight:400;}
.bold {font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:400;}
.p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 2.2; font-weight:300;}
.p3 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.7; font-weight:400;}

.leichtesprachetextbutton {font-size: 1.5em; 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;}
a.leichtesprachetextbutton {font-size: 1.5em; 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;}
@media only screen and (max-width:1200px) {a.leichtesprachetextbutton {font-size: 1.5em; 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;}}


@media (prefers-color-scheme: dark) {
	.h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.2; font-weight:400;}
.h1-leichtesprache {font-size: 2.5em; color: #FFF; text-align:left; line-height: 1.3; font-weight:400;}
.h2 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.h3 { font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; }
.p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.p-leichtesprache {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.p2 {color: #FFF; text-align:left; line-height: 2.2; font-weight:400;}
.p3 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.7; font-weight:400;}}


.direktlink {font-size: 0.9em; color: #000; text-align:right; line-height: 1.5; font-weight:400; padding-left:2%; padding-right:2%; }
a.direktlink:link {text-decoration: none; color: #000; } a.direktlink:visited {	text-decoration: none; color: #5069aa;} a.direktlink:hover {text-decoration: none; color: #888888;} a.direktlink:active {text-decoration: none; color: #5069aa;} a.direktlink:focus { background-color:#9fc2c6; color:#000;}

a.leichtesprachetextbutton:link {text-decoration: none; color: #FFF; } a.leichtesprachetextbutton:visited {	text-decoration: none; color: #FFF;} a.direktlink:hover {text-decoration: none; color: #FFF;} a.leichtesprachetextbutton:active {text-decoration: none; color: #FFF;} a.leichtesprachetextbutton:focus { background-color:#9fc2c6; color:#000;}

@media (prefers-color-scheme: dark) {
	.direktlink {font-size: 0.9em; color: #FFF; text-align:right; line-height: 1.5; font-weight:400; padding-left:2%; padding-right:2%; }
a.direktlink:link {text-decoration: none; font-weight:400; color: #FFF; } a.direktlink:visited {	text-decoration: none; color: #FFF;} a.direktlink:hover {text-decoration: none; color: #FFF;} a.direktlink:active {background-color:#9fc2c6; color:#000;} a.direktlink:focus { background-color:#9fc2c6; color:#000;}}

@media only screen and (max-width:1200px) {.direktlink {font-size: 0.7em; padding-left:0%; padding-right:2%; }}

.leichtesprachebild { width:25%; height:auto; float:right; padding-left:10%; }
@media only screen and (max-width:1280px) {.leichtesprachebild { width:40%; height:auto; float:right; padding-left:30%; padding-right:30%; padding-bottom:40px; }}
.leichtesprachebildkl { width:15%; height:auto; float:right; padding-left:10%; }
@media only screen and (max-width:1280px) {.leichtesprachebildkl { width:30%; height:auto; float:right; padding-left:35%; padding-right:35%; padding-bottom:40px; }}

.leichtesprachebild100 { width:100%; height:auto; float:right; padding-left:0%; }

#leichtesprachetextbutton { width:90%; height:auto; float:left; padding-left:5%; padding-right:5%; padding-top:20px; padding-bottom:20px; background-color: #e7eced; color:000; margin-bottom:30px; }
#leichtesprachetext { width:100%; height:auto; float:left; padding-left:0%; padding-right:0%; padding-top:20px; padding-bottom:20px;  margin-top:30px; }

@media only screen and (max-width:1200px) {#leichtesprachetextbutton { width:80%; height:auto; float:right; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:20px; background-color: #373f79; color:FFF; margin-bottom:30px;  }}

a.h3 {text-decoration: none; color: #FFF;  line-height: 1.5; } a:visited.h3 {text-decoration: none; color: #FFF;} a:hover.h3 {text-decoration: none; color: #a3a2a2;} a:active.h3 {text-decoration: none; color: #FFF; }
a.p2 {text-decoration: none; color: #FFF; } a:visited.p2 {text-decoration: none; color: #FFF;} a:hover.p2 {text-decoration: none; color: #a3a2a2;} a:active.p2 {text-decoration: none; color: #FFF; }
a.p3 {text-decoration: none; color: #FFF; } a:visited.p3 {text-decoration: none; color: #FFF;} a:hover.p3 {text-decoration: none; color: #a3a2a2;} a:active.p3 {text-decoration: none; color: #FFF; }
a.h4 {text-decoration: none; color: #ceae6f;  line-height: 1.5; } a:visited.h4 {text-decoration: none; color: #ceae6f;} a:hover.h4 {text-decoration: none; color: #ceae6f;} a:active.h4 {text-decoration: none; color: #ceae6f; }


#logo {width:20%; float:left; margin-left:0px; margin-top:0px; position:absolute; z-index:200;}
.logo {width:100%; height:auto;}
@media only screen and (max-width:1200px) {
	#logo {width:30%; float:left; margin-left:0px; margin-top:0px; position:absolute; z-index:200;}
.logo {width:100%; height:auto;}}

@media only screen and (max-width:1080px) {
	#logo {width:38%; float:left; margin-left:0px; margin-top:0px; position:absolute; z-index:200;}
.logo {width:100%; height:auto;}}

#header {width:100%; margin-left:0px; margin-right:0px; margin-top:0px; line-height:0.0;}
.header {width:100%; height:auto;}
@media only screen and (max-width:1200px) {
	#header {width:0px; height:0px; visibility:hidden;}
.header {width:0px; height:0px;}}
#header-mobil {width:0px; height:0px; visibility:hidden;}
.header-mobil {width:0px; height:0px;}
@media only screen and (max-width:1200px) {
	#header-mobil {width:100%; height: auto; margin-left:0px; margin-right:0px; margin-top:0px; visibility:visible; line-height:0.0;}
.header-mobil {width:100%; height:auto;}}

#banner-hg {width:100%; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#475d93; padding-top:70px; padding-bottom:70px; line-height:0.0; }
#banner {width:62%; margin-left:19%; margin-right:19%; margin-top:0px;  }
.banner-bild {width:46%; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:20px; box-shadow: 0px 0px 9px #322d6b;  }

@media only screen and (max-width:1366px) {	
#banner-hg {width:100%; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#475d93; padding-top:70px; padding-bottom:70px; line-height:0.0; }
#banner {width:80%; margin-left:10%; margin-right:10%; margin-top:0px;  }
.banner-bild {width:46%; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:20px; box-shadow: 0px 0px 9px #322d6b;  }}

@media only screen and (max-width:1200px) {	
#banner-hg {width:100%; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#475d93; padding-top:70px; padding-bottom:70px; line-height:0.0; }
#banner {width:90%; margin-left:5%; margin-right:5%; margin-top:0px;  }
.banner-bild {width:46%; margin-left:2%; margin-right:2%; margin-top:20px; margin-bottom:20px; box-shadow: 0px 0px 9px #322d6b;  }}

@media only screen and (max-width:1080px) {	
#banner-hg {width:100%; margin-left:0px; margin-right:0px; margin-top:0px; background-color:#475d93; padding-top:70px; padding-bottom:90px; line-height:0.0; }
#banner {width:100%; margin-left:0%; margin-right:0%; margin-top:0px;  }
.banner-bild {width:80%; margin-left:10%; margin-right:10%; margin-top:60px; margin-bottom:0px; box-shadow: 0px 0px 9px #322d6b;  }}

#content {width:60%; height:auto; margin-left:20%; margin-right:20%; padding-left:0%; padding-right:0%; background-color:#FFF; padding-top:70px; padding-bottom:70px;}
@media only screen and (max-width:1366px) {	#content {width:76%; height:auto; margin-left:5%; margin-right:5%; padding-left:8%; padding-right:8%; background-color:#FFF; padding-top:70px; padding-bottom:70px;}}
@media only screen and (max-width:1200px) {	#content {width:90%; height:auto; margin-left:0px; margin-right:0px; padding-right:5%; padding-left:5%; }}


@media (prefers-color-scheme: dark) {#content { color:#FFF; background-color:#27225f; }}

#hintergrund-con { width:76%; height:auto; padding-left:12%; padding-right:12%; margin-left:0px; margin-right:0px; background-color:#FFF;}
@media only screen and (max-width:1200px) {	#hintergrund-con {width:100%; height:auto; margin-left:0px; margin-right:0px; }}

.logos {width:36%; padding-left:5%; padding-right:5%; padding-top:10px; padding-bottom:10px; height:auto; margin-bottom:20px; box-shadow: 0px 0px 6px #112149; background-color:#FFF; margin-right:2%; }

.rundesbild {width:36%; border-radius:50%; margin-right:40px;  }
.eckigesbild {width:100%; height:auto; padding:0px; margin:0px; }

#schatten { width:80%; height:auto; padding-left:10%; padding-right:10%; margin-left:0px; margin-right:0px; box-shadow: 0px 0px 6px #CCC; padding-top:50px; padding-bottom:50px; margin-bottom:40px;}
#schattenmit { width:80%; height:auto; padding-left:10%; padding-right:10%; margin-left:0px; margin-right:0px; box-shadow: 0px 0px 6px #CCC; padding-top:20px; padding-bottom:30px; margin-bottom:40px; margin-top:-7px;}

@media only screen and (max-width:1366px) {	#schatten { width:80%; height:auto; padding-left:10%; padding-right:10%; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 0px 6px #CCC; padding-top:20px; padding-bottom:30px; margin-bottom:40px;}
#schattenmit { width:80%; height:auto; padding-left:10%; padding-right:10%; margin-left:0px; margin-right:0px; box-shadow: 0px 0px 6px #CCC; padding-top:20px; padding-bottom:30px; margin-bottom:40px; margin-top:-7px;}}

#mitglieder { width:23%; height:auto; padding-left:0%; padding-right:0%; margin-left:1%; margin-right:1%; box-shadow: 0px 0px 6px #999; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}
@media only screen and (max-width:1366px) {	#mitglieder { width:23%; height:auto; padding-left:0%; padding-right:0%; margin-left:1%; margin-right:1%; background-color:#FFF; box-shadow: 0px 0px 6px #999; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}}
@media only screen and (max-width:1200px) {	#mitglieder { width:80%; height:auto; padding-left:0%; padding-right:0%; margin-left:10%; margin-right:10%; background-color:#FFF; box-shadow: 0px 0px 6px #666; padding-top:0px; padding-bottom:20px; margin-bottom:40px;}}
#mitglieder-w { width:24%; height:300px; padding-left:0%; padding-right:0%; margin-left:0px; margin-right:1%; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}
@media only screen and (max-width:1200px) {	#mitglieder-w { width:0px; height:30px; visibility:hidden;}}
.mitglieder { width:100%; height:auto; padding-left:0%; padding-right:0%; padding-top:0px; padding-bottom:20px;}
#mitglieder-text { width:80%; height:auto; padding-left:10%; padding-right:10%;  }

#mitgliederk { width:24%; min-height:600px; height:auto; padding-left:0%; padding-right:0%; margin-left:0px; margin-right:1%; box-shadow: 0px 0px 6px #999; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}
@media only screen and (max-width:1366px) { #mitgliederk { width:24%; height:600px; padding-left:0%; padding-right:0%; margin-left:0px; margin-right:1%; box-shadow: 0px 0px 6px #999; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}}
@media only screen and (max-width:1200px) {	#mitgliederk { width:80%; min-height:auto; height:auto; padding-left:0%; padding-right:0%; margin-left:10%; margin-right:10%; box-shadow: 0px 0px 6px #666; padding-top:0px; padding-bottom:20px; margin-bottom:40px;}}
#mitgliederk-w { width:24%; height:300px; padding-left:0%; padding-right:0%; margin-left:0px; margin-right:1%; padding-top:0px; padding-bottom:20px; margin-bottom:40px; float:left;}
@media only screen and (max-width:1200px) {	#mitgliederk-w { width:0px; height:30px; visibility:hidden;}}
.mitgliederk { width:100%; height:auto; padding-left:0%; padding-right:0%; padding-top:0px; padding-bottom:20px;}
#mitgliederk-text { width:80%; height:auto; padding-left:10%; padding-right:10%; }

#footer {height:auto; width:60%; padding-left:20%; padding-right:20%; padding-top:70px; padding-bottom:300px; margin-left:auto; margin-right:auto; margin-top:0px; background-color: #2c2869;  float:left;}
#footer-box-1 {width:60%; float:left; margin-left:0%; margin-right:1%; line-height:1.0;}
#footer-box {width:30%; float:left; margin-left:0%; margin-right:1%; line-height:1.0;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}

@media only screen and (max-width:1366px) {
#footer {height:auto; width:76%; padding-left:12%; padding-right:12%; padding-top:70px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; background-color: #2c2869;  float:left;}
#footer-box-1 {width:60%; float:left; margin-left:1%; margin-right:1%; line-height:1.0;}
#footer-box {width:30%; float:left; margin-left:1%; margin-right:1%; line-height:1.0;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%;}
.bildcookie {width:20px; height:auto;}
.bildinnung {width:100px; height:auto;}}

@media only screen and (max-width:1200px) {
	#footer {min-width:100%; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:80px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px;  background-color: #2c2869; float:left;}
#footer-box-1 {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-copyright {width:99%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:50px; padding-left:1%; text-align:left;}
.bildcookie {width:50px; height:auto;}
.bildinnfo {width:300px; height:auto; margin-top:80px;}}

@media (prefers-color-scheme: dark) {.bildcookie {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}

#navigation-top-bg {min-width:820px; max-width:2200px; width:100%; margin-top:-70px; margin-right:0px; background:hsla(235, 45%, 30%, 0.9); box-shadow: 0px 3px 6px #0a1940;  height:70px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:820px; 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:10px; height: 70px; width:740px; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
.navigationspunkt-text { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
a.navigationspunkt-text2 { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
.navigationspunkt-text2 { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
a.navigationspunkt-text3 { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:35px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
.navigationspunkt-text3 { height: 32px; padding-left: 18px; padding-right: 12px; padding-top:20px; display: block; color: #FFF; margin-top: 0px;  font-size: 18px; font-weight: 400; text-decoration:none;}
a:hover.navigationspunkt-text { color: #f1dff3;}
a:hover.navigationspunkt-text2 { color: #f1dff3;}

a.navigationspunkt-text:focus { background-color:#9fc2c6; color:#000;}
a.navigationspunkt-text2:focus { background-color:#9fc2c6; color:#000;}

@media only screen and (max-width:1200px) {
#navigation-top-bg {min-width:100%; width:100%; margin-top:-90px; margin-right:0px;  background:hsla(235, 45%, 30%, 0.9); box-shadow: 0px 3px 6px #0a1940; height:90px; position:absolute; z-index:200;}
#navigation-top {margin-top:0px; margin-left:0px; width:100%; height:70px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:0px; }
#navigation-top-menu { 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;  } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 90px; padding-right: auto; padding-top:10px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 90px; padding-right: auto; padding-top:10px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
a.navigationspunkt-text2 { height: auto; padding-left: 90px; padding-right: auto; padding-top:10px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 90px; padding-right: auto; padding-top:10px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
a.navigationspunkt-text3 { height: auto; padding-left: 90px; padding-right: auto; padding-top:50px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
.navigationspunkt-text3 { height: auto; padding-left: 90px; padding-right: auto; padding-top:50px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 

}

@media only screen and (max-width:1080px) {
#navigation-top-bg {min-width:100%; width:100%; margin-top:-120px; margin-right:0px;  background:hsla(235, 45%, 30%, 0.9); box-shadow: 0px 3px 6px #0a1940; height:120px; position: absolute; z-index:200; left:0px; }
#navigation-top {margin-top:0px; margin-left:0px; width:100%; height:120px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:0px; }
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px;  min-width: 300px; width:80%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 300px; width:100%; text-align: left; margin-left:0px;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 300px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 40px; padding-right: auto; padding-top:15px; display: block; color: #FFF; margin-top: 58px;  font-size: 62px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 40px; padding-right: auto; padding-top:15px; display: block; color: #FFF; margin-top: 58px;  font-size: 62px; font-weight: 300;}
a.navigationspunkt-text2 { height: auto; padding-left: 40px; padding-right: auto; padding-top:20px; display: block; color: #FFF; margin-top: 58px;  font-size: 62px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 40px; padding-right: auto; padding-top:20px; display: block; color: #FFF; margin-top: 58px;  font-size:62px; font-weight: 300;}
a.navigationspunkt-text3 { height: auto; padding-left: 40px; padding-right: auto; padding-top:70px; display: block; color: #FFF; margin-top: 58px;  font-size: 62px; font-weight: 300;}
.navigationspunkt-text3 { height: auto; padding-left: 40px; padding-right: auto; padding-top:70px; display: block; color: #FFF; margin-top: 58px;  font-size: 62px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 

}

label.menu1 {display: none; }
input#menu1 {display:none}

@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 300px; height: 90px; margin-left:auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	.line-1 {margin-left:130px;  height: 3px; width: 36px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; background:#FFF;}
	.line-1:nth-child(2) { margin-top: 46px; background:#FFF;}
	.line-1:nth-child(3) { margin-top: 60px; background:#FFF;}
	#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: 2500px; min-width:100%; width:100%; background:hsla(235, 50%, 33%, 1.0);   box-shadow: 0px 0px 10px #000;  margin-bottom:0px; padding-bottom:140px; 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:-500px; background-color:#FFF; box-shadow: 0px 0px 10px #666; display:block; content:"Menü öffnen"; position: absolute; border-color:#0CF; border-width:1px; border-style:solid;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

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

}

@media only screen and (max-width:1080px) {
	label.menu1 {display: block; width: 300px; height: 120px; margin-left:auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block;}
	.line-1 {margin-left:125px;  height: 5px; width: 48px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 36px;  }
	.line-1:nth-child(2) { margin-top: 54px; }
	.line-1:nth-child(3) { margin-top: 72px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 2500px; min-width:100%; width:100%; background:hsla(235, 50%, 33%, 1.0);  box-shadow: 0px 0px 10px #000;  margin-bottom:0px; padding-bottom:290px; padding-top:60px; }

}

@media (prefers-color-scheme: dark) {
	label.menu1 {background-color: #272e66;}
	.line-1 { background:#FFFFFF; -webkit-filter: brightness(9.0); filter: brightness(9.0) }
	.line-1:nth-child(1) { background:#FFFFFF; -webkit-filter: brightness(9.0); filter: brightness(9.0)  }
	.line-1:nth-child(2) { background:#FFFFFF; -webkit-filter: brightness(9.0); filter: brightness(9.0) }
	.line-1:nth-child(3) { background:#FFFFFF; -webkit-filter: brightness(9.0); filter: brightness(9.0) }}
	
	
	
.news-artikel { width:30%; height:auto; box-shadow: 0px 0px 10px #999; margin-left:0%; margin-right:3%; margin-bottom:30px; font-size:0.0em; }

@media only screen and (max-width:1200px) {
	.news-artikel { width:90%; height:auto; box-shadow: 0px 0px 10px #999; margin-left:5%; margin-right:5%; margin-bottom:50px; font-size:0.0em;  }
}

.news-artikel-a4 { width:90%; height:auto; box-shadow: 0px 0px 10px #999; margin-left:5%; margin-right:5%; margin-bottom:50px; font-size:0.0em;  }

@media only screen and (max-width:1200px) {
	.news-artikel-a4 { width:90%; height:auto; box-shadow: 0px 0px 10px #999; margin-left:5%; margin-right:5%; margin-bottom:50px; font-size:0.0em;  }
}


.schatten {  box-shadow: 0px 0px 10px #CCC; width:100%; } 

#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; background-color: #373f79; }
	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:80px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:140px; padding-top:65px; }
	
	.plusminus { color:#FFF; }
	#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:80px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;   box-shadow: 0px 0px 10px #CCC;  margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;   margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;   margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;   margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;  margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;  margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;  margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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:80px; background: #FFF;    margin-bottom:30px; padding-bottom:140px; 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;}	
}