/*
blautöne: 82c3ca 008d97 003d58
grün 96c11f
grau 706f6f
*/

/*nav { background-color:#008d97; }*/
.swiper-pagination-bullet-active { background:#008d97; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/*
a.logo { display:block; float:left; text-align:center; padding:62px 0 0 0; width:200px; height:200px; border-radius: 100px; background-color: #ffffff; position: absolute; left:0px; top:-47px; }
a.logo img { width:60%; height:auto; }
*/
a.logo { display:block; float:left; text-align:center; padding:15px 0 0 0; width:220px; }
a.logo img { width:100%; height:auto; }


/*Startseite*/
/*
#c2 { width: 75%; float:left; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 0 0 5px 5px; }
#c3, #c363 { float:left; width: 23%; margin-left: 2%; background: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 0 0 5px 5px; }
#c363 .ce-gallery { margin: 0; }
#c3 img, #c363 img { display: block; width: 100%; height: auto; }
#c5 { display: block; width: 36.5%; background: #fff; float: left; }
#c800 { width: 36.5%; margin-left: 2%; background: #fff;float: left; }
#c5, #c3, #c800 { margin-top: 2%; height: 740px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); position: relative; border-radius: 5px; }
#c5 div, #c3 div, #c800 div, #c5 header, #c3 header, #c800 header { position: relative; z-index: 2; }

#c5:before, #c3:before, #c800:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; color: #f7f7f7; z-index: 1; }
#c5:before { content: '\E829'; bottom: -40px; right: 0px; font-size: 240px; }
#c800:before { content: '\E824'; bottom: -18px; right: 3px; font-size: 220px; }
#c3:before { content: '\E826'; bottom: -18px; right: -13px; font-size: 210px; }

#c5 .news-backlink-wrap a, #c800 .alleLesen { display:block; width:100%; text-align:right; margin:20px 0 0 0; color:#008d97; font-size:120%; }

#c5 header, #c3 header, #c800 header { margin-bottom: 25px; text-align: center; } 
#c5 header:before, #c3 header:before, #c800 header:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 25px; margin-right: 5px; text-align: center; font-variant: normal; text-transform: none; line-height: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #008d97; color: #fff; border-radius: 100%; font-size: 25px; padding: 7px; display: inline-block; }
#c5 h2, #c3 h2, #c800 h2 { margin: 0; display: inline-block; }
#c5 header:before { content: '\E829'; }
#c800 header:before { content: '\E824'; }
#c3 header:before { content: '\E826'; }
#c5 header h2 a, #c3 header h2 a, #c800 header h2 a { text-decoration: none; color: #008d97; }

#c5, #c3, #c800 { padding: 20px; }
#c3 .ce-gallery figure, #c4 .ce-gallery figure { display: block; }
#c3 .ce-center .ce-outer, #c3 .ce-center .ce-inner, #c4 .ce-center .ce-outer, #c4 .ce-center .ce-inner { position: static; float: none; }
#c3 .ce-column, #c4 .ce-column { float: none; }
#c3 { background: #fff; }
#c3 .ce-bodytext a { font-family: 'Muli', sans-serif; font-weight: 600; font-size: 125%; text-decoration: none; }
#c3 .ce-bodytext a:before { content: '\E826'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin: 0 5px 0 0; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

#c4 { background: #fff; height: 481.25px; }
*/

.menu li ul li a:before, #container_footer, input[type="submit"] { background: #82c3ca; }
.menu_footer ul li:last-of-type { color: #008d97; }
.h_kontakt a:hover, .menu li ul li div.act a, .h_suche .icon-search:hover, .h_suche .suchen:hover, .h_suche .abbrechen:hover, .vcard .name { color: #008d97; }

.menu li ul li a[href*="jobs/"]:before { content: '\E821'; }

#page-91 .ce-row { margin:40px 0; float:left; width:33.3%; padding:0 2%; }
#page-91 #container_content #content_main_ws a[target="_blank"]::before { content:''; margin:0; display:none; }
#page-91 .ce-gallery { display: flex; flex-wrap: wrap; }
#page-91 .ce-gallery img { border-radius: 0; }
#page-91 .ce-gallery figcaption { line-height: 40px; background-color:#82c3ca; text-align: center; color:#fff; }

#energiemonitor { width:100%; height:700px; scroll-x:auto; scroll-y:none; border:none; }

#footer .social { display: flex; justify-content: center; margin:20px 0 40px 0; column-gap:20px; }
#footer .social a { display:block; width:40px; height:auto; }
#footer .social a img { width:100%; height:auto; }


#page-6 #content_main_ws, #page-150 #content_main_ws { width:100%; float:none; margin-right: 0; }
#page-6 #sidebar, #page-150 #sidebar { display: none; }

@media screen and (max-width:1220px)	{
	/*#c3 .ce-bodytext a { font-size:110%; }*/
}

@media screen and (max-width:1080px)	{
	/*
    #c5 { width:100%; height:auto; float:none; clear:both; }
	#c800, #c3 { width:48%; margin-left:0; margin-right:0; height:550px; }
	#c800 { margin-right:4%; }	
	#c2 { margin-bottom:10px; }
    */
	a.logo img { background-color:#eee; }
	#container_nav { box-shadow: none !important; }

}
@media screen and (max-width:690px)	{
	/*#c800, #c3 { width:100%; float:none; margin-left:0; margin-right:0; height:auto; }*/
    #page-91 .ce-row { margin:20px 0; width:50%; padding:0 2%; }
    #energiemonitor { height:350px; }
}
@media screen and (max-width:470px)	{
	/*a.logo img { max-height:none !important; height: 80px; }*/
}
