@media only screen and (min-width : 768px) and (max-width : 1023px) {

   img.foerder-img {
  float: left; 
  margin-left: 0px; 
  margin-top: 10px;
  
   } 
   
   #partner .col-md-4 .frame-type-image img {
width: auto;
height: auto;
}
  
   .foto-col3 {
width:40%;
margin-bottom: 35px;
}


   .wechsel-body .pachtrechner .module2 ul {
       height: 300px;
       }
       
       .speicher-body .pachtrechner .module2 ul {
       height: 190px;
       }
  
   .esp-body .pachtrechner .module2 ul {
       height: 310px;
       }
       
       
   
   .zusatz-body .c-wrapper {
                    
        height: 750px;
        }
        
        table.table-detail {
        width: 100% !important;
        }
        
         table.table-detail tr td {
         display: block;
         width: 100%;
  border-bottom: 1px solid #E6E6E6;
  padding: 6px 4px 6px 4px !important;
 
  /*text-align: right;*/
  
  }
  
  table.table-detail tr td.t-td1 {
  width: 100%;
  padding-right: 0px;
  text-align: left;
         background: #f2f2f2;
  }
        

 #preis-bsp .frame-type-textpic  h2 {
 width: 60%;
 }
 
  #preis-bsp .frame-type-textpic .ce-bodytext {
  width: 60%;
  }

 #preis-bsp .frame-type-textpic img {
width: 100%;
height: auto; 
margin-top: 100px !important;
margin-right: 0px !important;
}
  
  
  #preis-bsp .frame-type-textpic  .ce-gallery {
   width: 35%;
  }

ul.iconmenu{ 

top: auto;
bottom: 50px !important;
}

.iconsubmenu {

}

#ddcontentarea1, #ddcontentarea2, #ddcontentarea, #ddcontentarea4 {
width: 600px !important;
}
   

.tx-ws-flexslider {


 }
 
 
 
 .slidercontent {
 padding: 0 !important;
 }

.slides li div.captionwrapper { position: absolute; width: 250px; top:-10px !important; /*bottom: 10px;*/ margin-top: -15px !important; padding: 0;  }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .captiontitle {  font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; padding: 0; margin-top: 0px !important; top: 0px; }
  
  .caption-title {
  display: none;
  }
  
  .caption-text {
  
top: 0px;
margin-top: -5px !important;
margin-bottom: 5px;
padding-bottom: 5px !important;
}
  
  .caption-text ul {
  margin-top: -0px !important;
  padding-left: 0 !important;
  margin-left: 0;
  width: 100%;

  }
  .caption-text ul li {
  font-size: 16px;
  }
  
  .caption-body {
padding: 0;
}
  
  .caption-text a.y-button-left {
 font-size: 16px;
 margin-top: 0px;
 margin-left: 20px;
}
  
  
  .tx-ws-flexslider .caption-align-left .caption-text { left: 20px; }
  .tx-ws-flexslider .caption-align-left .caption-link { left: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-text { right: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-link { right: 20px; }
  .tx-ws-flexslider .caption-link { position: absolute; bottom: 20px; }
  .tx-ws-flexslider .caption-text { position: absolute; width: 350px; top: 20px; background: rgba(255,255,255,0.9); }
 
 
  ul.start-ul {
   float: none;
  margin-bottom: 20px; 
  width: 100%;
  padding-left: 0;
  

   }
   
    ul.start-ul-2 {
    float: none;
    padding-left: 0;
  margin-bottom: 20px; 
  width: 100%;
    
   }

 /** Boxen Startseite **/
.box-start {

/*width: 45%;*/
} 

.box-start .ce-column {



}

.box-start img {
width: 100%;
height: auto;
}

.prod-teaser {

width: 80%;
}


.navbar-header {

}
button.navbar-toggle {
clear: both;
float: right !important;
margin-right: 0 !important;
margin-top: 20px !important;
}



.navbar-collapse {
     margin-top: 22px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(136,136,136,1);
-moz-box-shadow: 0px 2px 3px 0px rgba(136,136,136,1);
box-shadow: 0px 2px 3px 0px rgba(136,136,136,1);
         margin-left: 0px !important;
          z-index: 999999 !important;
          width: 100% !important;
           padding-left: 0 !important;
           padding-bottom: 0 !important;
           border-left: 1px solid #E6E6E6 !important;
           border-right: 1px solid #E6E6E6 !important;
           border-top: none !important;
           border-bottom: 1px solid #E6E6E6 !important;
    }
    
    .navbar-nav>li {
    border: none !important;
    padding-top: 0 !important;
    }
    
    .navbar-nav>li>a {
    
    display: block;
        font-size: 15px;
        padding: 5px 10px 5px 10px !important;
        border-bottom: 1px solid #c0c0c0;
    }
    
    
   
    ul.navbar-nav {
    
    width: 100% !important;
        float: none!important;
		margin-top: 0px !important;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    background: #f7f7f7 !important;
    z-index: 1001 !important;
	}

  

.bg-grey {
padding-top: 10px;
padding-bottom: 10px;
}

/** FAQ Nav **/
ul.faq-nav li {

width: 47%;
margin-right: 15px;
margin-bottom: 15px;
} 



 

/** Maps **/

/** Text **/

#c72 {
float: left;
width: 100%;
}

/* Map */

#c71 {
width: 100%;
float: left;
margin-top: 20px;
}

 #map-canvas {
  float: left;
  width: 680px;
  }

  /** Bild Reihe / Referenzen **/
.frame-type-image .ce-column {

width: 32% !important;

}

.frame-type-image .ce-column img {
width: 100%;
height: auto;
}
  

/** Bild links **/

.ce-left  .ce-row .ce-column {

 width: 100%;
 height: auto;
}

.ce-left  .ce-row img {
width: 100%;
height: auto;
}
  
  #footer {
   
  padding-top: 20px;
  padding-bottom: 250px !important;
  }      
 
  
#footer .col-md-4 {
clear: both;
width: 100% !important;
margin-bottom: 0 !important; 
padding-bottom: 0 !important;
padding-left: 0;
margin-left: 0;


}   

#footer .col-md-4  nav {
margin: 0;
padding: 0;

}

#footer .col-md-4 ul {
margin-left: 0;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0 !important;

}

#footer .col-md-4 ul li {
border-bottom: none;
margin-left: 0 !important;
}   

.footer-tel {
margin-top: 0 !important;
}

.footer-chat ul li {

}

#footer ul li.vb-over {
display: block !important;
}

#footer .vb-over .vb  {
display: block !important;

}

.teaser-box .ce-textpic .ce-gallery {
width: 40% !important;


}

.teaser-box .ce-textpic .ce-gallery img {
width: 100%;
height: auto;
}

.teaser-box  .y-button {
width: 80%;
margin-left: 0;
margin-top: 25px;
}
  
/*****************************/
/******* Konfigurator  *******/
/*****************************/  
 
 .header-navi {
clear: both;

margin-top: 140px;
}

#upload-site .header-navi {
margin-top: 150px;
}



   
   /** Startseite **/

   .pachtrechner {
 /*  width: 750px;*/
   clear: both;
     
     margin-right: 0 !important;
     margin-left: 0 !important;
   }

   .header-inner {


}

.teaser-container {


margin: 0 auto !important;
}

.flex-caption {
  position:absolute;
    left:0;
    right:0;
    top: 5px;
    background: transparent;
    z-index:1;
    padding:5px;
}   

.teaser {
float: right;
width: 450px;
padding-bottom: 10px;
margin-top: 15px !important;
}



.pachtrechner table {
   width: 750px;
    margin-left: 15px;
    margin-right: 15px;
   font-family: verdana;
   font-size: 16px;
   
   }
   
   .header-navi ul li {
float: left;
width: 23%;
 display: table;
 margin: 4px;
}

.header-navi ul li a {
 font-size: 15px;
}

ul.bild-leiste {
float: none;
width: 550px;
margin: 0 auto;
text-align: center;

}

ul.bild-leiste li {
width: 30%;
margin-right: 15px;
margin-bottom: 30px;
}

ul.bild-leiste li.break {
clear: both;
}

ul.bild-leiste img {
/*width: 90px !important;*/
}

.team .abschnitt-inner {
 display: block;
 width: 70%;
 float: left;
margin-left: 20px;
} 

table.upltbl {
  width: 98%;
  border: none !important;
  margin-top: 20px !important;
  margin-left: 0 !important;
  }

/* .footer-inner {
width: 750px;
margin: 0 auto;
}

.footer-inner ul {
 margin-left: 0;
 padding-left: 0;
width: 750px !important;


  
}  */

.headline {
margin-bottom: 15px !important;
}

h1 {

}

section {
	/*min-width: 750px;*/
	opacity: 0;
}

.hsContainer {
/*	width: 750px;*/
  }
  
  .hsContent {
	
  }
  
  #slide-1 .hsContainer {
/*	width: 750px;*/
  }
  
  .headline-inline {
/*width: 750px;*/
margin-bottom: 0;
}

.headline2-inline {

}

#slide-2 .hsContent {
/*width: 750px;*/
}

#slide-3 .hsContent {
/*width: 750px;*/)
}

.sticky-over {
/*display: none;*/
}

ul.schritte {
/*display: none !important;
visibility: hidden !important;*/

}

ul.schritte li {
/* display: none !important;*/ 
  
   
  }
  
  .logo {
  margin-top: 0 !important;
  }
  
  .logo img {
  width: 220px !important;
  margin-top: 0 !important;

  }
  
 

.pachtrechner h3 {
     
  
  height: 50px !important; 
   }
   
 .mod2 {
 margin-top:40px !important;
 }  
 
 .w3-img {
 /*margin-top:23px;*/
 }


 .pachtrechner .module {
    
    height: 670px;
   /* border:1px solid #E6E6E6;*/
    }
    
    .pachtrechner .module2 {
    width: 32%;
    }
    
    .pachtrechner .module2 img {
     width: 140px;
     height: auto;
    }
    
    .pachtrechner table.angroesse {
   
    width: 90%;
    }
    
    .da-td2 {
    
    width: 10% !important;
    padding: 0 !important;
   
    }                 

 .pachtrechner table.angroesse tr td {
  /*  font-size: 18px;*/
   border: 0 !important;
   /*color: #004A99;*/
   }
   
   input#deingabe, input#meingabe {
   clear: both;
   margin-left: 0;
   }
   
   
   .pachtrechner .wechselrichter, .pachtrechner .speicher, .pachtrechner .einspeisregel, .pachtrechner .basisschutz {
    width: 32%;
   /* background: #aa0000;*/
    /*border: 1px solid #E6E6E6;*/
    
    
 
    padding: 10px;
   
    }
   
   .nobr {
   display: none;
   }
   /* Ausrichtung check */
    
  .dp-check {
    
    
    }


      .we-check3 {
   
    }
    
    .wr-check1 {
   
    }
    
    .wr-check2 {
   
    }
    
    .wr-check3 {
   
    }
    
     .einspeisregel .wr-check1 {
   
    }
    
    .einspeisregel .wr-check2 {
   
    }
    
    .einspeisregel .wr-check3 {
   
    }
    
    /** Speicher - Abstand Check **/
    
     .sp-check1 {
    
     }
     
      .sp-check2 {
    
     }  
     
   
     
     .sp-check3 {
    
     }  
     
     /** Basisschutz - Abstand Check **/ 
     .bs-check1 {
   
     }
     
     
     
     .bs-check2 {
   
     }


     .arrow_box {
  width:82%;
}


   
   .rs-mod {
 height: 1400px !important;
 /*padding-bottom: 1800px !important;*/
}

.rs-wr {
 height: 1700px !important;
 /*padding-bottom: 1800px !important;*/
}

.rs-esm {
 height: 2250px !important;
 /*padding-bottom: 1800px !important;*/
}

.rs-sp {
 height: 1900px !important;
 /*padding-bottom: 1800px !important;*/
}

     /** /Startseite **/
  
  .next-box {
   position: relative;
   clear: both;
    float: left;
   width: 100% !important;
   margin-top: 30px;
   }
   
  
   
   .next-box-over .next-box h3 {
  
   height: 5px !important;
   }
   
   .next-box.fixed-div {
  position: relative;
  top: 0;
    
  
}



h3.box-h3 {
font-size: 15px !important;
font-weight: bold !important;

}

.box-h3 .info {
font-size: 15px !important;
font-weight: bold;
}

 .b-nav-kv {
    width: 95% !important;
      /*margin: 45px 0 25px 25px !important;*/
   }
   
    .next-box h3 {

    height: auto !important;
    }
   
    .next-box ul {
    width: 100%;
    margin-top: 0px !important;
  /*  background: #aa0000 !important;*/
        }   
   
    .next-box ul li {
   float: left;
   width: 33%;
   height: 70px;
   vertical-align: middle;
   display: block;
   
   }
   
   .next-box ul li a {
  
     vertical-align: middle;
   }
     
     
     .pruefen-ausgabe {
width: 97%;
float: left;

}
     
           /** Kostenvoranschlag **/
    
    form.anfrage {
    width: 730px;
   
    margin: 0 !important;
    padding: 0;
   
    }
    
    .input-overall {
   padding: 0;
   width: 95% !important;
    }
    
    h3.form-h3 {
   
    }
    
    .form-wrapper {
width: 45%;
float: left;
margin-bottom: 15px;


}

.form-wrapper2 {

} 

#referenzen-t3 .col-md-4 {
width: 45%;
float: left;
}


    
    .artikel-ang p {
      font-size: 14px !important;
      }
    
        p.dark-blue {
   font-size: 14px !important;
   }
    
    
    
   
   
    /** /Kostenvoranschlag **/
    
     /** Angebot anfordern **/
     
    .input-overall {

width: 750px;

} 
     
     
     table.ang-ausgabe {
    border-collapse: collapse;
   float: left;
   display: block;
   /*width: 970px;*/
   width: 90%;
    margin-left: 0px;
    margin-right: 0px;
   font-family: verdana;
   font-size: 16px;
  
   }
   
   
     
      /** /Angebot anfordern **/
      
      /** Formular gesendet **/
   
  table.table-send {
  width: 90%;
  } 
  
  
  .print-send {
  width:100px !important;
  }
  
  a.pdf-send {
  width: 310px !important;
  }
   
   /** /Formular gesendet **/   
     
   /* ul.faq-nav li a {
    font-size: 14px;
    padding: 5px 15px 15px 15px;
    } */       
    
   .referenzen img {
 width: 30%;
 height: auto;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 10px;
 }       
 
 
 /* So funktionierts */
 
 .abschnitt-img {
 width: 130px;
 }
 
 .abschnitt img {
 /*float: left;*/
 width: 130px;
 height: auto;
 margin-right: 25px;
 }
 
 .step-over {
width: 80%;
margin: 0 auto;
}

.s5 {
height: 340px;
}

 /* /So funktionierts */
 
 /** Vor Ort **/
 
.vor-ort-img {
 float: left;
 
 width: 350px;
 }
 
 .vor-ort-img img {
 /*float: left;*/
 width: 350px !important;
 height: auto;
 margin-right: 25px;
 } 
 
 
 #p-ablauf .div-center {
width: 80%;
margin: 0 auto;


}
 
#p-ablauf .col-md-6 {
float: left;
width: 45%;
margin-right: 25px;
margin-left: 0;

} 

.slick-main {
width: 650px !important;
float: none;

}

.slick-nav {
width: 650px;
    
margin: 20px 0 0 0;
padding: 0 !important;
float: none;
clear: both;
}

.slick-nav  .slick-item {
clear: none;
float: left !important; 
width: 150px !important;
margin: 0 10px 10px 0px;
padding: 0;

}

#referenzen-t3 table.contenttable {

margin-top: 40px !important;

 width: 650px !important;

}


 
 

   }