/* css (c) Tobias Voss - voss@just-rubbish.de */



/*rechner an max auslagern*/

body > form{
  display: none!important;
}


.calculator{
  max-width: 1150px!important;
}

.calculator-loader{
  margin-top: -80px!important;
  background-color: rgba(195, 44, 50, 0)!important;
  position: relative;
  z-index: 10;
}
.calculator.input{
  background-color: rgba(195, 44, 50, 0.8)!important;
}


body{
  font-family:"RobotoCondensed-Light";
}

b, strong{
  font-family:"RobotoCondensed-SemiBold";
  font-weight: normal;
}

a{
  font-weight: normal!important;
}

a.btn-black{
  border: 1px solid #000;
  padding: 0.8em 4em;
  color: #000;
  font-family:"RobotoCondensed-SemiBold";
  margin-top: 2em;
  display: inline-block;
}



a.btn-red{
  background-color: #c32b32;
  padding: 0.8em 4em;
  color: #fff;
  font-family:"RobotoCondensed-SemiBold";
  margin-top: 2em;
  display: inline-block;
}

a.btn-black:after, a.btn-red:after{
  content: " »"
}

.nav-link-main{
  font-family:"RobotoCondensed-Light"!important;
  font-weight: normal;
  font-size: 1.8em;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 5px;
  text-transform: uppercase;
}

@media (max-width: 1199px){
  .nav-link-main{
    font-size: 1.5em;
  }
}

.dropdown-menu>li>a{
  font-family:"RobotoCondensed-Regular"!important;
  font-weight: normal;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav li.open>a{
  color: #f2f2f2!important;
}

.navbar-mainnavigation {
	box-shadow: none;
}

#mainnavigation{
  align-items: end;
}

.navbar-mainnavigation .nav-link-indicator:before{
  color:#fff;
}

.navbar-mainnavigation .nav-link.nav-link-main:before{
  right:0px;
}

.navbar-mainnavigation .nav-link-toggle{
  font-size: 1.5rem;
}

.navbar-default .navbar-nav>li>a{
  padding-right: 0px;
}

.dropdown-nav .nav-link-dropdown:before{
  display: none!important;
}

.dropdown-menu{
  padding-left:0px;
  padding-right: 0px;
}

.dropdown-menu .nav-link-dropdown{
  padding: 0.3em 1em;
}

.dropdown-menu .nav-link-dropdown:hover,
.dropdown-menu .nav-link-dropdown.active{
  color:#fff;
  background-color: #c32b32;
}

.navbar-mainnavigation .navbar-nav .dropdown-menu{
  border-radius: 0px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family:"RobotoCondensed-Light"; 
}

.container h1{
  color:#000
}

.carousel h1{
  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 5px;
}

h1{
  text-align: center;
}

h1.awesome, .h1.awesome{
  font-size:45px;
}

.navbar-mainnavigation .navbar-brand{
  height: auto;
}

.navbar-mainnavigation .navbar-nav{
  justify-content: right;
}

.navbar-toggler{
  color: #fff!important;
}

@media (min-width: 992px){
  .navbar-mainnavigation .nav-item {
  flex-wrap: nowrap!important;
  }
}

.ce-default, .frame-layout-0 ul, .bg-gelb-pfeil ul, .box-rot ul, .box-gruen ul, .box-grau ul, .frame-layout-205 ul{
  list-style: none;
  padding: 0;
}

.ce-default li:before, .frame-layout-0 li:before, .bg-gelb-pfeil li:before, .frame-layout-205 li:before, .box-rot li:before, .box-gruen li:before, .box-grau li:before{
  content:"›";
  padding-right: 0.3em;
}

.ce-default, .frame-layout-0, .bg-gelb, .bg-gelb-pfeil, .frame-layout-204, .frame-layout-205{
  margin-bottom: 2.5em;
}

.container .carousel{
  margin-bottom: 6em;
}

ol.carousel-indicators{
  display: none;
}

.carousel-control .glyphicon-chevron-left{
  left: -40%;
}

.carousel-control .glyphicon-chevron-right{
  right: -40%;
}

.ce-default p, .frame-layout-0 p{
  font-size: 1.2em;
}

div.carousel-text-inner{
  padding-top: 10em;
}

#chat_novo{
position: fixed;
right: 0px;
bottom: 180px;
z-index: 1002;
}
    
    
/* spezielle CE klassen */
.bg-gelb-pfeil, .frame-layout-205{
/*  padding-bottom:18px;*/
  font-size: 1.2em;
  background-image: url(../img/pfeil_unten_maske.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 100%;
  background-color: #f2f2f2;
  padding: 1.5em 4em 3.5em 4em;
}

.rueler-right, .frame-layout-213{
  border-right: 1px solid #ccc;
  padding-right: 1em;
}

/* Suchfenster noch fragen */

#c467{
  background-color: #f2f2f2;
  padding: 1em 4em 2em 4em;
  font-size: 1.2em;
}

.bg-gelb, .frame-layout-204{
  background-color: #f2f2f2;
  padding: 2em 4em 1.5em 4em;
  font-size: 1.2em;
}

.links-einruecken{
  padding-left: 4em;
}

a.right.carousel-control,a.left.carousel-control{
  display: none;
}


/* Sparmeisterschaft Video integration */

#filmstreifen_bg{
  width: 100%;
  background-color: #000;
}

.perforation{
  background-image:url(../../energieGUT/Bilder/Sparmeisterschaft/Film.png);
  background-repeat: repeat-x;
  height: 50px;
  width:100%;
}

li.filmstreifen_video{
  width: 25%;
  float:left;
  margin: 0 4.1%;
}

li.filmstreifen_video:before{
  content:"";
}

li.filmstreifen_video iframe{
  max-width: 100%;
  max-height: auto!important;
}

a.whatsapp_btn{
  display: none;
}

@media (max-width: 480px){
li.filmstreifen_video{
  width: 90%;
  margin: 0 5% 40px 5%;
}

a.whatsapp_btn{
  display: inline;
}
}

/* nur Desktop */

@media (min-width: 1025px){

.navbar-default{
  background-color: transparent!important;
  border: none;
}

header.navbar{
  z-index: 99;
  position: absolute !important;
  width: 100%;
}

#content{
  /*margin-top:-140px;*/
  z-index:10;
  position: relative;
  /*top: -140px;*/
}

footer{
  position: relative;
  /*top: -140px;*/
}

.footer-section{
  padding-top: 0px!important;
  margin-top: 0px!important;
}

.footer-section .container{
  padding-top: 3em;
  border-top: 1px solid #f1f1f1; 
}
 
  
b.caret{
  display: none;
}

.navbar-default .navbar-nav>li>a{
  color: #fff!important;
}

.navbar-main>li>a{
  line-height: 30px;
  padding-top: 60px;
}

.navbar-main>li>a.dropdown-toggle{
  /*padding-top: 0px;*/
}

.navbar-main > li > a .bar{
  display: none;
}

.image-beside-left .image-wrap{
  padding-right: 80px;
}

div.fullsize-teaser.right{
  width: 50%;
  float: right;
  margin-top: 200px;
  text-align: center;
}

/* Styles Tab-Akkordeon Kombi*/

.nav-tabs{
  width: 25%;
  max-width: 25%;
  float: right;
  margin-top:93px;
  border: none;
}

.nav-tabs li,
.nav-tabs button{
  width: 100%;
  text-align: center;
  margin-bottom: 1em!important;
}

.tab-content{
  width: 70%;
  max-width: 70%;
}

.tab-content h1{
  text-align: left;
}

.tab-pane{
  min-height: 400px;
}
  
}

/*allgemeingültige Styles*/

/* allgemeine Styles Tab-Akkordeon Kombi*/

.tab-v1 li:before{
  content: none;
}



.nav-tabs>li>a,
.nav-tabs .nav-link{
  color: #fff;
  background-color: #c32b32;
  border: 1px solid #fff;
  text-transform: uppercase;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus{
  color: #c32b32!important;
  background-color: #fff!important;
  border: 1px solid #c32b32!important;
}

.panel-heading{
  position: relative;
  background-color: #fff!important;
}

.panel-title{
  font-family:"RobotoCondensed-SemiBold";
  width: 90%;
}

.panel-title>a{
  /*position: absolute;
  right: 1em;
  top: 40%;*/
}

.panel-title p{
  margin: 0.5em 0 0 0;
}

.panel-title p:first-child{
  margin: 0 0 0 0;
}





/*FOOTER NAVI*/

.meta-section .copyright,
.footer-section-meta .copyright{
  text-align:left;
  font-size: 0.8em;
}

.meta-section .copyright a,
.footer-section-meta .copyright a{
  color: #fff;
}

#footerNavi li a{
  color: #fff!important;
  font-weight: normal!important;
  font-size: 0.8em!important;
  text-decoration: none;
}

#footerNavi li a:hover{
  text-decoration: underline!important;
}

#footerNavi li{
  list-style-type: none;
  float: right;
  padding-left: 0.5em;
}

#footerNavi li:before{
  content: " | ";
}


#footerNavi:first-child{
  padding-left: 0;
}

/*FOOTER NAVI END*/

/*MetaNAvi*/

.navbar .container{
  position: relative;
}

.MetaNav{
  position: absolute;
  top: 0em;
  right: 45px;
  
}

.MetaNav li{
  float: right;
  list-style-type: none;
  padding-left: 1em;
}

.MetaNav li a{
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  text-shadow: rgba(0, 0, 0, 0.6) 0px 2px 5px;
  text-decoration: none;
}

.MetaNav li a:hover{
  text-decoration: underline;
}

@media (max-width: 320px){
.MetaNav{
  display: none;
}
}
/*MetaNAvi End*/


.breadcrumb-section{
  display: none;
}

.footer-section{
  background-color: #fff;
  color:#333333;
  border: none;
  padding: 60px 0 30px;
}

.footer-section .container {
  padding-top: 0em;
 border-top: 0px solid #f1f1f1; 
}

.footer-section{
  font-size: 0.85em;
}

.footer-section a{
  color: #333333;
  font-family:"RobotoCondensed-SemiBold";
}

.meta-section,
.footer-section-meta{
  background-color: #c32c32;
  color:#fff;
  border: none;
  padding: 10.5px 0;
}

.box-rot, .box-gruen, .box-grau{
  border: 1px solid #bbb;
  padding: 1.5em 1em 0em 1em;
  position: relative;
  margin-bottom: 2em;
}

.box-rot a{
  background-color: #c32b32;
  color: #fff!important;
  padding: 0.4em 2.5em;
  display: box;
  position: absolute;
  right: 10%;
  top: 35%;
}

.box-gruen a{
  background-color: #a9be01;
  color: #fff!important;
  padding: 0.4em 2.5em;
  display: box;
  position: absolute;
  right: 10%;
  top: 35%;
}

.box-grau a{
  background-color: #868684;
  color: #fff!important;
  padding: 0.4em 2.5em;
  display: box;
  position: absolute;
  right: 10%;
  top: 35%;
}

.box-rot a:after,.box-gruen a:after, .box-grau a:after{
  content:" »"
}


/* slick slider / Zertifikateslider */

div.slick-track{
  padding-bottom: 100px;
}


#p49 div.slick-track{
padding-bottom: 280px;
padding-top:  100px;
}

.slick-slide{
  position: relative;
  filter: alpha(opacity=0);
        opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
}



.slick-active{
  filter: alpha(opacity=30);
        opacity: 0.3;
  -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
}

.slick-active.slick-center, .slick-active.slick-center .slick-text{
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
}

.slick-active.slick-center img{
transform: scale(1.2,1.2);
  transition: 2.5s;
}

.slick-active img{
  transition: 2.5s;
}
  
.wechsel-slider .slick-slide img{
  width: 200px!important;
  height: 200px!important;
}

.slick-header{
  display: none!important;
}

.slick-text .span p{
  font-weight: normal!important;
  color: #000!important;
  background: none!important;
  line-height: 1.2em;
  text-align: center;
}

.slick-text{
  top: 14em!important;
   filter: alpha(opacity=0);
        opacity: 0;
  -webkit-transition: opacity 1.5s ease-in-out;
        -moz-transition: opacity 1.5s ease-in-out;
        -ms-transition: opacity 1.5s ease-in-out;
        -o-transition: opacity 1.5s ease-in-out;
        transition: opacity 1.5s ease-in-out;
  width: 90%;
}


#p49 .slick-slide .slick-text{
  padding-top: 50px;
}

.slick-slide .border{
  /*position: absolute;*/
}

.image-center-inner figure.image a{
  width: 100%;
}

/* Wechsel-slider auf Basis slick-slider */

 .wechsel-slider{
  margin-bottom: 4em;
}

.wechsel-slider div.slick-track{
  padding-bottom: 130px;
}

.wechsel-slider .slick-header{
  display: block!important;
  width: 90%;
  display: block;
  text-align: center;
}

.wechsel-slider .slick-header .span h4{
  background: none;
  color: #000;
  font-size: 1.3em;
  font-family:"RobotoCondensed-SemiBold";
  font-weight: normal;
}

.wechsel-slider .slick-slide figure{
  padding-top: 5em;
  text-align: center;
}

.wechsel-slider .slick-slide img{
 margin: 0 auto; 
}

.wechsel-slider .slick-text .span p{
  font-weight: normal!important;
  color: #000!important;
  background: none!important;
  line-height: 1.2em;
  text-align: center;
  font-size: 1em;
}

.wechsel-slider .slick-text{
  top: 300px!important;
  width: 90%;
}

.slickcontentelement .contentwrap,
.slick-header,
.slick-header h2,
.slick-text{
  color: rgb(33, 33, 33)!important;
}

.slickcontentelement .contentwrap *, #startBox01 .slick-slider .contentwrap * {
color: rgb(33, 33, 33)!important;
}

.slick-text,
.slick-active{
  opacity: 1!important;
}

.frame-layout-208 .carousel-indicators{
  display:none;
}

/*.slick-active:nth-child(odd){
  opacity: 1!important;
}

div.slick-active:nth-of-type(2){
  opacity: 1!important;
}*/

.slickcontentelement .contentwrap{
  background: none;
}

.slick-prev:before, .slick-next:before{
  color: #c32c32;
}


/*Formhandler Kontaktformular*/
.Tx-Formhandler{
  width: 100%;
}

.Tx-Formhandler form{
  width: 100%;
}

.Tx-Formhandler .formRow td input{
  margin-bottom: 0px;
  margin-left: 1em;
}

.Tx-Formhandler td{
  vertical-align: middle;
  font-family: monospace;
}

.Tx-Formhandler .formRow label{
  min-width: 120px;
  width: 30%;
  vertical-align: top;
  display: inline-block;
  /*line-height: 2.3em;*/
  line-height: 1.5em;
}

.Tx-Formhandler .formRow label.teilnahmebedingungen{
  width: 80%;
}

.Tx-Formhandler .formRow select{
  width: 66%;
  min-width: 100px;
  height: 2.7em;
  border: 1px solid #cfcfcf;
  margin-bottom: 1.5em;
}

.Tx-Formhandler .formRow input{
  width: 65%;
  min-width: 100px;
  line-height: 2.3em;
  border-radius: 5px;
  border: 1px solid #cfcfcf;
  margin-bottom: 1.5em;
}

.Tx-Formhandler .formRow .textarea{
  width: 65%;
  min-width: 100px;
  border-radius: 5px;
  border: 1px solid #cfcfcf;
  height: 200px;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}

.Tx-Formhandler .formRow .submit{
  width: 200px;
  background-color: #77ad1a;
  font-family:"HelveticaNeueW02-77BdCn 694066", Helvetica, sans-serif;
  color: #fff;
  font-size: 2em;
  line-height:1.5em;
  height: 1.5em;
  padding: 0px;
  text-align: center;
  margin-left: 45%;
  border: none;
}

.Tx-Formhandler .formRow #kategorie{
  min-width: 10%!important;
  width: 20px!important;
}



p.kontakt_footer{
  padding-top: 3em;
  font-size: 0.9em;
}

/*Kontaktseite*/



/*KWK Formular*/

.Tx-Formhandler .formRow #teilnakz{
  width: 20px;
  
}

.Tx-Formhandler .formRow label.teilnahmebedingungen{
  line-height: 1.5em;
}

.Tx-Formhandler .formRow textarea{
  width: 65%;
  min-width: 100px;
  border-radius: 5px;
  border: 1px solid #cfcfcf;
  height: 200px;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}


/* Bildschirmschoner*/
#simplemodal-overlay {
  background-image: url(../Bildschirmschoner/screenout_bg.png);
  background-repeat: repeat;
  z-index: 1250;
}

.modal-lightbox{
  max-width:90%;
}

#modalContainer img{
  max-width: 90%!important;
}
    
    /*#simplemodal-overlay {background-color:#000;width: 100%; height: 100%;*/
  /* Fallback for web browsers that doesn't support RGBa
   /* background: rgb(0, 0, 0);
    /* RGBa with 0.9 opacity
    background: rgba(0, 0, 0, 0.9);
    /* For IE 5.5 - 7
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}*/

#simplemodal-container {
  margin: 0 auto;
  z-index: 1200;
  position: relative;
}



/*tooltip*/

span.tool{
  display: inline-block;
  cursor: pointer;
  position: relative;
}

span.tip{
  display: none;
}

span.tool:hover span.tip
{
  position: absolute;
  display: block;
  top: -5em;
  left: 2em;
  height: 200px;
  width: 200px;
  border: 1px solid black;
  background-color:white;
  padding: 0.2em;
}

/* Zitate-Slider */

.zitate-slider, .frame-layout-208{
  /*padding-top: 3em;*/
}

.zitate-slider .carousel-image, .frame-layout-208 .carousel-image{
  display: block;
  padding-bottom: 1em;
}

.zitate-slider .carousel-image img, .frame-layout-208 .carousel-image img{
  /*width: 20%;
  height: 20%;*/
  max-width: 150px!important;
  max-height: 150px!important;
}

.zitate-slider .carousel-inner>.item, .frame-layout-208 .carousel-inner>.item{
  height: auto;
  padding: 2em 0 2em 0;
}

.zitate-slider .carousel-text, .frame-layout-208 .carousel-text{
    display: block;
    text-align: center;
}

.zitate-slider .carousel, .frame-layout-208 .carousel{
  margin-bottom: 2em;
}

div.item.carousel-item-type.carousel-item-type-textandimage{
  /*background-color: #fff!important;*/
}

div.item.carousel-item-type.carousel-item-type-textandimage{
  background-color: #f2f2f2!important;
}


/* Akkordeon Button */

div.pf_btn{
  display: inline-block;
  margin-top: -10px;
  width: 32px;
  height: 32px;
  background: url(../img/eG_Web_Ausklapper_Rot.png) top left no-repeat;
}

div.pf_btn.btn_opened{
  background: url(../img/eG_Web_Einklapper_Rot.png) top left no-repeat;
}

.panel-title p.akk_icon{
  width: 30px!important;
  float: left;
  margin-right: 1em;
  display: block;
  margin-top: -5px;
}

.accordion-header .accordion-button{
  font-size: 0.9em;
  font-weight: bold;
}

.panel-title p, .panel-body p{
  display: block;
}

.panel-body p{
  padding-left: 50px;  
}

.panel-body p.akk_icon,
.accordion-body p.akk_icon{
  width: 30px!important;
  float: left;
  margin-right: 1em;
  display: block;
  padding-left: 0px;
  height: 30px;
  background: url('../img/eG_Web_Ausrufezeichen.png') no-repeat top left;
}

img.akkordeon_frage_icon{
  /*display: inline-block;*/
  margin-top: -5px;
}

#c380 .panel-title:before{
  content: url('/fileadmin/Template/img/eG_Web_Fragezeichen.png');
  width: 30px!important;
  float: left;
  margin-right: 1em;
  display: block;
  margin-top: -10px;
}
#c380 .panel-title{
  margin-top: 10px;
}

/* suche */

#tx_indexedsearch{
  text-align: center;
}

#tx_indexedsearch table{
  width: 100%;
  text-align: center;
}

form#tx_indexedsearch p,div.tx-indexedsearch-rules{
  display: none;
}

form#tx_indexedsearch table tbody tr td:first-child{
  display: none;
}

form#tx_indexedsearch table tbody tr td{
  padding-bottom: 1em;
}

.tx_indexedsearch .form-label{
  display: none;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{
  width: 400px!important;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{
  width: 250px!important;
}

 .tooltip {
        display: inline-block;
        background: url('../img/info.png') center center no-repeat transparent;
        width: 15px;
        height: 15px;
        opacity: 1; 
        filter: alpha(opacity=1);
      }
      .ui-tooltip{
        padding:8px;
        position:absolute;
        z-index:9999;
        max-width:300px;
        -webkit-box-shadow:0 0 5px #aaa;
        box-shadow:0 0 5px #aaa;
        background-color: #ffffff;
      }
      body .ui-tooltip {
        border-width:2px
      }

/* Historien Slider*/

.historie .carousel-image{
  display: none;
}

.historie .carousel-text{
padding-right: 50%;
}

.tx-indexedsearch-info.info{
  display: none;
}

/* Teaser Elemente im Headbereich*/
.frame-Header-teaser-left img, .Header-teaser-right img{
  max-width: 200px;
}

.frame-Header-teaser-left{
  position: absolute;
  max-width: 200px;
  top:300px;
  left:10%;
  z-index:2;
}

.frame-Header-teaser-left .container{
max-width: 200px;
}

.Header-teaser-right{
  position: absolute;
  max-width: 200px;
  right:10px;
    top:300px;
}



.modal-lightbox{
  margin: 150px auto;
  width: 1020px!important;
}


/*iframe Dena*/
.check-box{
  background: #fff url() top right no-repeat!important;
}

#c481 .carousel-inner>.item{
  padding: 0em 0 0em 0;
}

#c481 .carousel-image img{
  max-width: 200px !important;
max-height: 200px !important;
}

.csc-sitemap li ul{
  padding-left: 1em;
  padding-bottom: 1em;
}

#kontaktlasche{
  position: fixed;
  right: 0px;
  bottom:150px;
  z-index: 1001;
}

#optiRealPersonContent{
  /*height: 220px;
  min-height: 220px;
  width: 33px;*/
  position: fixed;
  right: -260px;
  bottom: 172px;
  z-index: 1000;
}

img.mfp-img{
  background-color:#fff;
}

button.mfp-close{
  color: #000!important;
}

/* mobile */

@media (max-width: 1200px){
  .MetaNav{
  top: -1em;
}
}
    
@media (max-width: 1024px){

#content{
  position: relative;
  top: -71px;
  z-index:10;
}

nav.navbar-collapse.collapse.in{
  padding-bottom: 71px;
}

.navbar-default .navbar-toggle .icon-bar{
  background-color: #fff;
}

.navbar .container{
  position: relative;
  z-index:11;
  border: none;
}

.MetaNav{
  position: absolute;
  top: -1em;
  /*right: 100px;*/
}

header.navbar.navbar-default.navbar-has-image.navbar-top{
  background-color:#c32c32!important;
}   

.navbar-default .navbar-nav>li>a{
  color: #fff;
}

.navbar-main>li.dropdown>a{
  margin-left: 1.7em;
}

.navbar-main>li.dropdown .caret{
  color: #fff;
  position:relative;
  top: -2.3em;
  left:0.7em;
}

span.navbar-header-border-bottom{
  display: none!important;
}

footer{
  position: relative;
  top: -71px;
}

.Header-teaser-right, .frame-Header-teaser-left{
  top:70px;
}

#modalContainer img {
 max-width: 100%;
}

.rueler-right, .frame-layout-213{
  border-right: none;
  border-bottom: 1px solid #ccc;
}

.dropdown-menu>li>a{
  color: #ffffff!important;
}



.frame-Header-teaser-left img, .Header-teaser-right img{
  max-width: 100px;
}

.frame-Header-teaser-left{
  position: absolute;
  max-width: 100px;
  top:130px;
  left:2%;
}

.frame-Header-teaser-left .container{
max-width: 100px;
}
.frame-Header-teaser-left div.image-center.image-above{
  width:100px;
}

}

@media (max-width: 991px){
  .MetaNav{
    position: absolute;
    top: 0.3em;
    padding-right:25px;
  }
}

@media (max-width: 768px){
h1.awesome, .h1.awesome{
  font-size: 30px;
}

.MetaNav{
  /*right: 80px;*/
}

.frame-Header-teaser-left img, .Header-teaser-right img{
  max-width: 100px;
}

.frame-Header-teaser-left{
  position: absolute;
  max-width: 100px;
  top:130px;
  left:2%;
}

.frame-Header-teaser-left .container{
max-width: 100px;
}
.frame-Header-teaser-left div.image-center.image-above{
  width:100px;
}

div.savings-price, div.savings-price-double{
  width: 100%!important;
}

.wechsel-slider div.slick-track{
  padding-bottom: 200px;
}

#c285{
  text-align:center;
}

#c285 a{
  max-width:30%;
}



}

/*geänderte allgemeine styles*/

div.savings-price img, div.savings-price-double img{
  max-width:50%;
}

.question a img{
  max-width: 100%;
}

.rg_box{
  max-width: 100%;
  background-position: 0 0;
}


@media (max-width: 480px){
  .bg-gelb-pfeil, .frame-layout-205, .bg-gelb, .frame-layout-204{
  padding: 1em 0.3em;
}

.nav-tabs>li{
  width:100%;
  margin-bottom: 2px;
}

#c467{
  padding: 1em 0.3em;
}

#c467 #tx_indexedsearch table{
  width: 85%;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{
  width:340px!important;
}

#questionContainer h3{
  font-size: 1em!important;
}

nav .dropdown{
  position: relative;
}

nav .dropdown .dropdown-toggle{
/*  position: absolute;
  left: -30px;
  height: 1.5em;
  width: 90%;*/
}

.MetaNav{
max-width: 230px;
}

.sidebar{
  width: 85%!important;
}

#headerSlide .carousel-text-inner{
  max-width: 90%;
  padding-top: 6em;
}

#headerSlide .carousel-text-inner h1{
  font-size: 20px;
}

#headerSlide .carousel-text-inner p{
  font-size: 0.9em;
}

.calculator-loader{
  margin-top: -35px!important;
  background-color: rgba(195, 44, 50, 1)!important;
}


.frame-Header-teaser-left{
  top:260px;
}

#c315 p{
  font-size: 0.9em;
}

}

#c1583 a, #c1589 a{
  color:#fff!important;
}


#content>.frame-type-carousel:first-child{
padding: 0!important;
}

.carousel-text {
text-shadow: rgba(0,0,0,0.5) 0px 2px 5px;
}

.frame-type-html{
  margin: 0px;
  padding: 0px;
}

@media (min-width: 1025px){
h3, .h3 {
font-size: 1.75em;
}
}


.section {
padding-top: 0px;
padding-bottom: 0px;
}

#p1 .section {
padding-top: 4em;
}

.frame-type-shortcut{
  padding-top: 0em;
padding-bottom: 0em;
}

#p48 .calculator-loader, #p67 .calculator-loader, #p71 .calculator-loader, #p73 .calculator-loader, #p75 .calculator-loader, #p94 .calculator-loader, #p96 .calculator-loader, #p76 .calculator-loader{
  margin-top: -80px!important;
}

h4, .h4 {
font-size: 1.3em;
}

#c467 .form-group a{
  display: none;
}

.table-responsive tbody tr{
  border-top: 1px solid #666;
  height: 2em;
}

figure .caption{
  text-align: center;
}


.footer-section-content,
.footer-section-content .frame{
    color: #333!important;
  }
@media (min-width: 1200px){
  .navbar-mainnavigation .navbar-brand-image img {
  max-height: 100%!important;
  }
}
.gallery-item img, .gallery-item picture{
  max-width: 100%;
  height: auto;
  width: auto;
}


.modal-footer,
.modal-header{
  display: none;
}
.modal-content{
	background: transparent!important;
}
.modal-dialog {
	max-width: 1000px;
	margin: 1.75rem auto;
  	width: 90%;
}
.modal-lightbox {
margin: 150px auto;
width: 100%!important;
}
.modal-backdrop.show {
opacity: 0.9;
}

.akk_icon{
  margin-bottom: 0px;
  margin-right: 1em;
}

.pswp__bg{
  background: #ffffff!important;
}

#page-content .frame-type-html{
padding-top: 1em;
}




/*Rechnungserklärung*/
.billpage{
  margin-top: 3.5em;
}

.billpage img{
  max-width:100%!important;
  height: auto;
  box-shadow: 5px 5px 3px #aaa;
  border: 1px solid #ddd;
}
.billpage .clickarea{
  position: absolute;
  width: 45px;
  height: 45px;
  background-image: url("/fileadmin/Template/img/eG_Rechnungslayout_Pfeil.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: grid;
  z-index: 102;
}
.billpage .clickarea span{
  text-align: center;
  align-content: center;
  width: 75%;
  display: grid;
  font-family: Geogrotesque-Medium, Arial, sans-serif;
  color: #fff;
  font-size: 1.2em;
  line-height: 1em;
}
.billpage .hinweis{
  position: absolute;
  width: 250px;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #77ad1a;
  border-radius: 5px;
  z-index: 103;
}
.billpage .hinweis.left{
  visibility: hidden;
  top: 0px;
  left: -220px;
}
.billpage .hinweis.right{
  visibility: hidden;
  top: 0px;
  left: 60px;
}

.billpage .clickarea h3 {
  font-family: "HelveticaNeueW02-77BdCn 694066", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.billpage .clickarea p {
  font-size: 0.9em;
}
@media(max-width: 580px){
  .billpage .hinweis {
    position: fixed;
    width: 95%;
  }
  .billpage .hinweis.right,
  .billpage .hinweis.left{
    top: 130px;
    left: 10px;
  }
  .billpage .clickarea{
    width: 35px;
    height: 35px;
  }
  .billpage .clickarea span{
    font-size: 1em;
  }
 .dropdown-menu>li>a {
color: #000000!important;
}
}

.calculator.input .calculator-input-container .calculator-input-row .input-submit button {
  color: #454545 !important;
}

.calculator.result .calculator-result .calculator-result-order button {
  color: #454545 !important;
}

.btn-default{
  color: #fff;
  background-color: #c32b32;
  border: 1px solid #c32b32;
  width: auto;
}