:root {
    --insurance-avengers-icon-bu-form-akademiker: url("/fileadmin/Bilder/Icons/icon-bu-form-akademiker.svg");
    --insurance-avengers-icon-bu-form-beamter: url("/fileadmin/Bilder/Icons/icon-bu-form-beamter.svg");
    --insurance-avengers-icon-bu-form-buero: url("/fileadmin/Bilder/Icons/icon-bu-form-buero.svg");
    --insurance-avengers-icon-bu-form-handwerk: url("/fileadmin/Bilder/Icons/icon-bu-form-handwerk.svg");
    --insurance-avengers-icon-bu-form-it: url("/fileadmin/Bilder/Icons/icon-bu-form-it.svg");
    --insurance-avengers-icon-bu-form-medizin: url("/fileadmin/Bilder/Icons/icon-bu-form-medizin.svg");
}
[page-designation*="bu-insurance-form-page"] .form__static-text-header {
    font-size: 1.875rem;
    color: var(--secondary-color);
}
[page-designation*="bu-insurance-form-page"] :is(.input-group--has-success .input--date, .input-group--has-success .input--date-part, .input-group--has-success .input--text, .input-group--has-success .input--textarea) {
    border-bottom: 1px solid var(--secondary-color);
}
/* STEP ONE */
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group .radio__label {
    gap: .5rem;
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group .radio__label::before {
    content: "";
    display: block;
    position: relative;
    height: 1.5rem;
    width: 1.5rem;
    background-color: var(--font-color);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-image: var(--bu-form-input-icon);
            mask-image: var(--bu-form-input-icon);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="Büro"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-buero);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="Medizin"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-medizin);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="Handwerk"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-handwerk);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="Akademiker"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-akademiker);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="IT"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-it);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[value*="Beamter"]) .radio__label::before {
    --bu-form-input-icon: var(--insurance-avengers-icon-bu-form-beamter);
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group input.radio {
    display: none;
}
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(.radio:checked) {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
/* STEP TWO */
[page-designation*="bu-insurance-form-page"] .input-group:has(.bu-form-range-input) {
    grid-template-columns: 1fr 5ch auto;
    align-items: center;
    gap: 1rem 0;
}
[page-designation*="bu-insurance-form-page"] .input-group:has(.bu-form-range-input)::after {
    content: "\20AC";
    grid-column: 3;
    grid-row: 2;
}
[page-designation*="bu-insurance-form-page"] .input-group:has(.bu-form-range-input) .input-label {
    grid-column: 1 / -1;
}
[page-designation*="bu-insurance-form-page"] .input-group:has(.bu-form-range-input) input.input {
    grid-column: 2;
    grid-row: 2;
    padding: 0;
    background-color: transparent !important;
    border: none !important;
    height: -moz-fit-content;
    height: fit-content;
    text-align: right;
    pointer-events: none;
}
[page-designation*="bu-insurance-form-page"] .input-group:has(.bu-form-range-input) .bu-form-range-input {
    grid-column: 1;
    grid-row: 2;
    margin-right: 1rem;
}
/* STEP THREE */
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[name="tx_form_formframework[berufsunfaehigkeitsversicherungv2-1000902][radiobutton-2]"]) .radio__label::before {
    display: none;
}
/* STEP FIVE */
[page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"] .radio-group:has(input[name="tx_form_formframework[berufsunfaehigkeitsversicherungv2-1000902][radiobutton-3]"]) .radio__label::before {
    display: none;
}
/* Confirmation Message */
[page-designation*="bu-insurance-form-page"] #berufsunfaehigkeitsversicherungv2-1000902 {
    max-width: 100rem;
    width: calc(100% - 2rem);
    margin: 4rem auto;
}
@media screen and (width >= 840px) {
    [page-designation*="bu-insurance-form-page"] #berufsunfaehigkeitsversicherungv2-1000902 {
        width: calc(100% - 8rem);
    }
}
@media screen and (width >= 960px) {
    /* STEP THREE AND FIVE */
    [page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"]:has(input[name="tx_form_formframework[berufsunfaehigkeitsversicherungv2-1000902][radiobutton-2]"]),
    [page-designation*="bu-insurance-form-page"] .input-group[group-display-type="panel"]:has(input[name="tx_form_formframework[berufsunfaehigkeitsversicherungv2-1000902][radiobutton-3]"]) {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (width >= 1024px) {
    [page-designation*="bu-insurance-form-page"] .form__static-text-header {
        font-size: 2.75rem;
    }

    [page-designation*="bu-insurance-form-page"] #berufsunfaehigkeitsversicherungv2-1000902 {
        width: calc(100% - 12rem);
    }
}
body:not(:has(header.header)) .top-bar--large.top-bar--with-background .top-bar__logo {
    --top-bar-logo-height-with-background: 6rem;
}