.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19{--display:flex;--min-height:120px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:199;}.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19:not(.elementor-motion-effects-element-type-background), .elementor-2528 .elementor-element.elementor-element-undefined-3b30a19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C393500;}.elementor-2528 .elementor-element.elementor-element-28c591c{--display:flex;}.elementor-2528 .elementor-element.elementor-element-28c591c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2528 .elementor-element.elementor-element-ef5051a{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:start;}.elementor-2528 .elementor-element.elementor-element-ef5051a.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2528 .elementor-element.elementor-element-ef5051a img{max-width:400px;height:90px;object-fit:scale-down;object-position:center left;}.elementor-2528 .elementor-element.elementor-element-undefined-f0a4887{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:start;}.elementor-2528 .elementor-element.elementor-element-undefined-f0a4887.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2528 .elementor-element.elementor-element-undefined-f0a4887 img{max-width:400px;height:90px;object-fit:scale-down;object-position:center left;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button{background-color:transparent;fill:var( --e-global-color-f9f911a );color:var( --e-global-color-f9f911a );background-image:linear-gradient(90deg, var( --e-global-color-text ) 30%, var( --e-global-color-accent ) 100%);border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:15px 20px 15px 20px;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button:hover, .elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button:focus{background-color:#FFFFFF00;color:#4A4A4A;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c{width:auto;max-width:auto;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button:hover svg, .elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button:focus svg{fill:#4A4A4A;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-2528 .elementor-element.elementor-element-28c591c{--width:400px;}}@media(max-width:767px){.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19{--min-height:10vh;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-2528 .elementor-element.elementor-element-28c591c{--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-2528 .elementor-element.elementor-element-ef5051a img{width:100%;height:55px;}.elementor-2528 .elementor-element.elementor-element-undefined-f0a4887 img{width:100%;height:55px;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c{width:auto;max-width:auto;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c > .elementor-widget-container{margin:0px 0px 0px 8px;}.elementor-2528 .elementor-element.elementor-element-undefined-d70c56c .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-undefined-3b30a19 */#stickyheaders {
    transition: transform 0.34s ease; /* Vloeiende overgang voor het verbergen/tonen van de header */
}

.headerup {
    transform: translateY(-200px); /* Verberg de header bij scrollen naar beneden */
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19{
    padding-left: 5%;
    padding-right:5%;
}

/* ===== Scroll-state header: transparant -> #3C3935 + logo wissel =====
   Trigger = Elementor Sticky met Effects Offset 0, dus zodra de pagina
   niet meer op scrollpositie 0 staat. Terug op 0 = default state. */

/* 1. Achtergrond: gradientlaag.
   Naar beneden scrollen: gradient loopt van onder naar boven en groeit vanaf de
   onderkant omhoog. Naar boven scrollen: deze basisstaat neemt het over, met de
   gradient van boven naar onder, verankerd aan de bovenkant. De laag krimpt dan
   naar boven weg. Het wisselen van richting valt niet op, want dat gebeurt terwijl
   de laag ofwel volledig dicht ofwel volledig weg is. */
.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.hf-header::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: linear-gradient(
        to bottom,
        #3C3935 0%,
        #3C3935 55%,
        rgba(60, 57, 53, 0.6) 80%,
        rgba(60, 57, 53, 0) 100%
    );
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 0%;
    transition: background-size 1.5s cubic-bezier(0.33, 1, 0.68, 1);
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.hf-header.elementor-sticky--effects::before {
    background-image: linear-gradient(
        to top,
        #3C3935 0%,
        #3C3935 55%,
        rgba(60, 57, 53, 0.6) 80%,
        rgba(60, 57, 53, 0) 100%
    );
    background-position: bottom center;
    background-size: 100% 260%;
}

/* Inhoud boven de achtergrondlaag houden */
.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.hf-header > .e-con,
.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.hf-header > .elementor-widget {
    position: relative;
    z-index: 1;
}

/* 2. Logo wissel: Van der Ende <-> Onze High Five */
.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19 .hf-logo-wrap {
    position: relative;
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19 .hf-logo {
    transition: opacity 0.6s ease 0.15s;
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19 .hf-logo-scrolled {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.elementor-sticky--effects .hf-logo-default {
    opacity: 0;
    pointer-events: none;
}

.elementor-2528 .elementor-element.elementor-element-undefined-3b30a19.elementor-sticky--effects .hf-logo-scrolled {
    opacity: 1;
    pointer-events: auto;
}/* End custom CSS */