@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 200;
  src: local('Mukta ExtraLight'), local('Mukta-ExtraLight'), url('/fonts/mukta-latin-200.woff2') format('woff2'), url('/fonts/mukta-latin-200.woff') format('woff'), url('/fonts/mukta-latin-200.ttf') format('truetype');
}
@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 400;
  src: local('Mukta Regular'), local('Mukta-Regular'), url('/fonts/mukta-latin-regular.woff2') format('woff2'), url('/fonts/mukta-latin-regular.woff') format('woff'), url('/fonts/mukta-latin-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Mukta';
  font-style: normal;
  font-weight: 700;
  src: local('Mukta Bold'), local('Mukta-Bold'), url(/fonts/mukta-latin-700.woff2) format('woff2'), url('/fonts/mukta-latin-700.woff') format('woff'), url('/fonts/mukta-latin-700.ttf') format('truetype');
}

html {font-size: 19px;}
body {margin:0px; padding:0px; background-color: #ffffff; min-width:360px; font-family: Mukta, Arial, Helvetica, sans-serif;}
strong, b {font-weight:700;}
a {text-decoration:none;} 
a img {border:none;}
img {max-width: 100%;}
/* Only Chrome und Edge CSS hack, weil im Safari verpixelt */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	/*.rightContainerBlog img, .rightContainer img, .smedia img, .footerLogo img, .socialmedia img, img.mLogo, .bg_tabCoser img {image-rendering: -webkit-optimize-contrast;}*/
	img {image-rendering: -webkit-optimize-contrast;}
}
a img:hover, .text a:hover, .cta:hover, .ok:hover {opacity: 0.6;}
.fright {float:right;}
.fleft {float:left;}
.aRight {text-align:right;}
.aLeft {text-align:left;}
.aCenter {text-align:center;}
.vBottom {vertical-align:bottom !important;}
.block {display:block; margin:0px; padding: 0px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.p30 {padding: 30px;}
.p0 {padding: 0px;}
.mr5 {margin-right: 5px;}
.mb5 {margin-bottom: 5px;}
.pt25 {padding-top: 25px;}
.pr10 {padding-right: 10px;}
.pr25 {padding-right: 25px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pl10 {padding-left: 10px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top: 40px !important;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px !important;}
.lh1 {line-height: 1.0;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mr30 {margin-right: 30px;}
.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.ml20 {margin-left:20px;}
.mbm8 {margin-bottom: -8px;}
.mt12 {margin-top: 12px;}
.w31 {width: 31px;}
.prProz {padding-right: 45% !important;}
.spacer{clear:both;height:0px;overflow:hidden;}
.uppercase {text-transform:uppercase; font-weight: 200;}
.text {font-family:Mukta, Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.3;}
.text2  {font-family:Mukta, Arial, Helvetica, sans-serif; font-size: 0.74rem; font-weight: 400; line-height: 1.3;}
.text strong, .text b {font-weight: 700;}
.hide { display: none !important;}
.flex {display: flex;flex-wrap: wrap;}

.container {max-width: 1300px; margin-left: auto; margin-right: auto; max-height: 99999px;}
.bbgelb {border-bottom: 1px solid #f5bb00;}
.container2 {padding: 16px 30px 0px 60px;}
#suche {display:none; position: absolute; right: 0px; top: 33px; background-color: #f5bb00; padding:10px; z-index:10000;}
.logo {height: 94px; float:left; padding-bottom: 20px; background: #ffffff;}
.logostart {border-bottom: 4px solid #f5bb00;}
#mobileNaviButton {float:right; display:none;}
.lupe {height: 20px; float:right; margin: 18px 0px 0px 12px;}
.lupe2 {height: 20px; margin: 2px 0px -3px 5px;}
.searchfield { font-size: 0.84rem; padding: 2px 5px; border: 1px solid #566771; line-height: 1.1; width: 140px; font-family: Mukta, Arial, Helvetica, sans-serif;}

section, header, main, footer {max-height: 99999px;}
div.unslider {margin-top: 30px; background:#f5bb00;}
main .heading {font-size: 2.36rem !important; font-weight: 200; line-height: 1.1; margin: 0px 0px 10px 0px;  color: #15435d; display:block; text-transform:uppercase;}

/* Teaser schmal start*/
.teaser, .teasergelb {float:left; margin-bottom: 30px; background-repeat: no-repeat; background-position:right; background-size: auto 100%; width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px);}
.teaser table {height: 100%; width: 100%; border-collapse:collapse; border-spacing: 0px;}
.teaser table td {padding: 0px; border:none;}
.teaser table td.pl30 {padding-left: 30px !important;}
.teaser, .teaser table td img.w30 {min-height: 240px;}
.teaser h3, .teaserbreit h3, .teaserbreit2 h3, .monitoring h3, .teasergelb h3, .dark h3, .light h3, .orange h3, .referenzen h3, .text h2 {font-weight: 200; line-height: 1.1; margin: 0px 0px 10px 0px; text-transform: uppercase; }
.container .text h1, .container .text h2, .container .text h3, .container .text h4 {font-weight: 200; line-height: 1.1; margin: 20px 0px 10px 0px; text-transform: uppercase; }
.teaser h3, .teasergelb h3, h1.search {font-size:1.6rem;}
h1.search {text-transform: none !important; color: #15435d;}
.teaser hellblau h3, .teaserbreit h3, .teaser .hellblau h3, .teaserbreit h3, .monitoring, .monitoring h3, .teasergelb h3, .orange h3, .referenzen h3, .text h2, .containerNormal .text, .containerNormal.text, .containerNormal h1, .containerNormal h2, .containerNormal h3, .containerNormal h4  {color: #15435d;}
.mehr {display:block; float:left; border: 2px solid #f5bb00; border-radius: 5px; padding: 5px 13px; line-height: 1.2; font-weight: 200; text-transform:uppercase; font-size: 0.94rem;}
.hellblau .mehr:hover, .teaserbreit .mehr:hover, .button:hover {background-color:#ffffff;}

div.hellblau {
background: -moz-linear-gradient(left, rgba(240,243,247,1) 0%, rgba(240,243,247,1) 45%, rgba(240,243,247,0.6) 60%, rgba(240,243,247,0) 60.1%, rgba(240,243,247,0) 100%);
background: -webkit-linear-gradient(left, rgba(240,243,247,1) 0%,rgba(240,243,247,1) 45%,rgba(240,243,247,0.6) 60%,rgba(240,243,247,0) 60.1%,rgba(240,243,247,0) 100%);
background: linear-gradient(to right, rgba(240,243,247,1) 0%,rgba(240,243,247,1) 45%,rgba(240,243,247,0.6) 60%,rgba(240,243,247,0) 60.1%,rgba(240,243,247,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f3f7', endColorstr='#00f0f3f7',GradientType=1 );
}
.bghellblau {background-color:#f0f3f7;}
.teaser .hellblau, .hellblau .mehr, .teaserbreit, .teaserbreit .mehr, .footerContent, .footerContent a {color: #15435d;}

.teaser dunkelblau h3, .teaser dunkelblau a, .teaserbreit2 a, .teaserbreit2 h3 {color: #ffffff;}
div.dunkelblau {
background: -moz-linear-gradient(left, rgba(60,107,141,1) 0%, rgba(60,107,141,1) 45%, rgba(60,107,141,0.6) 60%, rgba(240,243,247,0) 60.1%, rgba(240,243,247,0) 100%);
background: -webkit-linear-gradient(left, rgba(60,107,141,1) 0%,rgba(60,107,141,1) 45%,rgba(60,107,141,0.6) 60%,rgba(240,243,247,0) 60.1%,rgba(240,243,247,0) 100%);
background: linear-gradient(to right, rgba(60,107,141,1) 0%,rgba(60,107,141,1) 45%,rgba(60,107,141,0.6) 60%,rgba(240,243,247,0) 60.1%,rgba(240,243,247,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c6b8d', endColorstr='#003c6b8d',GradientType=1 );
}
.bgdunkelblau {background-color:#3c6b8d;}
.teaser .dunkelblau, .dunkelblau .mehr, .teaser .dunkelblau h3, .teaser .dunkelblau a, .teaserbreit2 {color: #ffffff;}
.dunkelblau .mehr:hover, .teaserbreit2 .mehr:hover {background-color:#578cb2;}

.teasergelb {background-color: #f5bb00;}
.teasergelb h3 {padding-left: 20px; padding-right: 20px; margin-bottom: 20px;}
.teasergelbContent {margin-left: 30px; border-left: 2px solid #ffffff; padding: 30px 0px; height: 100%;}

/* Teaser schmal ende */

/* Teaser breit start */
.teaserbreit h3, .teaserbreit2 h3, .monitoring h3, .dark h3, .light h3, .orange h3, .referenzen h3, .text h2, .containerNormal h1, .containerNormal h2, .containerNormal h3  {font-size: 2.36rem;}
.containerNormal h4  {font-size: 2.1rem;}
.lineorange {border-top: 1px solid #f5bb00; border-bottom: 1px solid #f5bb00;}
.teaserbreit { background-repeat: no-repeat; background-position:right center; background-size: auto 100%;}
.teaserbreitContent {padding: 120px 25% 120px 60px;}

.teaserbreit2 {background-color: #273d47; background-repeat: no-repeat; background-position:right center; background-size: auto 100%; }
.teaserbreit2Content {padding: 90px 50% 90px 30px; border-left: 2px solid #ffffff; margin-left: 30px;}
.teaserbreit2background {background: -moz-linear-gradient(left, rgba(39,61,71,1) 0%, rgba(39,61,71,1) 42%, rgba(60,107,141,0.6) 50%, rgba(240,243,247,0) 50.1%, rgba(240,243,247,0) 100%);
background: -webkit-linear-gradient(left, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 42%,rgba(60,107,141,0.6) 50%,rgba(240,243,247,0) 50.1%,rgba(240,243,247,0) 100%);
background: linear-gradient(to right, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 42%,rgba(60,107,141,0.6) 50%,rgba(240,243,247,0) 50.1%,rgba(240,243,247,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273d47', endColorstr='#00273d47',GradientType=1 );}

.headerteaser {/*background-color: #f5bb00; */background-repeat: no-repeat; background-position:right center; background-size: auto 100%; }
.headerteaserInner {background-image:url(/pics/bg_slider.png); background-size: 60% 100%; background-repeat: no-repeat; background-position:left;}
.headerteaserContent {margin-left: 30px; border-left: 2px solid #ffffff; padding: 8% 65% 8% 30px;}
.headerteaser .text, .referenzen .text {color: #15435d; font-size: 0.94rem;}

.monitoring {background-color: #f0f3f7; background-repeat: no-repeat; background-position:left center; background-size: auto 100%;}
.monitoringContent {text-align:right; padding: 40px 60px 40px 50%; border-left: 2px solid #ffffff; margin-left: 30px;}

.karte {background-color: #f0f3f7;}
.karteContainer {margin-left: 30px; border-left: 2px solid #ffffff;}
.karteContainer img {display:block;}

/* Teaser breit Ende */

/* Referenzen */
.referenzen {background-color: #f0f4f8; background-repeat: no-repeat; background-position:right center; background-size: auto 100%; }
.referenzenBackground {background: -moz-linear-gradient(left, rgba(240,244,248,1) 0%, rgba(240,244,248,1) 35%, rgba(240,244,248,0.5) 50%, rgba(240,244,248,0) 50.1%, rgba(240,244,248,0) 100%);
background: -webkit-linear-gradient(left, rgba(240,244,248,1) 0%,rgba(240,244,248,1) 35%,rgba(240,244,248,0.5) 50%,rgba(240,244,248,0) 50.1%,rgba(240,244,248,0) 100%);
background: linear-gradient(to right, rgba(240,244,248,1) 0%,rgba(240,244,248,1) 35%,rgba(240,244,248,0.5) 50%,rgba(240,244,248,0) 50.1%,rgba(240,244,248,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f8', endColorstr='#00f0f4f8',GradientType=1 );}
.referenzenContent {padding: 30px 50% 30px 30px; border-left: 2px solid #ffffff; margin-left: 30px;}
.enlarge {float:right; margin: 10px 10px 0px 0px;}
.ort, .kwp, .sonne, .speicher, .dach {background-position:left center; background-size: auto 1.6em; background-color: #fffff; margin: 2px 6% 4px 0px; padding:3px 3px 3px 37px; background-repeat:no-repeat; background-color: #ffffff;}
.ort {background-image: url(/pics/ort.png);}
.kwp {background-image: url(/pics/kwp.png);}
.sonne {background-image: url(/pics/sonne.png);}
.speicher {background-image: url(/pics/speicher.png);}
.dach {background-image: url(/pics/dach.png);}
.referenzenContent img {width: 29.5%; margin: 5px 3% 0 0;}
.referenzNavi {background:#3b6b8d; padding: 0px 30px;}
.contentNavi {font-size: 0.94rem; text-transform:uppercase; color: #ffffff; padding: 5px 8px; line-height: 1.3; float:left;}
.contentNavi:hover, .contentNavi.selected {color: #16435c; background:#f7bb00; opacity: 1.0 !important;}

/* Content */
.dark {background-color: #3c6b8d; color: #ffffff; margin-bottom: 30px;}
.light {background-color: #f0f3f7; color: #15435d; margin-bottom: 30px;}
.orange {background-color: #f5bb00; color: #15435d; margin-bottom: 30px;}
.content {border-left: 2px solid #ffffff; margin-left: 30px; padding-left: 30px; padding-right: 60px;}
.orange .content {padding-right: 0px;}
table.noborder {border:none; border-collapse:collapse; border-spacing: 0px;}
table.noborder td {padding: 0px; vertical-align:middle;}
.infografik {display:block; margin: 0px auto !important;} 
.infografik2 {display:block;}
.w40 {width: 40%;}
.w50 {width: 47.5%}
.w60 {width: 60%;}
.h100proz {height: 100%;}
.bluelinebottom {border-bottom: 1px solid #acbed3 !important; margin-bottom: 20px;}
.subheading {font-weight: 400; font-size: 1.368rem; color: #ffffff; text-transform:uppercase; line-height: 1.0; font-family: Mukta, Arial, Helvetica, sans-serif; padding: 0.45rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; display:inline !important;}
.bgsubheading {background: #3c6b8d; font-family:Arial, Helvetica, sans-serif; font-size: 1.368rem; line-height: 1.0;}
.yellowBlock {display:block; text-align: center; width: 440px; border: 2px solid #f5bb00; border-radius: 3px; text-transform:uppercase; margin:10px 0px; font-weight: 200; padding:5px 0px 5px 0px; line-height: 1.0; color: #15435d;}
.yellowBlock:hover {opacity: 1.0 !important; background-color: #ffffff;}

.containerNormal {padding-left: 60px; padding-right: 60px;}
.teaserpic {margin: 4px 15px 5px 0px; float:left; width: 25%;}
.shadow {box-shadow: 0 0 4px #aaa;}
.button {border: 2px solid #f5bb00; border-radius: 5px; padding: 5px 13px; line-height: 1.2; font-weight: 200; text-transform:uppercase; font-size: 18px; color: #15435d; display: inline-block;}
.text hr, .container hr {height: 0px !important; color: #f7bb00; margin-top: 40px; margin-bottom: 40px; border: 1px solid #f7bb00 !important;}
.containerNormal img { height: auto !important}

.teammember {width:-webkit-calc(50% - 30px); width:-moz-calc(50% - 30px); width:calc(50% - 30px); float:left; margin: 15px 15px 15px 15px; min-height: 210px;}
.teammember img {max-width: 110px; margin-right: 15px;}
.teammember ul li {list-style-type: none;}
.teammember ul {margin: 0px; padding-left: 9px;}
.teammember ul li {padding-left: 9px;}
/* Content Ende*/

/* Video dazuschalten */
a.video {display:block; text-align:center; padding: 15px; border: 1px solid #f5bb00; /*border-radius: 3px;*/ background-color: #f0f3f7;}

/* Counter Start */
.facts ul, .socialIcons ul { margin: 0; list-style: none; padding: 0px;}
.facts ul li {width: 38%; margin: 0 0 0 7%; float:left;}
.socialIcons ul li {width: 29.5%; margin: 27px -1% 0 3.5%; float:left;}

.light .facts ul li {width: auto; margin: 0 2.5% 20px 3%; float:left;}
.facts ul li div.counterContent, .socialIcons ul li div.counterContent {display:table-cell; vertical-align: middle; text-align:center; overflow:hidden; font-size: 0.94rem; line-height: 1.2; position: relative; background-color: #fad983; border-radius: 50%; border: 15px solid #ffffff; color: #15435d;}
.facts ul li div.counterContent {width: 195px; height: 195px; }
.socialIcons ul li div.counterContent {width: 140px; height: 140px; }
.light .facts ul li div.counterContent  {background-color: #ffffff; border: 15px solid #fad983;}
.facts ul li span, .socialIcons ul li span  {font-size: 2.63rem; font-weight: 200;}
.facts .count-text, .socialIcons .count-text {font-size: 0.94rem; line-height: 1.2; padding: 0px 10px;}
.facts a, .socialIcons a {color: #15435d;}
.count-textsmall {font-size:0.789rem; padding: 0px 5%;}
.text.containerNormal a, .colored {color: #007abd; text-decoration:underline;}
/* Counter Ende */

/* footer */
.footer {background-color: #d9e0ea;}
.footerContent {margin-left: 30px; border-left: 2px solid #ffffff; padding: 30px 60px 30px 30px;}
.fline {clear:both; border-bottom: 1px solid #acbed3;}
.footer nav {font-size: 0.84rem; text-transform:uppercase; font-weight: 200;}
.footer nav strong {font-weight: 400;}
.footer nav ul {margin: 0px 20px 20px 0px; padding: 0px; float:left; line-height: 1.8; width:-webkit-calc(16.5% - 20px); width:-moz-calc(16.5% - 20px); width:calc(16.5% - 20px);}
.footer nav ul, .footer nav ul li {list-style-type: none;}
.callnow {font-weight: 400 !important; border: 2px solid #f5bb00; border-radius: 5px; padding: 5px 6px; line-height: 1.2; font-size: 1rem; text-transform: none; display:block; float:none; background-color: #f2f3f7; color: #15435d; line-height: 1.0;} 
/* footer ende */

/* Formular Start */
#form {margin: 0px; padding: 10px 0px 0px 0px; color: #16435c;}
.cta {background-color: #4e616b; font-weight: 400; color: #ffffff; cursor: pointer; text-transform:uppercase; border-radius: 4px; width: 100%; display: block; text-align:center; margin: 10px 0px; padding: 10px 0px; font-size: 1rem; border: 1px solid #4e616b;}
.cancel  {background-color: #d5dfe9; font-weight: 400; color: #16435c; cursor: pointer; text-transform:uppercase; border-radius: 4px; width: 100%; display: block; text-align:center; margin: 20px 0px 10px 0px; padding: 10px 0px; font-size: 1rem; border: 1px solid #b0bfd1;}
#form .fieldContainer {width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px); width:calc(50% - 15px); margin-bottom: 20px;}
#form .fieldContainer {float:left;}
#form select {width: 100%;}
#form input[type="text"], #form textarea  {width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px);}
#form input[type="text"], #form select, #form textarea {padding: 5px 10px; border: 1px solid #b0bfd1;}
.inputfile {background-color: #d5dfe9; border: 1px solid #b0bfd1; color: #16435c; font-size: 1rem; line-height: 1.0; padding: 10px;}
iframe.anfrage {width: 100%; height: 1200px; border:none; margin: 0px; padding:0px; overflow:scroll;}
iframe.speicherframe {width: 100%; height: 750px; border:none; margin: 0px; padding:0px; overflow:scroll;}
input[type="checkbox"] {
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    padding: 10px;
}
/* Formular Ende */
/* Hovernavi Start */
#navcontainer{padding:35px 0px 0px 0px;font-size:0.94rem;float:right; font-family:Mukta, Arial, Helvetica, sans-serif; font-weight: 200; position:relative; line-height: 1.3;}
#navcontainer ul{list-style:none;position:relative;float:left;margin:0;padding:0;}
#navcontainer ul a{display:block;text-decoration:none;}
#navcontainer ul li{position:relative;float:left;margin:0;}
#navcontainer ul li.current-menu-item{}
#navcontainer ul li ul li:hover{opacity:1;filter:Alpha(Opacity=100);}
#navcontainer ul ul{display:none;position:absolute;top:100%;left:0;padding:0px;margin:0px 0px 0px 0px;z-index:100 !important;}
#navcontainer ul ul li{float:none;width:auto; min-width:230px; border-right:none !important;opacity:1.0;filter:Alpha(Opacity=100);background:#ffffff;z-index:100 !important;}
#navcontainer ul ul a{}
#navcontainer ul ul ul{top:0;left:100%}
#navcontainer ul li:hover > ul{display:block}
.main {padding:20px 0px 41px 0px;line-height:1.0;color:#15435d; border-bottom: 4px solid #ffffff; height:18px !important; margin:0px 15px; text-transform:uppercase;}
.active{color:#15435d;border-bottom: 4px solid #f5bb00;}
.main:hover{color:#15435d;border-bottom: 4px solid #f5bb00;}
.submenu{padding:7px 15px 5px 15px;color:#15435d; font-size:0.94rem; margin: 0px 0px 2px 0px;}
.submenu:hover{background-color:#f5bb00;color:#15435d;}
.linie {border-top: 1px solid #f5bb00;}
/* Hovernavi Ende */

/* Slider Start */
.unslider{overflow:hidden;padding:0;position:relative;min-width:360px; max-width:1300px; margin: 0px auto;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ul, .my-slider li, .my-slider ul, .my-slider2 li, .my-slider2 ul{list-style:none;margin:0;padding:0;border:none;}
.unslider-arrow{display:none;}
.unslider nav ol li{float:left;display:block;width:23px;height:6px;margin-right:5px;background:#ffffff;cursor:pointer;color:#ffffff;overflow:hidden;font-size:0px;font-weight:bold;border:1px solid #ffffff;}
.unslider nav ol li.unslider-active{background-color:#3c6b8d;color:#3c6b8d; border:1px solid #3c6b8d;}
.unslider-nav{width: 140px !important; display: block; position: absolute; bottom: 22px; z-index: 10; left:-webkit-calc(50% - 70px); left:-moz-calc(50% - 70px); left:calc(50% - 70px);}
.unslider ul li{background-size: auto 100%; background-position: right center;background-repeat:no-repeat;}
#newSlider{display:none;}
.unslider table {height: 100%; width: 100%; background-image:url(/pics/bg_slider.png); background-size: auto 100%; background-repeat: no-repeat; background-position:left; border-collapse:collapse; border-spacing: 0px; }
.unslider table td {padding: 0px; border:none;}
td.w30 {width: 30px; overflow:hidden; border-right: 2px solid #ffffff !important;}
img.w30 {width: 30px;}
.unslider table td.aCenter {width: 60%;}
.unslider table td.pl30, teaser table {padding-left: 30px !important;}
#videocontainer{z-index:101;position:fixed;width:100%;height:100%;top:0px;left:0px;background:-moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0);display:none;}
#videosearch{position:fixed;width:80%;height:auto;left:10%;display:none;border-radius:20px;border:3px solid #000;box-shadow:0 0 15px #000000; background-color: #ffffff;}
#video{height:auto;padding:0px 10px 5px 10px; display:none;}
#video .fright a, #videosearch .fright a{text-shadow:none;color:#333333; font-size:0.84rem;}
.unslider table, .unslider table .sliderlink {color: #15435d; font-size: font-size:0.94rem;}
.unslider table .sliderlink {display:block; float:left; border: 2px solid #ffffff; border-radius: 5px; padding: 5px 13px; line-height: 1.2;}
.sliderheading, .sliderheading2 {font-weight: 200; font-size: 2.63rem; color: #ffffff; text-transform:uppercase; line-height: 1.0; font-family: Mukta, Arial, Helvetica, sans-serif; padding: 0.45rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; display:inline !important;}
.bgheading {background: #3c6b8d; font-family:Arial, Helvetica, sans-serif; font-size: 2.63rem; line-height: 1.0;}
a.sliderlink:hover, .teaserbreit a.mehr:hover {background-color: #fceabe;}
/* Slider Ende */

#falklayer {position: fixed;  background-color: rgba(0,0,0,0.5); z-index: 1000; width: 100%;height: 100%;top: 0px;left: 0px; display:none;}
#falklayer1 {position: fixed; top: 50%; left: 50%; width: 60%; box-shadow: 0 0 15px #000000; background-color: #ffffff; max-height: 90vh; overflow:auto;}
/* Cookie Hinweis Start */
#fixedDiv2 {position: fixed; bottom:0; left:0; width: 100%; height: 0px; overflow:hidden; z-index:101; line-height:1.2;}
.ok {padding: 2px 8px; display:inline-block; color: #ffffff; background:#7aa7d1; text-decoration:none; margin: 0 0 0 4px; line-height: 1;}
.ok {font-family:Arial, Helvetica, sans-serif; letter-spacing:0;}
.cookie {text-align:center; line-height:1.2;}
.cookie p {margin: 0.5rem 0;}

.accept, .configure {padding: 0.5rem 0.75rem;text-decoration: none;margin: 10px 2px;border-radius: 5px; font-family: Mukta, Arial, Helvetica, sans-serif; letter-spacing:0; display:inline-block; font-size: 1.1rem;}
.accept {background: #42ac6c; border: 1px solid #279954; color: #ffffff !important;  }
.configure {background: #f4f4f4; color: #666 !important; border: 1px solid #ddd; }

.accept:hover, .configure:hover {opacity: 0.65;}

.cookieConfig {padding: 1.5rem; font-size: 0.9rem; background: #fff;}

#matomoF, #marketingF, #marketingCode {float:left; width: 1px; height: 1px; overflow:hidden;}
#fingerprint {display:none; position: fixed; bottom: 0; right: 0; z-index:4;}
#fingerprint img {max-width: 32px;}

.toggleCookie {
  cursor: pointer;
  display: inline-block;
}

.toggleCookie-switch, .toggleCookie-switch2 {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 39px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggleCookie-switch:before, .toggleCookie-switch:after, .toggleCookie-switch2:before, .toggleCookie-switch2:after {
  content: "";
}
.toggleCookie-switch:before, .toggleCookie-switch2:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggleCookie:hover .toggleCookie-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggleCookie-checkbox:checked + .toggleCookie-switch {
  background: #56c080;
}

.toggleCookie-checkbox2:checked + .toggleCookie-switch2 {
  background: #568ac0;
}

.toggleCookie-checkbox:checked + .toggleCookie-switch:before, .toggleCookie-checkbox2:checked + .toggleCookie-switch2:before {
  left: 20px;
}

.toggleCookie-checkbox, .toggleCookie-checkbox2 {
  position: absolute;
  visibility: hidden;
}

.toggleCookie-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* Lightbox Start */
/* Preload images */
body:after {
  content: url(/lightbox/img/close.png) url(/lightbox/img/loading.gif) url(/lightbox/img/prev.png) url(/lightbox/img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/lightbox/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/lightbox/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/lightbox/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/lightbox/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Lightbox Ende */
.nodesktop {display:none;}

/* Responsive Start */
@media only screen and (max-width: 1280px) {
	.footer nav ul {margin: 0px 30px 20px 0px; width:-webkit-calc(33% - 30px); width:-moz-calc(33% - 30px); width:calc(33% - 30px); min-height: 210px;}
	.headerteaserContent {padding: 7% 55% 7% 30px;}
	.text.pt10.linie h3 {margin-left: 10px;}
}
@media only screen and (max-width: 1220px) {
	.socialIcons ul li {margin-top: 0;}
	#falklayer1 {width: 65%;}
}
@media only screen and (max-width: 1110px) {
	.unslider table td.aCenter {width: 50%;}
	.unslider table, .unslider table .sliderlink {font-size: 1rem;}
	.sliderheading, .bgheading, .sliderheading2 {font-size: 2.1rem;}
}
@media only screen and (max-width: 1080px) {
	.main {margin: 0px 10px 0px 0px;}
	.submenu {margin: 0px;}
	.teaser, .teasergelb {margin-right: 0px; width: 100%; float:none;}
	.monitoring {background-position: -20% 0px; }
	.facts ul li {width: 30%; margin: 0 0 0 14%;}
	.socialIcons ul li {width: 30%; margin: 0 -6% 0 6%;}
	.socialIcons ul li div.counterContent {width: 195px; height: 195px; }
	#falklayer1 {width: 70%;}
}
@media only screen and (max-width: 1000px) {
	.container2 {padding: 16px 10px 0px 10px;}
	.containerNormal {padding-left: 30px; padding-right: 30px;}
	td.w30 {width: 10px;}
	img.w30 {width: 10px;}
	.lupe {margin-left: 0px;}
	.teaserbreitContent {padding: 30px 25% 30px 20px; margin-left: 10px;}
	.teaserbreit2Content {padding: 30px 35% 30px 20px; margin-left: 10px;}
	.referenzenContent {padding: 20px 50% 20px 20px; margin-left: 10px;}
	.monitoringContent {text-align:right; padding: 30px 10px 30px 35%; }
	.teasergelbContent {margin-left: 10px; padding:20px 0px;}
	.teaserbreit2background {background: -moz-linear-gradient(left, rgba(39,61,71,1) 0%, rgba(39,61,71,1) 55%, rgba(60,107,141,0.6) 65%, rgba(240,243,247,0) 65.1%, rgba(240,243,247,0) 100%); background: -webkit-linear-gradient(left, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 55%,rgba(60,107,141,0.6) 65%,rgba(240,243,247,0) 65.1%,rgba(240,243,247,0) 100%); background: linear-gradient(to right, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 55%,rgba(60,107,141,0.6) 65%,rgba(240,243,247,0) 65.1%,rgba(240,243,247,0) 100%);}
	#videosearch{width:96%;left:2%;}
	.unslider table td.aCenter {width: 40%;}
	.unslider table, .unslider table .sliderlink {line-height:1.2;}
	.sliderheading, .bgheading, .sliderheading2 {font-size: 1.58rem;}
	.teaserbreitContent h3, .teaserbreit2Content h3, .monitoring h3, .dark h3, .light h3, .orange h3, .referenzen h3, .text h2, .containerNormal h1, .containerNormal h2, .containerNormal h3, .heading, main .heading {font-size: 1.63rem;}
	main .heading {font-size: 1.73rem !important;}
	.containerNormal h4 {font-size: 1.73rem;}
	.monitoringContent {margin-left: 10px;}
	.karteContainer, .footerContent {margin-left: 10px;}
	.footerContent {padding: 20px;}
	.headerteaserContent {padding: 7% 50% 7% 20px; margin-left: 10px;}
	.headerteaserInner {background-size: 65% 100%;}
	.content  {margin-left: 10px; padding-left: 20px; padding-right: 20px;}
	.orange .content {padding-right: 0px;}
	.referenzNavi {padding: 0px 20px;}
}

@media only screen and (max-width: 900px) {
	.nodesktop, #navcontainer ul ul, #navcontainer ul li:hover > ul {display:none;}
	.unslider table, .unslider table .sliderlink {font-size: 0.89rem;}
	#navcontainer {clear: both; background-image:none; background-color: #f0f3f7; height:auto; width:auto; margin:20px 0px 20px 0px; line-height:1.0; padding: 0px; display:none; float:none;}
	#navcontainer ul, #navcontainer ul li {position:relative; float:none; display:block; padding:0; margin:0; font-size:0.89rem; height:auto; border:none;}
	.main, .active, .main:hover, .mNavi {border-top: none; margin:0px; border-bottom: 2px solid #ffffff; font-size:1.157rem; padding:12px 5px 14px 10px; line-height:1.0;}
	.main {font-weight: 400;}
	.active {background-color: #f5bb00;}
	.selected ul {display:block !important; position: relative !important;} 
	.selected ul li a {border-bottom: 2px solid #ffffff; background: #f0f3f7; margin-left: 20px; font-size:1.157rem; padding:12px 5px 12px 10px;}
	#mobilenav {float:right; width:48%;  margin:20px 0px 0px 5px; line-height:1.0; background-color: #e9e8e0;}
	.mNavi {display:block; font-weight:bold; text-decoration:none; color:#333;}
	.mNavi:hover {text-decoration:none;}
	#mobileNaviButton {display:block;  width: 8.5%; margin: 0.2rem 0 0 0;}
	.lupe {display:none;}
	#videosearch{width:99%;left:0;}
	.sliderheading, .unslider .bgheading {font-size: 1.31rem;}
	.headerTeaser .bgheading {font-size: 1.578rem;}
	.monitoring {background-position: -50% 0px; }
	.monitoringContent {padding: 30px 10px 30px 30%; }
    .facts ul li {width: 40%; margin: 0 0 0 7%;}
	.infografik {float:none; margin: 0.5rem auto !important; max-width: 96%; display:block;}
	table.noborder td {display:block;}
	.w40, .w50, .w60 {width: auto;}
	table.noborder td h3 {margin-top:20px;}
	.orange .content {padding-right: 10px;}
	.orange .content img.infografik2 {border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff;}
	.teammember {clear:both; float:none; width:100%; margin:0px 0px 15px 0px; padding-top: 15px; display:block;  min-height: 180px;}
	.logo {height: auto; width: 25%; padding-bottom: 0.25rem; border-bottom: none; }
	.container2 {padding: 0.3rem 2% 0.1rem 2%;}
}

@media only screen and (max-width: 860px) {
	.unslider table td.pl30, .teaser table td.pl30 {padding-left: 20px !important;}
	.unslider table, .unslider table .sliderlink {font-size: 0.84rem;}
	.pt40 {padding-top: 1rem !important;}
	.pb40 {padding-bottom: 1rem !important;}
	.teaser, .teaser table td img.w30 {min-height: 1px;}
	.unslider table td.aCenter {width: auto;}
	.sliderheading, .unslider .bgheading {font-size: 1rem;}
	.headerTeaser .bgheading {font-size: 1.578rem;}
	.unslider table img {max-width: 70%;}
	.teaserbreit { background-size: auto 70%;}
	.teaserbreit .text {background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 100%);background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 );}
	.unslider table {background-image:url(/pics/bg_slider2.png); }
	.teaserbreit2Content, .referenzenContent {margin-left: 10px;}
	.monitoring {background-position: -180px 0px; }
	.headerteaserContent {padding: 7% 50% 7% 20px; margin-left: 10px;}
	.referenzenBackground {background: -moz-linear-gradient(left, rgba(240,244,248,1) 0%, rgba(240,244,248,1) 48%, rgba(240,244,248,0.5) 65%, rgba(240,244,248,0) 65.1%, rgba(240,244,248,0) 100%);
background: -webkit-linear-gradient(left, rgba(240,244,248,1) 0%,rgba(240,244,248,1) 48%,rgba(240,244,248,0.5) 65%,rgba(240,244,248,0) 65.1%,rgba(240,244,248,0) 100%);
background: linear-gradient(to right, rgba(240,244,248,1) 0%,rgba(240,244,248,1) 48%,rgba(240,244,248,0.5) 65%,rgba(240,244,248,0) 65.1%,rgba(240,244,248,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f8', endColorstr='#00f0f4f8',GradientType=1 );}
	.referenzenContent {padding-right: 40%;}
	.socialIcons ul li div.counterContent {width: 175px; height: 175px; }
	#form {line-height: 1.2;}
	#form .fieldContainer {width: auto; margin-bottom: 10px;}
	#form .fieldContainer {float:none;}
	.fieldContainer.mr30 {margin-right: 0px;}
	#form select {width: 100%;}
	#form input[type="text"], #form textarea  {width:-webkit-calc(100% - 10px); width:-moz-calc(100% - 10px); width:calc(100% - 10px);}
	#form input[type="text"], #form select, #form textarea {padding: 5px 5px; border: 1px solid #b0bfd1;}
	iframe.anfrage {height: 1700px;}
}
@media only screen and (max-width: 750px) {
	.footerlinks1 {float:none; margin-bottom: 20px; text-align:center;}
	.zertifikate {text-align:center;}
	.unslider-nav {display:none;}
	#falklayer1 {width: 85%;}
}
@media only screen and (max-width: 700px) {
	.unslider table, .unslider table .sliderlink {font-size: 0.789rem;}
	.monitoring {background-position: -120px 15%; background-size: auto 70%;}
	.footer nav ul {margin: 0px 20px 20px 0px; width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px); min-height: auto;}
	.headerteaserInner {background-size: 75% 100%;}
	.light .facts ul li {width: 46%; margin: 0 0 15px 2%;}
	.referenzen .text {font-size: 0.84rem;}
	.socialIcons ul li {width: 29%; margin: 0 -1.5% 0 4%;}
	.socialIcons ul li div.counterContent {width: 145px; height: 145px; }
	.ort, .kwp, .sonne, .speicher, .dach {background-size: auto 1.6em; padding:3px 3px 3px 35px; background-repeat:no-repeat; background-color: #ffffff;}
}
@media only screen and (max-width: 600px) {
	.socialIcons ul li {width: 29%; margin: 0 0 0 3%;}
	.socialIcons ul li div.counterContent {width: 130px; height: 130px; }
	.socialIcons ul li div.counterContent img {max-width: 50%; margin-bottom: -2px;}
	#falklayer1 {width: 94%;}
}
@media only screen and (max-width: 520px) {
	.unslider table, .unslider table .sliderlink {font-size: 0.73rem; line-height:1.1;}
	.teaserbreit2Content {padding: 30px 35% 30px 10px;}
	.referenzenContent {padding: 20px 35% 20px 10px;}
	.teaserbreit2background {background: -webkit-linear-gradient(left, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 60%,rgba(60,107,141,0.6) 75%,rgba(240,243,247,0) 75.1%,rgba(240,243,247,0) 100%);background: linear-gradient(to right, rgba(39,61,71,1) 0%,rgba(39,61,71,1) 60%,rgba(60,107,141,0.6) 75%,rgba(240,243,247,0) 75.1%,rgba(240,243,247,0) 100%);}
	.monitoring {background-position: -90px 20%; background-size: auto 50%;}
	.monitoringContent {padding: 15px 10px 15px 20%; }
	.facts ul li {width: 48%; margin: 0 0 0 1.35%;}
	.light .facts ul li {width: 49%; margin: 0 0 15px 1%;}
	.headerteaser .text {font-size: 0.84rem;}
	/*weisse linie und abstand links ausknipsen */
	.headerteaserContent {padding: 7% 40% 7% 0px;}
	.content {padding-right: 10px; padding-left: 10px;}
	td.w30 {width: 0px; border-right: none !important;}
	img.w30 {width: 0px;}
	.teasergelbContent, .teaserbreit2Content, .headerteaserContent, .monitoringContent, .karteContainer, .content, .footerContent, .referenzenContent {border-left: none; margin-left: 0px;}
	.teaser table td.pl30, .unslider table td.pl30 {padding-left: 10px !important}
	.teaserbreitContent {padding: 20px 25% 20px 0px;}
	.teaserbreit2Content, .headerteaserContent, .referenzenContent {padding-left: 10px;}
	.teasergelbContent, .containerNormal {padding-left: 10px; padding-right: 10px;}
	.footerContent {padding-left: 15px; padding-right: 15px;}
	.yellowBlock {width: auto; overflow:hidden;}
	.referenzNavi {padding: 0px 10px;}
	.inputfile {background-color: #d5dfe9; border: 1px solid #b0bfd1; color: #16435c; line-height: 1.0; padding: 5px;}
	iframe.speicherframe {height: 1080px;}
	.nodesktop {display:block;}
	.nomobile {display:none;}
	.socialIcons ul li {width: 30%; margin: 0 0 0 3%;}
	.socialIcons ul li div.counterContent {width: 120px; height: 120px; }
	.socialIcons ul li div.counterContent img {max-width: 50%; margin-bottom: -2px;}
	.containerNormal.pt20.pb30 {padding-top: 0.5rem; padding-bottom: 1.5rem;}
	.container .text h4 {margin-top: 1rem;}
	.mb30 { margin-bottom: 1.2rem;}
	.mt30 { margin-top: 1.2rem;}
}
@media only screen and (max-width: 490px) {
	.socialIcons ul li {width: 29.5%; margin: 0 1.5 0 2%;}
	.socialIcons ul li div.counterContent {border: 8px solid #ffffff;}
}
@media only screen and (max-width: 480px) {
	html {font-size: 18px;}
	.socialIcons ul li div.counterContent img {max-width: 50%;}
	.logo {height: auto; width: 35%; }
	#mobileNaviButton {width: 12%;}
	.container2 {padding: 0.6rem 10px 0.4rem 10px;}
	div.unslider {margin-top: 1rem;}
	.teaser, .teasergelb { margin-bottom: 1.5rem;}
	.pb30 {padding-bottom: 1.5rem;}
	iframe.anfrage {height: 1650px;}
	.footer nav ul {font-size: 1.1rem;}
}
@media only screen and (max-width: 460px) {
	html {font-size: 17px;}
	.facts ul li div.counterContent { width: 180px; height: 180px;}
	.socialIcons ul li div.counterContent   {width: 110px; height: 110px; }
	#fingerprint img {max-width: 24px;}
}
@media only screen and (max-width: 440px) {
	html {font-size: 16px;}
	.facts ul li div.counterContent { width: 170px; height: 170px;}
}
@media only screen and (max-width: 420px) {
	.facts ul li div.counterContent { width: 160px; height: 160px;}
	.socialIcons ul li div.counterContent   {width: 100px; height: 100px; }
}
@media only screen and (max-width: 400px) {
	html {font-size: 15px;}
	.facts ul li div.counterContent { width: 150px; height: 150px;}
	iframe.anfrage {height: 1550px;}
	.unslider table, .unslider table .sliderlink {font-size: 0.7rem;}
	.unslider-active p {margin: 0.3rem 0;}
	.teaser h3, .teasergelb h3, h1.search { font-size: 1.5rem;}
	.text.containerNormal ul {margin-left: 0; padding-left: 1rem;}
}
@media only screen and (max-width: 380px) {
	.facts ul li div.counterContent { width: 140px; height: 140px;}
	.socialIcons ul li div.counterContent   {width: 90px; height: 90px; }
	/*iframe.anfrage {height: 1500px;}*/
	.unslider table, .unslider table .sliderlink { font-size: font-size: 0.7rem;}
}
@media only screen and (max-width: 360px) {
	.facts ul li div.counterContent { width: 130px; height: 130px;}
	/*iframe.anfrage {height: 1450px;}*/
}
/* Responsive Ende */