.elementor-586 .elementor-element.elementor-element-28ac0d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0140px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-5633ede{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:050px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-3df58ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .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 );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-586 .elementor-element.elementor-element-b1391a4 .elementor-heading-title{font-family:"Arvo", Sans-serif;font-size:45px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-586 .elementor-element.elementor-element-068b593{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-586 .elementor-element.elementor-element-331655e{--e-icon-list-icon-size:25px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-586 .elementor-element.elementor-element-331655e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-586 .elementor-element.elementor-element-7ff8f7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-586 .elementor-element.elementor-element-d9189b3 .elementor-heading-title{font-family:"Arvo", Sans-serif;font-size:35px;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-586 .elementor-element.elementor-element-bf2225f{color:#FFFFFF;}.elementor-586 .elementor-element.elementor-element-bf2225f a:hover, .elementor-586 .elementor-element.elementor-element-bf2225f a:focus{color:var( --e-global-color-secondary );}.elementor-586 .elementor-element.elementor-element-f7e9b48{--display:flex;}body.elementor-page-586:not(.elementor-motion-effects-element-type-background), body.elementor-page-586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}body.elementor-page-586{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-586 .elementor-element.elementor-element-5633ede{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-586 .elementor-element.elementor-element-b1391a4 .elementor-heading-title{font-size:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-586 .elementor-element.elementor-element-d9189b3 .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-586 .elementor-element.elementor-element-3df58ed{--width:50%;}.elementor-586 .elementor-element.elementor-element-7ff8f7c{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-28ac0d4 *//* --- DESKTOP: 4 naast elkaar --- */
@media (min-width: 1025px) {
    .ccb-default-radio-image {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        justify-content: flex-start !important;
    }

    .ccb-radio-image {
        /* 100% / 4 = 25%. We gebruiken 23% om ruimte te laten voor de gap */
        flex: 0 0 calc(25% - 15px) !important;
        max-width: calc(25% - 15px) !important;
    }
}

/* --- TABLET: 3 naast elkaar --- */
@media (min-width: 768px) and (max-width: 1024px) {
    .ccb-radio-image {
        flex: 0 0 calc(33.33% - 15px) !important;
        max-width: calc(33.33% - 15px) !important;
    }
}

/* --- MOBIEL: 2 naast elkaar --- */
@media (max-width: 767px) {
    .ccb-default-radio-image {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .ccb-radio-image {
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }

    /* Maak de teksten onder de plaatjes iets kleiner op mobiel */
    .ccb-radio-image__label {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
}

/* --- ALGEMENE STYLING VOOR DE AFBEELDINGEN --- */
.ccb-radio-image__box {
    border-radius: 8px !important; /* Mooie afgeronde hoekjes */
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

/* Highlight het geselecteerde plaatje (optioneel) */
.ccb-radio-image input[type="radio"]:checked + .ccb-radio-image__box {
    border-color: #2ecc71 !important; /* Verander naar jouw groene kleur */
}

.ccb-radio-image__box img {
    width: 100% !important;
    height: auto !important;
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7e9b48 *//* --- HOOFDKLEUR HUISSTIJL: #89A831 --- */

/* 1. De 'Volgende' (Next) knop */
.ccb-button.success.next-btn, 
.ccb-button.success {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
    color: #ffffff !important;
}

.ccb-button.success.next-btn:hover {
    background-color: #769228 !important; /* Iets donkerder groen voor de hover */
    border-color: #769228 !important;
}

/* 2. De voortgangsbalk bovenaan */
.ccb-circle-with-line .bar-overlay {
    background-color: #89A831 !important;
}

/* 3. De actieve stap cirkels (1, 2, 3) */
.ccb-circle-with-line .tab.active .tab__item {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
}

/* 4. De vinkjes bij voltooide stappen */
.ccb-circle-with-line .tab .complete {
    background-color: #89A831 !important;
}

/* 5. De iconen en radiobuttons (indien geselecteerd) */
.ccb-radio-image input[type="radio"]:checked + .ccb-radio-image__box {
    border-color: #89A831 !important;
    box-shadow: 0 0 5px rgba(137, 168, 49, 0.5);
}

/* 6. De titels van de stappen (optioneel, voor betere leesbaarheid) */
.ccb-circle-with-line .tab.active .tab__title {
    color: #89A831 !important;
    font-weight: bold !important;
}

/* 7. De 'Bewerken' knop (Edit icon) */
.ccb-calc-edit span i {
    color: #89A831 !important;
}
/* --- DE RADIO SELECTIE (HET RONDJE) --- */

/* De buitenste cirkel van de actieve radio button */
.ccb-radio-image input[type="radio"]:checked::before,
.ccb-field input[type="radio"]:checked::before {
    background-color: #89A831 !important;
}

/* De rand van de radio button bij selectie */
.ccb-radio-image input[type="radio"]:checked,
.ccb-field input[type="radio"]:checked {
    border-color: #89A831 !important;
    background-color: #ffffff !important; /* De binnenkant van het rondje */
}

/* De styling voor de checkbox/radio animatie van Stylemix */
.ccb-radio-image__box::after {
    background-color: #89A831 !important;
}

/* De 'vink' of 'dot' binnenin de radio button */
input[type="radio"]:checked:after {
    background: #89A831 !important;
}
/* Het actieve kader (border) van de geselecteerde optie */
.ccb-radio-image.selected {
    border-color: #89A831 !important;
}

/* De radio-input (het rondje rechtsonder) als deze geselecteerd is */
.ccb-radio-image.selected input[type="radio"] {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
}

/* De achtergrond van het rondje als deze geselecteerd is */
.ccb-radio-image.selected label::before {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
}
/* --- 1. TEKST RADIO BUTTONS (Geselecteerde status) --- */
/* De achtergrondkleur van de geselecteerde tekst-optie */
.ccb-box-radio .ccb-radio-label input[type="radio"]:checked + .ccb-radio-label,
.ccb-box-radio .ccb-radio-label:has(input[type="radio"]:checked) {
    background-color: #89A831 !important;
    color: #ffffff !important; /* Witte tekst voor leesbaarheid op groen */
}

/* De container zelf als deze geselecteerd is (Stylemix specifieke actieve staat) */
.ccb-box-radio label.ccb-radio-label:has(input:checked) {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
}

/* --- 2. NAVIGATIE BUTTONS ONDERAAN --- */

/* De 'Next' (Volgende) knop */
.ccb-page-navigation .ccb-button.success, 
.ccb-button.success.next-btn {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
    color: #ffffff !important;
}

/* De 'Back' (Vorige) knop */
.ccb-page-navigation .ccb-button.light,
.ccb-page-navigation .ccb-button:not(.success) {
    border-color: #89A831 !important;
    color: #89A831 !important;
    background-color: transparent !important;
}

/* Hover effecten voor beide knoppen */
.ccb-page-navigation .ccb-button:hover {
    opacity: 0.8 !important;
    border-color: #89A831 !important;
}

/* --- 3. CHECKBOXES (Vierkante hokjes bij afstand) --- */
.ccb-field input[type="checkbox"]:checked {
    background-color: #89A831 !important;
    border-color: #89A831 !important;
}
/* Verberg de volledige prijssamenvatting en de totaalregel */
.ccb-totals-list, 
.ccb-total-row, 
.ccb-summary-list__titles div:last-child, 
.ccb-summary-item__value:last-child {
    display: none !important;
}

/* Verberg specifiek het bedrag naast de tekst 'Totaal' */
.ccb-total-row__value {
    display: none !important;
}

/* Verberg ook de PDF/Factuur optie als die zichtbaar is */
.ccb-invoice, .ccb-pdf-tool-manager-preview {
    display: none !important;
}/* End custom CSS */