.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --kz-dark:#0b1230; --kz-dark-2:#17225c; --kz-primary:#ffc247; --kz-on-primary:#0b1230; --kz-accent:#ffc247; --kz-accent-dark:#ffc247; --kz-accent-ink:#8a5a00; --kz-on-accent:#0b1230; --kz-accent-soft:#fff0c9; --kz-bg:#ffffff; --kz-surface:#f5f7fb; --kz-ink:#0f1633; --kz-body:#3b4364; --kz-muted:#5a6382; --kz-line:#e6e9f2; --kz-line-2:#d7dcea; --kz-on-dark-muted:#c7cde3; --kz-link:#8a5a00; --kz-danger:#b3261e; --kz-success:#0f6b46; --kz-font:Outfit; }
/* Start custom CSS */:root { --kz-dark:#0b1230; --kz-dark-2:#17225c; --kz-primary:#ffc247; --kz-on-primary:#0b1230; --kz-accent:#ffc247; --kz-accent-dark:#ffc247; --kz-accent-ink:#8a5a00; --kz-on-accent:#0b1230; --kz-accent-soft:#fff0c9; --kz-bg:#ffffff; --kz-surface:#f5f7fb; --kz-ink:#0f1633; --kz-body:#3b4364; --kz-muted:#5a6382; --kz-line:#e6e9f2; --kz-line-2:#d7dcea; --kz-on-dark-muted:#c7cde3; --kz-link:#8a5a00; --kz-danger:#b3261e; --kz-success:#0f6b46; --kz-font:Outfit; --kz-shadow-bar:0 12px 40px rgba(11, 18, 48, .18); }

/* Sticky navigatie: vast bovenin en wit zodra je scrolt (vervangt de is-scrolled-JavaScript van de PHP-site) */
@keyframes kz-header-pin { to { top: .5rem; left: 0; right: 0; } }
@keyframes kz-header-scrolled {
  from { background: transparent; box-shadow: none; color: #fff; }
  to { background: #fff; box-shadow: var(--kz-shadow-bar); color: var(--kz-ink); }
}
@supports (animation-timeline: scroll()) {
  body .elementor .kz-site .kz-site-header {
    position: fixed; top: 1rem; left: .5rem; right: .5rem;
    animation: kz-header-pin linear both; animation-timeline: scroll(root); animation-range: 0 24px;
  }
  body .elementor .kz-site .kz-site-header .site-header__bar {
    animation: kz-header-scrolled linear both; animation-timeline: scroll(root); animation-range: 0 24px;
  }
  body .elementor .kz-site .kz-site-header:has(.kz-menu[open]) .site-header__bar { animation: none; }
}

/* Mobiel menu: ook bij de eerste keer openen animeren (het menu wordt dan pas voor het eerst getekend) */
@starting-style {
  body .elementor .kz-site-header:has(.kz-menu[open]) .mobile-menu { opacity: 0; transform: translateY(-2.5%) scale(1.02); }
  body .elementor .kz-site .kz-menu[open] .mobile-menu__link { opacity: 0; transform: translateY(1rem); }
  body .elementor .kz-site .kz-menu[open] .mobile-menu__actions { opacity: 0; transform: translateY(1rem); }
}

/* Mobiele navigatie: Elementor zet in het header-component een leeg accordeon-icoon naast de hamburger; verbergen.
   De knop 'Start gratis' is zichtbaar vanaf 360px breed (daaronder past hij niet naast logo en hamburger). */
body .elementor .kz-site-header .site-header__toggle > .e-accordion-item-icon-base { display: none; }
@media (min-width: 22.5rem) and (max-width: 70.99rem) {
  body .elementor .kz-site-header .site-header__cta-compact { display: inline-flex; }
}

/* Actieve pagina in de navigatie (header-component is op elke pagina gelijk; de pagina-ID bepaalt welke link oplicht) */
body.page-id-690 .elementor .kz-site-header .site-header__link[href="/functies"],
body.page-id-1149 .elementor .kz-site-header .site-header__link[href="/hoe-het-werkt"],
body.page-id-1370 .elementor .kz-site-header .site-header__link[href="/kalender-widget"],
body.page-id-1249 .elementor .kz-site-header .site-header__link[href="/gratis-of-bookedin"],
body.page-id-1177 .elementor .kz-site-header .site-header__link[href="/kennisbank"] { opacity: 1; }
body.page-id-295 .elementor .kz-site-header .mobile-menu__link[href="/"],
body.page-id-690 .elementor .kz-site-header .mobile-menu__link[href="/functies"],
body.page-id-1149 .elementor .kz-site-header .mobile-menu__link[href="/hoe-het-werkt"],
body.page-id-1370 .elementor .kz-site-header .mobile-menu__link[href="/kalender-widget"],
body.page-id-1249 .elementor .kz-site-header .mobile-menu__link[href="/gratis-of-bookedin"],
body.page-id-1177 .elementor .kz-site-header .mobile-menu__link[href="/kennisbank"],
body.page-id-1090 .elementor .kz-site-header .mobile-menu__link[href="/blog"],
body.parent-pageid-1090 .elementor .kz-site-header .mobile-menu__link[href="/blog"] { color: #fff; padding-left: 0; }
body.page-id-295 .elementor .kz-site-header .mobile-menu__link[href="/"]::before,
body.page-id-690 .elementor .kz-site-header .mobile-menu__link[href="/functies"]::before,
body.page-id-1149 .elementor .kz-site-header .mobile-menu__link[href="/hoe-het-werkt"]::before,
body.page-id-1370 .elementor .kz-site-header .mobile-menu__link[href="/kalender-widget"]::before,
body.page-id-1249 .elementor .kz-site-header .mobile-menu__link[href="/gratis-of-bookedin"]::before,
body.page-id-1177 .elementor .kz-site-header .mobile-menu__link[href="/kennisbank"]::before,
body.page-id-1090 .elementor .kz-site-header .mobile-menu__link[href="/blog"]::before,
body.parent-pageid-1090 .elementor .kz-site-header .mobile-menu__link[href="/blog"]::before { content: ""; width: .625rem; height: .625rem; border-radius: 100%; background: var(--kz-accent); flex: 0 0 auto; }/* End custom CSS */