/*
Template Name: Wrapkit
Author: Wrappixel
Email: niravjoshi87@gmail.com
File: scss
*/
/*============================================================== 
 You can write your style here and overwrite our style
============================================================== */
.modal-body-content {padding: 40px;}

#einstopen{display:none;}

.red {color: red;}

.checkErstinfo{font-size: 12px; font-weight: 400;}

.spacer-vgl {
    padding: 50px 0px;
}

.securefoot{width: 50px;}

.bootstrap-select .dropdown-toggle:focus{
outline: 0!important;
border-color: #257cca!important;
}
.checkAlert{
	padding: 0px 5px;
  border: 3px solid #247cca;
      width: 30px;
}

.checkAlertAntrag{
	padding: 5px 5px;
  border: 3px solid #247cca;
      width: 30px;
}

.showmm{
display: inline-flex!important;
}

.hidden{
display:none;
}

.justify{
text-align: justify;
}

.nopadding {
padding: 0px;
}

.accordion h2{
font-size: 22px;
    font-weight: 700;
    -webkit-appearance: inherit!important;
}

:root {
  --border-color-light: #e8e8e8;
  --border-color: #b5b4b4;
  --write-color: #000821;
}

.b-b-1 {
border-bottom: 1px solid var(--border-color-light);
}
.b-t-1 {
border-top: 1px solid var(--border-color-light);
}

.navbar .beratung {
    font-weight: 500;
    line-height: 14px;
    padding-top: 4px;
}

.navbar .beratungzeit {
font-size: 12px;
}

.btn-select{background: #fff;outline:0;}
.btn-select:focus{outline:0;}

.link-blue {
color: #257cca;
cursor: pointer;
}

.link-blue:hover {
color: #1a65ad;
cursor: pointer;
}

.f400{
font-weight: 400!important;
}

.pewl{box-shadow: 0px 35px 43px -35px rgba(0, 0, 0, 0.4)!important; }

.radius-right {
	border-radius: 0px 5px 5px 0px!important;
	-moz-border-radius: 0px 5px 5px 0px!important;
	-webkit-border-radius: 0px 5px 5px 0px!important;
}

.p-50 {padding: 50px;}

.vergleichsrechner{
background-image: url('/static/vcu/lp/bg-blue.jpg'); background-position: center center; background-size:cover;
}

.vergleichsrechner .info{
    color: #ffffff;
    background: #dedede;
    border-radius: 15px;
    padding-bottom: 3px;
    text-align: center;
    width: 15px;
    height: 15px;
    font-weight: 700;
}

.logovr{width: 100%;}


.ueberstart{    font-size: 23px!important;
    line-height: 33px;}

.frontbadge {border-radius: 5px;
    box-shadow: 0px 37px 74px -25px rgba(0, 0, 0, 1)!important;
    border: 1px solid #dedede;
    overflow: hidden;
}


.input-group-addon {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ecef+0,f7fafc+50,e9ecef+100 */
background: #e9ecef; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #f9f9f9 50%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f9f9f9 50%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f3f3f3 0%,#f9f9f9 50%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
font-size: 0.75em;
border-color: var(--border-color);
color:  var(--write-color);
}

.btn-select {
border: 1px  solid var(--border-color);
    box-shadow: inset -1px -1px 3px -1px rgb(0,0,0,0.1);
        border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #3e4555;
}

.btn-select:hover {
 
    color: #3e4555;
}

.btn-select-round {
border-radius: 3px!important;
}

.btn-select-alone {
border: 1px solid var(--border-color);
    box-shadow: inset -1px -1px 3px -1px rgb(0,0,0,0.1);
    color: #3e4555;
}

.text-leiste{
font-size: 12px;
}

.calc-header {
border-bottom: 1px solid #f3f3f3;
    font-size: 12px;
    font-weight: 600;
}

.btn-big {
font-size: 12px!important;
line-height: 17px!important;
padding: 10px 15px!important;;
}

.helpcenter{

}

.helpcenter .btn-outline-light{
margin-top: 55px;
}

.helpcenter .imgdiv{
margin-top: -200px;
}

.helpcenter .imgdiv img{
width: 400px;
}

.helpcenter h2{
color: #fff;
padding-left: 50px;
}

.helpcenter .subtitle{
color: #fff;
padding: 0px 0px 0px 50px;
}



.kontaktlayer{
    padding: 10px 35px 20px 10px;
}

.kontakt label{

    margin-bottom: 2px!important;
    padding-left: 5px;
    font-size: 14px;
} 

.kontakt .close {
		margin-top: 10px;
    margin-right: 10px;
}

.kontakt .disclaimer{font-size: 10px;}

.kontakt .form {    padding: 50px 70px 50px 60px;}


.blog-card-overlay{
		height: 450px;
    width: 100%; 
    overflow: hidden;
    box-shadow: 0px 41px 32px -41px rgba(0, 0, 0, 0.4)!important;
    margin-bottom: 15px;
      transition: all .8s;
    }
    
.blog-card-overlay:hover  {
   box-shadow: 0px 41px 32px -41px rgba(0, 0, 0, 0.8)!important;
}     



.blog-card {    border-radius:  7px; 
	width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-position: center;
  background-size: cover;
  
   transition: all .8s;
    
    
    }
    
   
    
.blog-card-overlay:hover .blog-card ,
.blog-card-overlay:focus .blog-card  
 {
  transform: scale(1.01);
}


/*.blog-card:hover {
			box-shadow: 0px 0px 10px rgba(115, 128, 157, 0.7);
     transform: scale(1.2);
     
    
}*/
  
.blog-card .header {  
    position: absolute;
    width: 100%;
    bottom: 0px;
    color: rgb(255, 255, 255);
    z-index: 1;
}

.blog-card .header h5{  
    color: white;
    font-family: Montserrat;
    font-size: calc(20px + 4 * ((100vw - 600px) / 424));
    font-weight: 700;
    line-height: calc(26px + 6 * ((100vw - 600px) / 424));
    margin: 0px 1rem 1.5rem 1.5rem;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.9);
}

.blog-home1 .name {font-weight: 600;}

.blog-home1 .titel {font-size: 10px;}

@media (min-width: 992px) {

  .m-r-20-md  {
    margin-right:20px;
  } 
  
  .p-30-md {
  	padding: 30px;
  }
    
    .frageleiste{padding-left: 0px!important; padding-right: 0px!important;}  
   .no-p-xs {padding: 0px 10px!important;} 
}


@media (max-width: 991px) {

  .nosee-md  {
    display: none;
  } 
  
  
  
  .p-30-md {
  	padding: 20px;
  }
  
  .text-leiste{font-size: 9px!important};
  
  .font-xs{font-size: 9px!important}
    
  .frageleiste{padding-left: 0px!important; padding-right: 0px!important;}  
  
   .no-p-xs {padding: 0px 5px!important;}
} 


@media (max-width: 720px) {

  .m-r-20-md  {
    
  } 
  
  .p-30-md {
  	padding: 20px;
  }
  
  .text-leiste{font-size: 9px!important};
  
  .font-xs{font-size: 9px!important}
  
  .frageleiste{padding-left: 0px!important; padding-right: 0px!important;}  
    
    
  .no-p-xs {padding: 0px 5px!important;}

  .btn-vergleich {width: 100%;}
    
}





@media (max-width: 576px) {



.frageleiste{padding-left: 15px!important; padding-right: 15px!important;}  

.fahrzeugleiste {margin-left: 10px!important; margin-right: 10px!important;}



.p-30-md {
  	padding: 10px 5px;
  }

.no-p-xs {padding: 0px 2px!important;}

    
.text-leiste{font-size: 6px!important}


.font-xs{font-size: 8px!important}

.dropdown-item {
/*font-size: 9px!important*/
}

.h11-nav .h11-topbar ul li:last-child a {border-left: 0px; padding-left: 0px;}

.hidden-xs {display: none!important;}

.ueberstart {font-size: 19px!important; line-height: 26px;}

.p-0-xs{padding-left: 0px!important; padding-right: 0px!important;}  

h2{    line-height: 28px;
    font-size: 18px;}

}


.teiler {border-top: 1px solid #e0e0e0;
padding-top: 15px;}

.faq .card-header {
background: #f0f0f0;
border-bottom: 1px solid #ffffff;
}

.faq .card-header .btn{
font-weight: 600;
font-size: 18px;

}

.faq .card-body {
background: #ececec;
padding: 25px 35px !important;
}




/*============================================================== 
Berechnung
 ============================================================== */


.col-einst { -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 340px;
}

.col-erg { -webkit-box-flex: 0;
    -ms-flex: 0 0 80.66666%;
    flex: 0 0 80.666666%;
    max-width: 800px;
   
}





.colfilter{
  padding: 20px;
  font-weight: 400;
  font-size: 12px;
  max-width: 300px;
}


.colfilter .head {
font-weight: 500;
font-size: 20px;
   

}

.colfilter .info {
    color: #ffffff;
    background: #dedede;
    border-radius: 15px;
    padding-bottom: 3px;
    text-align: center;
    width: 15px;
    height: 15px;
    font-weight: 700;


}

.colfilter .link {
color: var(--write-color);
 text-decoration: underline;
}

.colfilter .link:hover {
color: #257cca
}

 
.colone{
background: #fff;
    -webkit-box-shadow: 0px 20px 17px -22px rgba(0, 0, 0, 0.1)!important;
    -moz-box-shadow: 0px 20px 17px -22px rgba(0, 0, 0, 0.1)!important;
    box-shadow: 0px 20px 17px -22px rgba(0, 0, 0, 0.1)!important;
    border-radius: 4px;
    margin-bottom: 15px;
    border: 1px solid #e8e8e8;
}

.colone .custom-control-label::before {
top: 0;
width: 1.5rem;
height: 1.5rem;
background-color: #dedede;
    border-radius: 3px;
}

.colone .custom-control-label::after {
top: 0;
width: 1.5rem;
height: 1.5rem;

}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #257cca;
}

.colone .vr{position: relative;
padding-top: 0px!important;
padding-left: 0px!important;
    padding-right: 0px!important;
    background: #fafafa;
    box-shadow: 10px 0px 17px -22px rgba(0, 0, 0, 0.3)!important;
    border-right: 1px solid #f2f2f2;
}

.colone .label-vergl {font-size: 10px; padding-left: 5px;}

.colone .logo img{width: 120px;padding-top: 40px;}
.colone .logoname {    font-size: 10px; padding-bottom: 0px; padding-top: 5px;}
.colone .tarifname {    font-size: 10px; padding-bottom: 5px; padding-top: 0px;}
.colone .empfehlung {        font-size: 10px;
    /* padding-bottom: 5px; */
    line-height: 24px;
    padding-top: 0px;
    color: #fdfdfd;
    font-weight: 600;
    background: #257cca;
    position: absolute;
    bottom: 0px;
    width: 100%;
    border-radius: 0px 0px 0px 3px;
    -moz-border-radius: 0px 0px 0px 3px;
    -webkit-border-radius: 0px 0px 0px 2px;}


 

.colone .bewertung .sub{font-size: 9px;}


.colone .beschreibung {padding-left: 0px; padding-right: 0px;}

.colone .beschreibung .bewertung{
font-weight: 400; 
font-size: 14px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
-webkit-border-radius: 0px 0px 3px 3px;
}
    
.container-beitrag {
border-left: 1px solid #f3f3f3;
margin: 10px 0px;
text-align: right;
}    
    
.colone .beitrag {font-weight: 600; font-size: 28px; padding-top: 10px;}    

.colone .zahlweise {font-weight: 100;
    font-size: 12px;
    color: #257cca;
    padding-bottom: 5px;
    line-height: 6px;}    
    
.colone .neugruender {     font-size: 10px;
    font-weight: 400;
    height: 20px;
    margin-top: 3px;
    line-height: 20px;
    margin-bottom: 10px;}        

.colone .container-leistung {    
margin-top: 20px;
line-height: 22px;
padding-right: 0px;
    }

.colone .leistung {
font-size: 12px;}

.colone .leistung .b {font-weight: 500;}

.colone .leistung .b label {padding: 4px 5px 3px 6px; font-size: 100%; margin-right: 3px;}



.colone .leistung i { font-weight: 700; color: #263238;}

.colone .angebot{
color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
   
        margin-left: 2px;
    width: 100%;
}

.colone .leistung-link{
color: #247cca;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    font-weight: 100;
}

 
.rowone{
border: 5px solid #fafafa;
border-radius: 4px;
}

 

.lvg {
padding: 30px 0px;
position: fixed;
bottom: 0px;
background-color: rgba(0, 0, 0, 0.70) !important; 
width: 100%;
z-index: 1;
display:none;
}

.lvg .tarifauswahl {
padding-top: 30px;
}

.vglbg{
background: #fff;
border-radius: 3px; 
padding: 10px;
}

.vglbg img{width: 100px;}

.vglprice{
font-weight: 600;
padding-top: 10px;
}

.vglzw{
font-size: 10px;
}


.pewl {border-radius:4px;}

.pewlvgl{ background: #fafafa!important;}

.pewlvgl .pew-content>.pew-middle {
background: #fff!important;
}

.siegel-badge {
    border: 1px solid #cdcdcd;
    border-radius: 4px;
        text-align: center;
            margin-top: 27px;
            max-width: 105px;
       
}

.siegel-badge .sterne { margin-top: 10px;}


.siegel-badge .titel {
    font-size: 12px;
    font-weight: 600;
       margin: 7px 0px 15px 0px;

}

.siegel-badge .subtitel {
        font-size: 10px;
    font-weight: 100;
        padding: 3px 0px;
        border-top: 1px solid #e8e8e8;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafafa+0,f3f3f3+34,f3f3f3+71,fafafa+100 */
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(250,250,250,1) 0%, rgba(243,243,243,1) 34%, rgba(243,243,243,1) 71%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(250,250,250,1) 0%,rgba(243,243,243,1) 34%,rgba(243,243,243,1) 71%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(250,250,250,1) 0%,rgba(243,243,243,1) 34%,rgba(243,243,243,1) 71%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=1 ); /* IE6-9 */
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;

}

.siegel-badge-subtitle .link-leistungen {
font-size: 10px;
    color: #1a66ad;
    padding-top: 3px;
    cursor: pointer;
}




.star {
display: inline-block;
    background: url(/static/ffh/content/images/star.png) no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 0;
    background-position: 0 -15px;
    background-size: cover;
    }
    
.sterne .active {
background-position: 0 0px;
}    

.tgs {
padding-top: 10px;
display: none;
}


/*============================================================== 
Angebotsform
 ============================================================== */


.ang-col-einst { -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 340px;
}

.ang-col-erg { -webkit-box-flex: 0;
    -ms-flex: 0 0 80.66666%;
    flex: 0 0 80.666666%;
    max-width: 800px;
   
}





.ang-colfilter{
  padding: 20px;
  font-weight: 400;
  font-size: 12px;
  max-width: 300px;
}


.ang-colfilter .head {
font-weight: 500;
font-size: 20px;
   

}

.ang-colfilter .info {
    color: #ffffff;
    background: #dedede;
    border-radius: 15px;
    padding-bottom: 3px;
    text-align: center;
    width: 15px;
    height: 15px;
    font-weight: 700;


}

.ang-colfilter .link {
color: var(--write-color);
 text-decoration: underline;
}

.ang-colfilter .link:hover {
color: #257cca
}



/*============================================================== 
Antragsform
 ============================================================== */


.antrag-col-einst { -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 340px;
}

.antrag-col-erg { -webkit-box-flex: 0;
    -ms-flex: 0 0 80.66666%;
    flex: 0 0 80.666666%;
    max-width: 800px;
   
}





.antrag-colfilter{
  padding: 20px;
  font-weight: 400;
  font-size: 12px;
  max-width: 300px;
}


.antrag-colfilter .head {
font-weight: 500;
font-size: 20px;
   

}

.antrag-colfilter .info {
    color: #ffffff;
    background: #dedede;
    border-radius: 15px;
    padding-bottom: 3px;
    text-align: center;
    width: 15px;
    height: 15px;
    font-weight: 700;


}

.antrag-colfilter .link {
color: var(--write-color);
 text-decoration: underline;
}

.antrag-colfilter .link:hover {
color: #257cca
}





/* Vergleich */

.vglhead{
padding-bottom: 15px;
}

.vglhead h1{
font-weight: 700;
font-size: 24px;
line-height: 12px;
}

.vglhead a{
color: #267ccb;
font-size: 14px;
font-weight: 400;
}

.row-vgl {
border-left: 1px solid var(--border-color-light);
background: white;
}

.row-vgl-head {
border-bottom: 3px solid #257cca;
padding-top: 50px;
}

.row-vgl-head h2{
    line-height: 16px;
    font-size: 22px;
    color: #257cca;
    font-weight: 700;
    padding-bottom: 10px;
}


.col-vgl {
border-bottom: 1px solid var(--border-color-light);
border-right: 1px solid var(--border-color-light);
}

.col-vgl .leistung {
font-size: 12px;}

.col-vgl .leistung .b {font-weight: 500;}

.col-vgl .leistung .b label {padding: 4px 5px 3px 6px; font-size: 100%; margin-right: 3px;}



.col-vgl .leistung i { font-weight: 700; color: #263238;}



.col-vgl .frage{
font-weight: 600;
padding: 10px;
font-size:14px;
}

.col-vgl .antwort{
font-weight: 100;
padding: 10px;
font-size:14px;
}

.col-vgl .info{
    color: #ffffff;
    background: #dedede;
    border-radius: 15px;
    padding-bottom: 3px;
    text-align: center;
    width: 15px;
    height: 15px;
    font-weight: 700;
    margin-top: 10px;
    font-size: 11px;
}
.col-vgl .info:hover{cursor:pointer;}

.col-vgl .vrimg  {
padding: 40px 0px 10px 0px;
}

.col-vgl .vrimg img {
width: 50%;
    max-width: 200px;
}

.col-vgl .logoname  {
font-size: 12px 
}

.col-vgl .tarifname  {
 font-size: 12px;
 padding-bottom: 5px;
 height: 6px;
}

.col-vgl .empfehlung  {
 font-size: 12px;
 padding-top: 10px;
 height: 20px; 
 color: #1a65ad;
    font-weight: 600;
}

.col-vgl .beitrag {
padding-top: 10px;
		font-weight: 600;
    font-size: 28px;
   
}

.col-vgl .zw{
		font-weight: 100;
    font-size: 12px;
    color: #257cca;
    padding-bottom: 10px;
    line-height: 6px;
}

.col-vgl .neugruender{
font-size: 12px;
height: 20px;
    font-weight: 400;
}

.col-vgl .angebotvgl{
	padding-top: 10px;
}


.label-yes {
    background-color: #88ca24;
    border: 1px solid #6ea023;
		color: white;
    font-weight: 500;
    border-radius: 3px;
        padding: 4px 4px 0px 4px;
    margin: 9px 15px;
    height: 26px;
}

.label-yes i{
font-weight: 600;
}

.label-no {
    background-color: #e02430;
    border: 1px solid #a7111a;
   color: white;
    font-weight: 500;
    border-radius: 3px;
       padding: 4px 4px 0px 4px;
    margin: 9px 15px;
    height: 26px;
}

.label-no i{
font-weight: 600;
}

.secur {
font-size: 11px;
font-weight: 500;
padding-right: 3px;
padding-top: 5px;
}

.secur i{font-size: 130%!important;
    font-weight: 900;}
    
    
    
/* Angebot */

.col-ang {


}

.col-ang .header{
border-top: 1px solid var(--border-color-light);
padding: 15px 0px 5px 0px;
    margin-top: 10px;
    font-weight: 500;
 
}

.col-ang .empfehlung{
border-top: 1px solid var(--border-color-light);
padding: 15px 0px 5px 0px;
    margin-top: 10px;
    font-weight: 500;
    color: 257cca;
 
}

.col-ang .empfehlung .active{
margin-bottom: -2px;
background-position: 0 0px; 
}

.col-ang .vrimg  {
padding: 20px 0px 10px 0px;
}

.col-ang .vrimg img {
width: 70%;
}

.col-ang .beitrag {
		font-weight: 600;
    font-size: 28px;
   
}

.col-ang .zw{
		font-weight: 100;
    font-size: 12px;
    color: #257cca;
   
    line-height: 6px;
}

.col-ang  .leistung .b {font-weight: 500;}

.col-ang  .leistung .b label {padding: 4px 5px 3px 6px; font-size: 100%; margin-right: 3px;}



.col-ang  .leistung i { font-weight: 700; color: #263238;}


.angebotsform {

}

.angebotsform h2{
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 30px;
        margin-top: 20px;
}

.angebotsform .label-yes {margin: 4px 10px 4px 15px;}

.angebotsform .appertizlayer {position: relative;}

.angebotsform .appertiz {font-weight: 500; font-size: 12px; position: absolute;    top: 9px;}

.angebotsform .disclaim {font-size: 12px; font-weight: 400;}

.angebotsform .secure {width: 80px; }

.angebotsform .angformfinal {display: none;}

.angebotsform .angformfinal .titel {font-weight: 500;
    margin-bottom: 25px;}
    
    .angebotsform .antragformfinal .titel {font-weight: 500;
    margin-bottom: 25px;}
    
 

.genderw{
width: 50%;

}

.genderw button{width: 100%;    font-size: 13px;
    padding: 12px 0px;
    border-right: 0px;

}

.genderm {
width: 50%;
border-radius: 0px 3px 3px 0px!important;
-moz-border-radius: 0px 3px 3px 0px!important;
-webkit-border-radius: 0px 3px 3px 0px!important;

}

.genderm button{width: 100%;
border-radius: 0px 3px 3px 0px!important;
-moz-border-radius: 0px 3px 3px 0px!important;
-webkit-border-radius: 0px 3px 3px 0px;!important;
    font-size: 13px;
    padding: 12px 0px;
  

}

.morefilter .custom-control-label  {padding-top: 3px!important; outline: 0!important;}
 
/*BLOG*/

.blog .img-fluid {border-radius: 3px;}

.blog .autor {padding-top: 15px;
padding-bottom: 15px;
}

.blog .autor .name {font-weight: 500; font-size: 12px;}

.blog .autor .titel {font-weight: 300; font-size: 12px; }

.blog .autor .datum {font-size: 12px;}

.blog h1{font-weight: 400;}


/* Antrag */

.antr-header {
border-bottom: 1px solid #f3f3f3;
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

.angebotsform .teaser {font-size: 12px;    text-align: justify;}

.angebotsform .disclaimer {font-size: 12px;
    font-weight: 400;
    margin-left: -25px;
    }
    
.angform .doc {
    font-size: 12px;
    font-weight: 400;
}   

.antrag-frage {font-weight: 300; font-size: 12px;}

.addon-full {
width: 20%;
}

.addon-full-choice {
width: 24.5%;
}

.addon-full-choice-angebot {
width: 48%;
}

.addon-full-large {
width: 33%;
}

.addon-half {
width: 42%;
}

.addon-half-small {
width: 21%;
}

.addon-half-choice{
width: 68%;
}

.addon-half-select{
width: 43%;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5;
    opacity: 1;
}

.check-end{
padding-top: 13px;
padding-left: 30px;
}

.check-end .disclaimer{
padding-top: 2px;
}

 

.row-end{
background: #f3f3f3;
    padding-top: 15px;
    border-radius: 5px;
}

.abwkoi {display: none;}

.mdheader {
padding: 7px 10px 0px 0px;
}

.md-centent h1{
font-size: 26px;
}

/* docs */

.textueberh1{
font-size: 20;
font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}
.textueberh2{
    font-size: 16px;
    font-weight: 400;
}
.textzeile{
font-size: 16px;
    padding: 5px 0px;

}

/* Mobile */

@media (max-width: 1200px) {
.wrap-feature15-box img {margin-top: 30px;}

.helpcenter .imgdiv {margin-top: -140px;}

.helpcenter .textdiv {padding-left: 60px;}

.helpcenter .btn-outline-light {margin-top: 90px;}

.spacer-vgl {padding: 50px 0px;}

.col-einst {max-width: 280px;}
.colfilter{max-width: 250px; padding: 20px 15px;}
.col-erg{max-width: 680px;}
.colone .leistung {    font-size: 11px;}
.siegel-badge .titel {    font-size: 11px;}
.siegel-badge-subtitle .link-leistungen {font-size: 9px;}
.colsiegel {padding: 0px 10px;}

.vglhead h1{line-height: 30px;}
.col-vgl .beitrag {padding-top: 20px;}
.btn-angebot {width: 100%!important;}
.antrag {width: 100%!important; padding: 10px 0px!important;}
.col-vgl .leistung {    font-size: 10px;}

.ang-col-erg {max-width: 640px;}

.antrag-col-erg {max-width: 640px;}

} /* Ende 1200px */






@media (max-width: 992px) {

.accordion h2 {    font-size: 20px;  font-weight: 700;}

.navbar-brand img {width: 65%;}
.wrap-feature15-box img {margin-top: 100px;}

.helpcenter .btn-outline-light {
    margin-top: 10px;
    margin-bottom: 20px;
}

.helpcenter .imgdiv {
    margin-top: -65px;
}

.helpcenter .imgdiv img {
    width: 370px;
    margin-left: -30px;
}

.blog-card-body {
margin: 0 auto;
}

.spacer-vgl {padding: 50px 0px 0px 0px;}

.lvg .tarifauswahl {padding-top: 0px; padding-bottom: 10px;}

.col-einst {max-width: 990px; flex: 1;}
.colfilter{max-width: 990px;       padding: 20px 15px;}
.col-erg{max-width: 990px; flex: auto; margin: 15px 15px;}
#einstellungen {display: none;}
.colfilter .head {margin-bottom: 0px;}
#einstopen{display:block;}

.col-vgl .frage { padding: 10px 0px;   font-size: 11px; }
.col-vgl .antwort {font-size: 12px; padding: 5px 10px; }

.col-vgl .leistung { font-size: 9px; }
.col-vgl-ueber {padding-left: 3px; padding-right: 0px;}
.col-vgl .leistung .b label {padding: 4px 3px 3px 3px; margin-right: 0px;}

.col-dok {padding: 5px 0px;}
.col-dok .antwort{font-size: 11px!important; padding: 10px 10px!important;}

.col-leistung .antwort {  padding: 12px 10px; }

.ang-col-einst { -webkit-box-flex: 0;  -ms-flex: 0 0 45.333333%;   flex: 0 0 45%;    max-width: 290px;}
.ang-col-erg { max-width: 430px;}

.antrag-col-einst { -webkit-box-flex: 0;  -ms-flex: 0 100%;   flex: 0 0 100%;    max-width: 992px;}
.antrag-colfilter { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 992px;}
.antrag-col-erg { -webkit-box-flex: 0;  -ms-flex: 0 100%;   flex: 0 0 100%;    max-width: 992px;}
.antrag-colfilter .vrimg img {width: 30%;}
/* Ende 992px */






@media (max-width: 767px) {

.accordion h2 { font-size: 17px; font-weight: 700; }

.input-group-addon {font-size: 0.65em; padding-right: 0px;}
.input-group-addon-start {    width: 37%;}

.ueberstart {   font-size: 19px!important;  line-height: 28px; }

.helpcenter {
margin-top: 400px!important;
}


.helpcenter .imgdiv {
    margin-top: -391px;
}

.helpcenter .textdiv {
      padding-left: 0px;  
}

.helpcenter h2 {
 
    padding-left: 0px; 
}

.helpcenter .subtitle {
   
     padding: 0px ; 
}

.spacer-vgl {padding: 10px 0px;}

.lvg{padding: 15px 0px;}

.angebot{padding: 10px 0px!important; margin-left: 0px!important; margin-bottom: 10px!important}

.colone .logo img{padding-top: 10px;}
.colone .tarifname{ padding-bottom: 30px;}
.container-beitrag  {   border-left: 0px solid #f3f3f3; border-top: 1px solid #f3f3f3; text-align: center;}
.colsiegel {padding: 0px 15px;}
.col-siegel-badge {max-width: 105px; text-align: center;  margin: 0px 0px 0px auto;}
.sigel-badge{margin-top: 20px; margin-bottom: 20px;}
.siegel-badge-subtitle .link-leistungen {font-weight: 400;}

.col-vgl-mob{text-align: center;}

.ang-col-einst { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 767px;}
.ang-col-erg { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 767px;}
.ang-colfilter { max-width: 767px;}

.antrag-col-einst { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 767px;}
.antrag-col-erg { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 767px;}
.antrag-colfilter { max-width: 767px;}

.antrag-colfilter .vrimg img {width: 50%;}

.pewl { margin: 0px 0px 15px 0px!important;}

} /* Ende 768px */






@media (max-width: 576px) {

.accordion h2 { font-size: 14px;    font-weight: 600;}

.helpcenter .buttondiv {
    text-align: center!important;
    }

.helpcenter .textdiv {
    padding: 0px 30px;
}



.input-group-addon {
font-size: 0.60em; 
padding-right: 0px; 
padding-left: 5px;
width: 60%!important;
}

.input-group-addon-start { width: 45%!important; padding-left: 10px!important;}

.form-control-sm {padding-left:10px!important;}

.h11-nav .h11-topbar ul {text-align: right}

.h11-nav .h11-topbar .beratungzeit {
    padding-bottom: 10px;}
    
.ueberstart {    font-size: 19px!important;
    line-height: 26px;}
    
.form4 {
padding: 50px 0 100px 0;
}
    
.spacer-vgl {padding: 10px 10px 50px 10px;}

.col-siegel-badge {max-width: 530px; text-align: center;  margin: 0px auto;}
.siegel-badge {max-width: 530px;}
.siegel-badge .titel {margin: 0px 0px 5px 0px;}

.row-vgl-head h2 {font-size: 16px; }
.vglhead h1 { line-height: 22px;  font-size: 16px; }

.col-leistung .antwort {  padding: 0px 10px 10px 15px; }

.ang-col-einst {    padding-left: 10px;  padding-right: 10px;}


.antrag-col-einst { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 576px;   padding-left: 10px;  padding-right: 10px;}
.antrag-col-erg {     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; padding: 0px 10px;}
.antrag-colfilter { max-width: 576px;}

.angebotsform {display:inherit!important;}

.antrag-colfilter .vrimg img {width: 70%;}

.blog h1{    font-size: 20px;  line-height: 26px; font-weight: 400;}
}


@media (max-width: 400px) {
.ueberstart { font-size: 16px!important;}
}

@media (max-width: 1024px) {
.h11-nav .navbar-nav .nav-item .nav-link {padding: 12px 10px!important;}
}