.elementor-2867 .elementor-element.elementor-element-f21d07a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2867 .elementor-element.elementor-element-f21d07a:not(.elementor-motion-effects-element-type-background), .elementor-2867 .elementor-element.elementor-element-f21d07a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-global .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-global .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-global .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-global .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2867 .elementor-element.elementor-global-771 .elementor-icon-list-icon i{color:#15C50F;transition:color 0.3s;}.elementor-2867 .elementor-element.elementor-global-771 .elementor-icon-list-icon svg{fill:#15C50F;transition:fill 0.3s;}.elementor-2867 .elementor-element.elementor-global-771{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2867 .elementor-element.elementor-global-771 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-global .elementor-field-group > label, .elementor-widget-global .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-global .elementor-field-group .elementor-field, .elementor-widget-global .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-global .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-global .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-global .e-form__indicators__indicator, .elementor-widget-global .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-global{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-global .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:11px;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-11px;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group > label, .elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-type-html{color:#070707;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-field{color:#080808;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FCFAF8;border-color:#DADADA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-select-wrapper select{background-color:#FCFAF8;border-color:#DADADA;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-select-wrapper::before{color:#DADADA;}.elementor-2867 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-next{background-color:#F97415;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]{background-color:#F97415;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-previous{background-color:#FF9E59;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-next:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-previous:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-2867 .elementor-element.elementor-global-2690 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-2867 .elementor-element.elementor-global-2690{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(max-width:767px){.elementor-2867 .elementor-element.elementor-global-2690{--e-form-steps-indicators-spacing:13px;--e-form-steps-indicator-padding:23px;--e-form-steps-divider-width:0px;--e-form-steps-divider-gap:0px;}}/* Start custom CSS for global, class: .elementor-global-2690 *//* --- 1. GLOBAL LAYOUT & GRID --- */
.custom-grid-radio .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 15px !important;
    width: 100% !important;
}

/* Hide default radio circles */
.custom-grid-radio .elementor-field-option input[type="radio"] {
    display: none !important;
}

/* --- 2. GLOBAL BUTTON STYLE --- */
.custom-grid-radio .elementor-field-option label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 15px !important; 
    padding: 10px 10px !important; 
    border: 2px solid #e2e8f0 !important;
    border-radius: 16px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #ffffff !important;
    font-weight: 500;
    text-align: center;
    margin: 0 !important;
    width: 100% !important;
}

/* --- 3. STATES (Hover & Checked) --- */
.custom-grid-radio .elementor-field-option label:hover {
    border-color: #ff6b00 !important;
    background: rgba(255, 107, 0, 0.05) !important;
}

.custom-grid-radio .elementor-field-option input:checked + label {
    border-color: #ff6b00 !important;
    background: rgba(255, 107, 0, 0.1) !important;
    color: #ff6b00 !important;
}

/* --- 4. IMAGE ICONS SETUP & CLICK FIX --- */
/* We include every possible field ID used across all your pages here */
.elementor-field-group-material label::after,
.elementor-field-group-how_many label::after,
.elementor-field-group-field_df8228a label::after,
.elementor-field-group-door_type label::after,
.elementor-field-group-what_brand label::after,
.elementor-field-group-field_dbbc617 label::after {
    content: "" !important;
    width: 60px;
    height: 60px;
    order: -1; 
    display: block !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* THIS ALLOWS CLICKS TO PASS THROUGH THE IMAGE TO THE BUTTON */
    pointer-events: none !important; 
}

/* Hide default emojis/markers for these steps */
.elementor-field-group-material label::before,
.elementor-field-group-how_many label::before,
.elementor-field-group-field_df8228a label::before,
.elementor-field-group-door_type label::before,
.elementor-field-group-what_brand label::before,
.elementor-field-group-field_dbbc617 label::before {
    display: none !important;
}

/* --- 5. SPECIFIC STEP ICONS --- */

/* Step: Material (material OR field_dbbc617) */
.elementor-field-group-material .elementor-field-option:nth-child(1) label::after,
.elementor-field-group-field_dbbc617 .elementor-field-option:nth-child(1) label::after { background-image: url('/wp-content/uploads//2026/02/Kunststoff.png'); }
.elementor-field-group-material .elementor-field-option:nth-child(2) label::after,
.elementor-field-group-field_dbbc617 .elementor-field-option:nth-child(2) label::after { background-image: url('/wp-content/uploads/2026/02/Holz.png'); }
.elementor-field-group-material .elementor-field-option:nth-child(3) label::after,
.elementor-field-group-field_dbbc617 .elementor-field-option:nth-child(3) label::after { background-image: url('/wp-content/uploads/2026/02/Aluminium.png'); }
.elementor-field-group-material .elementor-field-option:nth-child(4) label::after,
.elementor-field-group-field_dbbc617 .elementor-field-option:nth-child(4) label::after { background-image: url('/wp-content/uploads/2026/02/Gemischt.png'); }
.elementor-field-group-material .elementor-field-option:nth-child(5) label::after,
.elementor-field-group-field_dbbc617 .elementor-field-option:nth-child(5) label::after { background-image: url('/wp-content/uploads/2026/02/Nicht-sicher-1.png'); }

/* Step: How many? (how_many OR field_df8228a) */
.elementor-field-group-how_many .elementor-field-option:nth-child(1) label::after,
.elementor-field-group-field_df8228a .elementor-field-option:nth-child(1) label::after { background-image: url('/wp-content/uploads/2026/02/Step-3-Dachfenster-1.png'); }
.elementor-field-group-how_many .elementor-field-option:nth-child(2) label::after,
.elementor-field-group-field_df8228a .elementor-field-option:nth-child(2) label::after { background-image: url('/wp-content/uploads/2026/02/Step-3-Dachfenster-5.png'); }
.elementor-field-group-how_many .elementor-field-option:nth-child(3) label::after,
.elementor-field-group-field_df8228a .elementor-field-option:nth-child(3) label::after { background-image: url('/wp-content/uploads/2026/02/Step-3-Dachfenster-10.png'); }
.elementor-field-group-how_many .elementor-field-option:nth-child(4) label::after,
.elementor-field-group-field_df8228a .elementor-field-option:nth-child(4) label::after { background-image: url('/wp-content/uploads/2026/02/Step-3-Dachfenster-20.png'); }

/* Step: Door Type (door_type) */
.elementor-field-group-door_type .elementor-field-option:nth-child(1) label::after { background-image: url('https://template-backup.webolia.de/wp-content/uploads/2026/01/front-door.png'); }
.elementor-field-group-door_type .elementor-field-option:nth-child(2) label::after { background-image: url('https://template-backup.webolia.de/wp-content/uploads/2026/01/Balcony-door.png'); }
.elementor-field-group-door_type .elementor-field-option:nth-child(3) label::after { background-image: url('https://template-backup.webolia.de/wp-content/uploads/2026/01/Apartment-door.png'); }
.elementor-field-group-door_type .elementor-field-option:nth-child(4) label::after { background-image: url('https://template-backup.webolia.de/wp-content/uploads/2026/01/Interior-door.png'); }
.elementor-field-group-door_type .elementor-field-option:nth-child(5) label::after { background-image: url('https://template-backup.webolia.de/wp-content/uploads/2026/01/Multiple-types.png'); }

/* Step: Marke (what_brand) */
.elementor-field-group-what_brand .elementor-field-option:nth-child(1) label::after { background-image: url('/wp-content/uploads/2026/01/velux.jpg'); }
.elementor-field-group-what_brand .elementor-field-option:nth-child(2) label::after { background-image: url('/wp-content/uploads/2026/01/fakro.jpg'); }
.elementor-field-group-what_brand .elementor-field-option:nth-child(3) label::after { background-image: url('/wp-content/uploads/2026/01/roto.jpg'); }
.elementor-field-group-what_brand .elementor-field-option:nth-child(4) label::after { background-image: url('/wp-content/uploads/2026/01/dechfenster.png'); }
.elementor-field-group-what_brand .elementor-field-option:nth-child(5) label::after { background-image: url('/wp-content/uploads/2026/01/Multiple-types.png'); }

/* --- 6. MOBILE RESPONSIVENESS --- */
@media (max-width: 767px) {
    .custom-grid-radio .elementor-field-subgroup {
        grid-template-columns: 1fr !important;
    }
    .custom-grid-radio .elementor-field-option label {
        padding: 30px 10px !important;
    }
}/* End custom CSS */