.elementor-49206 .elementor-element.elementor-element-29363dee{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-285532e *//* Das ursprüngliche Nummernfeld von Gravity Forms sicher verstecken */
#field_1_4 input[type="number"] {
    display: none !important;
}

/* Wrapper für den Slider und die Wertanzeige */
.gf-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 20px; /* Abstand zwischen Slider und Wert */
    margin-top: 10px;
}

/* Den Schieberegler selbst gestalten */
.gf-slider-range {
    -webkit-appearance: none; /* Stile für Chrome/Safari/Opera zurücksetzen */
    appearance: none;
    width: 100%;
    height: 8px;
    background: #d3d3d3; /* Hintergrund der Leiste */
    border-radius: 5px;
    outline: none;
    opacity: 0.9;
    transition: opacity .2s;
    cursor: pointer;
}

.gf-slider-range:hover {
    opacity: 1;
}

/* Der "Anfasser" des Sliders für Chrome/Safari/Opera */
.gf-slider-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    background: #0073aa; /* Typisches WordPress-Blau */
    border-radius: 50%;
    cursor: pointer;
}

/* Der "Anfasser" des Sliders für Firefox */
.gf-slider-range::-moz-range-thumb {
    width: 22px;
    height: 22px;
    background: #0073aa;
    border-radius: 50%;
    cursor: pointer;
    border: none;
}

/* Die Box, die den aktuellen Wert anzeigt */
.gf-slider-value {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    background-color: #f0f0f0;
    padding: 5px 15px;
    border-radius: 5px;
    min-width: 50px; /* Stellt sicher, dass die Box die Größe nicht ständig ändert */
    text-align: center;
}/* End custom CSS */
/* Start custom CSS */#mb #field_1_125 > label {
    display: none;
}

#mb #kalkulator .anrede .gchoice_1_12_0 input:checked + label, #mb #kalkulator .anrede .gchoice_1_12_1 input:checked + label, #mb #kalkulator .anrede .gchoice_1_12_2 input:checked + label {
    background: #eb413B !important;
    color: white !important;
}

#mb #kalkulator .gchoice_1_12_0 {
    
    margin-left: -8px;
}

#field_1_12 > div {
    margin-top: -20px;
}

#mb #kalkulator .gchoice:has(input:checked) {
    background: #eeeeee !important;
}

#mb #kalkulator .gchoice input:checked + label {
    background: inherit !important;
    color: inherit !important;
}

#kalkulator .gfield--type-hidden {
    display: none !important;
}

#kalkulator #gform_page_1_3 .gchoice {
    min-height: 257px;
}

#kalkulator #gform_page_1_4 .gchoice {
    min-height: 227px;
}

#kalkulator .gchoice.gchoice_1_3_0, #kalkulator .gchoice.gchoice_1_3_1 {
    min-height: fit-content;
}

#kalkulator span.gfield-image-choice-wrapper-outer, #kalkulator .gfield {
    padding: 8px;}



@media (max-width: 768px) {
   

   
   
    #kalkulator .ginput_container.ginput_container_number {
    width: 100% !important;
}



#kalkulator .gchoice.gchoice_1_3_0, #kalkulator .gchoice.gchoice_1_3_1 {
    min-height: 239px;
}

#kalkulator .gform_image_button {
    width: 60px !important;
}

#kalkulator .gform-page-footer.gform_page_footer.top_label {
    transform: translateY(19px);
}

#kalkulator .gform-theme--framework .gfield--type-image_choice .gchoice {
    align-self: auto;
        display: block;
        inline-size: calc(50% - 10px);
        max-inline-size: calc(50% - 10px);
        min-inline-size: calc(50% - 10px);
        position: relative;
    }

}


    #kalkulator div#gform_fields_1_7 input {
    font-size: 1rem !important;
    color: #444444;
    height: 44px;
}

#kalkulator .gchoice.gchoice_1_12_0, #kalkulator .gchoice.gchoice_1_12_1, #kalkulator .gchoice.gchoice_1_12_2 {
    box-shadow: none !important;
}

#kalkulator div#gform_fields_1_7 {
    row-gap: 8px !important;
}


#kalkulator input#gform_submit_button_1 {
    transform: translate(-40px, -80px);
    margin: 0 auto;
}

#gform_page_1_7 .gform-page-footer.gform_page_footer.top_label {
    margin-top: 100px;
}

#field_1_12 > legend {
    display: none;
}

#input_1_12 > div.gchoice.gchoice_1_12_0, #input_1_12 > div.gchoice.gchoice_1_12_1, #input_1_12 > div.gchoice.gchoice_1_12_2 {
    padding: 0;
    border-radius: 200px;
}




/* Spinner komplett ausblenden */
#kalkulator .gform-loader{
  display: none !important;
}

div#field_1_21 {
    border: none;
}

#mb #kalkulator .text.label-oben .gfield_label.gform-field-label, #mb #kalkulator .mail.label-oben .gfield_label.gform-field-label, #mb #kalkulator .mbc .label-oben .gfield_label.gform-field-label, #mb #kalkulator .text .label-oben label.gform-field-label.gform-field-label--type-sub {
    transform: translate(7px, -1px) !important;
    transition: 0.5s;
    color: #999999;
}

#mb #kalkulator .text.gfield {
    margin: 0 auto;
}

#kalkulator .text .ginput_container, fieldset#field_1_12 {
    width: 300px;
}
fieldset#field_1_12 {
    width: 300px;
    align-self: center;
    margin: 0 auto;
}

#field_1_12 > div {
    align-self: baseline;
}

#kalkulator .text label.gfield_label.gform-field-label {
    
    align-self: baseline;
    transform: translate(7px, 19px);}

#kalkulator .text label.gfield_label.gform-field-label {
    font-size: 1rem;
    font-family: "Inter";
    color: #444444;
}

div#input_1_3 {
    margin-top: 20px;
}

   #mb #kalkulator .anrede label.selected {
        background-color: #EB413B;
        color: white;
    }

#kalkulator .gfield-image-choice-wrapper-inner label {
    display: flex
;
    align-content: center;
    align-items: center;
    text-align: center;
    hyphens: auto;
    background: none;
    padding: 6px;
}


#input_1_5 span.gfield-image-choice-wrapper-outer {
    display: flex
;
    justify-content: space-between;
}

#kalkulator .gfield_radio, #kalkulator .gfield_checkbox {
    margin-top: 20px;
    column-gap: 20px;
    row-gap: 20px;
    display: flex
;
    justify-content: center;
}

#kalkulator .ginput_container.ginput_container_textarea {
    margin-top: 20px;
}

textarea#input_1_7 {
    
    hyphens: auto;
    font-family: "Inter";
    font-size: 1rem;
        border: none !important;
    box-shadow: none;

}

#kalkulator input[type="range"]::-webkit-slider-thumb {
    background: #1464f0 !important;
}

#kalkulator .gf_progressbar_wrapper {
    transform: translateY(-5px);
}

#kalkulator .gfield-choice-input {
    display: none !important;
}

#kalkulator span.gf-slider-value {
    font-weight: 600;
}

#kalkulator div#gfield_instruction_1_4 {
    display: none;
}

#kalkulator .gf-slider-wrapper {
    display: flex
;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    row-gap: 28px;
    margin-top: 20px;
}

#kalkulator input[type="range"]::-webkit-slider-thumb {
    height: 30px;
    width: 30px;
}


#kalkulator input.gf-slider-range {
    
    padding: 0 0 0 12px;
    max-height: 20px !important;
    background-color: #eeeeee !important;
    border: none !important;
    border-radius: 20px !important;
}

#kalkulator .ginput_container.ginput_container_number {
    width: 600px;
}

#kalkulator span.gfield-image-choice-wrapper-outer, #kalkulator .gfield {
    display: flex
;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
}

#kalkulator .gfield-image-choice-wrapper-inner label, #kalkulator span.gf-slider-value {
    font-family: "Inter";
    font-size: 1.1rem !important;
    
    margin-left: 0;

}

#kalkulator .gchoice, #kalkulator .ginput_container.ginput_container_textarea {
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    padding: 16px;
    border: none;
}


body img.gform_ajax_spinner {
	display: none !important;
}

#gform_page_1_1 > div.gform-page-footer.gform_page_footer.top_label {
    display: flex
;
    justify-content: flex-end;
}

#kalkulator .gform_previous_button {
    background: #1564F0;
}

#kalkulator .gform_image_button {
    width: 76px;
}

.gform-page-footer.gform_page_footer.top_label {
    display: flex
;
    justify-content: space-between;
    transform: translateY(22px);
}

.gform-theme--framework .gf_progressbar {
    width: calc(100% - 200px);}
    
    .gform-theme--framework .gf_page_steps, .gform-theme--framework .gf_progressbar_wrapper {
    display: flex
;
    margin-block-end: var(--gf-field-pg-prog-margin-y-end);
    align-items: center;
    justify-content: center;
}

p.gf_progressbar_title {
    display: none;
}

form#gform_1 {
    display: flex
;
    flex-direction: column-reverse;
}

fieldset#field_1_3 {
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#gform_1 fieldset {
    display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

legend.gfield_label.gform-field-label.gfield_label_before_complex{
    display: contents;
}

#kalkulator .gfield_description {
    text-align: center;
    color: #333;
    line-height: 1.5;
    list-style: none;
    font-family: "Inter", Sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    --align-self: center;
    margin-block-end: .9rem;
    margin-block-start: 0;
    box-sizing: border-box;
    margin-bottom: 0px;

    margin: 16px 0;

    
}

#kalkulator label.gfield_label.gform-field-label {
    display: block;
    text-align: center;}


#kalkulator legend.gfield_label.gform-field-label.gfield_label_before_complex, label.gfield_label.gform-field-label {
    list-style: none;
    
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", Sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.3em;}/* End custom CSS */