/* ###################################################### */
/* CSS-Akkordeon Änderungen "Verlgeichscheck" 19.06.2017  */
/* ###################################################### */

#span4_2 h4.panel-title{
  background-color: #484847;
  margin-bottom:0;


}
#span4_2 h4.panel-title:after{
margin-bottom:0;
}
#span4_2 .panel-title a {
    color: #ffffff;
    font-size:16px;
    font-family: Arial;
}

#span4_2 .vergleichscheck-neu h4 {
  font-family:Arial;
  font-size:13px;
  font-weight:800;
  color: #666666;
}

#span4_2 .mb-platzhalter{
  color:#000000;
  font-size:14px;
  vertical-align:bottom !important;
  padding:10px 30px 10px 38px !important;
}

#span4_2 .t-text{
  padding-right:30px;
}

#span4_2 .vergleichscheck-neu{
  padding:25px;
  padding-bottom:20px;
  background-color:#ebebeb;
  margin-bottom:25px;
}

#span4_2 .vergleichscheck-neu tr {
  border-bottom:1px dotted;
}


#span4_2 .check-img, #span4_2 .bb-img, #span4_2 .mb-platzhalter{
  padding: 10px 30px 10px 30px;
}

#span4_2 .vergleichscheck-neu td {
  vertical-align:middle;
}

#span4_2 .t-text {
  font-family:Arial;
  font-size:12px
  color:#484847
}

#span4_2 .bilder-box{
  background-color: #ffffff;
  margin-top:25px;
}

#span4_2 td.bilder-box{
  border:none;
  border-bottom: none !important;

}

#span4_2 .bb-img{
  height:30px;
}

#span4_2 .check-img, #span4_2 .unchecked-img{
  height: 28px;
}

#span4_2 .btn_akkordeon{
  margin-top:15px;
  width:43%;
  float:left;
}

#span4_2 .input-mail{
  height:31px !important;
  font-size:16px;

}

#span4_2 .pdf_speichern{

  background: radial-gradient(ellipse at center, #ffd11f 0%, #ffa600 95%, #ffa600 100%);
  font-size:16px;
  font-weight:bold;
  color:#000000;
  padding: 10px 15px 10px 15px;
  border:none;
  color:#484847;
  margin-top:15px;
  margin-left:25px;
}

#span4_2 .vergleich_unterschrift{
    margin-top: 30px;
    margin-bottom: 20px;
}

#span4_2 h2{
  font-size:25px;
  font-family: Arial;
  font-weight:bold;
  text-transform: uppercase;
  line-height: 30px;
  color: #484847;
  margin-top: 35px;
}

#span4_2 img#banner-foo {
  width:150%;
}

/* Vergleichscheck "SCHON VERGLICHEN?" */

#span4_2 #c16148{
  margin-bottom: 50px;
}

#span4_2 .pdf_download, #span4_2 .pdf_kontakt, #span4_2 .pdf-telefon {
  background: radial-gradient(ellipse at center, #ffd11f 0%, #ffa600 95%, #ffa600 100%);
  font-size:16px;
  font-weight:bold;
  color:#000000;
  /*padding: 10px 15px 10px 15px;*/
  width:100%;
  text-align:left;
  margin-bottom:10px;
  border:none;
  color:#484847;
}

#span4_2 .pdf_download a, #span4_2 .pdf_kontakt a, #span4_2 .pdf-telefon a {
  display: table;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 15px 10px 15px;
}

#span4_2 .pdf_download a > *, #span4_2 .pdf_kontakt a > *, #span4_2 .pdf-telefon a > * {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    color:#484847;
}

#span4_2 .pdf_kontakt img {
  margin-top: 6px;
  margin-bottom: 7px;
}

#span4_2 .pdf-telefon img {
  margin-top: 3px;
  margin-bottom: 4px;
}

#span4_2 .pdf-img{
  display:block;
  margin:0 auto;
  margin-bottom: 33px;
}

#span4_2 .legende-img {
  margin-bottom:50px;
}

#span4_2 .button-pic{
  display: table-cell;
  vertical-align: middle;
  height:30px;
  float:right;
}

#span4_2 .email-pic{
  height:17px;
  float:right;
}

#span4_2 button p {
  margin-top:4px;
  margin-bottom:0px;
  float:left;
  transform: translateY(2px);
}

#span4_2 .tele-pic{
  height:23px;
  float:right;
}

#span4_2 .pfeil-pic{
    height: 13px;
    float: right;
    margin-right:-20px;
    position:relative;
    padding-top: 2px;
  }

.panel.panel-default{
  margin-bottom:10px !important;
}

#span4_2 .span4 {
  float:right;
}

#span4_2 .span8{
  margin-left:0;
}

#span4_2 .span8:first-child p{
  color:#000000;
  font-weight:600;
}

#span4_2 .span12{
  margin-left:0;
}

#span4_2 .row{
  margin-left:0;
}

#span4_2 .footer-banner{
    margin-top: 80px;
    margin-bottom: -20px;
}


#span4_2 label{
  cursor:pointer;
  width:25px;
  height:25px;
  margin-bottom:0;
  margin-left:4px;
  background-color:#dfdfe0;

}



#span4_2 .checkbox-input span{
  display:inline-block;
  padding: 10px 30px 10px 30px;
  height: 28px;
  width:28px;
}


input[type="checkbox"].unchecked-img:checked + span{
  background-image: url("/fileadmin/_migrated/pics/schon_verglichen_kreuz.png");
  background-repeat:no-repeat;
  position:absolute;
  max-width:33px;
  background-color:transparent;
  margin-left:-3px;
  background-size:cover;

}

 #span4_2 input[type="checkbox"] {
    z-index: -9999;
    position:absolute;
    margin-top:0;

}

#span4_2 .chackbox-input.checkbox-input_white{
    width: 26px;
    margin: 0 auto;
}

#span4_2 .unchecked-img{

  margin-top:-28px;
}

span.span-style{
    width: 25px;
    height: 25px;
    background-color: #dfdfe0;
    background-size:cover;

}

span.span-style::before{
    border:1px solid transparent;
    position:absolute;
    z-index:-1;
}


#span4_2 h4.panel-title a p{
  margin:0;
  text-transform:uppercase;
}

#span4_2 .span8:nth-child(1) {
    padding-left: 20px;
    padding-right: 5px;
}

#span4_2 h1{
  font-size:38px;
  font-weight:800;
  margin-bottom:10px;
}

#span4_2 h2 {
  margin-left:20px;

}

#span4_2 #maincontent h2{
  margin-bottom:0;
}

#span4_2 #maincontent .row-fluid:first-child{
  margin-bottom:60px;
}

#span4_2 .span8 p:first-child{

  font-weight:600;
  font-color:#000000!important;

}

#span4_2 .u-pic{
  margin-bottom:30px;
}

/*Padding Akkordeon Reiter "KLick" */

#span4_2 .span8:nth-child(2) p {
  font-weight:normal;
  padding:15px 230px 15px 0;
  display:inline;
}


/* Akkordeon Reiter Mobile*/

@media screen and (max-width:400px) {
#span4_2 .chackbox-input.checkbox-input_white{
    float:right;
  }
}

@media screen and (max-width:400px) {
.mb-platzhalter{
    transform: translateX(20px);
  }
}

@media screen and (max-width:400px) {
  #span4_2 .mb-platzhalter{
    padding:10px 20px 10px 20px !important;
  }
}

@media screen and (max-width:400px) {
 #span4_2 td{
    padding:0;
  }
}

@media screen and (max-width:400px){}
#span4_2 .span8:nth-child(2) p {
    font-weight:normal;
    padding:15px 15px 15px 15px;
    display:inline-block;
    box-sizing: border-box;
  }
}

@media screen and (max-width:400px) {
 #span4_2 p.u-eins{
    padding: 15px 20px 15px 0 !important;
  }
}


#span4_2 .panel-collapse.in.collapse{
  margin-top:-11px;
}

#span4_2 p.panel-collapse.in.collapse {
  color:red;
}

#span4_2 .row-fluid [class*="span-style"]{
  min-height:0 !important;
  height:26px;
}

#span4_2 h4 a:focus{
  color:#E7AF19;
}

#span4_2 .panel-collapse.in.collapse{
  margin-top:0;
}

/* mobile media queries */

@media screen and (max-width:600px){
  #span4_2 .bilder-box{
    display:none;
  }
}


@media screen and (max-width:550px){
  #span4_2 .vergleichscheck-neu{
    padding:20px;
  }
}

@media screen and (max-width:550px){
  #span4_2 .check-img, #span4_2 .bb-img, #span4_2 .mb-platzhalter{
    padding:10px 20px 10px 14px;
  }
}

@media screen and (max-width:550px){
  #span4_2 .t-text{
    padding:0;

  }
}

@media screen and (max-width:550px){
  #span4_2 .input-mail{
    margin-top:10px;
  }
}

@media screen and (max-width:550px){
  #span4_2 .btn_akkordeon {
    width:95%;
    margin:0 auto;
    float:left;
  }
}

@media screen and (max-width:550px){
  #span4_2 input.pdf_speichern {
    width:100%;
    margin:0 auto;
    float:left;
  }
}

@media screen and (max-width:550px){
  #span4_2  #banner-foo {
    display:none;
  }
}

@media screen and (max-width:1024px) {
  #span4_2 .pdf_download,#span4_2 .pdf_kontakt, #span4_2 .pdf-telefon {
    font-size:11px;
  }
}


@media screen and (max-width:750px) {
  #span4_2 .pdf_download, #span4_2 .pdf_kontakt, #span4_2 .pdf-telefon {
    font-size:16px;
  }
}

@media screen and (max-width:800px) {
  #span4_2 .vergleich_unterschrift {
    display:none;
  }
}

@media screen and (max-width:800px) {
  #span4_2 h2 {
    margin-top:-20px;
  }
}

@media screen and (max-width:800px) {
  #span4_2 .pdf-telefon {
    margin-bottom:50px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 .row-fluid:nth-child(2) p {
    margin-top:0px;
    margin-bottom:35px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 h1 {
    line-height:100%;
    margin-top: -20px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 .span8:nth-child(1) {
    padding-left:0px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 h2 {
    margin-left:0px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 .legende-img {
    margin-bottom:35px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 .content {
        padding-bottom: 30px;
  }
}

@media screen and (max-width:600px) {
  #span4_2 #maincontent h2 {
        margin-top:20px !important;
  }
}

@media screen and (max-width:950px) {
  #span4_2 .span8:nth-child(1) p{
    margin-bottom:40px;
  }
}

fieldset {
    border: none;
}

/* Akkordeon-Pfeil NEU */

#span4_2 .link-color{
  background:url("/fileadmin/_migrated/pics/schon_verglichen_pfeil_icon.png") no-repeat;
  background-size: 24px 13px;
  background-position: 96%;
  display:block;
}

#span4_2 .btn_akkordeon input:focus:required:invalid:focus, #span4_2 .btn_akkordeon textarea:focus:required:invalid:focus, #span4_2 .btn_akkordeon select:focus:required:invalid:focus {
  border-color:#ffa600;
  color: #666;
}

#span4_2 .btn_checkbox {
    display: table;
}

#span4_2 .btn_checkbox label {
    display: table-cell;
    width: auto;
    height: auto;
    background-color: transparent;
    padding-left: 10px;
}

#span4_2 .btn_checkbox input[type="checkbox"] {
    display: table-cell;
    z-index: auto;
    position: static;
}

#span4_2 .span8:nth-child(2) p.vergleichscheck-form-explanation {
    padding-left: 0;
    padding-right: 0;
}