.elementor-kit-9{--e-global-color-primary:#233136;--e-global-color-secondary:#F1EEE7;--e-global-color-text:#F9B123;--e-global-color-accent:#6A5C49;--e-global-color-f42f34b:#FFFFFF;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:500;overscroll-behavior:none;}.elementor-kit-9 e-page-transition{background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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);}.elementor-lightbox{background-color:#111111EB;--lightbox-ui-color:#FFFFFF;--lightbox-ui-color-hover:var( --e-global-color-text );--lightbox-text-color:#FFFFFF;--lightbox-header-icons-size:20px;--lightbox-navigation-icons-size:32px;}.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:480px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//**********************************************************
 * Praktijk Simenon – globale tokens & utilities
 * - Breakpoints: 1920 / 1440 / 1280 / 1024 / 768 / 480
 * - Base container: 1120px (Elementor gebruikt --container-max-width)
 **********************************************************/

/* 1) Ruimte-tokens (site-wide) */
:root{
  /* horizontale ‘gutter’ aan de randen van de pagina */
  --page-x:   40px;

  /* verticale default sectie-padding */
  --section-y: 80px;
}

/* ≤ 1280 (tablet landschap / kleine laptop) */
@media (max-width: 1280px){
  :root{
    --page-x:   28px;
    --section-y: 64px;
  }
}

/* ≤ 768 (mobiel) */
@media (max-width: 768px){
  :root{
    --page-x:   18px;
    --section-y: 40px;
  }
}

/* Varianten – toe te voegen als extra class op een sectie/container */
.tight   { --section-y: 56px; }   /* compacter */
.relaxed { --section-y: 112px; }  /* ruimer   */


/* 2) Containerbreedtes (Elementor-compatibel) */
:root,
[class*="elementor-kit-"]{
  --container-max-width: 1120px;  /* base = gelijk aan Lay-out » Inhoud breedte */
}

/* Fijn afstemmen per breakpoint */
@media (max-width: 1280px){
  :root,[class*="elementor-kit-"]{ --container-max-width: 1040px; }
}
@media (max-width: 1024px){
  :root,[class*="elementor-kit-"]{ --container-max-width: 720px; }
}
@media (max-width: 768px){
  :root,[class*="elementor-kit-"]{ --container-max-width: 560px; }
}
@media (max-width: 480px){
  :root,[class*="elementor-kit-"]{ --container-max-width: 92vw; }
}


/* 3) Utilities voor spacing – zet deze classes op je secties/containers
   ------------------------------------------------------------------ */

/* Snelle verticale sectie-padding volgens token */
.section-py{
  padding-top:    var(--section-y) !important;
  padding-bottom: var(--section-y) !important;
}

/* Horizontale ‘gutter’ binnen een (top-level) container/sectie */
.gutter{
  padding-left:  var(--page-x) !important;
  padding-right: var(--page-x) !important;
}

/* Volledige breedte (full-bleed) strip die de gutter overspant.
   Handig voor hero’s / kleurbanen / carousels. */
.full-bleed{
  margin-left:  calc(-1 * var(--page-x));
  margin-right: calc(-1 * var(--page-x));
  width: calc(100% + (var(--page-x) * 2));
}

/* Variant: geen horizontale gutter binnen een element */
.gutter-none{
  padding-left:  0 !important;
  padding-right: 0 !important;
}

/* 4) Kleine kwaliteits-touches (veilig) */
img{ height:auto; max-width:100%; }
figure{ margin:0; }/* End custom CSS */