#body{
        margin: auto;
        padding: 0;
        width: auto;
        min-width: 300px;
        max-width: 100%;
    }
    .require:after{
      margin-left:5px;
      content: "*";
      color: #fff;
      font-size: 1.5em;

    }
    .require_check{
      height: auto;
      margin: 0;
    }
    .require_check:after{
        content: "*";
        color: #000;
        font-size: 1.5em;
    }
    input[type=radio] {
        display:none;
        background-color: #eee;
    }
    #anfrage > div{margin:auto;width:80%;}
    #anfrage > div > div{margin:5px 0;}
    #anfrage input + label,
    #anfrage input:checked + label{
        background-color: #ffe;
    }
    #anfrage .fehler_info{
        width: 300px;
        border: none;
        background: none;
        color: red;
        font-size: 0.85em;
        text-align: center;
    }
    input[type=radio] + label{
        display:flex;
        flex-direction: column-reverse;
        margin: 20px auto;
        width: 200px;
        height: 115px;
        border: 2px outset #eee;
        text-align:center;
        cursor:pointer;
    }
    #kaufimmo + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_immo_kaufen.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #kaufimmo:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_immo_kaufen.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #grund + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_grund_kaufen.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #grund:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_grund_kaufen.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #bauen + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_bauen.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #bauen:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_bauen.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #anschlussfinanzierung + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_anschlussfinanzierung.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #anschlussfinanzierung:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_anschlussfinanzierung.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #umbau + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_umbau.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #umbau:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_umbau.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #kapitalbeschaffung + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_kapitalbeschaffung.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #kapitalbeschaffung:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_kapitalbeschaffung.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #ETW + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_etw.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #ETW:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_etw.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #EFH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_efh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #EFH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_efh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #DHH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_dhh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #DHH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_dhh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #ZFH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_zfh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #ZFH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_zfh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #RMH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_rmh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #RMH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_rmh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #REH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_reh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #REH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_reh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #MFH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_mfh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #MFH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_mfh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #WuGH + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_wgh.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #WuGH:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_wgh.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #GST + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_grund.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #GST:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_grund.png') 0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #selbstbewohnt + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_nutzung_sb.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #selbstbewohnt:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_nutzung_sb.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #vermietet + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_nutzung_v.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #vermietet:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_nutzung_v.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #teilweisevermietet + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_nutzung_sbv.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #teilweisevermietet:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_nutzung_sbv.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #schufa_nein + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_smileys_green.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #schufa_nein:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_smileys_green.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #schufa_ja + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_smileys_yellow.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #schufa_ja:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_smileys_yellow.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #schufa_jein + label{
        background:url(.'image/check_ohne.png') 95% 10% no-repeat,url(.'image/icon_smileys_red.png') 0 0 no-repeat;
        background-size: 10%,100%;
        background-color: #fff;
    }
    #schufa_jein:checked + label{
        background:url(.'image/check_mit.png') 95% 10% no-repeat,url(.'image/check_ohne.png') 95% 10% no-repeat, url(.'image/icon_smileys_red.png')0 0 no-repeat;
        background-size: 10%,10%,100%;
        background-color: #fff;
    }
    #kp + label{
        background:url(.'image/icon_zahlen_kaufpreis.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #mo + label{
        background:url(.'image/icon_zahlen_modernisierung.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #bk + label{
        background:url(.'image/icon_bauen.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #kb + label{
        background:url(.'image/icon_kapitalbeschaffung.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #gp + label{
        height:150px;
        background:url(.'image/icon_zahlen_grundstueckspreis.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #gp + label .gp-box{
        display: flex;
        width: 100%;
        flex-direction: column;
        background-color: #fff;
    }
    #ow + label{
        background:url(.'image/icon_zahlen_objwert.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #ua + label{
        background:url(.'image/icon_zahlen_umschuldbetrag.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #zak + label{
        background:url(.'image/icon_zahlen_zusatzkapital.png') 0 0 no-repeat;
        background-size: 100%;
        background-color: #fff;
    }
    #gs + label,#nk + label,#mk + label,#zwerg + label,#ek + label,#eerg + label{
        margin: -5px auto;
        background:none;
        border: none;
    }
    a:hover{
        text-decoration: none;
    }
    button:hover{
        font-weight: bold;
        text-decoration: none;
    }
    .box {
        margin: 25px auto;
        display: none;
    }
    .box .container{
        margin: 25px auto;
        padding: 5px 25px 25px;
        background-color: #fff;
    }
    .box .container .col{
      margin-top:25px;
      padding: 0;
    }
    .box .container > p {
         margin: auto 25px;
    }
    .box .container .form-check_check {
      display: flex;
      margin: auto;
      width: 250px;
      min-width: 300px;
      max-width: 60%;
    }
    .box .container .form-check_check .form-check-input{
      width:auto;
    }
    #startbox{
        display: flex;
        flex-direction: column;
    }
    .form-check{
        display: flex;
        flex-direction:column;
        margin:auto 10px;
        width:auto;
        height:auto;
        justify-content:space-around;
    }
    .form-check label{
      margin:5px 0;
    }
    #vorhaben .row{
      margin:auto;width:auto;
    }
    #immobox .row{
      margin:auto;
      min-width: 30%;
      width: auto;
    }
    .box .row{
      display:flex;
      flex-flow:row wrap;
      padding:0;
      justify-content:center;
    }
    .box .row .col-sm{
      min-width:30%;
      width:auto;
      max-width:250px;
    }
    .box .row .col label{height:145px;}
    .box .navigation{
        margin: auto;
        width: auto;
        padding: 0;
        height: auto;
    }
    .box .navigation .row{
        display: flex;
        margin: 0;
        padding:0;
        width: 100%;
        height: auto;
        justify-content: space-around;
    }
    .box .navigation button{
        margin: 0;
        width: 125px;
        color: #fff;
        font-size: 1.25em;
        background-color: transparent;
        border: none;
        background-image: linear-gradient(90deg,rgba(16,114,186,1)0%,rgba(16,114,186,.75) 25%,rgba(16,114,186,0) 100%);
        background-color: #9acd32;
        border-radius:25px;
        filter: drop-shadow(  5px 5px 3px #aaa);
    }
    .box .navigation .left:before{
        content: ' \2190 ' ;
    }
    .box .navigation .right:after{
        content: ' \2192 ' ;
    }
    .box .container h2{
        margin: 25px 25px auto;
    }
    .info_span{
        width: 250px;
        text-align: right;
    }
    .box .container button{
        margin: 25px auto;
        cursor:pointer;
    }
    .box .button{
        width: 100%;
    }
    .box .container label p{
      display:flex;
      margin:0;
      padding: 0;
      width: auto;
      height:25px;
      align-items:center;
      justify-content: center;
      font-size:0.85em;
      color: #fff;
      background-color: #1072ba;
    }
    .box .container .form-check-label p{
      height:auto;
    }
    .box .container input{
        margin: 1px;
        padding: 2px;
        width: 95%;
        height:auto;
    }
    .box .container select{
        margin: 1px;
        padding: 2px;
        width: 100%;
        height:auto;
    }
    .box .container .col #neben_kosten .row{
      padding:0 5%;
    }
    .box .container .col #neben_kosten .col{
      width: 200px;
      margin: 25px 5px;
      padding: 0;
    }
    .box .container .col #ergebnis{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .box .container .col #ergebnis .row{
      display: flex;
      flex-direction: column;
      width: auto;
      height:auto;
      justify-content: center;
      align-items: center;
    }
    .box .container .col #ergebnis .col{
      display: flex;
      flex-direction: column;
      width: 100%;
    }
    .box .container .col #ergebnis .col > div{
      width:300px;
      height:auto;
    }
    .box .container .col #ergebnis .col label{
      width:200px;
      height:auto;
    }
    #zahlenbox .row{
      padding: 0;
    }
    #infobox .container{
      padding: 0 2.5%;
    }
    #infobox .container input{
      margin:5px;
    }
    #infobox .container .col .row{
      display: flex;
      flex-flow: row wrap;
      padding:0;
      width:auto;
      justify-content: flex-start;
    }
    #infobox .container .form-check-label{
      display: flex;
      flex-direction: column;
      min-width: 260px;
      width:auto;
      max-width:75%;
      background-color:transparent;
    }
    #infobox .container .form-check-label p{
      background-color:transparent;
      color:#aaa;
    }
    #kaufoption{
      position: relative;
      top: 75px;
    }
    #ergebnis .container{
      padding: 0 5%;
      wid
    }
    #ergebnis #angebote{
      display:flex;
      flex-flow:row wrap;
      padding:0;
    }
    #ergebnis #angebote div{
      width:auto;
    }
    #ergebnis #angebote div h5{
      width:90%;
    }
    #ergebnis #angebote #angebot_1,#ergebnis #angebote #angebot_2 {
      display:none;
    }