@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/pics/fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/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/pics/fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/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/pics/fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/pics/fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
    
  
body { font-family: "Source Sans Pro", sans-serif; font-size: 18px; line-height:0; color: #444444; background-color:#FFF; background-position: top; background-repeat: repeat-x; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }

@media only screen and (max-width:1280px) {	body { font-family: "Source Sans Pro", sans-serif; font-size: 36px; color: #444444; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }}

@media (orientation: portrait) {	
body { font-family: "Source Sans Pro", sans-serif; font-size: 48px; color: #444444; background-color:#FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; }
}

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



h1 { font-size:1.5em;}
h2 { font-size:1.4em;}
h3 { font-size:1.4em;}
h4 { font-size:1.4em;}
p { font-size:1.0em;}
p1 { font-size:1.0em;}


.h1 {color: #f8e5ab; text-align:left; line-height: 1.5; font-weight:400; background-color:#424040; padding:20px; box-shadow: 0px 5px 10px #666; margin-bottom:0px; }
.h2 {color: #FFF; background-color:#51904a; text-align:left; line-height: 1.5; font-weight:600; padding:20px; }
.h3, a:link.h3, a.h3 {color: #FFF; text-align:center; line-height: 1.5; font-weight:400; }
.h4 {color: #000; text-align:left; line-height: 1.5; font-weight:600; }
.p {color: #444444; text-align:left; line-height: 1.5; font-weight:400;}
.p1 {color: #444444; text-align:center; line-height: 1.5; font-weight:300;}
.p2 {color: #FFF; text-align:left; line-height: 1.5; font-weight:300;}

@media only screen and (max-width:1280px) {	
.h1 {padding:40px; }
.h2 {padding:40px; }
}


@media (prefers-color-scheme: dark) 
{
.h1 { color: #f8e5ab;}
.h2 { color: #FFF;}
.h3 { color: #f8e5ab;}
.h4 { color: #f8e5ab;}
.p { color: #FFF;}
.p1 { color: #FFF;}
.p2 { color: #FFF;}
}

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

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

#rewa { min-width:800px; width:100%; height:auto; margin:0px; padding:0px;}
#rewa-logo { width:100%; height:auto; margin:0px; padding:0px; background-image: url(../bilder/pics/bg.jpg); background-repeat:repeat;}
#logo { width:800px; height:auto; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }
.logo { width:400px; height:auto; margin-left:auto; margin-right:auto; padding:0px; }
@media only screen and (max-width:1280px) {
	#rewa-logo { width:100%; height:auto; margin:0px; padding:0px; background-image: url(../bilder/pics/bg.jpg); background-repeat:repeat;}
	#logo { width:800px; height:auto; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }
	.logo { width:710px; height:auto; margin-left:auto; margin-right:auto; padding:0px; }}
	
	@media only screen and (max-width:1080px) {
		#rewa { min-width:500px; width:100%; height:auto; margin:0px; padding:0px;}
	#rewa-logo { width:100%; height:auto; margin:0px; padding:0px; background-image: url(../bilder/pics/bg.jpg); background-repeat:repeat;}
	#logo { width:100%; height:auto; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }
	.logo { width:100%; height:auto; margin-left:auto; margin-right:auto; padding:0px; }}
	
.rewa-bilder { width:300px; height:auto; margin-left:60px;  margin-right:120px; padding:0px; float:right; border-radius:50%; box-shadow: 0px 5px 10px #666; margin-bottom:60px; }
@media only screen and (max-width:1280px) {.rewa-bilder { width:40%; height:auto;  margin-left:0px; margin-right:5%; margin-bottom:20px; padding:0px; float:left; border-radius:50%; box-shadow: 0px 5px 10px #666;}}
	
#navigation-top-bg {min-width:800px; max-width:4000px; width:100%; margin-top:0px; margin-right:0px; background-color:#424040; box-shadow: 0px 5px 10px #1f1b1c; height:70px; padding-top:0px;  }
#navigation-top {margin-top:0px; width:100%; height:70px; padding-top:0px; background-color: #424040; position:absolute; margin-top:0px; z-index:700;  box-shadow: 0px 0px 10px #1f1b1c; }
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt-einteilung { float: left; width:30%; margin-left:3%; background-color:transparent; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 11px; padding-right: 11px; padding-top:0px; display: block; color: #f8e39e; margin-top: 10px;  font-size: 1.2em; font-weight: 400; line-height: 1.2;}
a:hover.navigationspunkt-text { color: #FFF;} 
a:focus.navigationspunkt-text { color: #FFF; background-color:#000;} 

@media only screen and (max-width:1280px) {
#navigation-top-bg {min-width:700px; max-width:4000px; width:100%; margin-top:0px; margin-right:0px; background-color: transparent; box-shadow: none; height:120px;  }
#navigation-top {margin-top:0px; width:100%; height:120px; padding-top:0px; background-color: #424040; position:absolute; margin-top:0px; z-index:700;}
.navigation-top {margin-left:auto; margin-right:auto;}
#navigation-top-menu { margin-top:0px; height: auto; max-height:0px; width:100%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; } 
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 700px; width:100%; text-align: center; margin-left:0px; }
#navigationspunkt-einteilung { float: left; width:100%; padding:0px; margin-left:0px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 11px; padding-right: 11px; padding-top:20px; display: block; color: #f8e39e; margin-top: 0px;  font-size: 1.2em; font-weight: 400; line-height: 1.5;}
a:hover.navigationspunkt-text { color: #FFF;} 
a:focus.navigationspunkt-text { color: #FFF; background-color:#000;} 
}

@media (prefers-color-scheme: dark) {
	a.navigationspunkt-text { color: #f8e39e;}
	a:hover.navigationspunkt-text { color: #FFF;} 
a:focus.navigationspunkt-text { color: #FFF; background-color:#000;} }

label.menu1 {display: block; width: 70px; height: 70px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color:#424040; box-shadow: 0px 5px 10px #1f1b1c; }
	input#menu1 {display:block; position:absolute; left:-3500px;}
	.line-1 {margin-left:18px;  height: 4px; width: 36px;   background: #f8e39e; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 22px; }
	.line-1:nth-child(2) { margin-top: 34px; }
	.line-1:nth-child(3) { margin-top: 46px; }
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(12px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-12px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu { height:auto; max-height: 6000px; min-width:860px; width:100%; background-color:#424040; box-shadow: 0px 0px 10px #1f1b1c;  margin-bottom:60px; padding-top:60px; padding-bottom:60px; }
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-3500px; color:#FFF;}
[type="checkbox"]:focus + label::before { width:300px; height:auto; left:0px; margin-top:20px; display: block; content:"Menü öffnen Leertaste drücken"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden; position:absolute; left:-3500px;}	

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

@media only screen and (max-width:1280px) {
	label.menu1 {display: block; width: 120px; height: 120px; margin-left: auto; margin-right:auto; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color:#424040; box-shadow: 0px 5px 10px #1f1b1c; }
	input#menu1 {display:block; position:absolute; left:-6000px;}
	.line-1 {margin-left:34px;  height: 5px; width: 48px;   background: #f8e39e; 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: 6000px; min-width:860px; width:100%; background-color:#424040; box-shadow: 0px 0px 10px #1f1b1c;  margin-bottom:60px; }
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; left:-3500px; color:#FFF;}
[type="checkbox"]:focus + label::before { width:600px; height:auto; left:-6000px; margin-top:20px; display: block; content:"Menü öffnen Leertaste drücken"; position: absolute; z-index:950;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden; position:absolute; left:-3500px;}	

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

}




.header-galerie { position:relative; width:100%; margin-left:auto; margin-right:auto; margin-top:0px; height:auto; border:none; text-align:center; background-color:#FFF; margin-bottom:0px; margin-top:0px; padding:0px; box-shadow: inset 0px 0px 10px #1f1b1c;  }
@media only screen and (max-width:1280px) {.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:1280px) {.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:1280px) {.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 15s infinite; -webkit-animation: wechseln 15s infinite; width:100%; }
@media only screen and (max-width:1280px) {.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 15s infinite; -webkit-animation: wechseln 15s infinite; 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:1280px) {.header-galerie-m { position:relative; width:100%; height:auto; visibility:visible; display:inline-block; border:none; margin:0px; padding:0px; box-shadow: inset 0px 0px 10px #1f1b1c; }}
.header-galerie-m-bild {width:0px; height:0px; visibility:hidden;  }
@media only screen and (max-width:1280px) {.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:1280px) {.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:1280px) {.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 12s infinite; -webkit-animation: wechseln 12s 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: 3s; opacity:0; }
.header-galerie figure:nth-of-type(3) { animation-delay: 8s; opacity:0; }
.header-galerie figure:nth-of-type(4) { animation-delay: 12s; opacity:0; }

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





#content { width:70%; height:auto; margin-left:15%; margin-right:15%; margin-top:15px; padding-top:100px; padding-bottom:80px; float:left; }
@media (prefers-color-scheme: light) {#content { background-color:#FFF;}}
@media (prefers-color-scheme: dark) {#content { background-color:#262223;}}
@media only screen and (max-width:1366px) {#content { width:80%; height:auto; margin-left:10%; margin-right:10%; padding-left:0%; padding-right:0%;}}
@media only screen and (max-width:1280px) {#content { width:90%; height:auto; margin-left:5%; margin-right:5%; padding-left:0%; padding-right:0%;}}

#bild-anzeigen-buttons { width:70%; height:auto; padding-left:15%; padding-right:15%; margin-top:0px; padding-top:120px; padding-bottom:80px; float:left; background-color:#85c07e; margin-bottom:0px; box-shadow: inset 0px 0px 10px #302e2e; border:0px; }
@media only screen and (max-width:1600px) {#bild-anzeigen-buttons { width:80%; height:auto; padding-left:10%; padding-right:10%; margin-top:0px; padding-top:120px;}}
@media only screen and (max-width:1366px) {#bild-anzeigen-buttons { width:90%; height:auto; padding-left:5%; padding-right:5%; margin-top:0px; padding-top:120px;}}
@media only screen and (max-width:1280px) {#bild-anzeigen-buttons { width:90%; height:auto; padding-left:5%; padding-right:5%; margin-top:0px; padding-top:120px;}}
@media (prefers-color-scheme: dark) {#bild-anzeigen-buttons { background-color:#85c07e;}}


#rewa-inhalt { width:1200px; height:auto; margin-top:40px; padding:0px; margin-left:auto; margin-right:auto;}

#rewa-leistungen { width:1200px; height:auto; margin-left:auto; margin-right:auto; padding:0px; }
@media only screen and (max-width:1280px) {#rewa-leistungen { width:100%; height:auto; margin-left:auto; margin-right:auto; padding:0px; }}
#rewa-leistung { width:30%; height:auto; margin-left:1%; margin-right:1%; padding:0px; background-color:#424040; float:left; box-shadow: 0px 6px 6px #333;}
@media only screen and (max-width:1280px) {#rewa-leistung { width:90%; height:auto; margin-left:5%; margin-right:5%; padding:0px; margin-bottom:60px; background-color:#424040; float:left;}}
#rewa-leistung- { width:31%; height:auto; margin-left:1%; margin-right:1%; padding:0px; background-color:#424040; float:left; box-shadow: 0px 6px 10px #333; margin-bottom:25px;}
#rewa-leistung-mitte { width:31%; height:auto; margin-left:34%; margin-right:34%; padding:0px; background-color:#424040; float:left; box-shadow: 0px 6px 10px #333; margin-bottom:25px;}
@media only screen and (max-width:1280px) {
	#rewa-leistung- { width:100%; height:auto; margin-left:0%; margin-right:0%; padding:0px; margin-bottom:60px; background-color:#424040; float:left;}
	#rewa-leistung-mitte { width:100%; height:auto; margin-left:0%; margin-right:0%; padding:0px; margin-bottom:60px; background-color:#424040; float:left;}}
#rewa-leistung-bild { width:100%; height:auto; margin:0px; padding:0px; }
.rewa-leistung-bild { width:100%; height:auto; margin:0px; padding:0px;  }
#rewa-leistung-text { width:80%; height:auto; margin:0px; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:20px; background-color:#424040;}
a.rewa-leistung-text, a:link.rewa-leistung-text { color:#f8e5ab; text-decoration:none; }
.rewa-leistung-text { font-size: 24px; color: #f8e5ab; text-align:center; line-height: 1.5; font-weight:400; }
@media only screen and (max-width:1280px) {.rewa-leistung-text { font-size: 52px; color: #f8e5ab; text-align:center; line-height: 1.5; font-weight:400; }}


#footer-navigation {width:70%; margin-top:0px; padding-left:15%; padding-right:15%; background-color:#5c9955; box-shadow: 0px 0px 10px #1f1b1c; height:auto; padding-top:60px; padding-bottom:90px; float:left; }
#footer-navigation-box {width:32%; margin-right:1%; background-color: transparent; height:auto; float:left; }
#footer-navigation-ueberschrift {width:100%; margin:0px; background-color: transparent; height:auto; float:left; padding-top:0px; padding-bottom:20px; }
#footer-top-navigation {margin-top:0px; width:1200px; height:60px; padding-top:7px; margin-left:auto; margin-right:auto; background-color:#424040;  }
.footer-top-navigation {margin-left:auto; margin-right:auto;}
#footer {width:100%; margin-top:0px; margin-right:0px; background-color:#424040; box-shadow: inset 0px 0px 10px #1f1b1c; height:auto; padding-top:20px; float:left; }
#footer-top {margin-top:0px; width:1200px; height:80px; padding-top:7px; margin-left:auto; margin-right:auto; background-color: transparent;  }
.footer-top {margin-left:auto; margin-right:auto;}
#footer-partner {margin-top:0px; width:70%; height:auto; padding-top:7px; padding-left:15%; padding-right:15%; background-color: transparent;  }
.footer-partner {margin-left:auto; margin-right:auto;}
.footer-partner-logo { width:160px; height:auto; box-shadow: 0px 0px 6px #1f1b1c;}
.footer { font-weight:400; font-size:1.1em; color:#FFF; text-align:left; line-height: 1.5;}
.footer- { font-weight:400; font-size:1.1em; color:#FFF; text-align:left; line-height: 1.5; padding-bottom:50px;}
a.footer, a:link.footer { color:#FFF; text-decoration:none; font-size:1.1em; color:#FFF; text-align:left; line-height: 1.7;}
a.footer-, a:link.footer- { color:#FFF; text-decoration:none; font-size:1.1em; color:#FFF; text-align:left; line-height: 1.5;}
.footer-ueberschrift { font-weight:400; font-size:1.5em; color:#FFF; text-align:left; line-height: 1.5;  }
a.footer-ueberschrift, a:link.footer-ueberschrift { color:#FFF; text-decoration:none; }
#footer-top-menu { margin-top:0px; height: auto; max-height:0px; width:1200px; overflow: hidden; transition: all 0.5s; padding-top:0px; margin-bottom:40px; float:left; } 
a.footer:focus { background-color:#666; color:#FFF;}
a.footer:hover { background-color:#508d49; color:#FFF;}
a.footer-:focus { background-color:#666; color:#FFF;}
a.footer-:hover { background-color:#508d49; color:#FFF;}
a.footer-ueberschrift:focus { background-color:#666; color:#FFF;}
a.footer-ueberschrift:hover { background-color:#508d49; color:#FFF;}

@media only screen and (max-width:1366px) {	
#footer-navigation {width:80%; margin-top:0px; padding-left:10%; padding-right:10%; background-color:#5c9955; box-shadow: 0px 0px 10px #1f1b1c; height:auto; padding-top:20px; float:left; }
#footer {width:80%; padding-top:40px; padding-right:10%; padding-left:10%; background-color:#424040;  box-shadow: 0px 3px 6px #1f1b1c; height:auto; } 
 }

@media only screen and (max-width:1280px) {	
#footer-navigation {width:90%; margin-top:50px; padding-left:5%; padding-right:5%; background-color:#5d9c56; box-shadow: 0px 0px 10px #1f1b1c; height:auto; padding-top:20px; float:left; }
#footer-navigation-box {width:100%; margin-right:0%; background-color: transparent; height:auto; float:left; }
#footer-top-navigation {margin-top:0px; width:100%; height:auto; padding-top:0px; background-color: #424040; float:left; margin-bottom:0px;}
.footer-top-navigation {margin-left:auto; margin-right:auto;}
#footer {width:90%; padding-top:40px; padding-right:5%; padding-left:5%; background-color:#424040;  box-shadow: 0px 3px 6px #1f1b1c; height:auto; } 
#footer-top {margin-top:0px; width:100%; height:auto; padding-top:0px; background:hsla(180, 20%, 10%, 0.6); float:left; margin-top:0px;}
.footer-top {margin-left:auto; margin-right:auto;}
#footer-partner {margin-top:0px; width:100%; height:auto; padding-top:20px; padding-left:0%; padding-right:0%; float:left;}
.footer-partner {margin-left:auto; margin-right:auto;}
.footer-partner-logo { width:30%; height:auto; margin-left:1%; margin-right:1%; margin-top:60px;}
.footer { font-weight:400; font-size:1.3em; color:#FFF; text-align:left; line-height: 1.5;} 
.footer-ueberschrift { font-weight:400; font-size:1.7em; color:#FFF; text-align:left; line-height: 1.5;  }
#footer-top-menu { height:auto; max-height: 1500px; width:100%; background-color:#424040; box-shadow: none;  margin-bottom:60px; }
 }
 
  
 @media (prefers-color-scheme: dark) {#footer-navigation { background-color:#5d9c56;}
 #footer { background-color:#424040;}
 .footer { color:#FFF;}
 .footer- { color:#FFF;}
 .footer-ueberschrift { color:#FFF;}
 a.footer { color:#FFF;}
 a.footer- { color:#FFF;}
 a.footer-ueberschrift { color:#FFF;}}
 
 #hinweisrewa { position: absolute; z-index: 800; top:3px; width:30px; height: 30px; right:230px;  }
.hinweisrewa { width:20px; height: 20px; }
@media only screen and (max-width:1280px) {#hinweisrewa { position: absolute; z-index: 800; top:0px; width:55px; height: 55px; float: right; right:0px;  }
.hinweisrewa { width:55px; height: 55px; }}
#hinweis {padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; width:480px; 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 only screen and (max-width:1280px) {#hinweis {padding-top:40px; padding-bottom:40px; padding-left:10%; padding-right:10%; width:80%; margin-left:auto; margin-right:auto; margin-top:30px; text-align:center; background-color: #FFFFFF; border-radius:9px; box-shadow: 0px 0px 6px silver; }}


#unserteam {width:50%; height:auto; background-color:#FFF; float:left; }
#team {width:20%; height:500px; padding-left:2%; padding-right:2%; background-color:#FFF; box-shadow: 0px 5px 10px #CCC; padding-top:0px; float:left; }
#team-bild {width:90%; min-height:200px; padding-left:5%; padding-right:5%; margin-bottom:20px; float:left; }
.team-bild {border-radius:50%; margin-top:20px; }
#team-text {width:80%; min-height:320px; padding-left:10%; padding-right:10%; float:left; }
@media only screen and (max-width:1280px) {#team {width:60%; height:auto; padding-left:10%; padding-right:10%; margin-left:10%; margin-right:10%; background-color:#FFF; box-shadow: 0px 5px 10px #A6A6A6; padding-top:0px; float:left; }
#team-bild {width:90%; min-height:200px; padding-left:5%; padding-right:5%; float:left; }
#team-text {width:90%; min-height:800px; padding-left:5%; padding-right:5%; float:left; }}

.weiss { width:100%; height:5px; margin-top:20px;}
@media only screen and (max-width:1280px) {.weiss { width:100%; height:1px; margin-top:0px;}}

.bild1 {box-shadow: 0px 0px 6px #666; width:100%; height:auto; }

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

@media (prefers-color-scheme: dark) {
.tablink { background-color: 900c3f; color: #FFF;}
a.tablink:link {background-color: 900c3f; color: #FFF;}
a.tablink:focus {background-color: 900c3f; color: #FFF;}} 

#telefon { position: relative; z-index: 800; top:0px; right:0px; width:100%; height: auto; float:left; padding:0px; background-image: url(../bilder/pics/bg.jpg); background-repeat:repeat; box-shadow: none; text-align:right;}
.telefon { color: #f8e5ab; font-size:0.9em; text-align:right; padding-right:20px; }
a.telefon:link {color:#f8e5ab;}
a.telefon:hover {color:#FFF;}
a.telefon:focus {background-color: #FFF; color:#000;}