.elementor-kit-6{--e-global-color-primary:#2c5f2a;--e-global-color-secondary:#9bb194;--e-global-color-text:#122415;--e-global-color-accent:#f4c13c;--e-global-color-deep:#16351a;--e-global-color-greensoft:#3d7539;--e-global-color-cream:#ede3ca;--e-global-color-creampale:#f6f1e3;--e-global-color-sagepale:#cfdcc9;--e-global-color-inksoft:#47593f;--e-global-color-inkfaint:#7d8a78;--e-global-color-paper:#ffffff;--e-global-color-onDark:#eaf1e6;--e-global-typography-primary-font-family:"cubano";--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.03em;--e-global-typography-primary-letter-spacing:-0.01em;--e-global-typography-secondary-font-family:"Mona Sans";--e-global-typography-secondary-font-size:0.74rem;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-secondary-letter-spacing:0.16em;--e-global-typography-text-font-family:"Karla";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.68em;--e-global-typography-accent-font-family:"Karla";--e-global-typography-accent-font-size:clamp(1.05rem,1rem + .32vw,1.2rem);--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.68em;--e-global-typography-knop-font-family:"Mona Sans";--e-global-typography-knop-font-size:1rem;--e-global-typography-knop-font-weight:800;--e-global-typography-knop-line-height:1em;--e-global-typography-knop-letter-spacing:-0.01em;--e-global-typography-menu-font-family:"Mona Sans";--e-global-typography-menu-font-size:0.97rem;--e-global-typography-menu-font-weight:700;--e-global-typography-menu-line-height:1em;--e-global-typography-menu-letter-spacing:-0.012em;background-color:#ffffff;color:#122415;font-family:"Karla", Sans-serif;font-size:17px;font-weight:400;line-height:1.68em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#f4c13c;font-family:"Mona Sans", Sans-serif;font-size:1rem;font-weight:800;line-height:1em;letter-spacing:-0.01em;color:#122415;border-radius:999px 999px 999px 999px;padding:1.02em 1.75em 1.02em 1.75em;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:#16351a;color:#ffffff;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:0px;}.elementor-kit-6 a{color:#2c5f2a;}.elementor-kit-6 a:hover{color:#16351a;}.elementor-kit-6 h1{color:#122415;font-family:"cubano", Sans-serif;font-size:clamp(2.4rem,1.4rem + 3.8vw,4.6rem);font-weight:400;line-height:1.03em;letter-spacing:-0.01em;}.elementor-kit-6 h2{color:#122415;font-family:"cubano", Sans-serif;font-size:clamp(1.75rem,1.25rem + 1.9vw,2.85rem);font-weight:400;line-height:1.06em;letter-spacing:-0.008em;}.elementor-kit-6 h3{color:#122415;font-family:"cubano", Sans-serif;font-size:clamp(1.16rem,1.02rem + .5vw,1.46rem);font-weight:400;line-height:1.14em;}.elementor-kit-6 h4{color:#122415;font-family:"cubano", Sans-serif;font-size:clamp(1rem,.96rem + .2vw,1.12rem);font-weight:400;line-height:1.26em;}.elementor-kit-6 h5{color:#122415;font-family:"Mona Sans", Sans-serif;font-size:0.74rem;font-weight:800;text-transform:uppercase;line-height:1.3em;letter-spacing:0.16em;}.elementor-kit-6 h6{color:#47593f;font-family:"Mona Sans", Sans-serif;font-size:0.72rem;font-weight:800;text-transform:uppercase;line-height:1.3em;letter-spacing:0.2em;}.elementor-kit-6 label{color:#122415;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{font-family:"Karla", Sans-serif;font-size:1rem;font-weight:400;color:#122415;background-color:#fcfbf7;border-radius:14px 14px 14px 14px;padding:.85em 1.05em .85em 1.05em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1388px;}.e-con{--container-max-width:1388px;--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:rgba(11,26,13,.94);--lightbox-ui-color:#eaf1e6;--lightbox-ui-color-hover:#f4c13c;--lightbox-text-color:#eaf1e6;}.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;}}/* Start custom CSS *//* ============================================================
   GHANA GREEN FOUNDATION — huisstijl voor de Elementor-bouw
   Kleuren : groen #2c5f2a · diep #16351a · sage #9bb194 · geel #f4c13c · crème #ede3ca
   Koppen  : Cubano (Adobe Fonts) · labels/knoppen: Mona Sans · tekst: Karla
   Motief  : de bladvorm uit het beeldmerk (drie ronde hoeken, één scherpe)
   ============================================================ */
:root{
  --ggf-green:#2c5f2a;--ggf-deep:#16351a;--ggf-green-soft:#3d7539;--ggf-sage:#9bb194;
  --ggf-sage-pale:#cfdcc9;--ggf-cream:#ede3ca;--ggf-cream-pale:#f6f1e3;--ggf-yellow:#f4c13c;
  --ggf-ink:#122415;--ggf-ink-soft:#47593f;--ggf-ink-faint:#7d8a78;--ggf-line:rgba(18,36,21,.11);
  --ggf-font-h:"Mona Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ggf-font-t:"cubano","Mona Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ggf-font-b:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --ggf-ease:cubic-bezier(.62,.02,.14,1);--ggf-ease-out:cubic-bezier(.16,1,.3,1);
  --ggf-r-lg:34px;--ggf-r-md:22px;--ggf-r-sm:14px;
  --ggf-gut:clamp(20px,4vw,44px);
  --ggf-lr:clamp(42px,5.2vw,84px);--ggf-lrv:clamp(34px,4vw,66px);
  --ggf-leaf:20% 34% 34% 6px / 24% 40% 40% 6px;           /* scherpe hoek linksonder */
  --ggf-leaf-flip:34% 20% 6px 34% / 40% 24% 6px 40%;      /* scherpe hoek rechtsonder */
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden;}
h1,h2,h3,h4,.elementor-heading-title{font-synthesis-weight:none;-webkit-font-synthesis:none;text-wrap:balance;}
h1 em,h2 em{font-style:normal;}
:focus-visible{outline:3px solid var(--ggf-yellow);outline-offset:3px;border-radius:8px;}
.elementor-widget-text-editor p:last-child{margin-bottom:0;}
.ggf-lead,.ggf-lead p{font-size:clamp(1.05rem,1rem + .32vw,1.2rem);color:var(--ggf-ink-soft);max-width:62ch;}
.ggf-on-dark .ggf-lead,.ggf-on-dark .ggf-lead p{color:rgba(234,241,230,.84);}
.ggf-on-dark .elementor-heading-title{color:#fff;}

/* ---------- streepje boven een kop ---------- */
.ggf-twig .elementor-divider{padding:0;}
.ggf-twig .elementor-divider-separator{border-radius:99px;}

/* ---------- knoppen: blob die van onderaf invult ---------- */
.ggf-btn .elementor-button{
  --fill:var(--ggf-deep);
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;gap:.72em;
  font-family:var(--ggf-font-h);font-weight:800;font-stretch:102%;font-size:1rem;letter-spacing:-.01em;
  padding:1.02em 1.75em;border-radius:999px;border:0;line-height:1;
  background:var(--ggf-yellow);color:var(--ggf-ink);
  transition:color .42s var(--ggf-ease),border-color .42s var(--ggf-ease);}
.ggf-btn .elementor-button::before{
  content:"";position:absolute;z-index:-1;left:-14%;right:-14%;top:100%;height:230%;
  background:var(--fill);border-radius:50% 50% 0 0 / 26% 26% 0 0;
  transition:transform .62s var(--ggf-ease);}
.ggf-btn .elementor-button:hover{color:#fff;background:var(--ggf-yellow);}
.ggf-btn .elementor-button:hover::before{transform:translateY(-97%);}
.ggf-btn .elementor-button-content-wrapper{gap:.72em;align-items:center;}
.ggf-btn .elementor-button-icon{display:inline-flex;transition:transform .42s var(--ggf-ease);}
.ggf-btn .elementor-button-icon svg{width:16px;height:16px;fill:currentColor;}
.ggf-btn .elementor-button:hover .elementor-button-icon{transform:translateX(5px);}
.ggf-btn--alt .elementor-button{background:var(--ggf-cream);color:var(--ggf-deep);}
.ggf-btn--alt .elementor-button:hover{background:var(--ggf-cream);}
.ggf-btn--sm .elementor-button{font-size:.92rem;padding:.72em 1.3em;}

/* ---------- kernwoorden (pills) ---------- */
.ggf-pills .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;}
.ggf-pills .elementor-icon-list-item{margin:0!important;padding:0!important;}
.ggf-pills .elementor-icon-list-item:after{display:none!important;}
.ggf-pills .elementor-icon-list-icon{display:none;}
.ggf-pills .elementor-icon-list-text{display:inline-block;font-family:var(--ggf-font-h);font-weight:800;
  font-size:.8rem;letter-spacing:.02em;color:var(--ggf-green);background:var(--ggf-sage-pale);
  border-radius:999px;padding:9px 17px;line-height:1.2;}
.ggf-pills--outline .elementor-icon-list-text{font-size:.76rem;letter-spacing:.04em;color:rgba(234,241,230,.92);
  background:transparent;border:1px solid rgba(244,193,60,.42);padding:7px 15px;}
.ggf-pills--dark .elementor-icon-list-text{background:rgba(255,255,255,.12);color:#eaf1e6;}

/* ---------- eyebrow / kleine labels ---------- */
.ggf-eyebrow,.ggf-eyebrow p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ggf-green-soft);display:flex;align-items:center;gap:12px;margin:0;}
.ggf-eyebrow p::before{content:"";width:26px;height:8px;border-radius:99px;background:var(--ggf-yellow);flex:none;}
.ggf-sage .ggf-eyebrow p{color:var(--ggf-deep);}
.ggf-eyebrow--y p{color:var(--ggf-yellow);}

/* ============================================================
   HEADER
   ============================================================ */
.ggf-header{position:absolute;left:0;right:0;top:0;z-index:70;padding-top:clamp(12px,1.4vw,20px);
  transition:padding-top .4s var(--ggf-ease);}
.ggf-header.elementor-sticky--effects{padding-top:9px;}
/* de balk staat op de contentlijn; bij scrollen verschijnt het crème vlak (::before) dat een
   stukje uitsteekt, terwijl logo en knop juist iets naar binnen schuiven zodat ze ruim in de pil staan */
/* --ggf-plate = hoever het crème vlak buiten de balk uitsteekt. Op desktop 0, zodat het vlak precies
   zo breed is als de inhoud van de pagina; op mobiel steekt het 8px uit (zie het blok hieronder). */
.ggf-bar{position:relative;isolation:isolate;--ggf-plate:0px;--ggf-inset:clamp(12px,1.6vw,24px);}
/* let op: Elementor zet op elke .e-con::before een width/height van 100% (voor achtergrond-overlays).
   Met een vaste breedte negeert de browser "right", en liep het vlak rechts 2x plate te kort.
   Vandaar expliciet width/height auto, zodat left+right en top+bottom de maat bepalen. */
.ggf-bar::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(-1 * var(--ggf-plate));right:calc(-1 * var(--ggf-plate));width:auto;height:auto;
  border-radius:999px;border:1px solid transparent;background:rgba(252,251,247,0);opacity:0;
  transition:opacity .45s var(--ggf-ease),background-color .45s var(--ggf-ease),box-shadow .45s var(--ggf-ease),border-color .45s var(--ggf-ease);}
.elementor-sticky--effects .ggf-bar::before{opacity:1;background:rgba(252,251,247,.92);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-color:rgba(18,36,21,.08);box-shadow:0 18px 44px -30px rgba(18,36,21,.8);}
.ggf-logo{position:relative;height:66px;width:112px;flex:none;margin-left:0;
  transition:height .5s var(--ggf-ease),width .5s var(--ggf-ease),margin-left .45s var(--ggf-ease);}
.elementor-sticky--effects .ggf-logo{height:40px;width:68px;margin-left:var(--ggf-inset);}
.ggf-logo > .elementor-widget,.ggf-logo .elementor-widget-container,.ggf-logo img{height:100%!important;width:auto!important;max-width:none;display:block;}
.ggf-logo a{display:block;height:100%;}
.ggf-logo img{transition:opacity .45s var(--ggf-ease);}
.ggf-logo--dark{position:absolute!important;left:0;top:0;opacity:0;}
.elementor-sticky--effects .ggf-logo--dark{opacity:1;}
.elementor-sticky--effects .ggf-logo--light{opacity:0;}
.ggf-nav{margin-left:auto;}
.ggf-nav .elementor-nav-menu--main .elementor-item{font-family:var(--ggf-font-h);font-weight:700;font-size:.97rem;
  letter-spacing:-.012em;color:#fff;padding:9px 14px;border-radius:999px;transition:color .45s var(--ggf-ease),background-color .3s var(--ggf-ease);}
.ggf-nav .elementor-nav-menu--main .elementor-item:hover,.ggf-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  background:rgba(255,255,255,.16);color:#fff;}
.elementor-sticky--effects .ggf-nav .elementor-nav-menu--main .elementor-item{color:var(--ggf-ink);}
.elementor-sticky--effects .ggf-nav .elementor-nav-menu--main .elementor-item:hover,
.elementor-sticky--effects .ggf-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  background:rgba(44,95,42,.09);color:var(--ggf-ink);}
.ggf-nav .elementor-menu-toggle{margin-left:auto;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.34);
  border-radius:999px;color:#fff;width:auto;height:auto;padding:.62em 1.05em;gap:.6em;font-family:var(--ggf-font-h);font-weight:800;font-size:.95rem;
  transition:background-color .4s,color .4s,border-color .4s;}
.ggf-nav .elementor-menu-toggle::before{content:"Menu";}
.ggf-nav .elementor-menu-toggle.elementor-active::before{content:"Sluiten";}
.elementor-sticky--effects .ggf-nav .elementor-menu-toggle{background:rgba(44,95,42,.06);border-color:var(--ggf-line);color:var(--ggf-ink);}
.ggf-nav .elementor-nav-menu--dropdown{background:var(--ggf-deep);border-radius:26px;margin-top:12px;padding:14px 10px;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);}
.ggf-nav .elementor-nav-menu--dropdown .elementor-item{font-family:var(--ggf-font-t);font-size:1.5rem;color:#fff;padding:14px 18px;}
.ggf-nav .elementor-nav-menu--dropdown .elementor-item:hover,.ggf-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
  background:rgba(255,255,255,.08);color:var(--ggf-yellow);border-radius:14px;}
.ggf-nav .elementor-nav-menu--dropdown li{border:0!important;}
.ggf-header .ggf-btn{margin-left:14px;margin-right:0;}
/* Bij het verschijnen van het crème vlak schuiven logo en knop naar binnen. Dat gebeurt via de padding
   van de balk zelf: een marge op de widgets werkt niet meer, Elementor zet daar zijn eigen
   margin-inline op met hogere prioriteit. */
.ggf-header.elementor-sticky--effects .ggf-bar{--padding-inline-start:var(--ggf-inset);--padding-inline-end:var(--ggf-inset);}
.ggf-header.elementor-sticky--effects .ggf-logo{margin-left:0;}
/* een image-widget centreert standaard; links uitlijnen zodat het logo strak op de inspringing staat */
.ggf-logo .elementor-widget-image{text-align:left;}
/* menu gecentreerd in de balk, los van de breedte van logo en knop */
@media (min-width:1025px){
  .ggf-nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;width:auto;}
  .ggf-nav .elementor-nav-menu--main .elementor-nav-menu{justify-content:center;}
  .ggf-header .ggf-btn{margin-left:auto;}
  /* de donatieknop hoort alleen in het uitklapmenu; op desktop staat Doneer al in de balk */
  .ggf-nav li.ggf-menu-cta{display:none!important;}}
@media (max-width:1024px){.ggf-header .ggf-btn{display:none;}
  /* uitklapmenu los van de flow, zodat de balk zijn hoogte houdt en het menu eronder valt */
  .ggf-bar{position:relative;--ggf-plate:8px;}
  /* de Doneer-knop is hier verborgen, dus de menuknop krijgt dezelfde binnenruimte als het logo */
  /* Elementor geeft de vastgezette header een vaste pixelbreedte (inline style). Op iOS klopt die niet
     altijd met de zichtbare breedte, waardoor het crème vlak scheef in beeld staat: links 15 px van de
     rand, rechts 31 px. Vandaar links/rechts vastpinnen op het scherm en de inline breedte negeren. */
  .ggf-header.elementor-sticky--active{left:0!important;right:0!important;width:auto!important;max-width:100%!important;}
  .ggf-header.elementor-sticky--effects .ggf-nav .elementor-menu-toggle{margin-right:0;}
  /* Optisch gelijk: het oog leest niet de flauwe rand van de menupil, maar het ☰-icoon erin (16px binnen
     de pil). Rechts dus geen inspringing op de balk: pil 8px van de rand van het vlak, icoon 24px —
     tegenover het logo op 20px links. Met 12px inspringing zat het icoon op 36px en oogde rechts te ruim. */
  .ggf-header.elementor-sticky--effects .ggf-bar{--padding-inline-end:0px;}
  .ggf-nav{position:static;}
  .ggf-nav .elementor-nav-menu--dropdown{position:absolute;left:calc(-1 * var(--ggf-plate));right:calc(-1 * var(--ggf-plate));top:calc(100% + 10px);margin-top:0;width:auto;z-index:9997;}
  /* gele donatieknop onderaan het uitklapmenu (menu-item met klasse ggf-menu-cta) */
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta{margin:14px 8px 2px;}
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta .elementor-item{
    display:flex;align-items:center;justify-content:center;gap:10px;
    background:var(--ggf-yellow);color:var(--ggf-ink);border-radius:999px;
    font-family:var(--ggf-font-h);font-weight:800;font-size:1.06rem;padding:15px 24px;
    transition:background-color .35s var(--ggf-ease),color .35s var(--ggf-ease);}
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta .elementor-item::after{content:"→";font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:1.15em;line-height:1;}
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta .elementor-item:hover,
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta .elementor-item:focus,
  .ggf-nav .elementor-nav-menu--dropdown li.ggf-menu-cta .elementor-item.elementor-item-active{
    background:#ffffff;color:var(--ggf-deep);}}

/* ============================================================
   HERO (home)
   ============================================================ */
.ggf-hero{position:relative;color:#fff;overflow:hidden;}
.ggf-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(64% 52% at 22% 74%,rgba(11,26,13,.44) 0%,rgba(11,26,13,.28) 42%,rgba(11,26,13,.12) 66%,rgba(11,26,13,0) 84%),
  radial-gradient(120% 128% at -14% 88%,rgba(11,26,13,.95) 0%,rgba(11,26,13,.86) 22%,rgba(11,26,13,.68) 40%,rgba(11,26,13,.44) 56%,rgba(11,26,13,.22) 70%,rgba(11,26,13,.08) 82%,rgba(11,26,13,0) 94%),
  linear-gradient(180deg,rgba(11,26,13,.66) 0%,rgba(11,26,13,.34) 12%,rgba(11,26,13,.12) 26%,rgba(11,26,13,.04) 40%,rgba(11,26,13,.14) 62%,rgba(11,26,13,.38) 82%,rgba(11,26,13,.58) 100%);}
.ggf-hero > .e-con-inner,.ggf-hero > .elementor-element{position:relative;z-index:2;}
.ggf-hero .ggf-hero__h1 .elementor-heading-title{color:#fff;line-height:1.04;text-shadow:0 2px 22px rgba(11,26,13,.5);}
.ggf-hero .ggf-hero__h1 em{color:#c2d6ba;text-shadow:0 2px 26px rgba(11,26,13,.75),0 0 60px rgba(11,26,13,.5);}
.ggf-hero .ggf-hero__h1 .nowrap{white-space:nowrap;}
.ggf-hero .ggf-lead,.ggf-hero .ggf-lead p{color:rgba(255,255,255,.9);max-width:52ch;font-size:clamp(1.07rem,1rem + .44vw,1.26rem);}
@media (max-width:1024px){
  .ggf-hero::before{background:linear-gradient(180deg,rgba(11,26,13,.74) 0%,rgba(11,26,13,.3) 16%,rgba(11,26,13,.46) 46%,rgba(11,26,13,.9) 100%);}
}
@media (max-width:767px){.ggf-hero .ggf-hero__h1 .nowrap{white-space:normal;}}

/* ============================================================
   WAT WE DOEN IN HET KORT
   ============================================================ */
.ggf-bel__m{aspect-ratio:4/5.4;border-radius:var(--ggf-lr) var(--ggf-lr) var(--ggf-lr) 5px / var(--ggf-lrv) var(--ggf-lrv) var(--ggf-lrv) 5px;overflow:hidden;}
.ggf-bel__h .elementor-heading-title{color:#fff;line-height:1.1;text-shadow:0 2px 18px rgba(11,26,13,.4);}
.ggf-bel__box{border-radius:5px var(--ggf-lr) var(--ggf-lr) var(--ggf-lr);transition:transform .44s var(--ggf-ease);}
.ggf-bel:hover .ggf-bel__box{transform:translateY(-4px);}
.ggf-bel__n p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;color:var(--ggf-green);opacity:.6;}
.ggf-bel__box .ggf-bel__p p{font-size:1.0625rem;line-height:1.62;color:var(--ggf-ink);}
@media (max-width:767px){.ggf-bel__m{aspect-ratio:4/4.2;}}

/* ============================================================
   ZO PAKKEN WE HET AAN (donker vlak + foto + sticker)
   ============================================================ */
.ggf-sband__t{border-radius:var(--ggf-r-lg);}
.ggf-sband__m{border-radius:var(--ggf-r-lg);overflow:hidden;min-height:clamp(300px,34vw,470px);}
.ggf-sticker{pointer-events:none;user-select:none;filter:drop-shadow(0 22px 26px rgba(18,36,21,.28));--r0:-4deg;--r1:1deg;}
.ggf-sticker img{width:100%;height:auto;animation:ggf-bob 8.5s ease-in-out infinite alternate;}
@keyframes ggf-bob{from{transform:translate3d(0,0,0) rotate(var(--r0,0deg))}to{transform:translate3d(0,-15px,0) rotate(var(--r1,2deg))}}
@media (max-width:1024px){.ggf-sband__m{min-height:clamp(240px,58vw,360px);}}

/* ============================================================
   WIE ZIJN WE (donkergroen, twee blaadjes, getekende boom)
   ============================================================ */
.ggf-tree{pointer-events:none;}
.ggf-tree img{width:100%;height:auto;}
.ggf-leaves{aspect-ratio:1/.94;width:min(100%,560px);}
.ggf-leaf{overflow:hidden;border-radius:var(--ggf-leaf);transition:transform .6s var(--ggf-ease),box-shadow .6s var(--ggf-ease);}
.ggf-leaf img{width:100%;height:100%;object-fit:cover;display:block;}
.ggf-leaf--a{aspect-ratio:3/2;box-shadow:0 30px 56px -34px rgba(18,36,21,.5);}
.ggf-leaf--b{aspect-ratio:6/5.3;box-shadow:0 30px 56px -30px rgba(18,36,21,.55);}
.ggf-leaf--b .ggf-leaf__in{border-radius:var(--ggf-leaf);overflow:hidden;height:100%;}
.ggf-leaf:hover{transform:scale(1.02);z-index:6;}
/* SITRA: vier manden in blaadjesvorm (2x2), rechterkolom iets verschoven */
.ggf-manden{width:min(100%,560px);margin-bottom:clamp(14px,2vw,32px);}
.ggf-mand{aspect-ratio:1/1.1;box-shadow:0 26px 50px -34px rgba(18,36,21,.5);}
.ggf-mand--flip{border-radius:var(--ggf-leaf-flip);}
.ggf-manden > *:nth-child(2n){position:relative;top:clamp(14px,2vw,32px);}
.ggf-mand > .elementor-widget,.ggf-mand .elementor-widget-container,
.ggf-mand figure,.ggf-mand a{height:100%;width:100%;display:block;margin:0;padding:0;}
.ggf-mand img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;}
.ggf-mand--p1 img{object-position:50% 42%;}
.ggf-mand--p2 img{object-position:52% 50%;}
.ggf-mand--p3 img{object-position:50% 38%;}
.ggf-mand--p4 img{object-position:50% 50%;}
@media (max-width:767px){.ggf-manden{max-width:420px;}.ggf-mand{aspect-ratio:1/1.06;}}
.ggf-badge{border-radius:16px 16px 16px 6px;box-shadow:0 14px 28px -16px rgba(0,0,0,.55);}
.ggf-badge p{font-family:var(--ggf-font-b);font-size:.82rem;line-height:1.3;color:var(--ggf-ink);margin:0;}
.ggf-badge b{display:block;font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:2px;}

/* ============================================================
   ONS WERKGEBIED (kaart)
   ============================================================ */
.ggf-map{border-radius:5px var(--ggf-r-lg) var(--ggf-r-lg) var(--ggf-r-lg);}
.ggf-map img{width:100%;height:auto;}

/* ============================================================
   HET VERHAAL VAN MEMUNA (polaroids)
   ============================================================ */
.ggf-polas{aspect-ratio:1/1.1;}
.ggf-pola{background:#fff;border-radius:6px;box-shadow:0 24px 46px -24px rgba(18,36,21,.5);
  transition:transform .8s var(--ggf-ease-out),box-shadow .5s var(--ggf-ease),filter .5s var(--ggf-ease),opacity .5s var(--ggf-ease);
  transform:rotate(var(--rot,0deg));}
.ggf-pola:hover{transform:rotate(0deg) translateY(-12px) scale(1.05);z-index:9!important;box-shadow:0 40px 70px -28px rgba(18,36,21,.6);}
.ggf-polas:hover .ggf-pola:not(:hover){filter:saturate(.75);opacity:.86;}
.ggf-pola--1{--rot:-4.5deg;} .ggf-pola--2{--rot:6deg;} .ggf-pola--3{--rot:-3deg;}
.ggf-pola__m img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;}
.ggf-pola__cap,.ggf-pola__cap p{font-family:var(--ggf-font-b);font-size:.86rem;color:var(--ggf-ink-soft);letter-spacing:.01em;}
.ggf-who,.ggf-who p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-deep);}
.ggf-quote p{font-size:clamp(1.02rem,.98rem + .3vw,1.12rem);line-height:1.78;color:#1b3320;}
.ggf-quote p + p{margin-top:16px;}
@media (max-width:1024px){.ggf-polas{max-width:440px;}}

/* ============================================================
   GALERIJ
   ============================================================ */
.ggf-gal{border-radius:var(--ggf-r-md);overflow:hidden;background:var(--ggf-sage-pale);position:relative;
  transition:opacity .8s var(--ggf-ease-out),filter .4s var(--ggf-ease);}
.ggf-gal,.ggf-gal > .elementor-widget-container,.ggf-gal figure,.ggf-gal a{height:100%;width:100%;display:block;margin:0;padding:0;}
.ggf-gal img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;display:block;transition:transform .8s var(--ggf-ease);}
.ggf-gal:hover img{transform:scale(1.06);}
.ggf-gal::after{content:"";position:absolute;inset:0;background:rgba(22,53,26,0);transition:background .4s var(--ggf-ease);pointer-events:none;}
.ggf-gal:hover::after{background:rgba(22,53,26,.12);}
.ggf-gallery:hover .ggf-gal:not(:hover){opacity:.6;filter:saturate(.72);}
.ggf-gal .widget-image-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:34px 16px 14px;text-align:left;
  color:#fff;font-family:var(--ggf-font-h);font-weight:800;font-size:.84rem;letter-spacing:.005em;line-height:1.25;margin:0;
  background:linear-gradient(180deg,rgba(11,26,13,0),rgba(11,26,13,.82));
  transform:translateY(102%);opacity:0;transition:transform .46s var(--ggf-ease),opacity .4s var(--ggf-ease);pointer-events:none;}
.ggf-gal:hover .widget-image-caption{transform:none;opacity:1;}
.ggf-gal::before{content:"";position:absolute;z-index:4;top:12px;right:12px;width:38px;height:38px;border-radius:999px;
  background:var(--ggf-yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316351a' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.2 16.2 21 21M11 8.4v5.2M8.4 11h5.2'/%3E%3C/svg%3E") center/17px no-repeat;
  opacity:0;transform:scale(.7);transition:opacity .4s var(--ggf-ease),transform .4s var(--ggf-ease);pointer-events:none;}
.ggf-gal:hover::before{opacity:1;transform:none;}

/* ---------- galerij: Elementor Pro Gallery, twee rijen zichtbaar ----------
   De overige foto's blijven in de pagina staan (alleen display:none), zodat de
   lightbox de hele reeks doorloopt zodra je een tegel aanklikt. */
.ggf-gal2 .e-gallery-item{border-radius:var(--ggf-r-md);overflow:hidden;position:relative;
  transition:opacity .7s var(--ggf-ease-out),filter .45s var(--ggf-ease);}
.ggf-gal2 .e-gallery-image{transition:transform .8s var(--ggf-ease);}
.ggf-gal2 .e-gallery-item:hover .e-gallery-image{transform:scale(1.06);}
.ggf-gal2 .e-gallery-item::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:rgba(22,53,26,0);transition:background .4s var(--ggf-ease);}
.ggf-gal2 .e-gallery-item:hover::before{background:rgba(22,53,26,.14);}
.ggf-gal2 .e-gallery-container:hover .e-gallery-item:not(:hover){opacity:.6;filter:saturate(.72);}
/* laatste zichtbare tegel: uitnodiging om de hele reeks te openen */
.ggf-gal2 .e-gallery-item::after{content:"Alle foto's bekijken";position:absolute;inset:0;z-index:3;
  display:none;align-items:flex-end;justify-content:center;padding:0 14px 18px;text-align:center;
  background:linear-gradient(180deg,rgba(11,26,13,0) 34%,rgba(11,26,13,.5) 66%,rgba(11,26,13,.82));
  font-family:var(--ggf-font-h);font-weight:800;font-size:.92rem;letter-spacing:-.01em;color:#fff;
  pointer-events:none;transition:background .4s var(--ggf-ease);}
.ggf-gal2 .e-gallery-item:nth-child(n+9){display:none;}
.ggf-gal2 .e-gallery-item:nth-child(8)::after{display:flex;}
@media (max-width:1024px){
  .ggf-gal2 .e-gallery-item:nth-child(n+7){display:none;}
  .ggf-gal2 .e-gallery-item:nth-child(8)::after{display:none;}
  .ggf-gal2 .e-gallery-item:nth-child(6)::after{display:flex;}}
@media (max-width:767px){
  .ggf-gal2 .e-gallery-item:nth-child(n+5){display:none;}
  .ggf-gal2 .e-gallery-item:nth-child(6)::after{display:none;}
  .ggf-gal2 .e-gallery-item:nth-child(4)::after{display:flex;font-size:.86rem;}}

/* ============================================================
   PARTNERS
   ============================================================ */
.ggf-logo-slot{transition:transform .38s var(--ggf-ease),background-color .38s var(--ggf-ease);}
.ggf-logo-slot:hover{transform:translateY(-4px);background-color:#f2ead6!important;}
.ggf-logo-slot .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:800;font-size:.82rem;color:var(--ggf-ink-faint);transition:color .34s;}
.ggf-logo-slot:hover .elementor-heading-title{color:var(--ggf-green);}

/* ============================================================
   FOOTER
   ============================================================ */
.ggf-footer{color:rgba(234,241,230,.72);}
.ggf-footer p{color:rgba(234,241,230,.72);}
.ggf-foot-mark{pointer-events:none;opacity:.1;}
.ggf-foot-mark img{width:100%;height:auto;}
.ggf-foot-sym img{width:100%;height:auto;}
.ggf-foot-h4 .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-yellow);}
.ggf-foot-list .elementor-icon-list-icon{display:none;}
.ggf-foot-list .elementor-icon-list-text{font-size:1.02rem;color:rgba(234,241,230,.72);transition:color .22s;}
.ggf-foot-list a:hover .elementor-icon-list-text{color:var(--ggf-yellow);}
.ggf-foot-meta p{font-size:1.02rem;color:rgba(234,241,230,.72);}
.ggf-foot-meta p + p{margin-top:10px;}
.ggf-foot-meta b{color:#fff;font-weight:800;}
.ggf-foot-meta a{color:inherit;text-decoration:none;transition:color .22s;}
.ggf-foot-meta a:hover{color:var(--ggf-yellow);}
.ggf-foot-word img{width:100%;height:auto;}
.ggf-foot-bottom p{font-size:.94rem;color:rgba(234,241,230,.72);}
.ggf-foot-made p{font-size:.94rem;}
.ggf-foot-made a{color:var(--ggf-sage);text-decoration:none;border-bottom:1px solid rgba(155,177,148,.45);transition:color .3s var(--ggf-ease),border-color .3s var(--ggf-ease);}
.ggf-foot-made a:hover{color:var(--ggf-yellow);border-color:var(--ggf-yellow);}

/* ============================================================
   SUBPAGINA'S
   ============================================================ */
.ggf-phero{position:relative;color:#fff;overflow:hidden;}
.ggf-phero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(64% 52% at 22% 74%,rgba(11,26,13,.44) 0%,rgba(11,26,13,.28) 42%,rgba(11,26,13,.12) 66%,rgba(11,26,13,0) 84%),
  radial-gradient(120% 128% at -14% 88%,rgba(11,26,13,.95) 0%,rgba(11,26,13,.86) 22%,rgba(11,26,13,.68) 40%,rgba(11,26,13,.44) 56%,rgba(11,26,13,.22) 70%,rgba(11,26,13,.08) 82%,rgba(11,26,13,0) 94%),
  linear-gradient(180deg,rgba(11,26,13,.66) 0%,rgba(11,26,13,.34) 12%,rgba(11,26,13,.12) 26%,rgba(11,26,13,.04) 40%,rgba(11,26,13,.14) 62%,rgba(11,26,13,.38) 82%,rgba(11,26,13,.58) 100%);}
.ggf-phero > .e-con-inner,.ggf-phero > .elementor-element{position:relative;z-index:2;}
.ggf-phero .elementor-heading-title{color:#fff;text-shadow:0 2px 22px rgba(11,26,13,.5);max-width:20ch;}
.ggf-phero .ggf-lead,.ggf-phero .ggf-lead p{color:rgba(255,255,255,.9);}
.ggf-onefoto{overflow:hidden;border-radius:var(--ggf-leaf);box-shadow:0 34px 62px -38px rgba(18,36,21,.5);aspect-ratio:4/3.4;}
.ggf-onefoto--flip{border-radius:var(--ggf-leaf-flip);}
.ggf-onefoto img{width:100%;height:100%;object-fit:cover;display:block;}
.ggf-pull p{font-family:var(--ggf-font-t);font-size:clamp(1.25rem,1.05rem + .8vw,1.7rem);line-height:1.22;color:var(--ggf-deep);}
.ggf-card{border-radius:5px var(--ggf-lr) var(--ggf-lr) var(--ggf-lr);transition:transform .45s var(--ggf-ease),box-shadow .45s var(--ggf-ease);}
.ggf-card:hover{transform:translateY(-6px);box-shadow:0 30px 52px -34px rgba(18,36,21,.4);}
.ggf-card--sm{border-radius:5px clamp(26px,2.8vw,44px) clamp(26px,2.8vw,44px) clamp(26px,2.8vw,44px);}
.ggf-lid__m{aspect-ratio:4/4.4;overflow:hidden;}
/* de portretten zijn kleine originelen (± 200 px breed); ze worden niet vergroot opgeslagen,
   alleen door de browser geschaald. Iets hoger uitsnijden zodat het hoofd heel blijft. */
.ggf-lid__m > .elementor-widget,.ggf-lid__m .elementor-widget-container,
.ggf-lid__m figure,.ggf-lid__m a{height:100%;width:100%;display:block;margin:0;padding:0;}
.ggf-lid__m img{width:100%!important;height:100%!important;max-width:none;object-fit:cover;object-position:50% 26%;display:block;}
.ggf-lid__r p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-green-soft);margin:0;line-height:1.25;}
.ggf-lid__n .elementor-heading-title{margin:0;}
.ggf-lid__t p{font-size:1.0625rem;line-height:1.62;color:var(--ggf-ink-soft);}
.ggf-mv{border-radius:5px var(--ggf-lr) var(--ggf-lr) var(--ggf-lr);}
.ggf-sup{border-radius:5px clamp(40px,4.4vw,72px) clamp(40px,4.4vw,72px) clamp(40px,4.4vw,72px);overflow:hidden;}
.ggf-sup__m{min-height:100%;}
.ggf-sup__m img{width:100%;height:100%;object-fit:cover;}
.ggf-sup__n,.ggf-sup__n p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;color:var(--ggf-green);opacity:.6;}
.ggf-counter{border-radius:5px clamp(26px,2.8vw,44px) clamp(26px,2.8vw,44px) clamp(26px,2.8vw,44px);}
.ggf-counter .elementor-counter-number-wrapper{font-family:var(--ggf-font-t);font-size:clamp(2rem,1.2rem + 2vw,3rem);color:var(--ggf-sage);line-height:1;}
.ggf-counter .elementor-counter-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;color:var(--ggf-ink);margin-top:12px;text-align:left;}
.ggf-counter__s p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-green-soft);}
.ggf-dorp{border-radius:5px clamp(22px,2.2vw,34px) clamp(22px,2.2vw,34px) clamp(22px,2.2vw,34px);transition:transform .42s var(--ggf-ease),box-shadow .42s var(--ggf-ease);}
.ggf-dorp:hover{transform:translateX(7px);box-shadow:0 20px 36px -26px rgba(18,36,21,.4);}
.ggf-dorp__d{width:11px;height:11px;border-radius:50%;background:var(--ggf-yellow);box-shadow:0 0 0 4px rgba(244,193,60,.24);flex:none;}
.ggf-dorp__n .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;letter-spacing:-.015em;color:var(--ggf-ink);}
.ggf-dorp__v p{font-size:1.0625rem;color:var(--ggf-ink-soft);}
.ggf-ring .elementor-progress-wrapper{display:none;}
.ggf-timeline{position:relative;}
.ggf-timeline::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--ggf-sage),rgba(155,177,148,.2));}
.ggf-tl{position:relative;}
.ggf-tl::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:50%;background:var(--ggf-yellow);box-shadow:0 0 0 4px var(--ggf-deep);}
.ggf-tl__y .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;color:#fff;letter-spacing:-.01em;}
.ggf-tl__t p{color:rgba(234,241,230,.8);font-size:1.0625rem;line-height:1.62;}
.ggf-fk{overflow:hidden;border-radius:5px clamp(22px,2.4vw,38px) clamp(22px,2.4vw,38px) clamp(22px,2.4vw,38px);}
.ggf-fk img{width:100%;height:100%;object-fit:cover;}
.ggf-fk--a,.ggf-fk--d{aspect-ratio:4/5;} .ggf-fk--b,.ggf-fk--c{aspect-ratio:4/3.4;}
.ggf-doc{border-radius:5px clamp(26px,2.6vw,42px) clamp(26px,2.6vw,42px) clamp(26px,2.6vw,42px);transition:transform .42s var(--ggf-ease),box-shadow .42s var(--ggf-ease);}
.ggf-doc,.ggf-doc:hover,.ggf-doc:focus{text-decoration:none;color:inherit;}
/* icoon, tekst en pijl blijven op één regel; de tekstkolom krimpt mee ipv het pijltje uit de kaart te duwen */
.ggf-doc{--flex-wrap:nowrap;flex-wrap:nowrap;}
.ggf-doc > .e-con{--width:auto;width:auto;--flex-shrink:1;flex-shrink:1;min-width:0;}
.ggf-doc:hover{transform:translateY(-4px);box-shadow:0 26px 46px -32px rgba(18,36,21,.4);}
.ggf-jv{border-radius:5px clamp(30px,3.2vw,50px) clamp(30px,3.2vw,50px) clamp(30px,3.2vw,50px);transition:transform .42s var(--ggf-ease),box-shadow .42s var(--ggf-ease),background-color .42s var(--ggf-ease);}
.ggf-jv:hover{transform:translateY(-6px);box-shadow:0 30px 52px -34px rgba(18,36,21,.4);background-color:var(--ggf-sage-pale)!important;}
.ggf-jv__y .elementor-heading-title{font-family:var(--ggf-font-t);font-size:clamp(2.1rem,1rem + 2.4vw,3.1rem);line-height:1;color:var(--ggf-green);}
.ggf-cdata .elementor-icon-list-icon{display:none;}
.ggf-cdata .elementor-icon-list-item{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--ggf-line);}
.ggf-cdata .elementor-icon-list-text{color:var(--ggf-ink);font-size:1.0625rem;}
.ggf-cdata .elementor-icon-list-text b{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-green-soft);}
.ggf-form .elementor-field-group{margin-bottom:16px;}
/* 'Uw eigen onderwerp' verschijnt alleen als bij Onderwerp 'Anders, namelijk…' is gekozen.
   Elementor Pro kent geen voorwaardelijke velden; dit doet hetzelfde met :has(), zonder JavaScript.
   Let op: geen @supports gebruiken — Elementor vervangt het woord '.elementor-kit-6' in Custom CSS door
   .elementor-kit-6 en sloopt de regel. Deze :not(:has()) is zelf de fallback: een browser zonder
   :has()-ondersteuning negeert de hele regel en toont het veld gewoon altijd. */
.ggf-form form:not(:has(select[name="form_fields[onderwerp]"] option[value^="Anders"]:checked)) .elementor-field-group-onderwerp_anders{display:none;}
.ggf-form .elementor-field-label{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-ink);margin-bottom:7px;}
.ggf-form select.elementor-field{appearance:none;-webkit-appearance:none;padding-right:2.6em;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c5f2a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.05em center;background-size:17px;}
.ggf-form .elementor-button{--fill:var(--ggf-deep);position:relative;isolation:isolate;overflow:hidden;border-radius:999px;
  font-family:var(--ggf-font-h);font-weight:800;padding:1.02em 1.75em;background:var(--ggf-yellow);color:var(--ggf-ink);transition:color .42s var(--ggf-ease);}
.ggf-form .elementor-button::before{content:"";position:absolute;z-index:-1;left:-14%;right:-14%;top:100%;height:230%;background:var(--fill);border-radius:50% 50% 0 0 / 26% 26% 0 0;transition:transform .62s var(--ggf-ease);}
.ggf-form .elementor-button:hover{color:#fff;background:var(--ggf-yellow);}
.ggf-form .elementor-button:hover::before{transform:translateY(-97%);}

/* animaties respecteren de voorkeur van de bezoeker */
@media (prefers-reduced-motion:reduce){
  .ggf-sticker{animation:none;}
  .ggf-pola,.ggf-gal img,.ggf-bel__box,.ggf-leaf{transition:none;}
}

/* ---------- subpagina-onderdelen ---------- */
.ggf-bel__m--3{aspect-ratio:4/3.2;}
.ggf-leaves--sm{aspect-ratio:1/.88;}
.ggf-ring2__n .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.5rem;letter-spacing:-.025em;color:var(--ggf-green);}
.ggf-ring2__t p{font-size:1.0625rem;line-height:1.5;color:var(--ggf-ink-soft);}
.ggf-counter__c .elementor-counter-number-wrapper{font-family:var(--ggf-font-t);font-size:clamp(2rem,1.2rem + 2vw,3rem);color:var(--ggf-sage);line-height:1;justify-content:flex-start;}
.ggf-counter__c .elementor-counter-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;color:var(--ggf-ink);margin-top:12px;text-align:left;line-height:1.35;}
.ggf-doc__t .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;color:var(--ggf-ink);}
.ggf-doc__s p{font-size:1.0625rem;color:var(--ggf-ink-soft);}
.ggf-doc__a{transition:transform .35s var(--ggf-ease);}
.ggf-doc:hover .ggf-doc__a{transform:translateX(5px);}
.ggf-jv__t .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;color:var(--ggf-ink);}
.ggf-jv__s p{font-size:1.0625rem;color:var(--ggf-ink-soft);}
.ggf-jv__a p{font-family:var(--ggf-font-h);font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ggf-green);margin-top:6px;}
.ggf-sup__m{min-height:clamp(360px,32vw,460px);}
.ggf-sup__h .elementor-heading-title{font-size:clamp(1.16rem,1.02rem + .5vw,1.46rem);line-height:1.14;}
.ggf-lid__m{position:relative;}
/* op smalle schermen staat er één kaart per rij; die niet breder laten worden dan het portret aankan */
@media (max-width:767px){.ggf-leden{max-width:430px;margin-left:auto;margin-right:auto;}}
/* vier kaarten naast elkaar vanaf 1280 px; op een kleiner laptopscherm drie, anders wordt de tekstkolom te smal */
@media (min-width:1025px) and (max-width:1279px){.ggf-leden{--e-con-grid-template-columns:repeat(3,1fr)!important;}}
.ggf-lid__n .elementor-heading-title{font-family:var(--ggf-font-h);font-weight:900;font-size:1.08rem;letter-spacing:-.018em;color:var(--ggf-ink);}
.ggf-cdata .elementor-icon-list-item{display:block;padding:12px 0!important;margin:0!important;border-bottom:1px solid var(--ggf-line);}
.ggf-cdata .elementor-icon-list-text{display:grid;grid-template-columns:150px 1fr;gap:14px;color:var(--ggf-ink);font-size:1.0625rem;line-height:1.5;}
.ggf-cdata .elementor-icon-list-text a{color:var(--ggf-green);text-decoration:none;}
.ggf-form .elementor-field-textual{font-family:var(--ggf-font-b);}
.ggf-form .elementor-button{margin-top:6px;}
@media (max-width:767px){.ggf-cdata .elementor-icon-list-text{grid-template-columns:1fr;gap:4px;}.ggf-sup__m{min-height:clamp(240px,62vw,320px);}}

/* ============================================================
   MOBIEL / TABLET — losse correcties
   ============================================================ */
/* elke hero vult op mobiel het hele scherm. De uitsnede van de foto zit bewust NIET in deze CSS:
   die stel je per hero in Elementor in (Stijl -> Achtergrond -> Positie, per apparaat). */
@media (max-width:767px){
  .ggf-hero,.ggf-phero{min-height:100vh!important;min-height:100svh!important;}
}
/* op iPad en mobiel eerst de tekst, dan de foto's */
@media (max-width:1024px){
  .ggf-flip > .e-con:first-child{order:2;}
}

/* Onze aanpak (16), Steun ons (17) en Impact (18): op mobiel een wat donkerdere sluier over de hero, zodat de witte tekst
   beter leesbaar blijft op de lichtere delen van de foto. Alleen de sluier; de foto-uitsnede blijft van Elementor. */
@media (max-width:767px){
  .page-id-16 .ggf-phero::before,.page-id-17 .ggf-phero::before,.page-id-18 .ggf-phero::before{background:
    linear-gradient(180deg,rgba(11,26,13,.72) 0%,rgba(11,26,13,.42) 18%,rgba(11,26,13,.5) 40%,rgba(11,26,13,.74) 62%,rgba(11,26,13,.92) 100%);}
}/* End custom CSS */