/* Step counter top*/
.assistent .steps{
    font-size:var(--text-font-size,var(--text-font-size-default,18px));
    line-height:var(--text-line-height, 1.4);
    color:var(--secondary);
    font-weight: normal;
}
.assistent hr{
    display:none;
}
    /* Form styling */
.assistent .row{
    margin-bottom:1rem;
}
.assistent .row_inline{
    margin-bottom:calc(var(--absatz_abstand) / 2);
}
.assistent .row:last-of-type{
    margin-bottom:0px;
}
.assistent .row > .label{
    padding-bottom: calc(var(--absatz_abstand) / 2);
}
.assistent .row > .label > label{
    font-size:var(--sub_headline_font_size);
    line-height:var(--sub_headline_line_height);
    color:var(--primary);
    font-weight: normal;
}
.assistent .row > .field.w25{
    display:inline-block;
    vertical-align: middle;
    width:25%;
}
.assistent .row > .field.w75{
    display:inline-block;
    vertical-align: middle;
    width:75%;
}
.assistent .row > .field > label span, .assistent .row > .field.w25 > input[type="text"],
.assistent .row > .field > label span, .assistent .row > .field.w75 > input[type="text"]{
    margin-bottom:0px;
}
.assistent .row > .field.pr{
    padding-right:var(--default_horizontal_dis);
}
.assistent .row > .field > label span, .assistent .row > .field > strong{
    font-size:var(--sub_text_font_size);
    line-height:var(--sub_text_line_height);
    color:white;
}
.assistent .row > .field > label span,
.assistent .row > .field > input[type="text"],
.assistent .row > .field > input[type="date"],
.assistent .row > .field > textarea,
.assistent .row > .field > select{
    display:block;
    width:100%;
    border:2px solid white;
    padding-top:var(--button_top_dis);
    padding-bottom:var(--button_bottom_dis);
    padding-left:calc(var(--button_left_dis) / 2 );
    padding-right:calc(var(--button_right_dis) / 2);

    font-size:var(--main_text_font_size);
    line-height:1;
    color:var(--text-color);
    font-weight: var(--default_text_font_weight);

    margin-bottom: calc(var(--absatz_abstand) / 2);
}
.assistent .row > .field > select{
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
.assistent .row > .field > input[type="text"]{
    display:block;
    width:100%;
}
.assistent .row > .field > label input[type="radio"]:checked + span,
.assistent .row > .field > label span:hover{
    background-color:var(--primary-transparent);
    cursor:pointer;
}
.assistent .row > .field > label:last-of-type{
    margin-bottom:0px;
}
.assistent .row > .field > label input[type="radio"]{
    display:none;
}
.assistent .datenschutz{
    padding-top:var(--button_top_dis);
    padding-bottom:var(--button_bottom_dis);
}
.assistent .datenschutz .row > .field > label input,
.assistent .datenschutz .row > .field > label article.text,
.assistent .datenschutz .row > .field > label article.text *{
    display:inline;
    vertical-align: middle;
}
.assistent .datenschutz .row > .field > label input{
    margin-top:6px;
}
.assistent .datenschutz .row > .field > label article.text{
    margin-left: var(--default_horizontal_dis);
    padding:0px;
}
.assistent .datenschutz .row > .field > label article.text *
{
    font-size:var(--main_text_font_size);
    line-height:var(--main_text_line_height) ;
    color:var(--text-color);
}
.assistent .datenschutz .row > .field > label article.text p a{
    line-height:10px !important;
    border-bottom:1px solid var(--text-color);
}
    /* Abschluss Seite */
.assistent.abschluss .steps{
    display:none;
}
/* Pager bottom */
.assistent .pager{
    padding-top: calc(var(--absatz_abstand) / 1);
}
.assistent[data-step="1"] .pager .left .cta,
.assistent .pager .cta.forward.hide,
.assistent .pager .cta.end.hide{
    display:none;
}
.assistent .pager .left,
.assistent .pager .right{
    display:inline-block;
    width:50%;
    vertical-align: middle;
}
.assistent form.hide{
    opacity:0;
}
.assistent form{
    opacity:1;
    transition:opacity .3s;
}
.assistent .pager .left{
    text-align: left;
}
.assistent .pager .right{
    text-align: right;
}
.assistent .pager .cta{
    min-width:200px;
    text-align: center;
}
.assistent .pager .cta i{
    color: white;
}
.assistent .pager .cta.forward.disabled,
.assistent .pager .cta.end.disabled{
    cursor: var(--disable_cursor);
    opacity:var(--disable_opacity);
}
/* Error MSG */
.assistent .message{
    padding-left:0px;
    padding-right:0px;
}
.assistent .message .alert-danger{
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
.assistent .message .alert-danger:before{
    content: "\f071";
    font-family: 'Font Awesome 5 Pro';
    font-weight: var(--default_bold_font_weight);
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size:1em;
    margin-right:7px;
    color: red;
}
.assistent .cta.abschicken{
    display:none;
    background-color: var(--primary-transparent) !important;
    color:white !important;
    border-color: var(--primary-transparent) !important;
}
.assistent .cta.abschicken i{
    color: white !important;
    transition: var(--primary-transparent);
}
.assistent .cta.abschicken:hover{
    background-color: white !important;
    color: var(--primary-transparent) !important;
}
.assistent .cta.abschicken:hover i{
    color: var(--primary-transparent) !important;
}
.assistent.abschluss .cta.abschicken{
    display:inline-block;
}
@media screen and (max-width:1400px){
    .assistent{
        padding-left:var(--dis_to_viewport_horizontal);
        padding-right:var(--dis_to_viewport_horizontal);
    }
}
@media screen and (max-width:800px){
    .assistent .pager .cta{
        min-width:100%;
        text-align: center;
    }
    .assistent .pager .left{
        padding-right:calc(var(--dis_to_viewport_horizontal) / 2);
    }
    .assistent .pager .right{
        padding-left:calc(var(--dis_to_viewport_horizontal) / 2);
    }
}
@media screen and (max-width:600px){
    .assistent .pager .left,
    .assistent .pager .right{
        display:block;
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
}