@media only screen  and (max-width : 479px) {

#boxes #dialog {
  width: 300px;
  height: 450px;
  padding: 10px;
  background-color: #ffffff;
  
  font-size: 15pt;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 320px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
  border: 4px solid #aa0000;
}

#partner .col-md-4 {
margin-bottom: 20px;
}

#partner .tx-odsosm-pi1 div {
width: 270px !important;

}

#partner .toctoc-comments-pi1 {
width: 270px !important;
}

 .speicherfoerderung table {
  /* background: #aa0000;*/
   font-size: 16px;
   margin-left: 0 !important;
   width: 310px;
   
   }
   
   img.foerder-img {
  float: left; 
  margin-left: 0px; 
  margin-top: 10px;
  width: 280px;
  height: auto;
   } 
   
   #sfbw h1 {
   font-size: 24px;
   }
   
   #empfs h1 {
   font-size: 22px;
   }

.kfwrechner table {
  /* background: #aa0000;*/
   font-size: 16px;
   margin-left: 0 !important;
   width: 99% !important;
   }

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;
  }
  
   .clbox img {
  width: 200px !important;
  height: auto !important;
  }
  
  	.featherlight .featherlight-close-icon {
		/* position: centering vertical and horizontal */
		position:fixed;
		z-index: 9999;
		top: 2px !important;
		right: 2px !important;
    line-height: 30px !important;
		width: 30px !important;
    font-size: 20px !important;
    }

.foto-col3 {
width: 90%;
margin-bottom: 35px;
}

.foto-col3 img {
margin-top: 0 !important;
}

.module2 h3 {
height: auto;
clear: both;
}

 .module2 ul {
  height: auto !important;
 }
 
 .zusatz-body .c-wrapper {
                    
        height: auto !important;
        }

 #preis-bsp .frame-type-textpic  h2 {
 width: 95%;
 font-size: 24px;
 }
 
  #preis-bsp .frame-type-textpic .ce-bodytext {
  width: 95%;
  }
  
   .esp-body .pachtrechner .module2 ul {
       clear: both;
       }

 
  
  
  #preis-bsp .frame-type-textpic  .ce-gallery {
   display: none
  }

  ul.iconmenu{
  display: none;
font-size: 1em;
list-style: none;
position: fixed !important;
left: 0px !important;
top: auto !important;
bottom: 0 !important;
margin: 0px 0 0 0;
padding: 0;
width: 60px !important;

/*background: #f4f4f4;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 3px 1px 3px rgba(0,0,0,0.4);*/
z-index: 99;
}  

nav.navbar {

height: 200px !important;
}


.mod-leistung {
   position: relative;

width: auto;
 margin: 0px 0 25px 0 !important;
 text-align: left;
}

.navbar-brand {
display: block !important;
height: auto;
 margin-left: 15px;
margin-bottom: 5px;
width: 100% !important;
}

.navbar-brand img {
width: 100%;
height: auto;

}

.navbar-search {
clear: both;
float: left;
 width: 150px !important;
margin-top: 15px;
 margin-left: 10px;
}


button.navbar-toggle {


float: right !important;
margin-right: 0 !important;
margin-top: 15px !important;
} 
   
   .navbar-collapse {
    
          -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: 30px !important;
    padding-left: 0 !important;
    background: #f7f7f7 !important;
    z-index: 1001 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
	}
  ul li span.vb {
  display: none !important;
  }


 .tx-ws-flexslider {
 
margin-top: 185px;
border-bottom: 1px solid #c0c0c0;
}

h1 {
margin-top: 185px;
margin-bottom: 20px;
}

.headline h1 {
font-size: 28px;
}

 
 .caption-text ul {
 margin-top: 0;
 padding-left: 0;
 margin-left: 0;
 }
.caption-text ul li {
  font-size: 14px;
  } 
 
  .caption-text a.y-button-left {
 font-size: 14px;
 margin-top: 10px;
 margin-left: 20px;
}

#c5 {
   width: 100%;
   margin: 0 auto;
  
   }

 ul.start-ul {
 
   float: left;
  margin-bottom: 20px; 
  width: 100%;
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-size: 14px !important;

   }
   
   a.y-button-start {
   width: 95%;
   font-size: 16px;
   }
   
    ul.start-ul li, ul.start-ul-2 li {
        font-size: 14px !important;
    
    }
   
    ul.start-ul-2 {
  
    float: none;
    padding-left: 0;
  margin-bottom: 20px; 
  width: 100%;
  margin-left: 0;  
   }


    .box-start {
   
     width: 99%;
    text-align: left;
    height: auto !important;
  }
  
  .box-start img {
  width: 100%;
  height: auto;
  }
  
  .box-start .ce-bodytext {
 margin-left: 10px !important;
}

 .box-start .ce-bodytext p {
 margin-left: 0px !important;
}
  
  
  .teaser-box {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  }
  
  
  .teaser-box .ce-textpic .ce-gallery {    
width: 40% !important;
display: none;


}

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

.teaser-box  .y-button {
width: 80%;
margin-left: 0;
margin-top: 25px;
}
  
  .bg-grey {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0;
}

  ul.faq-nav li {
float: left;
width: 95% !important;



text-align: center;

}

ul.faq-nav li a {
display: block;


 text-decoration: none;
 font-size: 16px;
 padding: 15px;
 height: 50px;
margin-right: 10px !important; 

-webkit-box-shadow: 2px 4px 5px 0px rgba(192,192,192,1);
-moz-box-shadow: 2px 4px 5px 0px rgba(192,192,192,1);
box-shadow: 2px 4px 5px 0px rgba(192,192,192,1);
}


#powermail_field_anrede  {
width: 200px !important;
}

/** Maps **/

/** Text **/

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

/* Map */

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

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

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

width: 98% !important;

}

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


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

 width: 100%;
 height: auto;
}

.ce-left  .ce-row img {
width: 100%;
height: auto;
}

.ce-left .ce-bodytext {

 clear: both;
margin-left: -20px !important;
padding-left: 0 !important;

}

.ce-left .ce-bodytext p {
margin-left: 0 !important;
padding: 0 !important;
}

.ce-left .ce-bodytext h3 {
margin-left: 0 !important;
padding-left: 0 !important;
}



.powermail_fieldwrap_type_text {
clear: both;
}

form.powermail_form .powermail_fieldwrap_type_input {

width: 98%;


}


#footer {
  padding-bottom: 250px !important;
}

#footer .col-md-4 {
width: 100%;
}

#footer nav {
width: 100%;
margin-left: 0;
}

#footer nav ul.nav {
float: left !important;
display: block !important;
margin: 20px 0 0 0 !important;
  background: transparent;     
  padding: 0 !important;
width: 100% !important;
list-style: none;

}

#footer nav ul.nav li {
 border-bottom: 1px solid #4D4D4D !important;
 width: 100% !important;

}

#footer ul li a {
 display: block;
}

#footer .footer-chat ul {
padding-left: 0 !important;
margin-left: 0 !important;

}

#footer .footer-chat ul li {
margin-left: 0;
 border-bottom: 1px solid #4D4D4D !important;
}

#footer .footer-chat .vb-over {
display: none;
}

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

}

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

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

}

#referenzen-t3 table.contenttable {

margin-top: 40px !important;

 width: 280px !important;

}





/*****************************/
/******* Konfigurator  *******/
/*****************************/  

/** Startseite **/

#leftBoxp {
   display: block;
position:absolute; /* absolute Positionierung - Element bleibt beim Scrollen stehen */

left:0; /* Startposition von links */
top: 50% !important;  /* Startposition von unten (von mir frei gewählt) */
z-index: 9999; 
color: #000; 



/*border: 5px solid #000;*/
}

#leftBoxp a {
display: block;

padding: 31px 0px 11px 20px !important;
margin-left: 0 !important;
background: url(../img/cslide-left.png) no-repeat 30% 50% #7897C9;
z-index: 99997;

}


#rightBox {
display: block;
position:absolute; /* absolute Positionierung - Element bleibt beim Scrollen stehen */

right:0; /* Startposition von rechts */
top:50% !important; /* Startposition von unten  (von mir frei gewählt) */
z-index: 9990 !important;
color: #000;


}  



#rightBox a {
 display: block;
 padding: 31px 20px 11px 0px !important;
 background: url(../img/cslide-right.png) no-repeat 70% 50% #FF2200;
}


#leftBoxp ul, #rightBox ul {
list-style: none;

padding: 0;
}

#leftBoxp a:hover, #rightBox a:hover {
opacity: .7;
}

label.tooltips {
  position: relative;
  display: inline;
}
label.tooltips span {
  position: absolute;
  width:200px;
  color: #333333;
  background: #FBFCFE;
  border: 2px solid #395C8E;
  height: auto;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 2px;
}
label.tooltips span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 7%;
  margin-left: -12px;
  width: 0; height: 0;
  border-top: 12px solid #395C8E;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
label.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 7%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
label:hover.tooltips span {
  visibility: visible;
  opacity: 1.0;
  bottom: 30px;
  left: 50%;
  margin-left: -10px;
  z-index: 999;

} 

.tooltips span h3 {
margin-top: 5px !important;
margin-bottom: 5px !important;
padding-bottom: 0 !important;
text-align: center;
}

#backTop2 {
top: 5px !important;
}

   .pachtrechner {
   width: 310px;
   

   
   }
   
   main {
   
   }
   
   .header {

   }
   
   .headline-inline h2 {
  font-size: 24px;
   }

   .header-inner {


}

.logo {
margin-left: 0 !important;
  margin-top: 0 !important;
  
  width: 90% !important;
  padding: 0 !important;
  }
  
  .logo img {
  width: 200px;
  margin-top: 0 !important;
  margin-left: 0;
  padding-left: 0;
  float: left;
  }
  
  .hright {
  clear: both;
  float: left;
  width: 90%;
  }
  
  .tel-head {
  clear: both !important;
float: left;
margin-top: 20px;
font-size: 20px;
color: #385F99;


}

.tel-head a {
text-decoration: underline;
}

a.tel-link {
text-decoration: underline !important;
color: #338BEC !important;
}

a.wa-link {
font-size: 22px; 
margin-left: 0px; 
color: #365A8C !important;
text-decoration: underline !important;
}


.next-box-over {
   position: relative;
   float: left;
    width: 100%;
      
  /* border: 2px solid #E5F1FF;*/
   margin-top: 40px;
  }
  
   .next-box {
    position: relative;
    width: 100%;
    
   }
   
   .next-box.fixed-div {
  position: relative;
  top: 0;
    
  
}

 .b-nav-kv {
    width: 95% !important;
      /*margin: 45px 0 25px 25px !important;*/
   }
   
   .bsenden-foto {
   width: 200px;
  float: left !important;
   }

 .next-box ul li a {
   
  color: #003E80 !important;
text-decoration: none !important;
 
   }
   
 .upltbl {
 width: 290px !important;
 /*background: #aa0000 !important;*/
 padding: 0 !important;
 }
 
 
  .up-box {
  width: 290px !important;
  }
  
  .up-box .input_fields_wrap {
  width: 290px !important;
  }
   .up-box input {
 
  width: 290px !important;
 }
 
 .add_field_button {
 float: left;
 margin-left: 0 !important;
 }
  
  ul.nav {
  clear: both;
float: left;
width: 95%;
list-style: none;
margin-top: 10px;
margin-bottom: 10px !important;
margin-left: 0 !important;
padding-left: 0;
}

ul.nav li {
 width: 100%;
clear: both;
margin-left: 0px;
margin-right: 15px;
font-size: 20px;
margin-bottom: 8px;
border-bottom: 1px solid #CEDBEE;
padding-bottom: 3px;
}

ul.nav li.trenner {
display: none;
}

.teaser-container {
display: none;

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: 310px;
height: 308px;
margin-top: 0px !important;
}

.teaser a {
margin-top: 15px;
}

ul.schritte {
  display: none !important;  
  width: 290px !important;
  height: auto !important;
  }
  
  ul.schritte li {
  display: block;
    float: none;
 width: 100%;
   margin-top: 0px;
    /*background: #fff !important;*/
  text-align:center;
  /*height: 90px;*/
 /* margin-right: 10px;*/
  color: #004C9E;
  font-size: 18px;
  
   padding-top: 5px;
   }
   
   ul.schritte li.box-tel {
 margin-top: 4px;
 margin-bottom: 10px;
 
 } 
 
  ul.schritte li a {
  color: #004C9E;
  }
  
  ul.schritte li a:hover {
  text-decoration: none;
  }

 p.teaser-p {
 
 font-size: 20px !important;
 margin: 15px 15px 30px 25px !important;
 text-align: center;
 }
 
 #start p.teaser-p {
 margin: 0px 15px 50px 25px !important;
 }
 
 .header-navi  {
 
 margin-top: 185px !important;
display: block;
height: 750px !important;    
 }
 
 .header-navi ul {
 margin-top: 30px;
 }
 
  .header-navi ul li {
float: left;
width: 98%;
 display: table;

 margin: 4px;
}

div#lz_overlay_chat {
margin-left: 20px !important;
}

 .prod-teaser-over {

 position: relative;
width: 100%;
background: none;
margin-bottom: 50px;
margin-top: 10px;
padding: 0;
}

.prod-teaser {

width: 90%;
}

.or-td {
padding-top: 20px !important;
padding-bottom: 20px !important;
}

 td.da-td2 {
    text-align: left; 
    padding-top: 0px !important;
   }


.arrow_box {
 float: left;
  width: 94%;
  margin-right: 0;
  padding: 10px;
  background: none;
}

.arrow_box:after, .arrow_box:before {
display: none;
}

#WzTtDiV {
width: 90% !important;
}

ul.bild-leiste {

float: none;
width: 310px;
margin: 0 auto;
text-align: center;

}

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

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

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

.footer {

width: 100%;
height: auto;
}

.footer-inner {

width: 270px !important;
margin-left: 0;
}

.footer-inner ul {
width: 250px !important;

 margin: 20px 0 0 20px !important;
  padding-left: 0;
  
}

.footer-inner ul li {
clear: both;
width: 100%;
border-bottom: 1px solid #274E82;
padding-bottom: 3px;
padding-top: 6px;

}

.footer-inner ul li.trenner {
display: none;
}



.pachtrechner h2 span {
   border-top: none;
   border-bottom: none;
   padding: 12px 0 12px 0;
   }



section {
	min-width: 310px;
	opacity: 0;
}


.content {
/*width: 310px;*/
}


a#button-start {
margin-top: 50px;
   width: 280px;
   font-size: 18px;
/* background: url(../img/config-icon-g.png) no-repeat 5px 50% #FFC700 !important;*/

   padding-left: 5px;
}

.hsContainer {
	width: 310px;
  }
  
  .hsContent {
	max-width: 310px;
  }
  
  .container {
 
  
  }
  
  #slide-1 .hsContainer {

  }
  
  .headline-inline {

}

.headline2-inline {

}

#slide-2 .hsContent {

}

#slide-2 .hsContainer {

  }

#slide-3 .hsContainer {

  }

#slide-3 .hsContent {

}

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

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

.ap {
    width: 80%;
    background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 23%, #f2f2f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 23%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 23%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
     border: 1px solid #c0c0c0;
    padding: 4px;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
 }
 
 .ap hr.abhr  {
margin: 0px auto 6px auto !important;

}

.pachtrechner .module2, .wechselrichter, .einspeisregel, .speicher, .basisschutz {
width: 90%;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 20px;
margin-left: 0 !important;
}

.pachtrechner .module2 img {
      float: left;
      margin-left: 5px;
      width: 25%;
      }
      
       .pachtrechner .module2 .mod-inner {
       width: 70%;
       float: right;
       }
       
       .dp-check {
     
       }
       
        .inkl-check2 {
 margin-top: 0px;
 }
       
       .mod-cb2 {
       margin-top: 0 !important;
       }
       
       .mborder {
       border-left: none;
       }
       
       
       .pachtrechner .wechselrichter, .pachtrechner .speicher, .pachtrechner .einspeisregel, .pachtrechner .basisschutz {
    width: 93%;
      
   /* background: #aa0000;*/
    /*border: 1px solid #E6E6E6;*/
   
    }
    
    .dachangaben {
       padding: 5px;
        width: 93% !important;
    }
    
    .pachtrechner .wechselrichter {
    margin-bottom: 20px;
    }
    
    .box-middle {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #E6E6E6;
    }
    
    .pachtrechner .wechselrichter img {
    width: 70%;
    margin: 0 0 0 0px !important;
   
    text-align: left;
    }
    
    .radio-b h3 {
    text-align: left;
   }
   
   .wr-check1, .wr-check2, .we-check3 {
  
   }
   
   .checkbox input + label {
   display: block;
   cursor: pointer;
    /*float: left;*/
    
     margin: 0 !important;
    }
    
    
    .pachtrechner .montage .montage-inner {
   
    width: 99%;
    }
    
    .pachtrechner .montage .montage-image {
     float: left;
     width: 98%;
     margin-left: 0px;
     margin-top: 15px;
     margin-bottom: 25px;
     }
     
     .einspeisregel p.center, .speicher p.center {
     text-align: left;
     }
     
     .einspeisregel img {
     width: 70% !important;
     }
     
     .regel-pic1 {
     margin-top: 0;
     }
     
      .speicher img {
     width: 70% !important;
     }
     
      .sp-check1 {
    
     }
     
      .sp-check2 {
    
     }  
     
      .sp-check3 {
    
     }  
     
     .basisschutz img {
     width: 70% !important;
     }
     
     .basisschutz ul {
     width: 70%;
     }
     
     .bs-check1, .bs-check2 {
   
     }
     
     .pachtrechner input.button {
  display: block;
   /*width: 350px;*/
   margin: 0 auto !important;
   text-align: center;
   
  /* color: #FFE380;*/
  
   padding: 8px 45px 10px 8px;
  
  
  
  
  
   }
   
   table.angroesse tr td {
   display: block;
   width: 100% !important;
   }
   
    table.angroesse tr td input {
    display: block;
    width: 80%;
    margin-left: 0 !important;
    clear: both !important;
     float: left;
    }
    
    #gallery-t-group {
   
   /*min-height: 3200px !important;*/
   
   }
   
    .rs-mod {
 height: 2500px !important;
 /*padding-bottom: 1800px !important;*/
}

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

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

.rs-sp {
 height: 4200px !important;
 /*padding-bottom: 1800px !important;*/
}
    
    .qm {
     margin-top: 15px;
    /*display: none !important;*/
    float: left;
    }
    
   
    
    .da {
     display: block;
   clear: both !important;
   margin-top: 50px !important;
   margin-bottom: 5px;
   }
   
    table.angroesse tr td select {
    margin-left: 0 !important;
    }
    
    .schbox {
    clear: both !important;
    }
    
    ul.mul {
    width: 98% !important;
    float: none !important;
    }
    
    /** /Startseite **/
    
    /** Kostenvoranschlag **/
    
    form.anfrage {
    width: 300px !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    
    .input-overall {
   padding: 0;
   width: 95% !important;
    }
    
  /*  form.anfrage .form-wrapper, form.anfrage .form-h3, form.anfrage .form-wrapper2, form.anfrage .form-time,form.anfrage #dsefeld {
    display: none;
    }      */
    
    .ang-date {
    float: left;
    }
    
    .kv-buttons {
    float: left;
    }
    .kv-buttons a.print, .kv-buttons a.pdf {
    float: left;
    }
    
    
    
    #table1 {
   
    margin-left: 0;
      width: 100% !important;
    }  
    
     #table1 h2 {
     margin-bottom: 0 !important;
     margin-left: 0 !important;
     text-align: left;
     }
        
     #table1 tr td {
     display: block;
     }
     
      #table1 tr td.td-1 {
      width: 100%;
      margin-left: 0 !important;
      }
      
      #table1 tr td.td-2 {
      width: 87% !important;
      background: #fff !important;
      }
      
      table.ang-ausgabe {
      margin-left: 0;
      }
      
      td.ang-ausgabe-preis {
      display: block;
      
      padding: 10px;
      
      }
      
      td.ang-ausgabe-content {
      display: block;
      
      }
      
      td.ang-ausgabe-gesamt {
       display: block;
          
   
   }
   
   td.ang-ausgabe-gesamt-preis {
   display: block;
   }
      
       .pachtrechner tr.invest-erg td.plus {
  /*display: block !important;*/
  margin-left: 0px !important;
  }
      
      .artikel-ang p, .artikel-ang ul {
      font-size: 14px !important;
      color: #333;
      }
      
      #table1 tr td.td-3 {
      width: 100%;
      padding: 0;
      }
      
      .pachtrechner tr.invest-erg td.td-3 span {
   /*margin-right: 10px;*/
   padding: 0px;
   margin: 0 !important;
   display: block;
   text-align: center;
        
   }
   
   .pachtrechner tr.invest-gesamt td.td-1 {
   width: 310px !important;
     text-align: center;
    padding-left: 0px !important; 
    background: #fff;
    }
    
    .pachtrechner tr.invest-gesamt td.td-1 span {
    margin-left: 0 !important;
    }
    
   .pachtrechner tr.invest-gesamt td.td-2 {
     width: 310px !important;
      
      background: #cce4ff !important;
     text-align: center;
     padding: 0 0 15px 0 !important;
     
    }
    
    .pachtrechner tr.invest-gesamt td.td-2 span {
   margin-left: 0px;
    background: #cce4ff !important;
    display: block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
   }
   
   .pachtrechner table tr.invest-erg ul li {
    background: url(../img/form-haken2.png) no-repeat 0 2px;
    }
   
 
   
   .next-box {
  float: left;
  clear: both; 
   width: 90% !important;
  /* border: 2px solid #E5F1FF;*/
   margin-top: 40px;
   }
   
    .next-box ul li {
   float: left;
   width: 98%;
   height: auto;
   
   display: block;
   }
   
   .next-box ul li a {
   display: block; 
   width: 100%;
   }
   
      .pruefen-ausgabe {
width: 95% !important;
float: left;

}

.pruefen-ausgabe h2 {
font-size: 18px !important;
}
  
  
  h2.ausgabe-h2 {
  text-align: left;
  }
  
  .pruefen-ausgabe table tr td {
  display: block;
  }
   
      
      ul.b-nav {
      margin-left: 10px;
      width: 90% !important;
      }
      
       ul.b-nav li.bleft {
    float: left;
    display: block;
    margin-bottom: 10px !important;
    
   }
      
       ul.b-nav li.bright {
       clear: both;
    float: left;
    text-align: left !important;
     margin-top: 15px !important; 
   }
   
   .team .abschnitt-inner {
 display: block;
 width: 100%;
 float: left;
margin-left: 0px;

} 
   
    /** /Kostenvoranschlag **/
    
    /** Bildupload **/
    
    #uploadformular {
    width: 310px;
    }
    
    table.upltbl {
    width: 310px;
    margin-left: 0;
    padding-left: 0;
    }
    
     table.upltbl tr td {
     width: 310px;
     display: block;
     padding-left: 0;
     }
    
    table.upltbl tr td h2 {
    margin-left: 0;
    }
    
    table.upltbl tr td input.up-in {
     width: 85%;
     font-size: 12px;
    }
    
    table.upltbl tr td.bsp-foto  {
 text-align: left;
 }
 
  table.upltbl tr td.bsp-foto img {
  width: 100%;
  height: auto;
  
  margin-top: 25px;
  }
 
  table.upltbl tr td.bsp-foto2 img {
  margin-top: 25px;
  }
  
 table.upltbl tr td.bsp-foto  {
 
 width: 90%;
 }
 
  table.upltbl tr td.bsp-foto2  {
 
 width: 90%;

 }  
 
 .bsend-link {
 width: 260px !important;
  padding: 8px 35px 10px 0px !important;
    text-align: left;
 margin: 0 0 0 0 !important;
}

.bsenden-daten2 {

}

 .progress { position:relative; width:95%; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
    
    /** /Bildupload **/
    
      /** Angebot anfordern **/
     
    .input-overall {

width: 310px;

} 

.form-wrapper {
width: 90%;
float: left;
margin-bottom: 15px;

}

.bsenden {
float: left;
font-size: 16px;
width: 90%;
margin-left: 0;
padding-bottom: 35px;
background-position: 50% bottom;
}


     
     
      /** /Angebot anfordern **/
      
   /** Formular gesendet **/
   
  table.table-send {
  width: 90%;
  } 
  
  
  .print-send {
  width:100px !important;
  }
  
  a.pdf-send {
  width: 250px !important;
  }
   
   /** /Formular gesendet **/   
    
   ul.faq-nav li {

width: 48%;
margin-bottom: 10px;
}

    ul.faq-nav li a {
    font-size: 14px;
    padding: 5px 15px 15px 15px;
    }     
    
    .referenzen img {
 width: 95%;
 height: auto;
 margin-left: 5px;
 margin-right: 5px;
 margin-bottom: 10px;
 }        
 
 .zitat {
 width: 90%;
 padding: 10px;

 }
      
 /* So funktionierts */
 
 
 #funktion #content_column_1 .ce-left .ce-bodytext {
clear: both;
margin-left: 0 !important;

padding-left: 15px !important;
}

#content_column_1 .ce-left .ce-bodytext {
clear: both;
margin-left: 0 !important;

padding-left: 0px !important;
}
 
.abschnitt-img {
margin-bottom: 15px;

width: 98%;
text-align: center;
} 

 .step-over {
width: 90%;
margin: 0 auto;
}

.step {
width: 90%;
margin-bottom: 10px;
}

 .step ul li {

 }

.s5 {
height: 340px;
}      

/** Vor Ort **/

.vor-ort-inner {
 display: block;
 width: 90%;
 float: left;
margin-left: 0px;
} 

 .vor-ort-img {
 float: left;
 
 width: 300px;
 }
 
 .vor-ort-img img {
 /*float: left;*/
 width: 300px !important;
 height: auto;
 margin-right: 0px;
 }
 
   #p-ablauf .div-center {
width: 100%;
margin: 0 auto;


}
 
#p-ablauf .col-md-6 {
float: left;
width: 98%;
margin-right: 0;
margin-left: 0;
 margin-top: 0;
} 

#p-ablauf .ref-content  h2 {
  padding: 0;
display: none;
}

#p-ablauf .ref-content  h3 {
text-align: left;
}

#p-ablauf .col-md-6 .frame-layout-1 h3 {
display: block;
border-top: none;
border-bottom: none;
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
margin-top: 0;
}
      

}