.elementor-680 .elementor-element.elementor-element-11f85c57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-680 .elementor-element.elementor-element-11f85c57:not(.elementor-motion-effects-element-type-background), .elementor-680 .elementor-element.elementor-element-11f85c57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203158;}.elementor-680 .elementor-element.elementor-element-2940d5cb{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-680 .elementor-element.elementor-element-2940d5cb:not(.elementor-motion-effects-element-type-background), .elementor-680 .elementor-element.elementor-element-2940d5cb > .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-680 .elementor-element.elementor-global-771 .elementor-icon-list-icon i{color:#15C50F;transition:color 0.3s;}.elementor-680 .elementor-element.elementor-global-771 .elementor-icon-list-icon svg{fill:#15C50F;transition:fill 0.3s;}.elementor-680 .elementor-element.elementor-global-771{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-680 .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-680 .elementor-element.elementor-global-2690 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:11px;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-11px;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-680 .elementor-element.elementor-global-2690 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-field-group > label, .elementor-680 .elementor-element.elementor-global-2690 .elementor-field-subgroup label{color:#7A7A7A;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-field-type-html{color:#070707;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-field{color:#080808;}.elementor-680 .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-680 .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-680 .elementor-element.elementor-global-2690 .elementor-field-group .elementor-select-wrapper::before{color:#DADADA;}.elementor-680 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-next{background-color:#F97415;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]{background-color:#F97415;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-previous{background-color:#FF9E59;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-next:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .e-form__buttons__wrapper__button-previous:hover{background-color:#CF5E0D;color:#ffffff;}.elementor-680 .elementor-element.elementor-global-2690 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-680 .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;}.elementor-widget-global .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-680 .elementor-element.elementor-global-2670{text-align:center;}.elementor-680 .elementor-element.elementor-global-2670 .elementor-heading-title{color:var( --e-global-color-e2b3dad );}.elementor-680 .elementor-element.elementor-global-2670 .elementor-heading-title a:hover, .elementor-680 .elementor-element.elementor-global-2670 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-680 .elementor-element.elementor-global-2670 .elementor-heading-title a{transition-duration:0.3s;}@media(min-width:768px){.elementor-680 .elementor-element.elementor-element-2940d5cb{--width:800px;}}@media(max-width:1024px) and (min-width:768px){.elementor-680 .elementor-element.elementor-element-2940d5cb{--width:100%;}}@media(max-width:1024px){.elementor-680 .elementor-element.elementor-element-11f85c57{--padding-top:90px;--padding-bottom:90px;--padding-left:20px;--padding-right:20px;}.elementor-680 .elementor-element.elementor-element-2940d5cb{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-global .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-680 .elementor-element.elementor-element-2940d5cb{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-680 .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;}.elementor-widget-global .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* 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 */