.elementor-3628 .elementor-element.elementor-element-9c11191{--display:flex;--min-height:163px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-9c11191:not(.elementor-motion-effects-element-type-background), .elementor-3628 .elementor-element.elementor-element-9c11191 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-3628 .elementor-element.elementor-element-a1d3010{--display:flex;--min-height:35px;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-3628 .elementor-element.elementor-element-a1d3010.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3628 .elementor-element.elementor-element-23737e3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-23737e3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3628 .elementor-element.elementor-element-79c52ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;}.elementor-3628 .elementor-element.elementor-element-79c52ff{text-align:left;}.elementor-3628 .elementor-element.elementor-element-79c52ff img{width:40%;}.elementor-3628 .elementor-element.elementor-element-8700d3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 15px 0px;}.elementor-3628 .elementor-element.elementor-element-8700d3b{text-align:left;}.elementor-3628 .elementor-element.elementor-element-8700d3b img{width:40%;}.elementor-3628 .elementor-element.elementor-element-c345647{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-c345647.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3628 .elementor-element.elementor-element-e7e2c23{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-e7e2c23.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3628 .elementor-element.elementor-element-e584b0f > .elementor-widget-container{background-color:#119CFF00;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu .elementor-item{font-family:"Neue Haas Grotesk", Sans-serif;font-size:20px;font-weight:400;text-decoration:none;letter-spacing:0px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-495d27d );}.elementor-3628 .elementor-element.elementor-element-e584b0f .e--pointer-framed .elementor-item:before,
					.elementor-3628 .elementor-element.elementor-element-e584b0f .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-495d27d );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown a, .elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown{background-color:var( --e-global-color-secondary );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown .elementor-item, .elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-e06a389-font-family ), Sans-serif;font-size:var( --e-global-typography-e06a389-font-size );font-weight:var( --e-global-typography-e06a389-font-weight );text-transform:var( --e-global-typography-e06a389-text-transform );letter-spacing:var( --e-global-typography-e06a389-letter-spacing );word-spacing:var( --e-global-typography-e06a389-word-spacing );}.elementor-3628 .elementor-element.elementor-element-530c57b .elementor-icon-wrapper{text-align:right;}.elementor-3628 .elementor-element.elementor-element-928cd32{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-03f8f6e .elementor-button{background-color:#0F172A;font-size:16px;font-weight:500;letter-spacing:-0.7px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:40px 40px 40px 40px;padding:16px 42px 16px 42px;}.elementor-3628 .elementor-element.elementor-element-03f8f6e .elementor-button:hover, .elementor-3628 .elementor-element.elementor-element-03f8f6e .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-3628 .elementor-element.elementor-element-03f8f6e .elementor-button:hover svg, .elementor-3628 .elementor-element.elementor-element-03f8f6e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-3628 .elementor-element.elementor-element-9c11191{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown .elementor-item, .elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-e06a389-font-size );letter-spacing:var( --e-global-typography-e06a389-letter-spacing );word-spacing:var( --e-global-typography-e06a389-word-spacing );}}@media(max-width:1024px){.elementor-3628 .elementor-element.elementor-element-9c11191{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3628 .elementor-element.elementor-element-a1d3010{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3628 .elementor-element.elementor-element-79c52ff img{width:67%;}.elementor-3628 .elementor-element.elementor-element-8700d3b img{width:67%;}.elementor-3628 .elementor-element.elementor-element-e7e2c23{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-e584b0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown .elementor-item, .elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-e06a389-font-size );letter-spacing:var( --e-global-typography-e06a389-letter-spacing );word-spacing:var( --e-global-typography-e06a389-word-spacing );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown a{padding-left:50px;padding-right:50px;}}@media(max-width:767px){.elementor-3628 .elementor-element.elementor-element-9c11191{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:5px;--padding-right:5px;}.elementor-3628 .elementor-element.elementor-element-9c11191.e-con{--align-self:center;}.elementor-3628 .elementor-element.elementor-element-a1d3010{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3628 .elementor-element.elementor-element-23737e3{--width:25%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-79c52ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3628 .elementor-element.elementor-element-79c52ff img{width:100%;max-width:100%;}.elementor-3628 .elementor-element.elementor-element-8700d3b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3628 .elementor-element.elementor-element-8700d3b img{width:100%;max-width:100%;height:44px;object-fit:cover;}.elementor-3628 .elementor-element.elementor-element-c345647{--width:5.992%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-e7e2c23{--width:69%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3628 .elementor-element.elementor-element-e584b0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown .elementor-item, .elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-e06a389-font-size );letter-spacing:var( --e-global-typography-e06a389-letter-spacing );word-spacing:var( --e-global-typography-e06a389-word-spacing );}.elementor-3628 .elementor-element.elementor-element-e584b0f .elementor-nav-menu--dropdown a{padding-left:27px;padding-right:27px;padding-top:50px;padding-bottom:50px;}.elementor-3628 .elementor-element.elementor-element-530c57b > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3628 .elementor-element.elementor-element-530c57b .elementor-icon-wrapper{text-align:right;}.elementor-3628 .elementor-element.elementor-element-530c57b .elementor-icon{font-size:39px;}.elementor-3628 .elementor-element.elementor-element-530c57b .elementor-icon svg{height:39px;}}@media(min-width:768px){.elementor-3628 .elementor-element.elementor-element-9c11191{--content-width:1440px;}.elementor-3628 .elementor-element.elementor-element-a1d3010{--width:100%;}.elementor-3628 .elementor-element.elementor-element-23737e3{--width:20%;}.elementor-3628 .elementor-element.elementor-element-c345647{--width:1%;}.elementor-3628 .elementor-element.elementor-element-e7e2c23{--width:60%;}.elementor-3628 .elementor-element.elementor-element-928cd32{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3628 .elementor-element.elementor-element-a1d3010{--width:100%;}.elementor-3628 .elementor-element.elementor-element-23737e3{--width:24%;}.elementor-3628 .elementor-element.elementor-element-e7e2c23{--width:75%;}}/* Start custom CSS for image, class: .elementor-element-79c52ff */#site-logo {
  content: url('logowit.png'); /* Witte logo standaard */
  transition: all 0.3s ease;
}

.scrolled #site-logo {
  content: url('logo.png'); /* Gekleurde logo na scroll */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e584b0f *//* Header container styling met vloeiende overgangen */
.header-container {
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0);
}

/* Stijl voor wanneer gescrolled is */
.scrolled .header-container {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* Logo's - standaard situatie */
#colored-logo {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#white-logo {
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Logo's - bij scrollen */
.scrolled #colored-logo {
    display: block;
    opacity: 1;
}

.scrolled #white-logo {
    display: none;
    opacity: 0;
}

/* Navigatie links - standaard wit */
.elementor-nav-menu--main .elementor-nav-menu a,
.elementor-nav-menu--main .elementor-item,
.menu-item a,
nav a,
.e-n-menu-item {
    color: white !important;
    transition: color 0.3s ease !important;
}

/* Navigatie links - zwart na scrollen */
.scrolled .elementor-nav-menu--main .elementor-nav-menu a,
.scrolled .elementor-nav-menu--main .elementor-item,
.scrolled .menu-item a,
.scrolled nav a,
.scrolled .e-n-menu-item {
    color: black !important;
}

/* WordPress standaard hamburger menu verbergen op mobiel/tablet */
@media (max-width: 1024px) {
    /* Verberg het standaard WordPress hamburger menu */
    .elementor-menu-toggle,
    .elementor-nav-menu__toggle {
        display: none !important;
    }
    
    /* Weergave van de navigatie container aanpassen */
    .elementor-nav-menu--toggle .elementor-menu-container,
    .elementor-nav-menu--toggle .elementor-nav-menu__container {
        display: none !important;
    }
    
    /* Zorg ervoor dat het logo soepel overgaat */
    #colored-logo,
    #white-logo {
        will-change: opacity;
        transition: opacity 0.3s ease, display 0s 0.3s;
    }
    
    /* Jouw eigen menu icon tonen */
    .custom-menu-icon {
        display: block !important;
    }
}

/* Hardware acceleration toevoegen voor vloeiendere transities op mobiel */
.header-container,
#colored-logo,
#white-logo,
.custom-menu-icon {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Verbeterde transitie timing voor mobiel */
@media (max-width: 1024px) {
    .header-container {
        transition: all 0.25s ease-out;
    }
    
    /* Specifieke stijlen voor mobiele weergave */
    .scrolled #colored-logo {
        display: block;
        opacity: 1;
    }
    
    .scrolled #white-logo {
        display: none;
        opacity: 0;
    }
}

/* Fix voor flikkerende transities - gebruik display: block/none met vertraging */
#colored-logo {
    transition: opacity 0.3s ease;
}

#white-logo {
    transition: opacity 0.3s ease;
}

.scrolled #colored-logo {
    transition: opacity 0.3s ease;
}

.scrolled #white-logo {
    transition: opacity 0.3s ease;
}

/* Zorg ervoor dat jouw custom menu icon de juiste kleur heeft */
.custom-menu-icon svg,
.custom-menu-icon i {
    color: white !important;
    transition: color 0.3s ease !important;
}

.scrolled .custom-menu-icon svg,
.scrolled .custom-menu-icon i {
    color: black !important;
}

/* Standaard stijl voor menu-items (voor je scrollt) */
#navanimation .elementor-nav-menu a {
    color: white; /* Witte tekst wanneer container transparant is */
    transition: all 0.3s ease-in-out;
    position: relative;
}

#navanimation .elementor-nav-menu a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%; /* Begin vanuit het midden */
    background-color: white; /* Witte onderstreping voor je scrollt */
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
}

/* Wanneer er is gescrolld (body heeft de 'scrolled' klasse) */
.scrolled #navanimation .elementor-nav-menu a {
    color: black; /* Zwarte tekst na scrollen */
}

.scrolled #navanimation .elementor-nav-menu a::after {
    background-color: black; /* Zwarte onderstreping na scrollen */
}

/* Hover stijl voor niet-gescrolld */
#navanimation .elementor-nav-menu a:hover {
    color: #f0f0f0; /* Licht grijze hover voor witte tekst */
}

/* Hover stijl voor gescrolld */
.scrolled #navanimation .elementor-nav-menu a:hover {
    color: #333333; /* Donkergrijze hover voor zwarte tekst */
}

/* Actieve menu-item en hover onderstreping - vanuit het midden groeien */
#navanimation .elementor-nav-menu .current-menu-item > a::after,
#navanimation .elementor-nav-menu a:hover::after {
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1d3010 */.gradientbackground {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS *//* Header container styling met mooie overgangen */
.header-container {
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0);
}

/* Stijl voor wanneer gescrolled is */
.scrolled .header-container {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* Logo's - standaard situatie */
#colored-logo {
    display: none !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#white-logo {
    display: block !important;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Logo's - bij scrollen */
.scrolled #colored-logo {
    display: block !important;
    opacity: 1;
}

.scrolled #white-logo {
    display: none !important;
    opacity: 0;
}

/* Navigatie links - standaard wit */
.elementor-nav-menu--main .elementor-nav-menu a,
.elementor-nav-menu--main .elementor-item,
.menu-item a,
nav a,
.e-n-menu-item {
    color: white !important;
    transition: color 0.3s ease !important;
}

/* Media query voor mobiel */
@media (max-width: 768px) {
    /* Mobiele stijlen hier */
    .scrolled #colored-logo {
        display: block !important;
    }
    
    .scrolled #white-logo {
        display: none !important;
    }
}/* End custom CSS */