.elementor-kit-8{--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-8 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 { --kleur-donker:#003325; --kleur-zand:#E2DFCB; --kleur-creme:#F0EEE0; --kleur-wit:#FBFAF4; --kleur-accent:#9A2B1B; --kleur-accent-op-donker:#E35945; --tekst-zacht:rgba(0,51,37,0.68); --rand:rgba(0,51,37,0.14); --rand-sterk:rgba(0,51,37,0.28); --rand-zacht:rgba(226,223,203,0.45); --knop-hover:#002B1F; --voet-zacht:rgba(240,238,224,0.65); --voet-rand:rgba(240,238,224,0.22); --kop-vlak:rgba(251,250,244,0.92); --font-display:Anton; --font-tekst:Barlow Condensed; --hoek:2px; --omhulsel-max:1190px; --kop-hoogte:72px; --sectie-padding:clamp(3rem, 8vw, 7rem); --maat-h1:clamp(2.1rem, 6.2vw, 4.2rem); --maat-h2:clamp(1.75rem, 4.2vw, 3rem); --maat-h3:clamp(1.25rem, 2.4vw, 1.75rem); --maat-lead:clamp(1.05rem, 1.6vw, 1.3rem); --sectiekop-marge:clamp(2rem, 4vw, 3.5rem); --blok-padding:clamp(1.5rem, 3vw, 2.5rem); }
/* Start custom CSS *//* Deze paar regels kunnen niet via Elementors stijlpijplijn: die kent alleen
   &:hover/&:focus en @media(--breakpoint), geen samengestelde .elementor-kit-8s.
   Alles wat wel via de pijplijn kan, staat in de globale klassen. */

/* 1. Het +/- teken van de FAQ. De open-staat van <details> vraagt om [open]. */
.elementor details > summary .e-accordion-item-icon-base::after {
  content: "+";
  font-family: var(--font-tekst);
  font-size: 1.5rem;
  line-height: 1;
  color: var(--kleur-accent);
}
.elementor details[open] > summary .e-accordion-item-icon-base::after { content: "\2212"; }

/* 2. Ruimte onder de pagina zodat de vaste mobiele balk de voettekst niet afdekt. */
@media (max-width: 767px) {
  body { padding-bottom: 5.5rem; }
}

/* 3. Zwevende Guestplan-widget verbergen op mobiel: daar staat de vaste balk al. */
@media (max-width: 767px) {
  iframe[data-gstpln-widget-host], [data-gstpln-widget-host] { display: none !important; }
}

/* 4. Gravity Forms in de huisstijl.
      GF 3.x rendert met het Orbital-thema en zet zijn hele opmaak als CSS-variabelen
      in een inline <style> met een id-.elementor-kit-8 (#gform_wrapper_1[...]). Die specificiteit
      haal je met een klasse niet, dus staan de variabelen hier op !important. Het zijn
      alleen definities: de regels die ze gebruiken blijven van Gravity Forms zelf.
      Het raster laat ik met rust, de veldbreedte zit per veld in het formulier. */
.gform-theme {
  --gf-color-primary: #003325 !important;
  --gf-color-primary-rgb: 0, 51, 37 !important;
  --gf-color-primary-contrast: #FBFAF4 !important;
  --gf-color-primary-contrast-rgb: 251, 250, 244 !important;
  --gf-color-primary-darker: #002B1F !important;
  --gf-color-primary-lighter: #0A5540 !important;

  --gf-color-in-ctrl: #FBFAF4 !important;
  --gf-color-in-ctrl-rgb: 251, 250, 244 !important;
  --gf-color-in-ctrl-contrast: #003325 !important;
  --gf-color-in-ctrl-contrast-rgb: 0, 51, 37 !important;
  --gf-color-in-ctrl-primary: #003325 !important;
  --gf-color-in-ctrl-primary-rgb: 0, 51, 37 !important;
  --gf-color-in-ctrl-primary-contrast: #FBFAF4 !important;

  --gf-ctrl-border-color: rgba(0,51,37,0.28) !important;
  --gf-ctrl-label-color-primary: #003325 !important;
  --gf-ctrl-label-color-secondary: rgba(0,51,37,0.68) !important;
  --gf-ctrl-size: 48px !important;
  --gf-ctrl-btn-size: 48px !important;
  --gf-ctrl-btn-font-size: 0.95rem !important;
  --gf-ctrl-btn-padding-x: 1.6rem !important;
  --gf-radius: 2px !important;
}

.gform-theme,
.gform-theme input,
.gform-theme textarea,
.gform-theme select,
.gform-theme label,
.gform-theme button {
  font-family: var(--font-tekst);
}
.gform-theme .gfield_label {
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--kleur-donker);
}
.gform-theme .gfield_required { color: var(--kleur-accent); }
.gform-theme textarea { min-height: 8rem; resize: vertical; }
.gform-theme .gform_footer button,
.gform-theme .gform_footer input[type=submit] {
  font-weight: 600;
  letter-spacing: 0.02em;
}
.gform_confirmation_message {
  font-family: var(--font-tekst);
  color: var(--kleur-donker);
  padding: 1rem 1.15rem;
  background-color: var(--kleur-creme);
  border: 1px solid var(--rand-sterk);
  border-radius: var(--hoek);
}/* End custom CSS */