.asterisk{
	font-size: 8px;
position: relative;
top: -12px;
	
}

.asterisk_mobile{
	font-size: 6px;
position: relative;
top: -10px;
	
}

.preseller_img{
        margin-bottom: 20px;
		max-width: 200px;
    }

.iconversion{
    display: none
}

#progresscirc_col1, #progresscirc_col2, #progresscirc_col3{
    width: 33%;
    float: left;
    text-align: center;
}

#progresscirc_col1 span, #progresscirc_col2 span, #progresscirc_col3 span{
    margin-top: 15px;
}

#progresscirc1, #progresscirc2, #progresscirc3{
    margin: 40px 15px 15px 15px;
    overflow: hidden;
  }

#baricon1, #baricon2, #baricon3{
    max-width: 74px;
}

  #progresscirc_wrapper{
    display: block;
    max-width: 600px;
    text-align: center;
    overflow: auto;
    margin: 0 auto;

  }

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  *, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    }

#form_content{
    min-height: 80vh;
    /* margin-bottom: -7px; */
}

#footer_disclaimer_bar{
    font-size: 12px;
    text-align: center;
    max-width: 600px;
    margin: 20px auto -10px auto;
	color: #cecece;
}

.step_question_sub, #form_subheading, #form_heading,.step_heading, .step_question{


    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}




#formular_heading_icon_desktop{
    font-size: 26px;
}

.step_head_mobile{
    position: relative;
    margin-top: 0;
    padding: 20px 20px 10px 20px;
    width: 100vw;
    left: calc(-50vw + 50%);
    margin-right: 0;
    margin-bottom: 20px;
    color: white;


}

/*.step_heading_border{
    position: absolute;
    bottom: 0;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #c9c9c8;

}*/

/* .step_heading_border2{
    position: absolute;
    bottom: 0;
    display: block;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #c9c9c8;

} */

.step_head_mobile .step_heading{
   font-size: 22px;
padding: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
line-height: 30px;
margin-bottom: 9px;
color: #000;
}

/* .step_head_mobile::after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -24px;
    bottom: -10px;
    border-top: 10px solid #427201;
    border-right: 24px solid transparent;
    border-left: 24px solid transparent;
    border-bottom: none;
} */

.formular_step .step_head_mobile{
    background-color: #cee6ac;
}

.formular_step .step_head_mobile .step_heading{
    margin-top: 3px;
    color: #4b760e;
    font-size: 98.5%;
}

.formular_step .step_head_mobile::after {
    border-top: 10px solid #cee6ac;
}



.footer_anfragen{
    margin-top: 15px;
    

}

.footer_anfragen_text{
    display: block;
    margin: 0 auto;
    font-size: 22px;
    text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;    
}

.nr_box{
    padding: 0px 4px 0 4px;
    margin: 0px 3px 0 3px;
    border: 1px solid #d6d6d6;
    display: inline-block;
    font-family: gotham, Arial, sans-serif;
    font-weight: 800;
    font-size: 22px;
}

.footer_anfragen_text .nr_box{
    font-family: gotham, Arial, sans-serif;
    font-weight: 800;
    font-size: 22px;
    margin-left: 1px;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #fff;
    width: 24px;
}



.nr_box span{
    margin-top: 5px;
}


.mt-5{
    margin-top: 2rem !important;
}

.cols_wrapper{
    margin-left: -13px;
    margin-right: -13px;
    max-width: 320px;
    margin-left: 5px;
}

.leftcol_wrapper{
    padding-right: 4px;
    width: 50%;
    float: left;
}

.rightcol_wrapper{
    width: 50%;
    float: left;
}

#header_whitebg{
    background-color: #fff;
    z-index: 1000;
}

.step-slider .ui-slider-handle{
    border: none!important;
}

#field_geburtstag_monat{
    max-width: 160px;
	margin-bottom: 15px;
}

#field_geburtstag_tag{
    max-width: 75px;
	margin-bottom: 15px;
}

#field_geburtstag_jahr{
    max-width: 320px;
	margin-bottom: 15px;
}

#formular_heading_icon_mobile{
    display: none;
}

#footer_logo_wrapper{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#footer_logos{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 675px;
}

#formular_trust_wrapper{
    width: 100%;
    margin-top: 30px;
}

#trust_logos{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 200px;
}

#address_autocomplete{
    float: left;
    width: 100%;
    max-width: 255px;
    margin-right: 5px;
}

#street_nr_input{
    float: left;
}

#street_number_input{
    width: 60px;
    margin: 2px 0px;
}

#street_nr_input_wrapper{
    margin: 0 auto 10px auto;
    overflow: hidden;
    width: 320px;
}

.hidden{
    display: none;
}

.progressbar{
    width: 100%;
    max-width: 320px;
    overflow: hidden;
    margin: 74px auto 74px auto;
    max-height: 9px;
    border-radius: 6px;
    background-color: #fff;

}

.progressbar_inset{
    float: left;
    height: 100%;
    width: 0%;
    background-color: #427201;
    overflow: hidden;
    
}

.instep_trust{
    max-width: 130px;
    width: 100%;
    display: block;
    margin: 30px auto -20px auto;
}

.adresseHinweis{
	display: none;
	margin: 8px 0!important;
	font-style: italic;
	color: red!important;
	font-size: 90%!important;	
}

.step-slider-label{
    font-size: 20px; 
    font-weight: bold; 
    display: block; 
    text-align: center; 
    line-height: 1.1; 
    padding: 15px 0 42px; 
}

.step-slider{
    height: 7px; 
    border: 0; 
    border-radius: 3px; 
    background: #fff; 
    position: relative; 
    margin-bottom: 52px; 
    border-color: #fff !important; 
}

.step-slider .ui-slider-handle { 
    width: 31px; 
    height: 31px; 
    background: #738b0f; 
    border-radius: 50%; 
    padding: 0; 
    top: -12px; 
}

.step-slider .step-label {
    position: absolute; 
    top: 17px; 
    font-size: 16px; 
    color: #b7b7b7; 
}

.step-slider .step-label-left { 
    left: 0;
}

.step-slider .step-label-right {
    right: 0; 
}

.slider_wrapper{
    width: 100%;
    max-width: 512px;
    margin: 0 auto;
}

.btn{

    border-radius: 8px;
    background-color: #000;
    box-shadow: 3px 4px 5px rgba(16,16,16,.21);
    display: block;
    font-size: 19px;
    line-height: 1.7;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 15px 5px;
    width: 100%;
    max-width: 320px;
    margin: auto;
    border: none;
    cursor: pointer;
    letter-spacing: -0.05em;
    /* text-shadow: 1px 2px 1px rgba(13,14,14,.11); */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    /* background-color: #cd6743; */
    background-color: #a5b11e;
    box-shadow: 3px 4px 5px rgba(16,16,16,.21);
    border-radius: 4px;
    background-image: -moz-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -o-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -webkit-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: linear-gradient(bottom, #416f01 0%, #5e850b 100%);

}

.btn:hover{
    /* box-shadow: 3px 4px 5px rgba(16,16,16,.21);*/
    color: #fff; 
    background-image: -moz-linear-gradient(bottom, #527409 0%, #5e850b 100%);
    background-image: -o-linear-gradient(bottom, #527409 0%, #5e850b 100%);
    background-image: -webkit-linear-gradient(bottom, #527409 0%, #5e850b 100%);
    background-image: linear-gradient(bottom, #527409 0%, #5e850b 100%);
}

.btn-next4{
    max-width: 230px;
    font-size: 18px;
	margin-bottom: 40px;
	background-color: #a5b11e;
    box-shadow: 3px 4px 5px rgba(16,16,16,.21);
    border-radius: 4px;
    background-image: -moz-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -o-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -webkit-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: linear-gradient(bottom, #416f01 0%, #5e850b 100%);
}

.select_field{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: .7em 0.7em .7em 0.81em;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 13px) calc(1em + 5px), calc(100% - 8px) calc(1em + 5px), calc(100% - 1em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0;
    background-repeat: no-repeat;
    font-size: 16px;
	font-style: italic; 
    line-height: 1.3;
    color: #4f4f50;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    background-color: #fff;
    font-style: italic;
    margin: 0px;
}

.contentbox_preseller{
    background-image: url("./hauser_bg.png");
    background-origin: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    /* background-position: center  top; */
    background-position: absolute;
    background-attachment:fixed;
    min-height: 0!important;
}

.preseller_padding{
    padding-left: 60px;
    padding-right: 60px;
}

.presellertext{
    font-size: 130%;
}

#trust_overlay{
    padding: 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    /* display: none; */
    z-index: 7777!important;
    float: right;
}

.btn_subtext{
    font-size: 70%;
	font-weight: 100;
}

#trust_overlay_inner{
    border-radius: 5px;
    opacity: 0.5;
    padding: 14px 28px 14px 54px;
    max-width: 340px;
    float: right;
    color: white;
    font-size: 14px;
    line-height: 20px;
    background: black url(./paperplane.png);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: left 15px top 22px;
    z-index: 8888!important;
}

.close_overlay {
    position: absolute;
    right: 25px;
    top: 18px;
    width: 16px;
    height: 16px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 9999!important;
}
.close_overlay:hover {
    opacity: 1;
}
.close_overlay:before, .close_overlay:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 16px;
    width: 2px;
    background-color: #fff;
}
.close_overlay:before {
    transform: rotate(45deg);
}
.close_overlay:after {
    transform: rotate(-45deg);
}

#optin_wrapper{
    border-radius: 4px;
    padding: 5px 5px 0px 0px;
}

.checkicon{
    max-height: 40px;
}

.success_message{
    font-size: 17px;
    font-family: gotham-bold, Arial, non-serif;
    text-align: center;
    margin: 10px;
    color: #5c7a00;
	margin-top: 10px;
}

.plz_wrapper{
    max-width: 400px;
    margin: 0 auto;
}


.agbs_box{
    max-width: 320px;
    text-align: left;
    margin: 0 auto;
    padding: 0!important;
}

.agbs_box input.checkbox_field + label::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 21px;
    height: 20px;
    border-radius: 2px;
    /* border: 1px solid #c0c0c0; */
    background: #fff url(./ico-check-white.png);
    box-shadow: 1px 1px 4px rgba(16,16,16,.21);
}

.agbs_box input.checkbox_field{
    display: none;
}

.agbs_box input.checkbox_field + label {
    font-size: 8.5px;
    display: block;
    overflow: hidden;
    width: auto;
    text-align: left;
    padding-left: 34px;
    color: #a7a7a7;
    position: relative;
}

.agbs_box input.checkbox_field:checked + label::before {
    background-color: #427201;
}

.geschlecht{
    list-style-type: none;
    display: flex;
    align-items: center;
    padding-left: 0!important;
    font-style: italic;
    margin-bottom: 0px;
}

.geschlecht li + li {
    margin-left: 15px;
}

.geschlecht input{
    display: none;
    text-align: left;
}

.geschlecht label{
    position: relative;
    padding-left: 33px;
}

.geschlecht input:checked + label::after {
    background-color: #7d940f;
}
.geschlecht label::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 21px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #c0c0c0;
    background: #fefffa url(./ico-check-white.png);
}

.text_field{
    width: 100%;
    max-width: 240px;
    border-radius: 0;
    font-size: 16px;
	/* font-style: italic;  */
    line-height: 1.5;
    color: #4f4f50;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    background-color: #fff;
    display: block;
    padding: 13px 15px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 7px auto;
    text-align: center;
}


.plz_field{
    margin-bottom: 0px;
    background-image: url("./grund.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 15px top 23px;
    text-align: left;
	/* font-style: italic;  */
    line-height: 1.7;
	background-color: #fff;
	border: 2px solid #e7e7e7;
    padding-top: 20px;
    padding-bottom: 16px;
    padding-left: 50px;
    max-width: 230px;
}

.form_field{
    width: 100%;
    max-width: 240px;
   
    font-size: 16px;

    line-height: 1.5;
    color: #4f4f50;
    border: 2px solid #e7e7e7;
    border-radius: 6px;

    display: block;
    padding: 12px 15px 10px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 2.5px auto;
    text-align: left;

    border-radius: 3px;
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 1px 1px 4px
    rgba(16,16,16,.21);
    margin-top: 3px;
    margin-bottom: 4px;
}

.form_field::placeholder {
    color: #3a3a3a;
}


/* .text_field::placeholder, .form_field::placeholder { 
    font-style: italic;
}
  
.text_field:-ms-input-placeholder { 
    font-style: italic;
}
  
.text_field::-ms-input-placeholder { 
    font-style: italic;
} */

.step_heading{
    font-size: 33px;
    font-family: gotham-bold, Arial, non-serif;
    text-align: center;
    padding: 50px 10px 10px 10px;
}

.tile, .tile2, .tile8{
    width: 100%;
    max-width: 320px;
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    min-height: 50px;
    margin: 10px auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}






.iconversion{
    margin: -2px;
    width: 100%;
    margin-top: 40px;
    max-width: 140px;




}





.tiletext{
    float: left;
    font-family: gotham, Arial, non-serif;
    width: 100%;
}

.tileicon{
    max-height: 140px;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.step{
    width: 100%;
    display: none;
}

.text{
    font-family: gotham, Arial, non-serif;
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    max-width: 200px;
}

.textp{
    font-family: gotham, Arial, non-serif;
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    max-width: 200px;
}

.textsub{
    font-family: gotham, Arial, non-serif;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    max-width: 200px;
}

.textdesktop{
    font-family: gotham, Arial, non-serif;
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    max-width: 200px;
}

.formtextdesktop{
    font-family: gotham, 
    Arial, non-serif; 
    color: #000; 
    margin-bottom: -10px; 
    width: 100%; 
    max-width: 480px; 
    margin: 0 auto 25px auto;
    display: block;
	margin-bottom: -10px;
	margin-top: -21px;
font-size: 20px;
line-height: 29px;
}

.textmobile{
	display:none;
    font-family: gotham, Arial, non-serif;
    font-size: 20px;
    color: #333333;
    line-height: 35px;
    max-width: 200px;
}

.boldtext{
    font-family: gotham-bold, Arial, non-serif;
    font-size: 24px;
    color: #333333;
    line-height: 70px;
}

.contentbox{
    padding: 10px 0px 30px 0px;
    text-align: left;
    min-height: 525px;
}

.centertext{
    text-align: center;
}

.whitebg{
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    background-color: #fff;
}

#site_wrapper{
    width: 100%;
    max-width:1100px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

#header_left{
    float: none;
    margin: 0 auto;
    padding-top: 0px;
    clear: both;
    text-align: center;
}

.logo{
    width: 160px;
}

.logo{
    width: 160px;
}

#header_right{
    float: right;

    min-width: 100px;
    padding-left: 45px;

}

#vermittelt{
    font-size: 11px;
color: grey;
margin-top: 1px;
float: right;
clear: left;
display: block;
text-align: right;
line-height: 14px;
padding-right: 13px;
margin-bottom: 2px;
}
#vermittelt_sub{
    font-size: 11px;
    color: grey;
    float: left;
    clear: left;
}


.phone{
    float: right;
    background-image: url("./phone_green.png");
    background-size: 22px 22px;
    min-width: 100px;
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 8px 25px;
    margin-left: 10px;
}

#header_phone{
    margin-top: -4px;
    height: 48px;
}

.phone_number{
    font-size: 24px;
    color: #393939;
    margin-bottom: -2px;
    margin-top: -4px;
    float: left;
    clear: left;
	font-weight: 600;
}



.header_phone a{
    text-decoration: none;
    color: #009ce3;
	padding-left: 10px;
}

.phone_sub{
    margin-left: 80px;
    font-size: 12px;
    color: grey;
    float: left;
    clear: left;
	margin-bottom: 5px;
}

#footer_phone{
    float: none;
    margin: 0 auto 10px auto;
    overflow: hidden;
    max-width: 240px;
    background-image: url("./phone_blue.png");
    background-size: 34px 34px;
    min-width: 100px;
    padding-left: 39px;
    background-repeat: no-repeat;
    background-position: 0px 12px;
}

.footer_phone_wrapper{
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-top: 20px;
    float: none;
    display: none;
}

#footer_phone_text{
    font-size: 25px;
    font-weight: bold;
}

#header{
    width: 100%;
    max-width: 900px;
    padding: 20px 3px;
    overflow: hidden;
    margin: 0 auto;
}


#content{
    display: none;
    width: 100%;
    clear: both;
    padding: 0px 20px 20px 20px;
}

#indicator_bar{
    padding: 20px 0;
    text-align: center;
    display: inline-block;
}



.footer_element{
    float: left;
    width: 100%;
    max-width: 265px;
    text-align: center;
    font-size: 14px;
    margin: 0 5px;
}

.footer_check_icon{
    max-height: 14px;
    margin-top: -3px;
    margin-right: 7px;
	padding-left: 11px;
}

.footer_wrapper{
    width: 100%;
    margin: 0 auto;
    max-width: 960px;
    padding: 30px 0 30px 0;
}

#non_footer{
    background-image: url("./hintergrund.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left  top;
    background-attachment:fixed;
}
#footer{
    width: 100%;
    background-color: white;
    min-height: 100px;
}

#footer_linkbar{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 120px;
    padding: 10px;

}

#footer_linkbar a{
    color: grey!important;
    font-size: 12px;
    text-decoration: none;
    cursor: pointer;
}

.circle{
    width: 18px;
    height: 18px;
    background: #2a3958;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    float: left;
    margin: 0 5px;
    cursor: pointer;
}

#noscript{
    margin: 60px 0;
    padding: 60px 0;
    width: 100%;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 5px; 
}

#noscript p{
    color: #a94442;
    font-size: 22px;
}

body{
    font-family: gotham, Arial, sans-serif;
    margin: 0 !important;
    padding: 0 !important;
}



.formular_wrapper{
    max-width: 300px;
    margin: 0 auto;
	margin-top: 13px;
}

a{
    text-decoration: none!important;
    color: #666666!important;
}

.formular_wrapper .col-md-6, .formular_wrapper .col-md-12{
    padding-right: 2px;
    padding-left: 3px;
}

.full_width{
    width: 100%;
    max-width: none;
}

/* @font-face { 
    font-family: 'opensans';
    src: url('./opensans/OpenSans-Regular.ttf') format('truetype');
} */

@font-face { 
    font-family: 'opensans-bold';
    src: url('./opensans/OpenSans-Bold.ttf') format('truetype');
}

@font-face { 
    font-family: 'opensans-light';
    src: url('./opensans/OpenSans-Light.ttf') format('truetype');
}

@font-face { 
    font-family: 'gotham';
    src: url('./gotham/book/Gotham-Book.ttf') format('truetype');
    src: url('./gotham/book/Gotham-Book.eot'); /* IE9 Compat Modes */
    src: url('./gotham/book/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./gotham/book/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
         url('./gotham/book/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
         url('./gotham/book/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./gotham/book/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face { 
    font-family: 'gotham-bold';
    src: url('./gotham/GothamBold.eot'); /* IE9 Compat Modes */
    src: url('./gotham/GothamBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url("./gotham/Gotham-Bold.otf") format("opentype"), /* Open Type Font */
         url('./gotham/GothamBold.woff2') format('woff2'), /* Super Modern Browsers */
         url('./gotham/GothamBold.woff') format('woff'), /* Pretty Modern Browsers */
         url('./gotham/GothamBold.ttf')  format('truetype'), /*   Safari, Android, iOS */
         url('./gotham/GothamBold.svg#svgFontName') format('svg'); /* Legacy iOS */
         font-weight: normal;
         font-style: normal;
}

@font-face { 
    font-family: 'gotham-light';
    src: url('./gotham/book/Gotham-Book.ttf') format('truetype');
    src: url('./gotham/book/Gotham-Book.eot'); /* IE9 Compat Modes */
    src: url('./gotham/book/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./gotham/book/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
         url('./gotham/book/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
         url('./gotham/book/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('./gotham/book/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

#spinner{
    margin: 30px 0 10px 0;
    width: 100%;
}

.garagen_spinner_white{
    display: block;
}
    
.garagen_spinner_grey{
    display: none;
}



.karte{
    max-width: 200px;
    float: right;
    margin: 0 5px;
}

.w320{
    max-width: 320px!important;
}

.garagen_spinner{
    max-width: 449px;
    margin: 0 auto;
}

.formular_heading{
    background-color: none;
    color: #000;
    font-size: 30px;
    font-family: gotham-bold, Arial, non-serif;
    text-align: center;
    padding: 40px 15px 15px 15px;
    position: relative;
    margin: -1px -1px 0 -1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* .formular_heading:after {
    content: " ";
    position: absolute;
    left: 50%;
    bottom: -5px;
    border-top: 5px solid #cde8a7;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: none;
} */

.formular_heading img{
    max-height: 20px;
    position: relative;
    top: -3px;
    left: -5px;
}



.loading_step .boldtext,.success_step .boldtext{
    font-size: 18px!important;
	line-height: 27px; 
	padding-bottom: 20px;
	color: #252525;
}

.formular_step .boldtext{
    font-size: 17px!important;
	line-height: 27px; 
	padding-bottom: 20px;
	color: #2b2b2b;
}


.trust_icons{
    margin: 10px auto;
    max-height: 40px;

}

#submitbutton{
    background-color: #6e850e!important;
    margin: auto auto 10px auto;
    padding-bottom: 16px;
    /*margin-top: 18px;*/

}

#submitbutton span{
    display: block;
    font-family: gotham, Arial, non-serif; 
    margin-top: 2px; 
    margin-bottom: -8px
}

.footer_element_margin_right{
    margin-right: 68px;
}



.text_320{
	display: block;
	max-width: 360px;
	margin-top: 0px;
	line-height: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.text_320mobile{
    display: none;
    max-width: 360px;
    margin-top: -20px;
	line-height: 35px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}


.mobileonlycss{
    display: none !important;
}

.mobileonlycss_loading{
    display: none !important;
}

.desktoponlycss{
    display: block !important;
}


.btn-next4{
    max-width: 230px;
    padding-top: 19px;
    padding-bottom: 19px;
	margin-bottom: 40px;
	background-color: #a5b11e;
    box-shadow: 3px 4px 5px rgba(16,16,16,.21);
    border-radius: 4px;
    background-image: -moz-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -o-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: -webkit-linear-gradient(bottom, #416f01 0%, #5e850b 100%);
    background-image: linear-gradient(bottom, #416f01 0%, #5e850b 100%);
}


.preseller_user{
    display: none;
}




@media (max-width: 991px) {
    .karte{
        float: none;
    }
	
	.iconversion{
    margin: -2px;
    width: 100%;
    margin-top: 20px;
    max-width: 140px;




}

}

@media (max-width: 951px){
    #footer_element_tokill{
        display: none;
    }
    .footer_wrapper{
        max-width: 620px;
    }
}

@media (max-width: 850px) {

    .contentbox{
        padding: 0 15px 15px 15px;
    }

}

@media (max-width: 770px) {

    #footer_logos{
        width: 80%;
    }

    .footer_element_margin_right{
        margin-right: 25px;
    }

    #footer_element_left{
        float: left;
    }

    #footer_element_right{
        float: right;
    }

    #footer_element_tokill{
        display: none;
    }


    .footer_wrapper{
        width: 80%;
        max-width: none;
        margin: 0 auto;
        padding: 30px 0px 30px 5px;   
        overflow: hidden; 
    }

    .footer_element{
        width: auto;
    }
    
    .step_heading{
        padding-left: 30px;
        padding: 30px 25px 0 25px;
    }

    .boldtext{
        line-height: 35px;
    }

    .karte{
        float: none;
        margin: 0 auto;
		max-height: 180px;
    	margin-top: -30px;
   		margin-bottom: -20px;
    }



    .subtext{
        font-family: gotham, Arial, non-serif;
        font-size: 85%;
    }

    .contentbox{
        text-align: center;
    }
}


@media (max-width: 699px){

    .footer_wrapper{
        max-width: 300px;
    }

    .footer_element{
        margin-top: 5px;
        margin-bottom: 5px;
    }
    #footer_element_right{
        float: left;
    }
    #footer_element_tokill{
        display: block;
    }
}

@media (max-width: 630px) {



    .footer_phone_wrapper{
        display: block;
    }


    .phone_sub{
        margin-left: 50px;
        font-size:10px;
    }

    .phone_number{
        font-size: 18px;
    }

    .phone{
        background-size: 17px 17px;
        background-position:17px 21px;
    }

}

@media (max-width: 576px) {
    #baricon1, #baricon2, #baricon3{
        max-width: 60px;
    }

    .slider_wrapper{
        max-width: 320px;
    }

    .karte{
        float: none;
        margin: 0 auto;
		max-height: 110px;
    	margin-top: -13px;
   		margin-bottom: -20px;
    }

    .boldtext{
        line-height: 35px;
    }


    .contentbox{
        text-align: center;
    }
}

@media(max-width: 475px){
    #footer_element_right{
        float: left;
    }

    .footer_element{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    #footer_element_tokill{
        display: block;
    }
}

@media (max-width: 460px) {



    .btn{
        background-color: #3c6a03;
        background-image: none;
        box-shadow: none;
    }
    
    .btn:hover{
        background-image: none;
    }
    
    .btn-next4{
        box-shadow: none;
        background-color: #3c6a03;

        background-image: none;
    }





    .plz_field{
        margin-top: 25px;
    }
    #baricon1, #baricon2, #baricon3{
        max-width: 40px;
    } 
    #form_content{
        height: inherit;
        margin-bottom: inherit;
    }



    /* .tile, .tile2, .tile8{
        width: 100%;
        max-width: 160px;
        height: 200px;
        border-radius: 1px;
        padding: 0px 0px;

    } */

    
	


    #footer_disclaimer_bar{
        max-width: 290px;
    }

    .progressbar{
        width: 100%;
        max-width: 320px;
        overflow: hidden;
        margin: 29px auto 0px auto;
        max-height: 9px;
        border-radius: 6px;
        background-color: #fff;
    
    }
    
    .progressbar_inset{
        float: left;
        height: 100%;
        width: 0%;
        background-color: #6e850e;
        overflow: hidden;
        /* border-top-left-radius: 6px;
        border-bottom-left-radius: 6px; */
        
    }

    .footer_anfragen{

    }
    
    .footer_anfragen_text{
        font-size: 16px;  
    }
    
    
    .footer_anfragen_text .nr_box{
        font-family: gotham, Arial, sans-serif;
        font-weight: 800;
        font-size: 16px;
        margin-left: 1px;
        margin-right: 2px;
        padding-left: 3px;
        padding-right: 3px;
        background-color: #fff;
    }
    
    .formular_step .step_head_mobile{
        display: none;
    }

    .mobileonlycss{
        display: block !important;
    }
	
	  .mobileonlycss_loading{
        display: block;
    }

    .desktoponlycss{
        display: none !important;
    }

    .header_phone{
    margin-top: -6px;
    height: 48px;

    }


	
	.text_320{
        display: none;
        max-width: 320px;
        margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
    }
	.text_320mobile{
        display: block;
        max-width: 320px;
        margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
    }

    .text{
        display: block;
        max-width: 320px;
        margin: 0 auto;      
    }
	
	.textsub{
    font-family: gotham, Arial, non-serif;
    font-size: 14px;
    color: #333333;
    line-height: 35px;
    max-width: 320px;
}
	
	.textdesktop{
        display: none;
        max-width: 320px;
        margin: 0 auto;      
    }
	
	.textmobile{
        display: block;
        max-width: 320px;
        margin: 0 auto;      
    }

    .formular_heading{
        padding-top: 15px;
    }

    #header_phone{
        margin-top: 2px;
        height: 48px;
        margin-right: 10px;
        margin-left: 0px;
    
        }

    .phone_sub{
        margin-left: 17px;
    }

    .phone_number{
        font-size: 14px;
    }

    .phone{
        background-size: 14px 14px;
        background-position: 19px 20px;
    } 

    .footer_element_margin_right{
        margin-right: 8px;
    }






    .formular_heading:after {
        content: " ";
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -10px;
        border-top: 5px solid #cee6ac;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: none;
    }
	
	.formular_wrapper{
    max-width: 300px;
    margin: 0 auto;
	margin-top: 30px;
		
	}

    #formular_heading_icon_mobile{
        display: block;
    }
    #formular_heading_icon_desktop{
        display: none;
    }

    #trust_overlay, #trust_overlay_inner{
        width: 90%;
        max-width: none;
    }

    #header_right {
        background-size: 30px 30px;
        padding-left: 35px;
        background-position: 0 2px;
        padding-top: 2px;
    }

    .garagen_spinner_white{
        display: none;
    }
        
    .garagen_spinner_grey{
        display: block;
		max-width: 320px;
    }

    .contentbox{
        padding: 0px 10px 15px 10px;
    }

    .form_field, .plz_field, .geschlecht label::after, .agbs_box input.checkbox_field + label::before{
        background-color: #fff;
    }

    .formular_heading{
        margin: 0 -5px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        font-size: 20px;
        background-color: #cee6ac;
        color: #000;
		font-family: gotham-bold, Arial, non-serif;
    }

    .formular_heading img{
        max-height: 12px;
		margin-top: 2px;
    }
    #site_wrapper{
        background-color: #f4f0eb;
        width: 100%;
        text-align: center;
        padding-top: 0px;
    }

    .plz_step{
        padding-top: 0!important;

    }

    #header{
        background-color: #fff;
        padding-top: 8px;
        padding-bottom: 8px;
        
    }

    .text{
   font-size: 19px;
line-height: 29px;
		margin-bottom: -10px;
		margin-top: 0px;
		font-family: gotham-bold;
    }
	
	 .textmobile{
       font-size: 15px;
line-height: 23px;
		margin-bottom: -20px;
		margin-top: 19px;
    }

    .boldtext{
        line-height: 25px;
        margin-bottom: 30px;
		font-size: 18px;
    }

    #bigicon{
        margin-bottom: 20px;
    }

    .step_heading{

        font-size: 22px;
		margin-bottom: 18px;

    }
    

    
    .whitebg{
        border: none;
        border-radius: 0;
        background-color: transparent;
    }

    .logo{
        height: 14px;
        width: auto;
		/* padding-left: 15px; */
		margin-top: 10px;
		margin-bottom: 10px;
    }



    #vermittelt{
        font-size: 11px;
    }

    #vermittelt_sub{
        font-size: 11px;
    }


    
    #non_footer{
        background-color: #fff;
        background-image: none;
    }

    #content{
        /* background-color: #eeeeeb; */
    }
	
	#footer_check_icon{
        max-height: 23px;
    }

    #site_wrapper{
        padding-left: 0;
        padding-right: 0;
    }



    




    /* ICONVERSION Version mit Icons auf den Buttons ANFANG */

    /* .iconversion{
        display: inline-block;
    }

    .tile{
        border-radius: 3px;
        text-align: left;
        background-image: none;
        background-color: #fff!important;
        color: #000;
        display: inline-block;
        background-image: url("./arrow-right_black_2.png");
        background-size: 7px 12px;
        background-position: right 20px top 50%;
        background-repeat: no-repeat;
        margin-top: 5px;
        margin-bottom: 5px;

    }

    .tile:hover{
        background-image: none;
        background-color: #efefef!important;
        color: #000; 
        background-image: url("./arrow-right_black_2.png");
        background-size: 7px 12px;
        background-position: right 20px top 50%;
        background-repeat: no-repeat;
    }

    .tile span{
        margin-left: 10px;
        display: inline-block;
        width: initial;
        float: none;
        font-size: 16px;
       

    } */

  /* Version mit Icons auf den Buttons ENDE */


    #submitbutton{
        background-color: #3c6a03!important;
    }

    .preseller_heading{   
        font-size: 22px!important;
        
    }

    .preseller_img{
        margin-bottom: 20px;
		max-width: 150px;
margin-top: -10px;
    }

    .preseller_text{
        font-size: 17px;
        font-family: gotham, Arial, sans-serif;
    }

    .preseller_user{
        font-family: gotham-bold, Arial, sans-serif;
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
        color: #467207;
    }

    .formstep_textmobile{

    }

}

@media (max-width: 370px){
    /* .tile{
        width: 100%;
        max-width: 130px;
        height: 215px;

    
    }
	
	 .tile2{
        width: 100%;
        max-width: 130px;
        height: 215px;

    
    }
	
	 .tile8{
        width: 100%;
        max-width: 130px;
        height: 215px;

    
    } */
}







@media (max-width: 368px){

    #field_geburtstag_tag{
        max-width: none;
        margin-bottom: 15px;
    }

    #field_geburtstag_monat{
        max-width: none;
        margin-bottom: 15px;
    }
    
    #field_geburtstag_jahr{
        max-width: none;
        width: 100%;
    }

    .footer_element{
        margin: 5px 0;
    }

    #footer_element_right{
        
    }
}

@media (max-width: 355px) {

    #street_number_input, #address_autocomplete{
        width: 100%;
        max-width: none;
    }



}


@media (max-width: 341px) {

    #street_number_input, #address_autocomplete{
        width: 100%;
        max-width: none;
    }

    .footer_wrapper{
        max-width: none;
        width: 280px!important;

    }


}


.error{
    border: 2px solid red;
}


.no-content:before{
	content: none!important;
}

.popup_text-entry {
    background: #fff;
    padding: 50px;
    margin: 30px;
    overflow: hidden;
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
}
  
.white_fix{
    background-color: #fff!important;
}

.padding_five {
    padding: 5px !important;
}

.maxwidth_320{
    max-width: 320px!important;
    margin: 0 auto!important;
    padding: 0;
}

.max_320{
    max-width: 320px!important;
}

.presellertext{
    font-size: 130%;
}

#preseller_button{
    background-color: #15990c;
}

#preseller_button:hover{
    background-color: #15990c;
}

#floatingCirclesG{
	position:relative;
	width:192px;
	height:192px;
	margin:auto;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:35px;
	width:35px;
	border-radius:18px;
		-o-border-radius:18px;
		-ms-border-radius:18px;
		-webkit-border-radius:18px;
		-moz-border-radius:18px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.04s;
		-o-animation-duration:1.04s;
		-ms-animation-duration:1.04s;
		-webkit-animation-duration:1.04s;
		-moz-animation-duration:1.04s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:78px;
	animation-delay:0.39s;
		-o-animation-delay:0.39s;
		-ms-animation-delay:0.39s;
		-webkit-animation-delay:0.39s;
		-moz-animation-delay:0.39s;
}

#frotateG_02{
	left:23px;
	top:23px;
	animation-delay:0.52s;
		-o-animation-delay:0.52s;
		-ms-animation-delay:0.52s;
		-webkit-animation-delay:0.52s;
		-moz-animation-delay:0.52s;
}

#frotateG_03{
	left:78px;
	top:0;
	animation-delay:0.65s;
		-o-animation-delay:0.65s;
		-ms-animation-delay:0.65s;
		-webkit-animation-delay:0.65s;
		-moz-animation-delay:0.65s;
}

#frotateG_04{
	right:23px;
	top:23px;
	animation-delay:0.78s;
		-o-animation-delay:0.78s;
		-ms-animation-delay:0.78s;
		-webkit-animation-delay:0.78s;
		-moz-animation-delay:0.78s;
}

#frotateG_05{
	right:0;
	top:78px;
	animation-delay:0.91s;
		-o-animation-delay:0.91s;
		-ms-animation-delay:0.91s;
		-webkit-animation-delay:0.91s;
		-moz-animation-delay:0.91s;
}

#frotateG_06{
	right:23px;
	bottom:23px;
	animation-delay:1.04s;
		-o-animation-delay:1.04s;
		-ms-animation-delay:1.04s;
		-webkit-animation-delay:1.04s;
		-moz-animation-delay:1.04s;
}

#frotateG_07{
	left:78px;
	bottom:0;
	animation-delay:1.17s;
		-o-animation-delay:1.17s;
		-ms-animation-delay:1.17s;
		-webkit-animation-delay:1.17s;
		-moz-animation-delay:1.17s;
}

#frotateG_08{
	left:23px;
	bottom:23px;
	animation-delay:1.3s;
		-o-animation-delay:1.3s;
		-ms-animation-delay:1.3s;
		-webkit-animation-delay:1.3s;
		-moz-animation-delay:1.3s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(96,135,13);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(96,135,13);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(96,135,13);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(96,135,13);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(96,135,13);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}


/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only_nr {

    margin-left: 88px;
  
  }





.progressbar_top_wrapper{
    background-color: #f4f0eb;
    margin: 0;
    margin-top: -24px;
    width: auto;
    padding: 12px;
    
}

.progressbar_top{
    border-radius: 0;
    height: 20px;
    max-height: 30px;
    background-color: #fff;
    position: relative;
}

.progressbar_inset_top{
    z-index: 10px;
    background-color: #d1dbc0;
}

.progressbar_top_percent{
    z-index: 100;
    position: absolute;
    top: 4px;
    left: 10px;
    color: white;
	padding-top: 4px;
font-size: 12px;
}

.logo_mobile{
    display: none;
}

@media (max-width: 460px) {
    #header{
        background-color: #f4f0eb;
        min-height: 54px;
    }

    .logo_desktop{
        display: none;
    }

    .logo_mobile{
        display: inline-block;
    }
}