.elementor-1213 .elementor-element.elementor-element-b33e8ee:not(.elementor-motion-effects-element-type-background), .elementor-1213 .elementor-element.elementor-element-b33e8ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://optisun.nl/wp-content/uploads/2025/11/20230719_124834-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1213 .elementor-element.elementor-element-b33e8ee > .elementor-container{max-width:1320px;}.elementor-1213 .elementor-element.elementor-element-b33e8ee{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-325px;margin-bottom:-325px;padding:350px 30px 150px 30px;}.elementor-1213 .elementor-element.elementor-element-b33e8ee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1213 .elementor-element.elementor-element-40af58a > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-1213 .elementor-element.elementor-element-a08dc6a{--spacer-size:100px;}.elementor-1213 .elementor-element.elementor-element-79b7ecc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:42px;font-weight:700;text-transform:none;line-height:47px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.30196078431372547);color:#FFFFFF;}.elementor-1213 .elementor-element.elementor-element-ee72e2d > .elementor-container{max-width:1320px;}.elementor-1213 .elementor-element.elementor-element-ee72e2d{padding:100px 30px 100px 30px;}.elementor-1213 .elementor-element.elementor-element-e528f63{margin-top:0px;margin-bottom:45px;}.elementor-1213 .elementor-element.elementor-element-668ded2 > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-1213 .elementor-element.elementor-element-ce3c598 .elementor-heading-title{font-family:var( --e-global-typography-3958d75-font-family ), Sans-serif;font-size:var( --e-global-typography-3958d75-font-size );font-weight:var( --e-global-typography-3958d75-font-weight );text-transform:var( --e-global-typography-3958d75-text-transform );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1213 .elementor-element.elementor-element-930bd45 .elementor-heading-title{font-family:var( --e-global-typography-c397194-font-family ), Sans-serif;font-size:var( --e-global-typography-c397194-font-size );font-weight:var( --e-global-typography-c397194-font-weight );text-transform:var( --e-global-typography-c397194-text-transform );line-height:var( --e-global-typography-c397194-line-height );}.elementor-1213 .elementor-element.elementor-element-766f8e0{--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-1213 .elementor-element.elementor-element-f8287af{color:#6E6E6E;}.elementor-1213 .elementor-element.elementor-element-c992707 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-2800ce2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-f5b9175 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-bf68be9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-49fce2a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-3a84c47 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-9b85687 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:bold;text-transform:none;line-height:38px;color:#000000;}.elementor-1213 .elementor-element.elementor-element-8a111e0{--display:flex;}.elementor-1213 .elementor-element.elementor-element-836f33d{--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-1213 .elementor-element.elementor-element-23625d4{--display:flex;}.elementor-1213 .elementor-element.elementor-element-e488eb1{--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-1213 .elementor-element.elementor-element-d20af4f{--display:flex;}.elementor-1213 .elementor-element.elementor-element-462ffe6{--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-1213 .elementor-element.elementor-element-c47416b{--display:flex;}.elementor-1213 .elementor-element.elementor-element-8e94d4f{--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-1213 .elementor-element.elementor-element-a14fcb1{--display:flex;}.elementor-1213 .elementor-element.elementor-element-1e71a0e{--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-1213 .elementor-element.elementor-element-0e7d5d9{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1213 .elementor-element.elementor-element-dce1c7a{--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-1213 .elementor-element.elementor-element-92f272b{--spacer-size:50px;}.elementor-1213 .elementor-element.elementor-element-c03175b{--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-1213 .elementor-element.elementor-element-84c32fe{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1213 .elementor-element.elementor-element-b33e8ee{padding:250px 15px 50px 15px;}.elementor-1213 .elementor-element.elementor-element-40af58a > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1213 .elementor-element.elementor-element-79b7ecc .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-ee72e2d{padding:50px 15px 50px 15px;}.elementor-1213 .elementor-element.elementor-element-e528f63{margin-top:0px;margin-bottom:15px;}.elementor-1213 .elementor-element.elementor-element-668ded2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1213 .elementor-element.elementor-element-ce3c598 .elementor-heading-title{font-size:var( --e-global-typography-3958d75-font-size );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );}.elementor-1213 .elementor-element.elementor-element-930bd45 .elementor-heading-title{font-size:var( --e-global-typography-c397194-font-size );line-height:var( --e-global-typography-c397194-line-height );}.elementor-1213 .elementor-element.elementor-element-c992707 .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-2800ce2 .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-f5b9175 .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-bf68be9 .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-49fce2a .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-3a84c47 .elementor-heading-title{font-size:32px;}.elementor-1213 .elementor-element.elementor-element-9b85687 .elementor-heading-title{font-size:32px;}}@media(max-width:767px){.elementor-1213 .elementor-element.elementor-element-40af58a > .elementor-element-populated{margin:100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1213 .elementor-element.elementor-element-79b7ecc .elementor-heading-title{font-size:26px;line-height:1em;}.elementor-1213 .elementor-element.elementor-element-e528f63{margin-top:0px;margin-bottom:35px;}.elementor-1213 .elementor-element.elementor-element-ce3c598 .elementor-heading-title{font-size:var( --e-global-typography-3958d75-font-size );line-height:var( --e-global-typography-3958d75-line-height );letter-spacing:var( --e-global-typography-3958d75-letter-spacing );}.elementor-1213 .elementor-element.elementor-element-930bd45 .elementor-heading-title{font-size:var( --e-global-typography-c397194-font-size );line-height:var( --e-global-typography-c397194-line-height );}.elementor-1213 .elementor-element.elementor-element-c992707 .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-2800ce2 .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-f5b9175 .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-bf68be9 .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-49fce2a .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-3a84c47 .elementor-heading-title{font-size:26px;}.elementor-1213 .elementor-element.elementor-element-9b85687 .elementor-heading-title{font-size:26px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1213 .elementor-element.elementor-element-40af58a{width:100%;}.elementor-1213 .elementor-element.elementor-element-668ded2{width:100%;}}/* Start custom CSS for section, class: .elementor-element-b33e8ee *//* ===== OPTISUN HERO GRADIENT OVERLAY ===== */

.elementor-1213 .elementor-element.elementor-element-b33e8ee {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* Gradient laag (boven de foto) */
.elementor-1213 .elementor-element.elementor-element-b33e8ee:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    background: linear-gradient(
        45deg,
        rgba(249, 214, 90, 0.55) 0%,
        rgba(242, 163, 59, 0.40) 35%,
        rgba(232, 112, 40, 0.25) 65%,
        rgba(0, 0, 0, 0) 100%
    );
}

/* Donkere subtiele overlay voor professionele look */
.elementor-1213 .elementor-element.elementor-element-b33e8ee:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.15); /* subtiel, voor leesbaarheid */
    pointer-events: none;
}

/* Zorg dat alle content boven de overlays blijft */
.elementor-1213 .elementor-element.elementor-element-b33e8ee > .elementor-container,
.elementor-1213 .elementor-element.elementor-element-b33e8ee > .elementor-column,
.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-widget-wrap {
    position: relative;
    z-index: 5;
}

/* ===== RESPONSIVE FIXES ===== */

/* HERO op mobiel beter leesbaar: sterkere overlay */
@media(max-width: 767px) {
    .elementor-1213 .elementor-element.elementor-element-b33e8ee:after {
        background: rgba(0, 0, 0, 0.30);
    }

    .elementor-1213 .elementor-element.elementor-element-b33e8ee:before {
        background: linear-gradient(
            60deg,
            rgba(249, 214, 90, 0.50) 0%,
            rgba(242, 163, 59, 0.35) 30%,
            rgba(232, 112, 40, 0.20) 60%,
            rgba(0, 0, 0, 0) 100%
        );
    }
}

/* Button styling consistent houden (optioneel) */
.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-button {
    border-radius: 40px;
    font-weight: 600;
    padding: 16px 32px;
}

/* Primaire knop (oranje) */
.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-button--primary {
    background-color: #F2A33B;
    color: #ffffff;
    border: none;
}

.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-button--primary:hover {
    background-color: #E87028;
    color: #ffffff;
}

/* Secundaire knop (wit outline) */
.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-button--secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
}

.elementor-1213 .elementor-element.elementor-element-b33e8ee .elementor-button--secondary:hover {
    background: #ffffff;
    color: #000000;
}/* End custom CSS */