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

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
   url('../bilder/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../bilder/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../bilder/fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
   url('../bilder/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../bilder/fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
   url('../bilder/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../bilder/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
   url('../bilder/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
   url('../bilder/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* font-family: Source Sans Pro: Copyright 2010, 2012, 2014 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name ‘Source’.

This 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  */

body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 18px; line-height: 1.5; color: #333; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }
@media only screen and (max-width:1200px) {body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 52px; line-height: 1.5; color: #333; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;  }}
@media only screen and (max-width:860px) {body { font-family: "Source Sans Pro", Calibri, Arial, sans-serif; font-size: 56px; line-height: 1.5; color: #333; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}}

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

.h1 {font-size: 2em; color: #333; text-align:center; line-height: 1.5; font-weight:700;}
.h2 {font-size: 1.7em; color: #333; text-align:left; line-height: 1.5; font-weight:400;}
.h3 {font-size: 1.7em; color: #333; text-align:center; line-height: 1.5; font-weight:400;}
.h4 {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:700;}
.h5 {font-size: 1.5em; color: #000; text-align:center; line-height: 1.5; font-weight:bold; }

.p {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:300;}
.p1 {font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.p2 {font-size: 1em; color: #00718f; text-align:center; line-height: 1.5; font-weight:300;}
.p3 {font-size: 1.7em; color: #333; text-align:center; line-height: 1.5; font-weight:300; }
.p4 {font-size: 2em; color: #00718f; text-align:center; line-height: 1.5; font-weight:700;}
.p5 {font-size: 1em; color: #34324a; text-align:left; line-height: 1.5; }
.p6 {font-size: 1em; color: #F3C; text-align:center; line-height: 1.5; }
.p7 {font-size: 1em; color: #F3C; text-align:center; line-height: 1.5; }
.p-leicht {font-size: 1.5em; color: #000; text-align:left; line-height: 1.5; font-weight:400;}

@media only screen and (max-width:1200px) {
	.h1 {font-size: 1.7em; color: #333; text-align:center; line-height: 1.5; font-weight:700;}
.h2 {font-size: 1.7em; color: #333; text-align:left; line-height: 1.5; font-weight:400;}
.h3 {font-size: 1.7em; color: #333; text-align:center; line-height: 1.5; font-weight:400;}
.h4 {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:700;}
.h5 {font-size: 1.5em; color: #000; text-align:center; line-height: 1.5; font-weight:bold; }

.p {font-size: 1em; color: #000; text-align:center; line-height: 1.5; font-weight:300;}
.p1 {font-size: 1em; color: #000; text-align:left; line-height: 1.5; font-weight:300;}
.p2 {font-size: 1em; color: #00718f; text-align:center; line-height: 1.5; font-weight:300;}
.p3 { font-size: 1.7em; color: #333; text-align:center; line-height: 1.5; font-weight:300; }
.p4 {font-size: 2em; color: #00718f; text-align:center; line-height: 1.5; font-weight:700;}
.p5 {font-size: 1em; color: #34324a; text-align:left; line-height: 1.5; }
.p6 {font-size: 1em; color: #F3C; text-align:center; line-height: 1.5; }
.p7 {font-size: 1em; color: #F3C; text-align:center; line-height: 1.5; }
.p-leicht {font-size: 1.5em; color: #000; text-align:left; line-height: 1.5; font-weight:400;}}

@media (prefers-color-scheme: dark) {
	.h1 {color: #FFF;}
	.h2 {color: #FFF;}
	.h3 {color: #FFF;}
	.h4 {color: #FFF;}
	.h5 {color: #FFF;}
	
	.p {color: #FFF;}
	.p1 {color: #FFF;}
	.p2 {color: #FFF;}
	.p3 {color: #FFF;}
	.p4 {color: #FFF;}
	.p5 {color: #FFF;}
	.p6 {color: #FFF;}
	.p7 {color: #FFF;}
	.p-leicht {color: #FFF;}}


.wrapper {width:100%; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; background-color: transparent; -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  }

a:link {text-decoration: none; color: #444444;} a:visited {	text-decoration: none; color: #444444;} a:hover {text-decoration: none; color: #888888;} a:active {text-decoration: none; color: #444444;}
a:focus { background-color:#323232; color:#FFF; } 

@media (prefers-color-scheme: dark) {
	a:link {text-decoration: none; color: #FFF;} a:visited {	text-decoration: none; color: #FFF;} a:hover {text-decoration: none; color: #CCC;} a:active {text-decoration: none; color: #FFF;}
a:focus { background-color:#000; color:#FFF; } }

.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px; color:#FFF; text-align:left; float:left; text-decoration: none; background-color:#323232; border:none; padding:10px;}

@media (prefers-color-scheme: dark) {
	.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px; font-size: 1em; line-height:1.0; background-color:transparent;}
a.direktlink:link {width:200px; height:auto; top:0px; position:absolute; z-index:900; left:-300px;}
a.direktlink:focus {width:400px; height:auto; top:0px; position:absolute; z-index:900; left:400px; color:#000; text-align:left; float:left; text-decoration: none; background-color:#FFF; border:none; padding:10px;} }




#kmi {width:100%; height:156px; margin-top:0px; margin-left:0px; margin-right:0px; text-align:center; top:0px; position:absolute; z-index:400; background-color: transparent; }
@media only screen and (max-width:1200px) {	#kmi {width:100%; height:275px; box-shadow: 0px 0px 9px #222; position:absolute; z-index:400; top:0px;background-color: transparent;}} 

.kmi {width:117px; height:152px; }
@media only screen and (max-width:1200px) {	.kmi {width:212px; height:275px; }}
@media (prefers-color-scheme: dark) {.kmi {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}

.bild-dark { background-color:transparent;}
@media (prefers-color-scheme: dark) {.bild-dark {-webkit-filter: brightness(9.0); filter: brightness(9.0)}}
 
#header {width:100%; height:auto; margin-top:160px; margin-left:0px; margin-right:0px; }
@media only screen and (max-width:1200px) {	#header {width:100%; height:auto; margin-top:275px; margin-left:0px; margin-right:0px;}} 
#kmidesign-hdh {width:100%; height:auto; margin-top:0px; margin-left:0px; margin-right:0px; position:absolute; z-index:200; background-color:transparent; }
#header2 {min-width:600px; max-width:600px; height:220px; margin-top:10px; margin-left:auto; margin-right:auto;  text-align:center; padding-top:0px; }
#header-bild {width:100%; margin-top:10px; margin-left:auto; margin-right:auto; box-shadow: 0px 5px 10px silver; text-align:center; }
#header1 {width:100%; height:100px; margin-top:10px; margin-left:auto; margin-right:auto;  text-align:center; padding-top:30px; }

#katrinmi {margin-left:auto; margin-right:auto; }
@media only screen and (max-width:1200px) {	#katrinmi {margin-left:auto; margin-right:auto; margin-top:50px; }} 
#bild1 {width:49%; height:auto; margin-top:1px; margin-bottom:20px; text-align:left; float:left; }
#bild2 {width:49%; height:auto; margin-top:1px; margin-bottom:20px; text-align:right; float:right; }
.bild {margin-top: 4px; margin-bottom: 4px; padding-left:2px; padding-right:2px;}
.bild01 {margin-top: 2px; margin-bottom: 2px; padding-left:0px; padding-right:1px;}
.bild- {margin-top: 4px; margin-bottom: 4px; padding-left:0px; padding-right:0px;}
.bilder {width:100%; height:auto; box-shadow: 0px 0px 7px silver; }
#bilder-1 {width:100%; height:auto; margin-top:5px; margin-bottom:20px; text-align:center; float:left; }
.bilder-1 {box-shadow: 0px 0px 7px silver; }
#bildsignet {width:46%; height:auto; margin-top:16px; margin-bottom:16px; text-align:left; float:left; padding-left:2%; padding-right:2%;  }
@media only screen and (max-width:1200px) {	#bildsignet {width:66%; height:auto; margin-top:30px; margin-bottom:30px; text-align:left; float:left; padding-left:17%; padding-right:17%;  }} 
.bildsignet {box-shadow: 0px 0px 7px silver; }
  
#kmicontent {width:100%; height:auto; margin-top:0px; margin-left:0px; margin-right:0px;}

#kmicontent2 {width:100%; height:auto; margin-top:250px; margin-left:0px; margin-right:0px;  } 
@media only screen and (max-width:1200px) {#kmicontent2 {width:100%; height:auto; margin-top:400px; margin-left:0px; margin-right:0px; } }
#content {padding-top:40px; width: 70%; padding-left:15%; padding-right:15%; text-align:center; }
@media only screen and (max-width:1200px) {
	#content {padding-top:40px; margin-top:10px; width:88%; text-align:center; padding-left:6%; padding-right:6%; }}
	@media only screen and (max-width:1080px) {
	#content {padding-top:40px; margin-top:10px; width:88%; text-align:center; padding-left:6%; padding-right:6%;}}

#gestaltung {width:90%; padding-right:5%; padding-left:5%; margin-left:auto; margin-right:auto; }
@media only screen and (max-width:1200px) {
	#gestaltung {padding-top:24px; margin-top:10px; margin-left:0px; margin-right:0px; width:90%; text-align:center; padding-left:5%; padding-right:5%; }}
#starterpakete {padding-top:10px; width:520px; margin-left:auto; margin-right:auto; text-align:center; background-color: #F8F8F8; }
#starterpaket {padding-top:30px; padding-bottom:10px; padding-left:10px; padding-right:10px; width:460px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 10px silver; }
a.paketinfo { height: 36px; width:130px; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #84B1B9;  padding-top:10px; color: #FFF; margin-top: 10px;  font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
a:hover.paketinfo { color: #CCCCCC;}

#kundenmeinungen {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; width:520px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; }
@media only screen and (max-width:1200px) {#kundenmeinungen {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; width:90%; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; }}
.hinweis {padding-top:20px; padding-bottom:20px; padding-left:5%; padding-right:5%; width:90%; margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; margin-bottom:30px; }

@media (prefers-color-scheme: dark) {.hinweis { color:#FFF; background-color:#333; box-shadow: 0px 0px 6px #000; }}
@media (prefers-color-scheme: dark) {#kundenmeinungen { color:#FFF; background-color:#333; box-shadow: 0px 0px 6px #000000; }}

#uebermich {padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; width:520px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; }

#hinweiskmi { position: absolute; z-index: 800; top:3px; width:40px; height: auto; right:230px;  }
@media only screen and (max-width:1200px) {#hinweiskmi { position: absolute; z-index: 800; top:0px; width:55px; height: auto; float: right; right:0px;  }}

a.beratung { height: 36px; width:350px; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:10px; color: #FFF; margin-top: 10px;  font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
a:hover.beratung { color: #CCCCCC;}
a.angebot { height: 36px; width:170px; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:10px; color: #FFF; margin-top: 10px;  font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
@media only screen and (max-width:1200px) {a.angebot { height: 80px; width:50%; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:10px; color: #FFF; margin-top: 10px;  font-size: 38px; font-family: Arial, Helvetica, sans-serif;}}
a:hover.angebot { color: #CCCCCC;}

a.referenzen { height: 36px; width:170px; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:10px; color: #FFF; margin-top: 10px; margin-bottom:40px; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
@media only screen and (max-width:1200px) {a.referenzen { height: 100px; width:600px; margin-left:auto; margin-right:auto; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:20px; color: #FFF; margin-top: 10px; margin-bottom:40px;  font-size: 52px; font-weight:300;}}
a:hover.referenzen { color: #CCCCCC;}

#weiter {height: 80px; width:400px; margin-left:auto; margin-right:auto; margin-top: 10px; }
@media only screen and (max-width:1200px) {#weiter {height: 120px; width:100%; margin-left:auto; margin-right:auto; margin-top: 10px; }}
a.weiter { height: 36px; width:170px; margin-left:15px; margin-right:15px; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:10px; color: #FFF; margin-top: 0px;  font-size: 16px; font-family: Arial, Helvetica, sans-serif; float: left;}
@media only screen and (max-width:1200px) {a.weiter { height: 80px; width:45%; margin-left:2%; margin-right:2%; display: block; overflow: hidden; text-align: center; border-radius:9px; background-color: #00718f;  padding-top:30px; color: #FFF; margin-top: 0px;  font-size: 28px; font-weight:300; float: left;}}
a:hover.weiter { color: #CCCCCC;}

#xxxhauptnavigation {width:100%; margin-top:0px; margin-left:0px; margin-right:0px; background-color:#FFF; box-shadow: inset 0px 0px 6px #CCCCCC;}
#hauptnavigation1 {width:690px; margin-top:0px; margin-left:auto; margin-right:auto;}
@media only screen and (max-width:1200px) {	#hauptnavigation1 {display: none; }}
#navigation1 {margin-top:0px; height:50px; width:690px; padding-left:0px; z-index:100; background-color: transparent;  }
@media only screen and (max-width:1200px) {	#navigation1 {display: none; }}
#navigation1 .navi { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; font-weight: 300; margin-left:14px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
#navigation1 .navi:hover { height: auto; color: #b7d395;}
a.menutag1 { height: 32px; padding-left: 6px; padding-right: 6px; padding-top:12px; display: block; color: #777777; margin-top: 0px;  font-size: 18px; font-family: "Source Sans Pro", Tahoma, sans-serif; font-weight: 300; }
@media only screen and (max-width:1200px) {	a.menutag1 { height: 32px; padding-left: 8px; padding-right: 8px; padding-top:2px; display: block; color: #444; margin-top: 0px;  font-size: 28px; font-family: "Source Sans Pro", Tahoma, sans-serif; font-weight: 400;}}
a:hover.menutag1 { color: #57a7bd;}

#designbox {padding-top: 0px; padding-left: 0px; padding-right:0px; width:23%; background-color:FFF; float:left; text-align:left; box-shadow: 0px 0px 9px #CCC; margin-left:1%; margin-right:1%; margin-top:25px; min-height:450px; margin-bottom:40px;}

@media only screen and (max-width:1200px) {
	#designbox {padding-top: 0px; padding-left: 0px; padding-right:0px; width:90%; float:left; text-align:left; background-color:#f1f1f1; margin-left:5%; margin-right:5%; margin-top:100px; min-height:810px;}}
	@media only screen and (max-width:800px) {
	#designbox {padding-top: 0px; padding-left: 0px; padding-right:0px; width:90%; float:left; text-align:left; background-color:#f1f1f1; margin-left:5%; margin-right:5%; margin-top:100px; min-height:900px;}}
	
	@media (prefers-color-scheme: dark) {#designbox { color:#FFF; background-color:#333; box-shadow: 0px 0px 9px #000; }}
	
#text {padding-top: 5px; padding-left: 40px; text-align:left; padding-right:40px; min-height:208px; background-color: transparent;}
@media only screen and (max-width:1200px) {#text {padding-top: 5px; padding-left: 80px; text-align:left; padding-right:80px; min-height:208px; background-color: transparent;}}
#picture { width:100%;}

#angebote24 { height:0px; width:0px; visibility:hidden; display:none;}
@media only screen and (max-width:1200px) {
	#angebote24 { height:63px; width:200px; position:absolute; z-index:900; right:0px; top:250px; visibility:visible; display:block; box-shadow: 0px 0px 6px #666; padding:0px;}}

.unselectable {-webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  }

#footer {padding-top: 10px; padding-left: 5%; width:90%; height:auto; float:left; padding-right:5%; background-color:#f1f1f1; margin-top:30px; text-align:left; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
@media only screen and (max-width:1200px) {	#footer {padding-top: 10px; padding-left: 0px; width:100%; height:auto; float:left; padding-right:0px; background-color:#f1f1f1; margin-top:30px; text-align:center; } }
.footer { font-family:"Roboto", sans-serif; font-weight:300; font-size:0.9em; color:#000; text-align:left;}
@media only screen and (max-width:1200px) {	.footer { font-family:"Source Sans Pro", sans-serif; font-weight:300; font-size:1em; color:#000; text-align:center;} }
#footerbox {width:98%; margin-top:5px;  margin-left:auto; margin-right:auto; }
#info {padding-top: 0px; padding-left: 0px; width:300px; float:left; padding-right:0px; background-color: transparent;}
@media only screen and (max-width:1200px) {	#info {padding-top: 0px; padding-left: 0px; width:100%; float:left; padding-right:0px; background-color: transparent;} }
#copyright {padding-top: 80px; padding-left: 1%; width:99%;  margin-left:auto; margin-right:auto; padding-right:0px; background-color:transparent; float:left;}
#navigation-3 { min-height: 130px; width:300px; padding-left:5px; padding-top:10px;}
@media only screen and (max-width:1200px) {	#navigation-3 { min-height: 130px; width:100%; padding-left:0px; padding-top:10px;}  }
a.button-3 { display: block; width: 300px; min-height: 16px; padding-top: 8px; padding-left: 8px; text-decoration: none; font-size: 1em; font-weight:normal; color: #000; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; font-weight:300; line-height: 1.2; background-color: transparent; margin-bottom:0px; text-align:left;}
@media only screen and (max-width:1200px) {	a.button-3 { display: block; width: 100%; height: 70px; padding-top: 40px; padding-left: 0px; text-decoration: none; font-size: 1em; font-weight:normal; color: #413f5c; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; font-weight:300; line-height: 1.5; background-color: transparent; margin-bottom:0px; text-align:center;}  }
a:hover.button-3 { text-decoration:underline;}
a.button-31 { display: block; width: 110px; height: auto; padding-top: 8px; padding-left: 8px; font-size: 1.0em; text-decoration:none; font-weight:normal; color: #000; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; font-weight:400; line-height: 1.2; background-color: transparent; margin-bottom:10px; text-align:left;}
@media only screen and (max-width:1200px) {	a.button-31 { display: block; width: 100%; height: 70px; padding-top: 20px; padding-left: 0px; font-size: 48px; color: #413f5c; margin-bottom: 0px; font-family:"Source Sans Pro", sans-serif; font-weight:700; line-height: 1.2; background-color: transparent; margin-bottom:0px; text-align:center;}  }
a:hover.button-31 { text-decoration:underline;}

a.button-31:focus { background-color:#FFF; color:#000; }
a.button-3:focus { background-color:#FFF; color:#000; }

@media (prefers-color-scheme: dark) {
	#footer { color:#FFF; background-color:#333; }
	a.button-3 { color:#FFF; background-color:#333; }
	a.button-31 { color:#FFF; background-color:#333; }
	.footer { color:#FFF; background-color:#333; }
	}




#navigation-top-bg { width:100%; margin-top:0px; top:156px; margin-right:0px; background-color:#FFF; box-shadow: 0px 2px 5px #7b7b7c; height:50px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top-bg2 {width:100%; margin-top:0px; margin-right:0px; background-color:#FFF; box-shadow: 0px 2px 5px #7b7b7c; height:50px; padding-top:0px; position:absolute; z-index:200; }
#navigation-top {margin-top:0px; width:690px; 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: 70px; width:690px; 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; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-left: 12px; padding-right: 12px; padding-top:6px; display: block; color: #000; margin-top: 0px;  font-size: 18px; font-family: "Source Sans Pro", sans-serif; font-weight: 300; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}
a:hover.navigationspunkt-text { text-decoration:underline;}

a.navigationspunkt-text:focus { color: #FFF; font-weight:400;}
@media (prefers-color-scheme: dark) {#navigation-top-bg { color:#FFF; background-color:#333; box-shadow: 0px 3px 6px #000; }}
@media (prefers-color-scheme: dark) {#navigation-top-bg2 { color:#FFF; background-color:#333; }}
@media (prefers-color-scheme: dark) {a.navigationspunkt-text { color:#FFF; background-color:#333; }}
@media (prefers-color-scheme: dark) {a.navigationspunkt-text:focus { color:#333; background-color:#FFF; }}

@media only screen and (max-width:1200px) {
#navigation-top-bg {width:100%; margin-top:-121px; top: auto; margin-right:0px; background-color:#5e5d67; background:hsla(230, 10%, 30%, 0.4); box-shadow: 0px 3px 6px #36354b; height:100px; position: relative; z-index:200; }
#navigation-top-bg2 {width:100%; margin-right:0px; background-color:#5e5d67; background:hsla(230, 10%, 30%, 0.4); box-shadow: 0px 3px 6px #36354b; height:120px; position: relative; z-index:200; }
#navigation-top {margin-top:0px; width:100%; height:100px; padding-top:0px; background-color: transparent;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:860px; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 56px; font-family: "Source Sans Pro", sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #FFF; text-decoration:underline;} 
}

@media only screen and (max-width:1020px) {
#navigation-top-bg { width:100%; margin-top:-121px; margin-right:0px; background-color:#5e5d67; background:hsla(230, 10%, 40%, 0.4); box-shadow: 0px 3px 6px #36354b; height:100px; position: relative; z-index:200; }
#navigation-top-bg2 {width:100%;  margin-right:0px; background-color:#5e5d67; background:hsla(230, 10%, 30%, 0.4); box-shadow: 0px 3px 6px #36354b; height:120px; position: relative; z-index:200; }
}

@media (prefers-color-scheme: dark) {#navigation-top-bg { color:#FFF; background-color:#333; background:hsla(230, 10%, 30%, 0.9); box-shadow: 0px 3px 6px #000; }}
 
@media only screen and (max-width:900px) {
#navigation-top-bg {width:100%; margin-top:-121px; margin-right:0px; background-color:#5e5d67;  background:hsla(230, 10%, 30%, 0.6); box-shadow: 0px 3px 6px #36354b; height:100px; }
#navigation-top {margin-top:0px; width:100%; height:100px; padding-top:0px; background-color: transparent; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height:0px; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:40px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 12px; padding-right: 12px; padding-top:20px; display: block; color: #FFF; margin-top: 20px;  font-size: 58px; font-family: "Source Sans Pro", sans-serif; font-weight: 300;}
a:hover.navigationspunkt-text { color: #FFF; text-decoration:underline;} 
}

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


@media only screen and (max-width:1200px) {
	label.menu1 {display: block; width: 100px; height: 100px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color:transparent; }
	input#menu1 {display:block; position:absolute; left:-600px;}
	.line-1 {margin-left:28px;  height: 4px; width: 48px; background: #CCC; border-radius: 2px; color: #fee3c6;  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: 50px; }
	.line-1:nth-child(3) { margin-top: 68px; }
	#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: 1500px; width:100%; background-color:#5e5d67; box-shadow: 0px 0px 10px #666;  margin-bottom:60px; }
	
	[type="checkbox"] + label::before { display:block; content:""; position:relative;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:-500px; top:0px; background-color:#FFF; display:block; content:"Menü öffnen"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

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


}




a.link3 { color: #444444; font-size:18px; margin-left:40px; text-align:center; }
a:hover.link3 { color: #00718f; }

@media only screen and (max-width:1200px) {
a.link3 { color: #444444; font-size:42px; margin-left:40px; text-align:center; }
a:hover.link3 { color: #00718f; }


}

.header-galerie { position:relative; width:100%; height:auto; border:none; text-align:center; background-color:transparent; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; margin-bottom:0px; line-height:0.0; }
@media only screen and (max-width:1366px) {.header-galerie { position:relative; width:100%; height:auto; border:none; text-align:center; background-color:transparent; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; margin-bottom:0px; line-height:0.0; }}
@media only screen and (max-width:1200px) {.header-galerie { width:0px; height:0px; visibility:hidden; display:none; background-color:#FFF;}}
.header-galerie-bild { width:100%; height:auto; border:none; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding:0px; }
@media only screen and (max-width:1200px) {.header-galerie-bild { width:100%; height:auto; border:none; margin-left:auto; margin-right:auto; margin-top:0px; }}
.header-galerie-bild1 { width:100%; height:auto; border:none; margin-bottom:0px; margin-top:0px; padding:0px;  }
@media only screen and (max-width:1200px) {.header-galerie-bild1 { width:100%; height:auto; border:none;  }}
.header-galerie figure { position: absolute; display: inline-block; top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding:0px; z-index:100; animation: wechseln 6s infinite; -webkit-animation: wechseln 6s infinite; width:100%; }
@media only screen and (max-width:1200px) {.header-galerie figure { position: absolute; display: inline-block; top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px; padding:0px;  z-index:100; width:100%; }}
.header-galerie figure:last-of-type { position:relative;  }


.header-galerie-m { width:0px; height:0px; visibility:hidden; display:none; }
@media only screen and (max-width:1200px) {.header-galerie-m { position:relative; width:100%; height:auto; visibility:visible; display:inline-block; border:none; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; }}
.header-galerie-m-bild {width:0px; height:0px; visibility:hidden;  }
@media only screen and (max-width:1200px) {.header-galerie-m-bild { width:100%; height:auto; visibility:visible; border:none; margin-left:auto; margin-right:auto; margin-top:0px; }}
.header-galerie-m-bild1 { width:0px; height:0px; visibility:hidden;  }
@media only screen and (max-width:1200px) {.header-galerie-m-bild1 { width:100%; height:auto; visibility:visible; border:none; }}
.header-galerie-m figure {width:0px; height:0px; visibility:hidden; }
@media only screen and (max-width:1200px) {.header-galerie-m figure { position: absolute; visibility:visible; display: inline-block; top:0px; margin-left:auto; margin-right:auto; margin-top:0px; padding:0px; z-index:100; animation: wechseln 5s infinite; -webkit-animation: wechseln 5s infinite; width:100%; }}
.header-galerie-m figure:last-of-type { position:relative;  }

@keyframes wechseln {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
	}

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



.header-galerie-m figure:nth-of-type(2) { animation-delay: 1s; opacity:0; }
.header-galerie-m figure:nth-of-type(3) { animation-delay: 3s; opacity:0; }