.elementor-kit-241{--e-global-color-primary:#5E9C47;--e-global-color-secondary:#2B4B30;--e-global-color-text:#141D16;--e-global-color-accent:#EFF6EE;--e-global-color-29d7669:#616C63;--e-global-color-a3cf624:#FFFFFF;--e-global-color-e242890:#F4F8F3;--e-global-color-a66f729:#DFE5DD;--e-global-color-347017e:#E7000B;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;}.elementor-kit-241 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1216px;}.e-con{--container-max-width:1216px;}.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 { --primair:#5E9C47; --primair-donker:#2B4B30; --tekst:#141D16; --accent:#EFF6EE; --tekst-zacht:#616C63; --achtergrond:#FFFFFF; --vlak-alt:#F4F8F3; --rand:#DFE5DD; --fout:#E7000B; --kop:Space Grotesk; --tekst_1:DM Sans; --primair_1:#5E9C47; --primair-donker_1:#2B4B30; --tekst_2:#141D16; --accent_1:#EFF6EE; --tekst-zacht_1:#616C63; --achtergrond_1:#FFFFFF; --vlak-alt_1:#F4F8F3; --rand_1:#DFE5DD; --fout_1:#E7000B; --kop_1:Space Grotesk; --tekst_3:DM Sans; --primair_2:#5E9C47; --primair-donker_2:#2B4B30; --tekst_4:#141D16; --accent_2:#EFF6EE; --tekst-zacht_2:#616C63; --achtergrond_2:#FFFFFF; --vlak-alt_2:#F4F8F3; --rand_2:#DFE5DD; --fout_2:#E7000B; --kop_2:Space Grotesk; --tekst_5:DM Sans; --primair_3:#5E9C47; --primair-donker_3:#2B4B30; --tekst_6:#141D16; --accent_3:#EFF6EE; --tekst-zacht_3:#616C63; --achtergrond_3:#FFFFFF; --vlak-alt_3:#F4F8F3; --rand_3:#DFE5DD; --fout_3:#E7000B; --kop_3:Space Grotesk; --tekst_7:DM Sans; }
/* Start custom CSS *//* SYSTEEMBLOK — Provero Pharma · v4 · bron van waarheid voor maten, schaduwen en componenten.
   Kleuren/fonts: wijzig in Elementor (variabele én kit-kleur), niet hier.
   body:not(#lv) = extra specificiteit, zodat Elementor-standaardstijlen niet winnen. */
body {
  /* 1. Aliassen naar Elementor */
  --lv-primair: var(--e-global-color-primary);
  --lv-primair-donker: var(--e-global-color-secondary);
  --lv-tekst: var(--e-global-color-text);
  --lv-accent: var(--e-global-color-accent);
  --lv-tekst-zacht: var(--e-global-color-29d7669);
  --lv-achtergrond: var(--e-global-color-a3cf624);
  --lv-vlak-alt: var(--e-global-color-e242890);
  --lv-rand: var(--e-global-color-a66f729);
  --lv-fout: var(--e-global-color-347017e);
  --lv-font-kop: var(--e-global-typography-primary-font-family), "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --lv-font-tekst: var(--e-global-typography-text-font-family), "DM Sans", ui-sans-serif, system-ui, sans-serif;

  /* 2. Typografie */
  --lv-h1: 36px; --lv-h1-lh: 1.08; --lv-h1-ls: -0.025em;
  --lv-h2: 24px; --lv-h2-lh: 32px;
  --lv-h2-groot: 30px; --lv-h2-groot-lh: 36px; --lv-h2-groot-ls: -0.025em;
  --lv-h3: 18px; --lv-h3-lh: 28px;
  --lv-tekst-l: 18px; --lv-tekst-l-lh: 1.625;
  --lv-tekst-m: 16px; --lv-tekst-m-lh: 1.625;
  --lv-tekst-s: 14px; --lv-tekst-s-lh: 1.625;
  --lv-label: 14px; --lv-label-ls: 0.05em;

  /* 3. Ruimte en layout */
  --lv-ruimte-sectie: 64px;
  --lv-ruimte-sectie-groot: 80px;
  --lv-container: 1216px;
  --lv-container-pad: 20px;
  --lv-gap: 16px;

  /* 4. Radius, schaduw, beweging */
  --lv-radius-s: 12.4px;
  --lv-radius-m: 18.4px;
  --lv-radius-l: 22.4px;
  --lv-radius-xl: 32px;
  --lv-radius-rond: 9999px;
  --lv-schaduw-1: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --lv-transitie: 150ms cubic-bezier(.4, 0, .2, 1);
  --lv-transitie-traag: 500ms cubic-bezier(.4, 0, .2, 1);

  font-family: var(--lv-font-tekst);
  font-size: var(--lv-tekst-m);
  line-height: var(--lv-tekst-m-lh);
  color: var(--lv-tekst);
  background-color: var(--lv-achtergrond);
}
@media (min-width: 640px)  { body { --lv-h1: 48px; --lv-h2-groot: 36px; --lv-h2-groot-lh: 40px; } }
@media (min-width: 1024px) { body { --lv-ruimte-sectie: 96px; --lv-ruimte-sectie-groot: 112px; --lv-container-pad: 32px; } }

/* 5. Koppen
   Kale tags: alleen marges, lage specificiteit (V4-elementen zetten hun eigen font en grootte).
   Klassieke heading-widget: font, kleur en grootte per tag of per lv-class. */
h1, h2, h3, h4, h5, h6 { margin-block: 0; }
body:not(#lv) .elementor-widget-heading .elementor-heading-title { margin-block: 0; font-family: var(--lv-font-kop); color: var(--lv-primair-donker); }
body:not(#lv) .elementor-widget-heading h1.elementor-heading-title, body:not(#lv) .lv-h1 .elementor-heading-title { font-size: var(--lv-h1); line-height: var(--lv-h1-lh); letter-spacing: var(--lv-h1-ls); font-weight: 700; }
body:not(#lv) .elementor-widget-heading h2.elementor-heading-title, body:not(#lv) .lv-h2 .elementor-heading-title { font-size: var(--lv-h2); line-height: var(--lv-h2-lh); letter-spacing: 0; font-weight: 700; }
body:not(#lv) .lv-h2-groot .elementor-heading-title { font-size: var(--lv-h2-groot); line-height: var(--lv-h2-groot-lh); letter-spacing: var(--lv-h2-groot-ls); font-weight: 700; }
body:not(#lv) .elementor-widget-heading h3.elementor-heading-title, body:not(#lv) .lv-h3 .elementor-heading-title { font-size: var(--lv-h3); line-height: var(--lv-h3-lh); letter-spacing: 0; font-weight: 600; }

/* 6. Tekst */
body:not(#lv) .elementor-widget-text-editor { font-family: var(--lv-font-tekst); font-size: var(--lv-tekst-m); line-height: var(--lv-tekst-m-lh); color: var(--lv-tekst-zacht); }
.elementor-widget-text-editor p { margin-block: 0; }
.elementor-widget-text-editor p:not(:last-child), .elementor-widget-text-editor ul:not(:last-child) { margin-block-end: 1.25em; }
body:not(#lv) .lv-tekst-l { font-size: var(--lv-tekst-l); line-height: var(--lv-tekst-l-lh); color: var(--lv-tekst-zacht); }
body:not(#lv) .lv-tekst-s { font-size: var(--lv-tekst-s); line-height: var(--lv-tekst-s-lh); }
body:not(#lv) .lv-tekst-donker { color: var(--lv-tekst); }
body:not(#lv) .lv-label { font-family: var(--lv-font-kop); font-size: var(--lv-label); line-height: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: var(--lv-label-ls); color: var(--lv-primair-donker); }
a { color: var(--lv-primair); transition: color var(--lv-transitie); }
a:hover, a:focus { color: var(--lv-primair-donker); }

/* 7. Knoppen — class op de button-widget (wrapper), stijl op .elementor-button */
body:not(#lv) .lv-knop .elementor-button {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 16px 28px; border: 1px solid transparent; border-radius: var(--lv-radius-rond);
  background: var(--lv-primair); color: var(--lv-achtergrond); fill: currentColor;
  font-family: var(--lv-font-tekst); font-size: var(--lv-tekst-s); font-weight: 600; line-height: 20px; letter-spacing: 0;
  box-shadow: none;
  transition: background-color var(--lv-transitie), color var(--lv-transitie), border-color var(--lv-transitie), opacity var(--lv-transitie);
}
body:not(#lv) .lv-knop .elementor-button:hover, body:not(#lv) .lv-knop .elementor-button:focus { background: var(--lv-primair-donker); color: var(--lv-achtergrond); }
.lv-knop .elementor-button-content-wrapper { gap: 8px; }
.lv-knop .elementor-button-icon { font-size: 16px; }
.lv-knop .elementor-button-icon svg { width: 16px; height: 16px; }
.lv-knop .elementor-button-icon { transition: transform var(--lv-transitie); }
.lv-knop .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }
body:not(#lv) .lv-knop--klein .elementor-button { padding: 10px 16px; }
body:not(#lv) .lv-knop--outline .elementor-button { background: rgb(255 255 255 / .7); border-color: var(--lv-rand); color: var(--lv-tekst); backdrop-filter: blur(8px); }
body:not(#lv) .lv-knop--outline .elementor-button:hover, body:not(#lv) .lv-knop--outline .elementor-button:focus { background: rgb(255 255 255 / .7); border-color: var(--lv-primair); color: var(--lv-primair); }
body:not(#lv) .lv-knop--licht .elementor-button { background: var(--lv-achtergrond); color: var(--lv-primair-donker); }
body:not(#lv) .lv-knop--licht .elementor-button:hover, body:not(#lv) .lv-knop--licht .elementor-button:focus { background: var(--lv-achtergrond); color: var(--lv-primair-donker); opacity: .9; }

/* Pijllink — button-widget die eruitziet als tekstlink met pijl */
body:not(#lv) .lv-pijllink .elementor-button { display: inline-flex; align-items: center; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--lv-primair); fill: currentColor; font-family: var(--lv-font-tekst); font-size: var(--lv-tekst-s); font-weight: 600; line-height: 20px; transition: color var(--lv-transitie); }
body:not(#lv) .lv-pijllink .elementor-button:hover, body:not(#lv) .lv-pijllink .elementor-button:focus { background: transparent; color: var(--lv-primair-donker); }
.lv-pijllink .elementor-button-content-wrapper { gap: 8px; }
.lv-pijllink .elementor-button-icon { font-size: 16px; transition: transform var(--lv-transitie); }
.lv-pijllink .elementor-button-icon svg { width: 16px; height: 16px; }
.lv-pijllink .elementor-button:hover .elementor-button-icon { transform: translateX(4px); }

/* Iconen (lucide-SVG in een HTML-widget) */
.lv-icoon svg { display: block; width: 28px; height: 28px; color: var(--lv-primair); }

/* 8. Containers (classes op Elementor-containers) */
.e-con.lv-sectie { --padding-top: var(--lv-ruimte-sectie); --padding-bottom: var(--lv-ruimte-sectie); --padding-left: var(--lv-container-pad); --padding-right: var(--lv-container-pad); }
.e-con.lv-sectie.lv-sectie--groot { --padding-top: var(--lv-ruimte-sectie-groot); --padding-bottom: var(--lv-ruimte-sectie-groot); }
/* Grid: 1 kolom mobiel, kolommen vanaf het breekpunt (Tailwind sm 640 · md 768 · lg 1024) */
.e-con.lv-grid { --display: grid; display: grid; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px)  { .e-con.lv-grid.lv-sm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px)  { .e-con.lv-grid.lv-md-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .e-con.lv-grid.lv-lg-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .e-con.lv-grid.lv-lg-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .e-con.lv-grid.lv-lg-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.lv-kaart {
  overflow: hidden; border: 1px solid var(--lv-rand); border-radius: var(--lv-radius-l);
  background-color: var(--lv-achtergrond);
  transition: transform var(--lv-transitie), border-color var(--lv-transitie), box-shadow var(--lv-transitie);
}
.lv-kaart--hover:hover { transform: translateY(-4px); border-color: var(--lv-primair); box-shadow: var(--lv-schaduw-1); }
.lv-kaart--hover img { transition: transform var(--lv-transitie-traag); }
.lv-kaart--hover:hover img { transform: scale(1.05); }
.lv-paneel-donker { border-radius: var(--lv-radius-l); background-color: var(--lv-primair-donker); color: var(--lv-achtergrond); }
body:not(#lv) .lv-paneel-donker :is(.elementor-heading-title, .elementor-widget-text-editor, .lv-label) { color: var(--lv-achtergrond); }
.lv-schaduw-1 { box-shadow: var(--lv-schaduw-1); }

/* 9. Achtergronden */
.lv-mesh {
  background-color: var(--lv-achtergrond);
  background-image:
    radial-gradient(60% 55% at 12% 8%, color-mix(in oklab, var(--lv-primair) 22%, transparent) 0%, transparent 70%),
    radial-gradient(45% 45% at 95% 20%, color-mix(in oklab, var(--lv-primair) 14%, transparent) 0%, transparent 70%),
    radial-gradient(70% 60% at 70% 100%, color-mix(in oklab, var(--lv-primair-donker) 10%, transparent) 0%, transparent 70%);
}
.lv-vlak-alt { background-color: var(--lv-vlak-alt); }

/* 10. Stijlgids (alleen S01) */
.lv-staal { min-height: 96px; border: 1px solid var(--lv-rand); border-radius: var(--lv-radius-m); }/* End custom CSS */