.elementor-kit-15{--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-15 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 { --svg-groen-donker:#003322; --svg-geel:#F5FF64; --svg-groen-fel:#05FF71; --svg-roze:#FF85E7; --svg-creme:#FBFDF3; --svg-veld:#EAF0D8; --svg-groen-hover:#0A6B46; --svg-font-body:Geist; --cfx-olijf:#6D684B; --cfx-olijf-donker:#45422F; --cfx-tekst:#3B382A; --cfx-tekst-zacht:#6B6757; --cfx-tekst-muted:#77735F; --cfx-icoon:#9B9784; --cfx-zand-licht:#EFECE2; --cfx-zand:#DFD9C8; --cfx-lijn:#D8D1BF; --cfx-terra:#AE6A47; --cfx-terra-hover:#96573A; --cfx-footer:#8F5537; --cfx-wit:#FFFFFF; --cfx-font-serif:Cormorant Garamond; }
/* Start custom CSS *//* Font stacks. Hier en niet in de V4-klassen: Elementor quote een volledige stack als een naam, waardoor de browser hem negeert. */
.cfx-sans,.cfx-eyebrow,.cfx-h2,.cfx-h3,.cfx-lead,.cfx-text,.cfx-btn,.cfx-mm-paneel{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.cfx-hero-title{font-family:"Cormorant Garamond",Georgia,serif}
.svg-body,.svg-label,.svg-field{font-family:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif}
.svg-display{font-family:"Fictional","Geist",system-ui,-apple-system,"Segoe UI",sans-serif}

/* Confluxus mobiel menu (slide-out). Native <details>: open/dicht zonder JS. Statussen hier omdat V4-klassen geen [open] kennen. */
.cfx-mm summary{list-style:none}
.cfx-mm summary::-webkit-details-marker{display:none}
.cfx-mm details[open]>summary::before{content:"";position:fixed;inset:0;z-index:99;background:rgba(59,56,42,.45);cursor:default;animation:cfx-mm-fade .3s ease}
.cfx-mm details[open] .cfx-mm-paneel{animation:cfx-mm-in .32s cubic-bezier(.2,.8,.2,1)}
.cfx-mm details[open] .cfx-mm-l1{transform:translateY(7px) rotate(45deg)}
.cfx-mm details[open] .cfx-mm-l2{opacity:0}
.cfx-mm details[open] .cfx-mm-l3{transform:translateY(-7px) rotate(-45deg)}
.cfx-mm details[open] .cfx-mm-knop{background-color:#FFFFFF}
html:has(.cfx-mm details[open]){overflow:hidden}
@keyframes cfx-mm-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes cfx-mm-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cfx-mm details[open] .cfx-mm-paneel,.cfx-mm details[open]>summary::before{animation:none}}/* End custom CSS */