@font-face { font-family: "Instrument Sans"; src: url("/assets/fonts/instrument-sans-variabel.woff2?v=fa41c43a3d") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("/assets/fonts/instrument-sans-plusmin.woff2?v=2d39f60dbb") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+00B1; }
:root {
  color-scheme: only light;
  --creme: #FAF7F0;
  --linnen: #FFFDF8;
  --zand: #F3EDDE;
  --mos: #E6EEDB;
  --zon: #FBF0D2;
  --klei: #F7E5DA;
  --lijn: #E3DAC5;
  --woud: #2F5823;
  --woud-2: #3E682B;
  --inkt: #17210F;
  --tekst: #3A3C2F;
  --tekst-zacht: #5E604F;
  --groen: #33591F;
  --merkgroen: #4A7C38;
  --blad: #CFE0C1;
  --goud: #F1BE42;
  --rood: #D92E2C;
  --rood-diep: #B7231F;
  --lijn-donker: rgba(207, 224, 193, 0.22);
  --font-vertoning: var(--font-tekst);
  --font-tekst: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --t-vertoning: clamp(46px, 7.8vw, 106px);
  --t-h1: clamp(42px, 5.6vw, 80px);
  --t-h2: clamp(34px, 3.9vw, 58px);
  --t-h3: clamp(22px, 1.9vw, 28px);
  --t-intro: clamp(18px, 1.45vw, 21px);
  --t-tekst: clamp(16px, 1.2vw, 17px);
  --t-klein: 14px;
  --t-label: 12px;
  --sectie-y: clamp(56px, 7vw, 96px);
  --zijkant: clamp(20px, 3vw, 32px);
  --breed: 1200px;
  --r-kaart: 24px;
  --r-klein: 16px;
  --r-veld: 12px;
  --r-pil: 999px;
  --schaduw-zweef: 0 1px 2px rgba(23, 33, 15, 0.08), 0 10px 28px rgba(23, 33, 15, 0.10);
  --onderbalk: 0px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; overflow-x: clip; overscroll-behavior-x: none; scroll-padding-top: 96px; }
@supports not (overflow: clip) { html { overflow-x: hidden; } }
body {
  margin: 0; background: var(--creme); color: var(--tekst);
  font-family: var(--font-tekst); font-size: var(--t-tekst); line-height: 1.6;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
* { caret-color: transparent; }
input, textarea, select, [contenteditable="true"] { caret-color: auto; }
img { max-width: 100%; height: auto; display: block; }
svg { flex: none; }
a { color: var(--groen); text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: var(--inkt); }
p { margin: 0 0 8px; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4 { margin: 0; color: var(--inkt); font-weight: 300; }
ul, ol { margin: 0; padding: 0; }
figure { margin: 0; }
button { font: inherit; color: inherit; }
::selection { background: var(--goud); color: var(--inkt); }
:focus-visible { outline: 3px solid var(--woud); outline-offset: 3px; border-radius: 6px; }
.op-donker :focus-visible, .voet :focus-visible, .hero :focus-visible { outline-color: var(--goud); }
[hidden] { display: none !important; }
.skiplink { position: absolute; left: -9999px; top: 8px; z-index: 300; background: var(--woud); color: var(--creme); padding: 12px 18px; border-radius: var(--r-pil); font-weight: 600; text-decoration: none; }
.skiplink:focus { left: 12px; }
.skiplink:hover { color: var(--creme); }
.sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.binnen { width: 100%; max-width: calc(var(--breed) + 2 * var(--zijkant)); margin: 0 auto; padding-inline: var(--zijkant); }
.sectie { padding-block: var(--sectie-y); }
.sectie--krap { padding-block: clamp(48px, 6vw, 80px); }
.sectie--nul-boven { padding-top: 0; }
.vlak-linnen { background: var(--linnen); }
.vlak-zand { background: var(--zand); }
.vlak-woud { background: var(--woud); color: var(--blad); }
.vlak-woud h1, .vlak-woud h2, .vlak-woud h3 { color: var(--creme); }
.haarlijn-boven { border-top: 1px solid var(--lijn); }
.kolommen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.kolommen--midden { align-items: center; }
@media (min-width: 900px) { .kolommen--midden.kolommen--onder { align-items: end; } }
.kolommen--breed-smal { grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); }
@media (min-width: 900px) { .kolommen--breed-smal.kolommen--beeld { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); } }
.kolommen--smal-breed { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
.raster { display: grid; gap: clamp(16px, 2vw, 24px); }
.raster-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.raster-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.raster-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sectiekop { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(20px, 4vw, 64px); align-items: end; margin-bottom: clamp(32px, 4vw, 56px); }
.sectiekop--enkel { display: block; max-width: 760px; }
.sectiekop--met-link { grid-template-columns: minmax(0, 1fr) auto; }
.sectiekop .intro { max-width: 56ch; }
.kicker { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: var(--t-label); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--groen); line-height: 1.2; }
.kicker::before { content: ""; width: 26px; height: 3px; border-radius: 3px; background: var(--goud); flex: none; }
.op-donker .kicker, .vlak-woud .kicker, .hero .kicker { color: var(--goud); }
.kop-vertoning, .kop-1, .kop-2, .kop-3 { font-family: var(--font-vertoning); font-weight: 300; color: var(--inkt); text-wrap: balance; }
.kop-vertoning { font-size: var(--t-vertoning); line-height: 0.96; letter-spacing: -0.04em; }
.kop-1 { font-size: var(--t-h1); line-height: 1.0; letter-spacing: -0.035em; }
.kop-2 { font-size: var(--t-h2); line-height: 1.04; letter-spacing: -0.03em; }
.kop-3 { font-size: var(--t-h3); line-height: 1.15; letter-spacing: -0.015em; font-weight: 400; }
.kop-1 + p, .kop-2 + p, .kop-2 + .intro, .kop-3 + p { margin-top: 16px; }
.kaart .kop-3 + p, .kaart .kop-4 + p { margin-top: 0; }
.kaart .kop-4 { margin-bottom: 6px; }
.kop-4 { font-family: var(--font-tekst); font-size: 18px; font-weight: 600; line-height: 1.35; color: var(--inkt); }
.op-donker .kop-vertoning, .op-donker .kop-1, .op-donker .kop-2, .op-donker .kop-3,
.vlak-woud .kop-1, .vlak-woud .kop-2, .vlak-woud .kop-3, .hero .kop-vertoning { color: var(--creme); }
.accent { position: relative; display: inline-block; font-style: italic; font-weight: 300; white-space: nowrap; color: inherit; letter-spacing: -0.02em; padding-right: 0.04em; }
.accent .zwier { position: absolute; left: -0.02em; right: -0.04em; bottom: -0.1em; width: calc(100% + 0.06em); height: 0.2em; color: var(--goud); pointer-events: none; overflow: visible; }
.accent .zwier path { fill: none; stroke: currentColor; stroke-width: calc(var(--lijn-px) * 1px); stroke-linecap: round; vector-effect: non-scaling-stroke; }
.op-donker .accent, .vlak-woud .accent, .hero .accent { color: var(--goud); }
.kopstaart { white-space: nowrap; }
.intro { font-size: var(--t-intro); line-height: 1.55; color: var(--tekst); }
.op-donker .intro, .vlak-woud .intro, .hero .intro { color: var(--blad); }
.klein { font-size: var(--t-klein); line-height: 1.5; color: var(--tekst-zacht); }
.op-donker .klein, .vlak-woud .klein { color: var(--blad); }
.lees { max-width: 68ch; }
.lees h2 { font-family: var(--font-vertoning); font-weight: 400; font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; letter-spacing: -0.015em; margin: 40px 0 12px; }
.lees h2:first-child { margin-top: 0; }
.lees ul { margin: 6px 0 12px; padding-left: 0; list-style: none; }
.lees li { position: relative; padding-left: 22px; margin-bottom: 6px; }
.lees li::before { content: ""; position: absolute; left: 2px; top: 0.62em; width: 8px; height: 8px; border-radius: 50%; background: var(--goud); }
.tabelcijfers { font-variant-numeric: tabular-nums; }
.knoppen { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.knop {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 13px 24px; border-radius: var(--r-pil);
  font-family: var(--font-tekst); font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: 0.005em;
  text-decoration: none; border: 1.5px solid transparent; cursor: pointer; white-space: nowrap;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.knop svg { width: 18px; height: 18px; }
.knop--rood { background: var(--rood); color: #FFFFFF; }
.knop--rood:hover { background: var(--rood-diep); color: #FFFFFF; }
.knop--goud { background: var(--goud); color: var(--woud); }
.knop--goud:hover { background: #E7AE2A; color: var(--woud); }
.knop--groen { background: var(--woud); color: var(--creme); }
.knop--groen:hover { background: var(--woud-2); color: #FFFFFF; }
.knop--spook { background: transparent; color: var(--inkt); border-color: var(--inkt); }
.knop--spook:hover { background: var(--inkt); color: var(--creme); }
.knop--spook-licht { background: transparent; color: var(--creme); border-color: rgba(250, 247, 240, 0.7); }
.knop--spook-licht:hover { background: var(--creme); color: var(--woud); border-color: var(--creme); }
.knop--klein { min-height: 42px; padding: 10px 18px; font-size: 15px; }
@media (hover: hover) { .knop:hover { transform: translateY(-1px); } }
.pijllink { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 15px; color: var(--groen); text-decoration: underline; text-decoration-color: transparent; padding: 8px 0; transition: text-decoration-color .22s ease; }
.pijllink svg { width: 18px; height: 18px; transition: transform .2s ease; }
.pijllink:hover { color: var(--inkt); }
.pijllink:hover svg { transform: translateX(3px); }
.op-donker .pijllink, .vlak-woud .pijllink { color: var(--goud); }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: var(--r-pil); background: var(--mos); color: var(--woud-2); font-size: 12.5px; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; }
.chip--zon { background: var(--zon); color: #5B430E; }
.chip--zand { background: var(--zand); color: var(--tekst); }
.chip--klei { background: var(--klei); color: #6A3524; }
.chip--rand { background: transparent; border: 1px solid var(--lijn); color: var(--tekst); }
.chip--donker { background: transparent; box-shadow: inset 0 0 0 1px rgba(241, 190, 66, 0.45); color: var(--goud); }
.chip svg { width: 14px; height: 14px; }
.kopbalk { position: sticky; top: 0; z-index: 100; background: var(--linnen); border-bottom: 1px solid var(--lijn); }
.kopbalk > .binnen { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 78px; }
.logo { display: inline-flex; align-items: center; flex: none; }
.logo img { height: 46px; width: auto; }
.hoofdnav { display: flex; align-items: center; gap: 2px; }
.hoofdnav a.navlink { position: relative; padding: 10px 12px; border-radius: 8px; font-size: 15px; font-weight: 500; color: var(--tekst); text-decoration: none; }
.hoofdnav a.navlink:hover { color: var(--inkt); background: var(--zand); }
.hoofdnav a.navlink[aria-current="page"] { color: var(--inkt); }
.hoofdnav a.navlink[aria-current="page"]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 3px; height: 3px; border-radius: 3px; background: var(--goud); }
.hoofdnav .knop { margin-left: 14px; }
.mobielzone { display: none; align-items: center; gap: 10px; }
.taalknop { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 8px; }
.taalknop img { display: block; width: 36px; height: 24px; }
.hoofdnav .taalknop { margin-left: 14px; }
.hoofdnav .taalknop + .knop { margin-left: 20px; }
.mobielzone .taalknop { margin-right: 4px; }
.hoofdnav .knop, .mobielzone .knop { flex-direction: column; gap: 0; }
.hoofdnav .knop::after, .mobielzone .knop::after { content: "Doneren"; display: block; height: 0; overflow: hidden; visibility: hidden; }
@media (max-width: 359px) { .mobielzone { gap: 6px; } .mobielzone .taalknop { margin-right: 0; width: 40px; } .kopbalk .logo img { height: 34px; } .mobielzone .knop { padding-inline: 14px; } }
@media (max-width: 378px) { .mobielzone .taalknop { margin-right: 0; } }
@media (max-width: 339px) { .mobielzone .knop { padding-inline: 12px; } }
.menuknop { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 46px; height: 46px; padding: 0; background: transparent; border: 1px solid var(--lijn); border-radius: 50%; cursor: pointer; }
.menuknop span { display: block; width: 18px; height: 2px; border-radius: 2px; background: var(--inkt); transition: transform .2s ease, opacity .2s ease; }
.menuknop[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menuknop[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menuknop[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobielnav { background: var(--linnen); border-top: 1px solid var(--lijn); }
.mobielnav .binnen { display: flex; flex-direction: column; padding-block: 8px 20px; }
.mobielnav a { display: block; padding: 14px 4px; border-bottom: 1px solid var(--lijn); font-size: 18px; font-weight: 500; color: var(--inkt); text-decoration: none; }
.mobielnav a[aria-current="page"] { color: var(--groen); font-weight: 600; }
.hero { background: var(--woud); color: var(--blad); position: relative; overflow: hidden; }
.hero__raster { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) clamp(700px, calc(700px + (100vw - 1200px) * 0.236), 744px); gap: 16px; align-items: end; padding-block: 56px 56px; }
.hero__tekst { margin-bottom: 44px; }
.hero .kop-vertoning, .hero .kop-vertoning .accent { font-weight: 200; }
.hero .kop-vertoning .accent { letter-spacing: -0.04em; }
.hero .accent .zwier { bottom: -0.065em; }
.hero__tekst .kop-vertoning { margin-bottom: 16px; }
.hero__tekst .intro { font-size: clamp(18px, 1.36vw, 19px); max-width: 34em; margin-bottom: 24px; }
.hero__tekst .knoppen { gap: 16px; }
@media (min-width: 1200px) { .hero__tekst .kicker { margin-bottom: 8px; } }
.hero { container-type: inline-size; }
.collage {
  --hero-rechts: var(--zijkant);
  --hero-rechts: max(var(--zijkant), (100cqw - var(--breed)) / 2);
  position: relative; width: 100%; display: grid; grid-template-columns: minmax(0, 343fr) minmax(0, 369fr); column-gap: 32px; row-gap: 32px; grid-template-rows: auto 1fr;
}
.collage__vlak { grid-column: 2; grid-row: 1; position: relative; margin: 0; isolation: isolate; align-self: start; }
.collage__vlak { aspect-ratio: 313.1 / 329.6; }
.collage__vlak .tekening__svg { position: relative; z-index: 1; overflow: visible; }
.hero .tekening__lijnen { stroke: var(--creme); }
.hero .tekening__afdek { fill: var(--woud); }
.hero .tekening__vul path { fill: var(--woud); stroke: none; }
.collage__vlak .tekening__uitloop-lijn { position: absolute; z-index: 0; top: calc(99.575% - 5px); height: 10px; overflow: visible; }
.collage__vlak .tekening__uitloop-lijn--rechts { left: 44.043%; width: calc(100% - 44.043% - 4.344% + var(--hero-rechts) + 3px); }
.collage__vlak .tekening__uitloop-lijn .tekening__lijnen { stroke-width: calc(var(--lijn-px) * 1px); }
.collage__vlak .tekening__uitloop-krul { position: absolute; z-index: 0; right: calc(-1 * var(--hero-rechts)); top: 91.566%; width: 12.775%; height: auto; overflow: visible; }
.collage__foto { position: relative; z-index: 1; margin: 0; }
.collage__foto--water { grid-column: 1; grid-row: 1 / span 2; align-self: end; }
.collage__foto--voedsel { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; }
.collage__beeld { border-radius: var(--r-kaart); overflow: hidden; background: var(--woud-2); }
.collage__foto--water .collage__beeld { aspect-ratio: 9 / 16; }
.collage__foto--voedsel .collage__beeld { flex: 1 1 0; min-height: 0; }
.collage__beeld img { width: 100%; height: 100%; object-fit: cover; }
.collage__bijschrift { flex: none; margin: 10px 8px 0; font-family: var(--font-tekst); font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0; color: var(--blad); white-space: nowrap; }
.bijschrift { margin: 12px 8px 0; font-family: var(--font-tekst); font-size: var(--t-klein); font-weight: 400; line-height: 1.45; letter-spacing: 0; color: var(--tekst); text-wrap: pretty; }
@media (max-width: 899px) { .bijschrift { font-size: 13px; } }
.partnerstrook { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding-block: 24px 32px; border-top: 1px solid var(--lijn-donker); text-align: center; }
.partnerstrook__partner { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 8px 16px; }
.partnerstrook .vertrouwen { justify-content: center; }
.partnerstrook__label { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(207, 224, 193, 0.85); }
.partnerstrook__naam { margin: 0; font-family: var(--font-vertoning); font-size: clamp(19px, 1.6vw, 23px); font-weight: 400; letter-spacing: -0.01em; color: var(--creme); }
.partnerstrook__naam span { color: var(--blad); font-family: var(--font-tekst); font-size: 15px; letter-spacing: 0; }
.vertrouwen { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0; padding: 0; font-size: 14.5px; color: var(--blad); }
.vertrouwen li { display: inline-flex; align-items: center; gap: 8px; }
.vertrouwen svg { width: 18px; height: 18px; color: var(--goud); }
.vertrouwen--licht { color: var(--tekst); }
.vertrouwen--licht svg { color: var(--merkgroen); }
.paginakop { background: var(--creme); padding-block: clamp(48px, 6.5vw, 96px) clamp(36px, 4.5vw, 64px); border-bottom: 1px solid var(--lijn); }
.paginakop__raster { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(20px, 5vw, 80px); align-items: end; }
.paginakop .intro { max-width: 40em; }
.paginakop .vertrouwen { margin-top: 22px; flex-direction: column; }
.paginakop .bijgewerkt { margin: 16px 0 0; }
.kruimel { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 6px 0; font-size: 14.5px; font-weight: 600; color: var(--groen); text-decoration: none; }
.kruimel svg { width: 16px; height: 16px; transform: rotate(180deg); }
.kruimel:hover { color: var(--inkt); }
.kaart { position: relative; background: var(--linnen); border: 1px solid var(--lijn); border-radius: var(--r-kaart); padding: clamp(24px, 2.6vw, 36px); }
.kaart--mos { background: var(--mos); border-color: transparent; }
.kaart--zon { background: var(--zon); border-color: transparent; }
.kaart--zand { background: var(--zand); border-color: transparent; }
.kaart--klei { background: var(--klei); border-color: transparent; }
.kaart--woud { background: var(--woud); border-color: transparent; color: var(--blad); }
.kaart--woud h2, .kaart--woud h3 { color: var(--creme); }
.kaart .kop-3 { margin-bottom: 10px; }
a.kaart, a.klikkaart { display: flex; flex-direction: column; text-decoration: none; color: inherit; transition: transform .25s ease, border-color .25s ease, background-color .25s ease; }
@media (hover: hover) {
  a.kaart:hover, a.klikkaart:hover { transform: translateY(-3px); }
  a.kaart:hover .pijllink svg, a.klikkaart:hover .pijllink svg { transform: translateX(3px); }
  a.kaart:hover .pijllink, a.klikkaart:hover .pijllink { text-decoration-color: currentColor; }
}
.icoonrond { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 253, 248, 0.85); color: var(--groen); margin-bottom: 18px; }
.icoonrond svg { width: 24px; height: 24px; }
.kaart--linnen .icoonrond, .kaart:not([class*="kaart--"]) .icoonrond { background: var(--mos); }
.kaart--woud .icoonrond { background: rgba(241, 190, 66, 0.14); color: var(--goud); }
.nummer { display: block; font-family: var(--font-vertoning); font-weight: 300; font-size: 44px; line-height: 1; letter-spacing: -0.04em; color: var(--merkgroen); margin-bottom: 18px; }
.themategel { min-height: 100%; }
.themategel .pijllink { margin-top: auto; padding-top: 16px; }
.themategel p { color: var(--tekst); }
.cijferrij { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--lijn); border-bottom: 1px solid var(--lijn); }
.cijfer { padding: clamp(24px, 3vw, 40px) clamp(16px, 2vw, 28px); border-left: 1px solid var(--lijn); }
.cijfer:first-child { border-left: 0; padding-left: 0; }
.cijfer__getal { display: block; font-family: var(--font-vertoning); font-weight: 300; font-size: clamp(42px, 4.6vw, 72px); line-height: 1; letter-spacing: -0.045em; color: var(--inkt); font-variant-numeric: lining-nums; white-space: nowrap; margin-bottom: 14px; }
.cijfer__getal--lang { font-size: clamp(34px, 3.4vw, 54px); letter-spacing: -0.04em; }
.cijfer__label { display: block; font-size: 16px; font-weight: 600; color: var(--inkt); line-height: 1.35; margin-bottom: 6px; }
.cijfer__bron { display: block; font-size: 13.5px; color: var(--tekst-zacht); line-height: 1.45; }
.cijfer { display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 0; align-content: start; }
.cijfer__getal { align-self: last baseline; }
.projectkaart { padding: 28px; gap: 0; }
.projectkaart__beeld { margin: -28px -28px 0; border-radius: calc(var(--r-kaart) - 1px) calc(var(--r-kaart) - 1px) 0 0; overflow: hidden; aspect-ratio: 4 / 3; background: var(--zand); }
.projectkaart__beeld img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
@media (hover: hover) { a.projectkaart:hover .projectkaart__beeld img { transform: scale(1.035); } }
.projectkaart__tekst { display: flex; flex-direction: column; gap: 12px; padding: 18px 0 0; flex: 1; }
.projectkaart__tekst .kop-3 { margin: 0; }
.projectkaart__tekst > p { margin: 0; }
.projectkaart__tekst > p:not(.resultaat):not(.partnerregel) { color: var(--tekst); font-size: 15.5px; line-height: 1.55; }
.resultaat { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--zon); color: #4A3A0E; font-size: 14px; font-weight: 600; line-height: 1.4; }
.resultaat svg { width: 18px; height: 18px; color: #8A6512; margin-top: 1px; }
.projectkaart .pijllink { margin-top: auto; }
.partnerregel { font-size: 13.5px; color: var(--tekst-zacht); margin: 0; }
.raster > .projectkaart { display: grid; grid-template-rows: subgrid; grid-row: span 7; row-gap: 12px; align-content: start; align-items: start; }
.raster > .projectkaart .projectkaart__tekst { display: contents; }
.raster > .projectkaart .chips { margin-top: 6px; }
.raster > .projectkaart .pijllink { margin-top: 0; justify-self: start; }
.jaargroep { display: grid; grid-template-columns: minmax(150px, 0.22fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 56px); padding-block: clamp(36px, 4.5vw, 56px); border-top: 1px solid var(--lijn); }
.jaargroep:first-of-type { border-top: 0; }
.jaargroep__jaar { position: relative; }
.jaargroep__getal { display: block; font-family: var(--font-vertoning); font-weight: 300; font-size: clamp(56px, 7vw, 112px); line-height: 0.9; letter-spacing: -0.05em; color: var(--inkt); }
.jaargroep__aantal { display: inline-block; margin-top: 14px; }
.jaargroep--leeg { padding-block: clamp(20px, 2.6vw, 34px); }
.jaargroep--leeg .jaargroep__getal { color: rgba(23, 33, 15, 0.32); }
.jaargroep__inhoud { display: grid; gap: clamp(18px, 2vw, 28px); align-content: start; }
.jaargroep--leeg .jaargroep__inhoud { align-content: center; }
.projectrij { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 0; text-decoration: none; color: inherit; background: var(--linnen); border: 1px solid var(--lijn); border-radius: var(--r-kaart); overflow: hidden; transition: transform .25s ease, border-color .25s ease; }
.projectrij__beeld { position: relative; min-height: 300px; background: var(--zand); overflow: hidden; }
.projectrij__beeld img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.projectrij__tekst { display: flex; flex-direction: column; gap: 14px; padding: clamp(24px, 3vw, 40px); }
.projectrij__tekst > p { margin: 0; }
.projectrij .pijllink { margin-top: auto; }
@media (hover: hover) { a.projectrij:hover { transform: translateY(-3px); border-color: #D8CBA8; } a.projectrij:hover img { transform: scale(1.03); } a.projectrij:hover .pijllink { text-decoration-color: currentColor; } a.projectrij:hover .pijllink svg { transform: translateX(3px); } }
.projectrij.is-verborgen, .jaargroep.is-verborgen { display: none; }
.filterbalk { display: grid; gap: 0; margin-bottom: clamp(24px, 3vw, 40px); }
.filtergroep { display: flex; align-items: flex-end; gap: 0 28px; min-width: 0; }
.filterbalk .filtergroep { border-bottom: 1px solid var(--lijn); }
.filtergroep__label { flex: none; width: 76px; margin: 0; padding-block: 17px; font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tekst-zacht); }
.filterknop { flex: none; min-height: 52px; padding: 14px 0 11px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent; color: var(--tekst-zacht); font-size: 15px; font-weight: 600; line-height: 1.5; white-space: nowrap; cursor: pointer; transition: color .2s ease, border-color .2s ease; }
.filterbalk .filterknop { margin-bottom: -1px; }
.filterknop:hover { color: var(--inkt); border-bottom-color: var(--lijn); }
.filterknop[aria-pressed="true"] { color: var(--inkt); border-bottom-color: var(--goud); }
.filterknop:focus-visible { outline-offset: 2px; }
.fotofilter .filtergroep { flex-wrap: wrap; gap: 0 24px; }
.fotofilter .filterknop { min-height: 44px; padding: 9px 0 6px; }
.filterkeuze { display: none; }
@media (max-width: 899px) {
  .filterknop, .filtergroep__label { display: none; }
  .filterbalk { gap: 10px; }
  .filterbalk .filtergroep { border-bottom: 0; }
  .filtergroep { display: block; }
  .filterkeuze { display: grid; grid-template-columns: 68px minmax(0, 1fr); align-items: center; gap: 8px; max-width: 460px; }
  .filterkeuze__label { font-size: 12px; font-weight: 600; line-height: 1.5; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tekst-zacht); }
  .filterkeuze__veld { -webkit-appearance: none; appearance: none; width: 100%; min-width: 0; height: 52px; margin: 0; padding: 0 44px 0 18px; border: 1px solid var(--lijn); border-radius: var(--r-klein); background: var(--linnen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2317210F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E") no-repeat right 16px center / 16px 16px; color: var(--inkt); font-family: var(--font-tekst); font-size: 16px; font-weight: 600; line-height: 1.2; text-overflow: ellipsis; cursor: pointer; }
  .filterkeuze__veld:hover { border-color: var(--inkt); }
}
.stappen { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.stap { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; align-items: start; padding: 14px 16px; border-radius: var(--r-klein); transition: background-color .2s ease; }
.stap:nth-child(odd) { background: rgba(255, 253, 248, 0.6); }
.stap__nr { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--goud); color: var(--woud); font-family: var(--font-vertoning); font-size: 19px; font-weight: 500; }
.stap__titel { display: block; font-weight: 600; color: var(--inkt); font-size: 17px; line-height: 1.35; margin: 7px 0 2px; }
.stap p { margin: 0; font-size: 15.5px; color: var(--tekst); }
.stappenblok__kop { margin-bottom: 16px; }
@media (min-width: 900px) {
  .stappenblok { grid-template-rows: auto auto; row-gap: 0; align-items: start; }
  .stappenblok__tekst { display: contents; }
  .stappenblok__kop { grid-column: 1; grid-row: 1; }
  .stappenblok__lijst { grid-column: 1; grid-row: 2; }
  .stappenblok__beeld { grid-column: 2; grid-row: 2; align-self: stretch; contain: size; display: flex; align-items: center; }
  .stappenblok__beeld > .staand { flex: 1 1 auto; min-width: 0; }
}
.staand__beeld { border-radius: var(--r-kaart); overflow: hidden; aspect-ratio: 4 / 5; background: var(--zand); }
.staand__beeld img { width: 100%; height: 100%; object-fit: cover; }
.plank { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 28px); align-items: start; }
.rapport { display: flex; flex-direction: column; gap: 14px; text-decoration: none; color: inherit; }
.rapport__omslag { position: relative; aspect-ratio: 595 / 842; border-radius: 6px 14px 14px 6px; overflow: hidden; background: #FFFFFF; box-shadow: 0 1px 0 rgba(23, 33, 15, 0.06), 0 0 0 1px rgba(23, 33, 15, 0.07); transition: transform .3s ease; }
.rapport__omslag::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; background: linear-gradient(90deg, rgba(23, 33, 15, 0.16), rgba(23, 33, 15, 0)); z-index: 1; }
.rapport__omslag img { width: 100%; height: 100%; object-fit: cover; }
.rapport__meta { display: flex; flex-direction: column; gap: 4px; }
.rapport__soort { font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--groen); }
.rapport__titel { font-family: var(--font-vertoning); font-size: clamp(20px, 1.7vw, 24px); font-weight: 400; line-height: 1.2; letter-spacing: -0.015em; color: var(--inkt); }
.rapport__sub { font-size: 14px; line-height: 1.45; color: var(--tekst-zacht); }
.rapport__download { display: inline-flex; align-items: center; gap: 7px; margin-top: 4px; font-size: 14.5px; font-weight: 600; color: var(--groen); text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color .22s ease; }
.rapport__download svg { width: 16px; height: 16px; }
.rapport__download { flex-wrap: wrap; column-gap: 7px; row-gap: 0; }
.rapport__grootte { white-space: nowrap; font-weight: 500; }
.plank > .rapport { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 4px; align-content: start; }
.plank > .rapport .rapport__meta { display: contents; }
.plank > .rapport .rapport__soort { margin-top: 10px; }
.plank > .rapport .rapport__download { justify-self: start; }
@media (hover: hover) { a.rapport:hover .rapport__omslag { transform: translateY(-5px) rotate(-0.6deg); } a.rapport:hover .rapport__download { text-decoration-color: currentColor; } }
.op-donker .rapport__soort, .vlak-woud .rapport__soort { color: var(--goud); }
.op-donker .rapport__titel, .vlak-woud .rapport__titel { color: var(--creme); }
.op-donker .rapport__sub, .vlak-woud .rapport__sub { color: var(--blad); }
.op-donker .rapport__download, .vlak-woud .rapport__download { color: var(--goud); }
.docjaar { --jaartal: clamp(56px, 7vw, 112px); display: grid; grid-template-columns: calc(var(--jaartal) * 2.25) minmax(0, 0.45fr) minmax(0, 0.38fr); gap: clamp(20px, 3.5vw, 48px); align-items: start; padding-block: clamp(28px, 3.5vw, 44px); border-top: 1px solid var(--lijn); }
.docjaar .jaargroep__getal { font-size: var(--jaartal); }
.docjaar .jaargroep__getal--woord { font-size: clamp(34px, 3.4vw, 48px); }
.docjaar__tekst .kicker { margin-bottom: 10px; }
.docjaar__tekst .kop-4 { margin-bottom: 8px; }
.docjaar__tekst ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 2px; }
.docjaar:first-of-type { border-top: 0; padding-top: 0; }
.docjaar .plank { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.docjaar.is-verborgen { display: none; }
.vinklijst { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.vinklijst li { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start; }
.vinklijst svg { width: 22px; height: 22px; color: var(--merkgroen); margin-top: 2px; }
.gegevens { margin: 0; }
.gegevens > div { display: grid; grid-template-columns: minmax(120px, 0.42fr) minmax(0, 1fr); gap: 4px 18px; padding: 12px 0; border-bottom: 1px solid var(--lijn); }
.gegevens > div:last-child { border-bottom: 0; }
.gegevens dt { font-weight: 600; color: var(--inkt); font-size: 15px; }
.gegevens dd { margin: 0; color: var(--tekst); font-size: 15px; overflow-wrap: anywhere; }
.kaart--woud .gegevens > div { border-color: var(--lijn-donker); }
.kaart--woud .gegevens dt { color: var(--creme); }
.kaart--woud .gegevens dd { color: var(--blad); }
.feitentabel { width: 100%; border-collapse: collapse; font-variant-numeric: lining-nums tabular-nums; }
.feitentabel caption { text-align: left; font-weight: 600; color: var(--inkt); font-size: 17px; padding-bottom: 6px; }
.feitentabel th, .feitentabel td { padding: 12px 0; border-bottom: 1px solid var(--lijn); text-align: left; vertical-align: top; font-size: 15px; }
.feitentabel th { width: 36%; padding-right: 18px; font-weight: 600; color: var(--inkt); }
.feitentabel td { color: var(--tekst); overflow-wrap: anywhere; }
.feitentabel tr:last-child th, .feitentabel tr:last-child td { border-bottom: 0; padding-bottom: 0; }
.projectkop .chips { margin-bottom: 18px; }
.projectkop .intro { max-width: 46em; margin-top: 18px; }
.held { margin-top: clamp(28px, 4vw, 48px); }
.held__beeld { border-radius: var(--r-kaart); overflow: hidden; height: clamp(300px, 44vw, 600px); background: var(--zand); }
.held__beeld img { width: 100%; height: 100%; object-fit: cover; }
.projectraster { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 0.42fr); gap: clamp(32px, 5vw, 80px); align-items: start; }
.verhaal section + section { margin-top: clamp(28px, 3vw, 40px); }
.verhaal h2 { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-family: var(--font-vertoning); font-weight: 400; font-size: clamp(26px, 2.4vw, 34px); letter-spacing: -0.02em; line-height: 1.15; }
.verhaal h2::before { content: ""; width: 26px; height: 3px; border-radius: 3px; background: var(--goud); flex: none; }
.verhaal p { max-width: 66ch; }
.notitie { margin-top: clamp(28px, 3vw, 40px); padding: 20px 22px; border-radius: var(--r-klein); background: var(--mos); color: var(--tekst); }
.notitie strong { color: var(--inkt); }
.zijkolom { position: sticky; top: 104px; display: grid; gap: 18px; }
.zijkolom .kaart { padding: 24px 26px; }
.zijkolom .kop-4 { margin-bottom: 6px; }
.beeldraster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.8vw, 22px); }
.beeldraster figure { display: flex; flex-direction: column; }
.beeldraster__beeld { border-radius: var(--r-klein); overflow: hidden; aspect-ratio: 4 / 3; background: var(--zand); }
.beeldraster__beeld img { width: 100%; height: 100%; object-fit: cover; }
.ctaband { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px 48px; align-items: center; padding: clamp(32px, 4.5vw, 64px); border-radius: var(--r-kaart); }
.ctaband .kop-2 { margin-bottom: 12px; }
.ctaband--woud { background: var(--woud); color: var(--blad); }
.ctaband--woud .kop-2 { color: var(--creme); }
.ctaband--zon { background: var(--zon); }
.tijdlijn { list-style: none; margin: 0; padding: 0; }
.tijdlijn li { display: grid; grid-template-columns: minmax(90px, 0.2fr) minmax(0, 1fr); gap: 8px 28px; padding: 22px 0; border-top: 1px solid var(--lijn); }
.tijdlijn li:first-child { border-top: 0; padding-top: 0; }
.tijdlijn__jaar { font-family: var(--font-vertoning); font-weight: 300; font-size: clamp(34px, 3.4vw, 48px); line-height: 1; letter-spacing: -0.04em; color: var(--merkgroen); }
.tijdlijn h3 { font-family: var(--font-tekst); font-size: 18px; font-weight: 600; color: var(--inkt); line-height: 1.35; margin-bottom: 6px; }
.tijdlijn p { margin: 0; }
.citaat { margin: 0 0 28px; padding: clamp(24px, 3vw, 40px); border-radius: var(--r-kaart); background: var(--zon); }
.citaat p { font-family: var(--font-vertoning); font-weight: 300; font-size: clamp(24px, 2.6vw, 36px); line-height: 1.2; letter-spacing: -0.02em; color: var(--inkt); margin: 0; }
.citaat cite { display: block; margin-top: 14px; font-style: normal; font-size: 14px; color: var(--tekst-zacht); }
.vijf { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.cijfertabel-wrap { overflow-x: auto; border: 1px solid var(--lijn); border-radius: var(--r-kaart); background: var(--linnen); }
.cijfertabel { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; min-width: 520px; }
.cijfertabel caption { text-align: left; padding: 18px 22px 8px; font-size: 13.5px; color: var(--tekst-zacht); }
.cijfertabel th, .cijfertabel td { padding: 16px 22px; border-top: 1px solid var(--lijn); text-align: right; vertical-align: top; font-size: 16px; }
.cijfertabel thead th { border-top: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tekst-zacht); }
.cijfertabel th[scope="row"], .cijfertabel thead th:first-child { text-align: left; }
.cijfertabel th[scope="row"] { font-family: var(--font-vertoning); font-weight: 400; font-size: 24px; letter-spacing: -0.02em; color: var(--inkt); }
.cijfertabel th[scope="row"] span { display: block; font-family: var(--font-tekst); font-size: 13px; letter-spacing: 0; color: var(--tekst-zacht); }
.cijfertabel td { color: var(--inkt); white-space: nowrap; }
.galerij { display: flex; flex-wrap: wrap; gap: 14px; }
.galerij__item { flex-grow: var(--r); flex-basis: calc(var(--r) * 230px); min-width: 0; margin: 0; }
.galerij__item.is-verborgen { display: none; }
.galerij__knop { display: block; width: 100%; padding: 0; border: 0; background: var(--zand); border-radius: var(--r-klein); overflow: hidden; cursor: zoom-in; aspect-ratio: var(--r); }
.galerij__knop img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
@media (hover: hover) { .galerij__knop:hover img { transform: scale(1.035); } }
.galerij__onderschrift { margin: 8px 8px 0; font-size: 13.5px; line-height: 1.4; color: var(--tekst-zacht); }
.galerij__onderschrift strong { margin-right: 4px; color: var(--inkt); font-weight: 600; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
.galerij__vulling { flex-grow: 1000; flex-basis: 0; height: 0; }
.galerij--raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.galerij--raster.galerij--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 1240px) { .galerij--raster.galerij--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.galerij--raster.galerij--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.galerij--raster .galerij__knop { aspect-ratio: 4 / 3; }
.galerij--raster .galerij__vulling { display: none; }
.fotoverhaal { --reeks-gat: clamp(16px, 2vw, 24px); --reeks-rij: clamp(36px, 4vw, 48px); }
.fotofilter { margin-top: 24px; }
.fotoverhaal { padding-top: clamp(40px, 5vw, 64px); }
.hoofdstuk + .hoofdstuk { margin-top: clamp(64px, 8vw, 112px); padding-top: clamp(56px, 7vw, 96px); border-top: 1px solid var(--lijn); }
.hoofdstuk.is-verborgen, .vfoto.is-verborgen { display: none; }
.hoofdstuk.is-verborgen + .hoofdstuk { margin-top: 0; padding-top: 0; border-top: 0; }
.hoofdstuk__kop { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: 16px clamp(20px, 5vw, 80px); align-items: end; margin-bottom: clamp(28px, 3.5vw, 44px); }
.hoofdstuk__kop .kicker { margin-bottom: 14px; }
.hoofdstuk__kop .intro { max-width: 34em; }
.vfoto { margin: 0; min-width: 0; }
.vfoto__knop { display: block; aspect-ratio: 3 / 2; border-radius: var(--r-kaart); overflow: hidden; background: var(--zand); cursor: zoom-in; }
.vfoto__knop img { width: 100%; height: 100%; object-fit: cover; }
.hoofdstuk--klein > .hoofdstuk__kop { max-width: 720px; margin-inline: auto; grid-template-columns: minmax(0, 1fr); align-items: start; }
.hoofdstuk--klein > .vfoto { max-width: 352px; margin-left: max(0px, calc((100% - 720px) / 2)); margin-right: auto; }
@media (max-width: 639px) { .hoofdstuk--klein > .vfoto { max-width: none; margin-left: 0; } }
.vfoto--eigen .vfoto__knop { aspect-ratio: 352 / 405; }
@media (max-width: 719px) { .fotoverhaal__hoofdstukken { max-width: 607px; margin-inline: auto; } }
.vfoto__knop:focus-visible { outline-offset: 4px; border-radius: var(--r-kaart); }
.vfoto__onderschrift { margin: 12px 8px 0; font-size: var(--t-klein); line-height: 1.45; color: var(--tekst-zacht); }
.vfoto__onderschrift strong { margin-right: 4px; color: var(--inkt); font-weight: 600; font-size: var(--t-label); letter-spacing: 0.08em; text-transform: uppercase; }
.fotoreeks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--reeks-rij) var(--reeks-gat); margin-top: var(--reeks-rij); }
.fotoreeks > .vfoto { grid-column: span 2; }
.fotoreeks > .vfoto:last-child:nth-child(odd) { grid-column: 2 / span 2; }
@media (max-width: 719px) {
  .fotoreeks { grid-template-columns: minmax(0, 1fr); }
  .fotoreeks > .vfoto, .fotoreeks > .vfoto:last-child:nth-child(odd) { grid-column: 1; }
}
.fotoverhaal__noot { margin-top: clamp(56px, 7vw, 96px); padding-top: 24px; border-top: 1px solid var(--lijn); }
.lightbox { width: min(1100px, 94vw); max-height: 92vh; max-height: 92dvh; padding: 0; border: 0; border-radius: var(--r-kaart); background: var(--woud); color: var(--blad); overflow: hidden; }
.lightbox::backdrop { background: rgba(14, 20, 10, 0.86); }
.lightbox__inhoud { display: flex; flex-direction: column; }
.lightbox img { width: 100%; max-height: 74vh; max-height: 74dvh; object-fit: contain; background: #10190C; }
.lightbox__balk { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; }
.lightbox__tekst { font-size: 14.5px; line-height: 1.45; }
.lightbox__tekst strong { display: block; color: var(--goud); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; }
.lightbox__knoppen { display: flex; gap: 8px; flex: none; }
.rondknop { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--lijn-donker); background: transparent; color: var(--creme); cursor: pointer; }
.rondknop:hover { background: rgba(250, 247, 240, 0.12); }
.rondknop svg { width: 20px; height: 20px; }
.lightbox__teller { font-size: 13px; color: var(--blad); min-width: 52px; text-align: center; align-self: center; }
.uitgelicht { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; border-radius: var(--r-kaart); overflow: hidden; background: var(--woud); color: var(--blad); text-decoration: none; margin-bottom: clamp(24px, 3vw, 40px); }
.uitgelicht__beeld { min-height: 360px; position: relative; }
.uitgelicht__beeld img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.uitgelicht__tekst { display: flex; flex-direction: column; gap: 16px; padding: clamp(28px, 4vw, 56px); }
.uitgelicht__tekst .kop-2 { color: var(--creme); font-size: clamp(30px, 3vw, 44px); }
.uitgelicht .pijllink { color: var(--goud); margin-top: auto; }
@media (hover: hover) { a.uitgelicht:hover .pijllink { text-decoration-color: currentColor; } a.uitgelicht:hover .pijllink svg { transform: translateX(3px); } }
a.uitgelicht:hover, a.nieuwstegel--woud:hover, a.kaart--woud:hover { color: var(--blad); }
a.nieuwstegel--foto:hover { color: var(--creme); }
.nieuwskaart { padding: 12px; }
.nieuwskaart__beeld { margin: -12px -12px 0; border-radius: calc(var(--r-kaart) - 1px) calc(var(--r-kaart) - 1px) 0 0; overflow: hidden; aspect-ratio: 3 / 2; background: var(--zand); }
.nieuwskaart__beeld img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
@media (hover: hover) { a.nieuwskaart:hover .nieuwskaart__beeld img { transform: scale(1.035); } }
.nieuwskaart__tekst { display: flex; flex-direction: column; gap: 10px; padding: 16px 12px 12px; flex: 1; }
.nieuwskaart__tekst .kop-3 { font-size: clamp(21px, 1.6vw, 24px); }
.nieuwskaart__tekst > p { margin: 0; }
.nieuwskaart__tekst > p:not(.meta) { font-size: 15px; line-height: 1.55; }
.nieuwskaart .pijllink { margin-top: auto; }
.nieuwsraster {
  --tegel-pad: clamp(28px, calc(4vw - 20px), 36px);
  --tegel-rij: 298px;
  --raster-gat: clamp(16px, 2vw, 24px);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(calc((var(--tegel-rij) - var(--raster-gat)) / 2), 1fr);
  gap: var(--raster-gat);
}
.nieuwstegel { grid-row: span 2; position: relative; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: var(--tegel-pad); border-radius: var(--r-kaart); color: var(--tekst); text-decoration: none; overflow: hidden; transition: transform .25s ease; }
.nieuwstegel--half { grid-row: span 1; }
.nieuwstegel--breed { grid-column: span 2; }
.nieuwstegel--mos { background: var(--mos); }
.nieuwstegel--zon { background: var(--zon); }
.nieuwstegel--klei { background: var(--klei); }
.nieuwstegel--zand { background: var(--zand); }
.nieuwstegel .chip { margin: 0 0 16px; background: rgba(23, 33, 15, 0.07); }
.nieuwstegel--mos .chip { color: var(--woud-2); }
.nieuwstegel--zon .chip { color: #5B430E; }
.nieuwstegel--klei .chip { color: #6A3524; }
.nieuwstegel--zand .chip { color: var(--tekst); }
.nieuwstegel .kop-3 { margin: 0 0 20px; font-size: clamp(22px, 1.6vw, 24px); }
.nieuwstegel .pijllink { margin-top: auto; }
.nieuwstegel--breed .kop-3 { margin-bottom: 12px; }
.nieuwstegel__inleiding { margin: 0 0 20px; max-width: 64ch; font-size: var(--t-tekst); line-height: 1.6; color: var(--tekst); }
.js-beweeg .nieuwstegel.onthul:not(.onthul-klaar) { transition: none; }
@media (hover: hover) {
  a.nieuwstegel:hover { transform: translateY(-3px); }
  a.nieuwstegel:hover .pijllink { text-decoration-color: currentColor; }
  a.nieuwstegel:hover .pijllink svg { transform: translateX(3px); }
}
.nieuwstegel--foto { grid-row: span 4; isolation: isolate; background: var(--woud-2); color: var(--creme); }
.nieuwstegel__foto { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.nieuwstegel__sluier { position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; height: 60%; background: linear-gradient(to top, rgba(47, 88, 35, 1), rgba(47, 88, 35, 0)); pointer-events: none; }
.nieuwstegel--foto .chip { background: var(--linnen); color: var(--woud-2); }
.nieuwstegel--foto .kop-3 { margin: auto 0 0; color: var(--creme); }
.nieuwstegel--foto .pijllink { margin-top: 0; color: var(--creme); }
.nieuwstegel--foto:focus-visible { outline-color: var(--woud); }
.nieuwstegel--woud { background: var(--woud); color: var(--blad); container-type: inline-size; }
.nieuwstegel__cijfer { margin: 0; }
.nieuwstegel__getal { margin: 0 0 6px; font-family: var(--font-vertoning); font-weight: 300; font-size: 32px; line-height: 1; letter-spacing: -0.04em; color: var(--goud); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.nieuwstegel__label { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--creme); }
.nieuwstegel__bron { margin: auto 0 0; padding: 4px 0 0; font-size: 13.5px; line-height: 1.35; color: var(--blad); white-space: nowrap; text-decoration: underline; text-decoration-color: transparent; transition: text-decoration-color .22s ease; }
.nieuwstegel__bron svg { display: inline-block; width: 16px; height: 16px; margin-left: 4px; vertical-align: -3px; color: var(--goud); transition: transform .2s ease; }
@media (min-width: 640px) {
  @container (min-width: 296px) {
    .nieuwstegel__cijfer { display: flex; align-items: center; gap: 14px; }
    .nieuwstegel__getal { margin: 0; font-size: 34px; }
    .nieuwstegel__label { max-width: 9em; }
  }
}
@media (hover: hover) {
  a.nieuwstegel:hover .nieuwstegel__bron { text-decoration-color: currentColor; }
  a.nieuwstegel:hover .nieuwstegel__bron svg { transform: translateX(3px); }
}
.nieuwstegel--overzicht .kop-3 { margin: 0; line-height: 1; }
@media (max-width: 899px) {
  .nieuwsraster { grid-template-columns: repeat(2, minmax(0, 1fr)); --tegel-rij: 272px; }
  .nieuwstegel--breed { grid-column: auto; }
  .nieuwstegel--breed .kop-3 { margin-bottom: 20px; }
  .nieuwstegel__inleiding { display: none; }
}
@media (max-width: 639px) {
  .nieuwsraster { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-auto-rows: 1fr; }
  .nieuwstegel { grid-row: auto; min-height: 196px; }
  .nieuwstegel--half { min-height: calc(80px + 2 * var(--tegel-pad)); }
  .nieuwstegel--foto { grid-row: auto; width: 100%; aspect-ratio: 3 / 5; min-height: 560px; }
}
.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tekst-zacht); }
.meta span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: var(--goud); margin-right: 8px; vertical-align: middle; }
.faq { --faq-ease: cubic-bezier(0.25, 1, 0.5, 1); --faq-duur: 400ms; --kop-ruimte: 110px; padding-block: clamp(40px, 5.2vw, 72px) var(--sectie-y); }
.faq__raster { display: grid; grid-template-columns: minmax(0, 35fr) minmax(0, 65fr); gap: clamp(40px, 5vw, 72px); }
.faq__kop { font-size: clamp(42px, 4.6vw, 64px); }
.faq__intro { font-size: clamp(16px, 1.3vw, 18px); max-width: 30em; }
.faq__snel { margin-top: 28px; }
.faq__snel ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.snel { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 8px 14px 8px 16px; border-radius: var(--r-pil); font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-decoration: none; }
.snel svg { width: 14px; height: 14px; }
.snel--mos { background: var(--mos); color: var(--woud-2); }
.snel--zon { background: var(--zon); color: #5B430E; }
.snel--klei { background: var(--klei); color: #6A3524; }
.snel--zand { background: var(--zand); color: var(--tekst); }
.snel:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.faq__beeld { margin-top: 40px; }
.faq__foto { aspect-ratio: 3 / 2; border-radius: var(--r-kaart); overflow: hidden; background: var(--zand); }
.faq__foto img { width: 100%; height: 100%; object-fit: cover; }
.faq__kamers { display: grid; gap: 24px; align-content: start; }
.kamer { padding: clamp(28px, 2.6vw, 36px) clamp(28px, 2.6vw, 36px) clamp(6px, 0.7vw, 10px); border-radius: var(--r-kaart); }
.kamer--mos { background: var(--mos); }
.kamer--zon { background: var(--zon); }
.kamer--klei { background: var(--klei); }
.kamer--zand { background: var(--zand); }
.kamer__titel { font-family: var(--font-vertoning); font-weight: 300; font-size: clamp(28px, 2.45vw, 34px); line-height: 1.1; letter-spacing: -0.02em; color: var(--inkt); }
.kamer__sub { margin: 8px 0 0; font-size: var(--t-klein); line-height: 1.45; color: var(--tekst-zacht); }
.kamer__vragen { margin-top: 20px; }
.vraag { border-top: 1px solid var(--lijn); }
.vraag__kop { display: block; margin-inline: -12px; padding: 26px 12px; list-style: none; cursor: pointer; color: var(--inkt); }
.vraag__kop::-webkit-details-marker { display: none; }
.vraag__kop::marker { content: ""; }
.vraag__kop:focus-visible { outline-offset: 0; border-radius: 10px; }
.vraag__rij { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.vraag__tekst { font-size: calc(var(--t-tekst) * 1.45); font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; color: var(--inkt); }
.vraag__icoon { width: 24px; height: 24px; color: var(--groen); }
@media (hover: hover) { .vraag__kop:hover .vraag__tekst { color: var(--groen); } }
.vraag__streep { stroke-dasharray: 1 2; stroke-dashoffset: 0; transition: stroke-dashoffset var(--faq-duur) var(--faq-ease); }
.vraag[open] .vraag__streep { stroke-dashoffset: 1.02; }
.js-faq .vraag[open]:not(.is-open) .vraag__streep { stroke-dashoffset: 0; }
.vraag__antwoord { margin-left: -12px; padding-left: 12px; }
.js-faq .vraag.is-bezig .vraag__antwoord { overflow: hidden; }
.vraag__inhoud { padding-bottom: 28px; }
.antwoord { position: relative; max-width: calc(100% - 48px); padding: 18px 22px 20px; border-radius: var(--r-klein); background: var(--linnen); color: var(--tekst); font-size: var(--t-tekst); line-height: 1.6; }
.antwoord::before { content: ""; position: absolute; left: -6px; top: 20px; width: 14px; height: 14px; background: var(--linnen); transform: rotate(45deg); border-radius: 0 0 0 3px; }
.antwoord { overflow-wrap: anywhere; }
.pillen { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.pil { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 10px 18px; border-radius: var(--r-pil); background: var(--linnen); color: var(--groen); font-size: 15px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.pil svg { width: 16px; height: 16px; }
.pil:hover { color: var(--inkt); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.kamer--slot { padding-bottom: clamp(28px, 2.6vw, 36px); }
.kamer__gesprek { margin-top: 20px; padding-left: 0; }
@media (min-width: 900px) and (min-height: 820px) { .faq__rust-binnen { position: sticky; top: var(--kop-ruimte); } }
@media (max-width: 1079px) { .faq { --kop-ruimte: 96px; } }
.formulier { display: grid; gap: 18px; }
.veld { display: grid; gap: 7px; }
.veld label { font-size: 14.5px; font-weight: 600; color: var(--inkt); }
.veld input, .veld select, .veld textarea { width: 100%; min-height: 50px; padding: 13px 16px; border: 1px solid #CFC4AA; border-radius: var(--r-veld); background: #FFFFFF; color: var(--inkt); font-family: var(--font-tekst); font-size: 16px; line-height: 1.45; }
.veld textarea { min-height: 160px; resize: vertical; }
.veld select { appearance: none; -webkit-appearance: none; padding-right: 44px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2333591F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; }
.veld input:focus, .veld select:focus, .veld textarea:focus { outline: 3px solid var(--goud); outline-offset: 1px; border-color: var(--woud); }
.veld input::placeholder, .veld textarea::placeholder { color: #8A8B7C; }
.akkoord { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 14.5px; line-height: 1.5; color: var(--tekst); }
.akkoord input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--woud); }
.bevestiging { padding: 14px 16px; border-radius: var(--r-veld); background: var(--mos); color: var(--woud-2); font-weight: 600; font-size: 15px; }
.infokaart { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start; }
.infokaart .icoonrond { margin: 0; background: var(--mos); }
.infokaart h2 { font-family: var(--font-tekst); font-size: 17px; font-weight: 600; color: var(--inkt); margin-bottom: 2px; }
.infokaart a { font-weight: 600; overflow-wrap: anywhere; }
.rekening { display: grid; gap: 18px; }
.rekening__regel span { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(207, 224, 193, 0.85); margin-bottom: 4px; }
.rekening__regel strong { display: block; font-family: var(--font-vertoning); font-weight: 400; font-size: clamp(22px, 2vw, 28px); letter-spacing: -0.015em; color: var(--creme); line-height: 1.2; }
.rekening__regel--status strong { color: var(--goud); }
.ruimte-boven { margin-top: 24px; }
.ruimte-boven-klein { margin-top: 10px; }
.ruimte-onder { margin-bottom: 20px; }
.ruimte-onder-klein { margin-bottom: 10px; }
.beeld-breed { aspect-ratio: 4 / 3; }
.steunkaart { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: clamp(28px, 5vw, 72px); align-items: center; padding: clamp(28px, 4.5vw, 64px); }
.notitieregel { display: flex; gap: 12px; align-items: flex-start; max-width: 78ch; margin: 24px 0 0; font-size: 15px; color: var(--tekst); }
.notitieregel svg { width: 20px; height: 20px; color: var(--merkgroen); margin-top: 2px; }
.notitieregel strong { color: var(--inkt); }
.kaart--opdonker { background: rgba(250, 247, 240, 0.05); border-color: var(--lijn-donker); color: var(--blad); }
.kaart--opdonker .kop-3 { color: var(--creme); }
.kaart--opdonker .icoonrond { background: rgba(241, 190, 66, 0.14); color: var(--goud); }
.icoonrond--mos { background: var(--mos); }
.jaargroep__getal--woord { font-size: clamp(34px, 3.4vw, 48px); letter-spacing: -0.03em; }
.namenlijst { list-style: none; margin: 8px 0 12px; padding: 0; }
.namenlijst li { font-family: var(--font-vertoning); font-size: 22px; font-weight: 400; letter-spacing: -0.015em; color: var(--inkt); line-height: 1.3; }
.bestuurslijst { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 16px; }
.bestuurslijst li { padding-top: 16px; border-top: 1px solid var(--lijn); }
.bestuurslijst li:first-child { padding-top: 0; border-top: 0; }
.bestuurslijst strong { display: block; font-size: 17px; color: var(--inkt); }
.bestuurslijst span { display: block; margin: 2px 0 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--groen); }
.bestuurslijst p { margin: 0; }
.kaart--formulier { padding: clamp(24px, 3.4vw, 44px); }
.slotregel { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0; font-family: var(--font-vertoning); font-size: clamp(20px, 2vw, 26px); font-weight: 300; letter-spacing: -0.015em; color: var(--inkt); text-align: center; }
.slotregel svg { width: 24px; height: 24px; color: var(--rood); fill: currentColor; }
.verhaal .klein a, .notitie a { font-weight: 600; }
.voet { background: var(--woud); color: var(--blad); font-size: 15px; }
.voet__boven { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 40px clamp(24px, 4vw, 56px); padding-block: clamp(56px, 7vw, 88px) clamp(40px, 5vw, 56px); }
.voet__logo { height: 52px; width: auto; margin-bottom: 18px; }
.voet__missie { max-width: 34ch; color: var(--blad); }
.voet__slot { font-family: var(--font-vertoning); font-style: italic; font-weight: 300; color: var(--goud); margin-top: 10px; }
.voet h2 { font-family: var(--font-tekst); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--goud); margin-bottom: 14px; }
.voet ul { list-style: none; display: grid; gap: 2px; }
.voet a { color: var(--blad); text-decoration: none; display: inline-block; padding: 5px 0; }
.voet a:hover { color: #FFFFFF; text-decoration: underline; }
.voet .knop { margin-top: 18px; padding: 10px 18px; min-height: 42px; font-size: 14px; color: #FFFFFF; }
.voet .knop:hover { text-decoration: none; }
.voet__gegevens { margin-top: 8px; color: rgba(207, 224, 193, 0.85); font-size: 14px; line-height: 1.6; }
.voet__onder { border-top: 1px solid var(--lijn-donker); }
.voet__onder .binnen { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-block: 18px; font-size: 13.5px; color: rgba(207, 224, 193, 0.85); }
.voet__onder ul { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.voet__onder p { margin: 0; }
.voet__maker { flex: 1 1 100%; margin: 0; }
.voet .voet__maker a { display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.voet .voet__maker a:hover { color: #FFFFFF; text-decoration: none; }
.voet__maker img { display: block; flex: none; width: 106px; height: 16px; position: relative; top: 1px; }
@media (min-width: 768px) {
  .voet__onder .binnen { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .voet__maker { justify-self: end; }
}
.melding.wacht { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(var(--onderbalk, 0px) + 18px)); }
.melding { transition: opacity .45s ease, transform .45s ease, visibility .45s; }
.melding { position: fixed; right: 24px; bottom: 24px; z-index: 90; width: min(360px, calc(100vw - 32px)); display: grid; grid-template-columns: minmax(0, 1fr) 44px; gap: 4px 8px; align-items: start; padding: 16px 10px 16px 18px; border-radius: var(--r-klein); background: var(--woud); color: var(--blad); box-shadow: 0 12px 32px rgba(14, 20, 10, 0.28); transform: translateY(var(--onderbalk, 0px)); }
.melding__label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--goud); }
.melding__label::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--goud); }
.melding__titel { margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--creme); }
.melding a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--goud); text-decoration: none; }
.melding a svg { width: 16px; height: 16px; }
.melding a:hover { text-decoration: underline; }
.melding .rondknop { width: 40px; height: 40px; border-color: transparent; color: var(--blad); justify-self: end; margin-top: -6px; }
@media (max-width: 767.98px) { .melding { display: none !important; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media (max-width: 1079px) {
  .hoofdnav { display: none; }
  .mobielzone { display: flex; }
  .kopbalk > .binnen { height: 68px; gap: 8px; }
  .logo img { height: 40px; }
  .voet__boven { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cijferrij { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cijfer:nth-child(3) { border-left: 0; padding-left: 0; }
  .cijfer:nth-child(n+3) { border-top: 1px solid var(--lijn); }
  .vijf { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .raster-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px) { .mobielnav { display: none !important; } }
@supports (width: 1cqw) {
  .collage { --hero-rechts: max(var(--zijkant), (100cqw - var(--breed)) / 2); }
}
@media (max-width: 1199px) {
  .hero__raster { grid-template-columns: minmax(0, 1fr) calc(522px + (100vw - 900px) * 0.595); }
  .collage { grid-template-columns: minmax(0, 1fr) calc(265px + (100vw - 900px) * 0.2); }
  .collage__foto--voedsel .collage__beeld { flex: 1 0 auto; aspect-ratio: 16 / 9; }
}
@media (min-width: 900px) {
  @supports (grid-template-rows: subgrid) {
    .hero__raster {
      --collage-b: clamp(700px, calc(700px + (100vw - 1200px) * 0.236), 744px);
      --teken-b: calc((var(--collage-b) - 32px) * 369 / 712);
      --voedsel-h: calc(var(--teken-b) * 195 / 369);
      --kicker-kap: 2.2px;
      grid-template-rows: minmax(0, 1fr) auto 32px var(--voedsel-h) 44px; column-gap: 16px; row-gap: 0;
    }
    .hero__tekst { grid-column: 1; grid-row: 2 / 5; margin-bottom: 0; }
    .collage { grid-column: 2; grid-row: 1 / 6; grid-template-rows: subgrid; row-gap: 0; }
    .collage__vlak { grid-row: 1 / 3; align-self: end; }
    .collage__foto--water { grid-row: 2 / 6; align-self: stretch; margin-top: var(--kicker-kap); display: flex; flex-direction: column; }
    .collage__foto--water .collage__beeld { position: relative; flex: 1 1 0; min-height: 0; aspect-ratio: auto; }
    .collage__foto--water .collage__beeld img { position: absolute; inset: 0; }
    .collage__foto--voedsel { grid-row: 4 / 6; }
    .collage__foto--voedsel .collage__beeld { flex: 1 1 0; min-height: 0; aspect-ratio: auto; }
  }
}
@media (min-width: 900px) and (max-width: 1199px) {
  @supports (grid-template-rows: subgrid) {
    .hero__raster { --collage-b: calc(522px + (100vw - 900px) * 0.595); --teken-b: calc(265px + (100vw - 900px) * 0.2); --voedsel-h: calc(var(--teken-b) * 9 / 16); }
  }
}
@media (min-width: 900px) and (max-width: 1095px) {
  @supports (grid-template-rows: subgrid) {
    .hero__raster { --teken-b: min(calc(265px + (100vw - 900px) * 0.2), 286px); }
    .collage { grid-template-columns: minmax(0, 1fr) var(--teken-b); }
    .collage__foto--water .collage__beeld img { object-position: 86% 0%; }
  }
}
@media (max-width: 899px) {
  .hero__raster, .kolommen, .kolommen--breed-smal, .kolommen--smal-breed, .sectiekop, .paginakop__raster, .projectraster, .uitgelicht, .steunkaart { grid-template-columns: minmax(0, 1fr); }
  .hero__raster { gap: 40px; align-items: start; }
  .hero__tekst { margin-bottom: 0; }
  .collage { --hero-rechts: var(--zijkant); grid-template-columns: minmax(0, 1fr) calc(48.151% - 25.68px); }
  .collage__foto--water .collage__beeld { aspect-ratio: 2 / 3; }
  .collage__bijschrift { font-size: 13px; }
  .sectiekop { align-items: start; }
  .sectiekop--met-link { grid-template-columns: minmax(0, 1fr); }
  .raster-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jaargroep, .docjaar { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .docjaar .plank { max-width: 520px; }
  .docjaar__tekst { margin-top: 24px; }
  .galerij--raster, .galerij--raster.galerij--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hoofdstuk__kop { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .jaargroep__jaar { display: flex; align-items: baseline; gap: 16px; }
  .jaargroep__aantal { margin-top: 0; }
  .projectrij { grid-template-columns: minmax(0, 1fr); }
  .projectrij__beeld { min-height: 0; aspect-ratio: 16 / 10; }
  .zijkolom { position: static; }
  .faq__raster { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .faq__foto { aspect-ratio: 16 / 9; }
  .vraag__tekst { font-size: calc(var(--t-tekst) * 1.3); }
  .vraag__kop { padding: 22px 12px; }
  .ctaband { grid-template-columns: minmax(0, 1fr); }
  .uitgelicht__beeld { min-height: 0; aspect-ratio: 16 / 10; }
  .beeldraster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .plank { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
  .raster-2, .raster-3, .raster-4, .vijf { grid-template-columns: minmax(0, 1fr); }
  .cijferrij { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .cijfer { padding: 22px 12px 22px 16px; }
  .cijfer:nth-child(odd) { padding-left: 0; border-left: 0; }
  .voet__boven { grid-template-columns: minmax(0, 1fr); }
  .knoppen .knop { flex: 1 1 auto; }
  .knop { white-space: normal; text-align: center; }
  .hero__raster { padding-block: 40px 24px; gap: 32px; }
  .hero__tekst .kicker { margin-bottom: 12px; }
  .hero .kop-vertoning { font-size: clamp(48px, calc(48px + (100vw - 320px) * 0.17778), 56px); max-width: 9em; }
  .hero__tekst .kop-vertoning { margin-bottom: 16px; }
  .hero__tekst .intro { font-size: 16px; line-height: 1.55; margin-bottom: 24px; }
  .hero__tekst .knoppen { gap: 12px; }
  .collage { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .collage__vlak { grid-column: 1; grid-row: 1; }
  .collage__foto--water { grid-column: 1; grid-row: 2; }
  .collage__foto--water .collage__beeld { aspect-ratio: 2 / 3; }
  .collage__foto--voedsel { grid-column: 1; grid-row: 3; display: block; }
  .collage__foto--voedsel .collage__beeld { aspect-ratio: 3 / 2; }
  .hero .knoppen .knop { flex: 1 1 100%; }
  .plank { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .docjaar .plank { max-width: none; }
  .beeldraster { grid-template-columns: minmax(0, 1fr); }
  .gegevens > div { grid-template-columns: minmax(0, 1fr); }
  .tijdlijn li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .galerij__item { flex-basis: calc(var(--r) * 150px); }
  .galerij--raster, .galerij--raster.galerij--2, .galerij--raster.galerij--4 { grid-template-columns: minmax(0, 1fr); }
  .melding { right: 12px; left: 12px; width: auto; bottom: 12px; padding: 12px 6px 12px 14px; }
  .melding__titel { font-size: 14px; margin-bottom: 4px; }
  .faq__raster { gap: 32px; }
  .faq__beeld { display: none; }
  .faq__snel { margin-top: 24px; }
  .kamer { padding: 28px 28px 8px; }
  .kamer--slot { padding-bottom: 28px; }
  .kamer__titel { font-size: 28px; }
  .kamer__vragen { margin-top: 16px; }
  .vraag__kop { padding: 20px 12px; }
  .vraag__rij { gap: 16px; }
  .vraag__tekst { font-size: 18px; line-height: 1.35; letter-spacing: 0; }
  .vraag__inhoud { padding-bottom: 22px; }
  .antwoord { max-width: 100%; padding: 14px 16px 16px; }
  .antwoord::before { top: 16px; }
  .pil { min-height: 40px; padding: 9px 16px; font-size: 14.5px; }
  .partnerstrook { flex-direction: column; justify-content: center; text-align: center; gap: 12px; padding-block: 24px 24px; }
  .partnerstrook__partner { flex-direction: column; align-items: center; gap: 8px; }
  .partnerstrook__naam span { display: block; }
  .partnerstrook .vertrouwen { align-items: flex-start; text-align: left; }
  .vertrouwen svg { flex: none; }
  .lightbox__balk { flex-wrap: wrap; }
  .lightbox__tekst { flex: 1 1 100%; }
  .lightbox__knoppen { width: 100%; justify-content: space-between; }
  .vertrouwen { flex-direction: column; gap: 8px; font-size: 14px; }
}
@media (max-width: 359px) {
}
@media (max-width: 399px) {
  .collage__bijschrift { font-size: 12px; }
}
@media (max-width: 359px) {
  .hero .kicker { letter-spacing: 0.03em; white-space: nowrap; }
  .hero .kicker::before { width: 20px; }
  .cijferrij { grid-template-columns: minmax(0, 1fr); }
  .cijfer, .cijfer:nth-child(odd) { padding-left: 0; padding-right: 0; border-left: 0; }
  .cijfer:nth-child(n+2) { border-top: 1px solid var(--lijn); }
}
.koppen-sans {
  --font-vertoning: var(--font-tekst);
  --t-vertoning: clamp(46px, 7.8vw, 102px);
  --t-h1: clamp(40px, 5.4vw, 68px);
  --t-h2: clamp(32px, 3.9vw, 56px);
  --t-tussen: clamp(26px, 2.3vw, 32px);
  --t-h3: clamp(20px, 1.9vw, 24px);
  --t-jaartal: clamp(26px, 3.215vw, 45px);
  font-synthesis: none;
}
.koppen-sans h1, .koppen-sans h2, .koppen-sans h3, .koppen-sans h4,
.koppen-sans .kop-vertoning, .koppen-sans .kop-1, .koppen-sans .kop-2, .koppen-sans .kop-3, .koppen-sans .hero .kop-vertoning,
.koppen-sans .lees h2, .koppen-sans .verhaal h2, .koppen-sans .kamer__titel, .koppen-sans .citaat p,
.koppen-sans .nummer, .koppen-sans .cijfer__getal, .koppen-sans .nieuwstegel__getal, .koppen-sans .jaargroep__getal, .koppen-sans .tijdlijn__jaar, .koppen-sans .stap__nr,
.koppen-sans .rapport__titel, .koppen-sans .partnerstrook__naam, .koppen-sans .cijfertabel th[scope="row"],
.koppen-sans .rekening__regel strong, .koppen-sans .namenlijst li, .koppen-sans .slotregel, .koppen-sans .voet__slot,
.koppen-sans strong, .koppen-sans b { font-weight: 600; }
.koppen-sans .partnerstrook__naam span, .koppen-sans .cijfertabel th[scope="row"] span { font-weight: 400; }
.koppen-sans .accent, .koppen-sans .hero .kop-vertoning .accent { --accent-ruim: max(4px, 0.123em); font-style: normal; font-weight: inherit; letter-spacing: inherit; padding-right: 0; padding-bottom: var(--accent-ruim); }
.koppen-sans .voet__slot { font-style: normal; }
.koppen-sans .kop-vertoning { line-height: 1; letter-spacing: -0.03em; }
.koppen-sans .kop-1 { line-height: 1.06; letter-spacing: -0.03em; }
.koppen-sans .kop-2 { line-height: 1.16; letter-spacing: -0.024em; }
.koppen-sans .kop-3 { line-height: 1.2; letter-spacing: -0.012em; }
.koppen-sans .lees h2, .koppen-sans .verhaal h2, .koppen-sans .kamer__titel, .koppen-sans .uitgelicht__tekst .kop-2, .koppen-sans .citaat p { font-size: var(--t-tussen); line-height: 1.2; letter-spacing: -0.018em; }
.koppen-sans .nieuwstegel .kop-3, .koppen-sans .nieuwskaart__tekst .kop-3, .koppen-sans .rapport__titel, .koppen-sans .partnerstrook__naam,
.koppen-sans .namenlijst li, .koppen-sans .rekening__regel strong, .koppen-sans .cijfertabel th[scope="row"], .koppen-sans .slotregel { font-size: var(--t-h3); letter-spacing: -0.012em; }
.koppen-sans .nieuwstegel .kop-3, .koppen-sans .nieuwskaart__tekst .kop-3, .koppen-sans .rapport__titel, .koppen-sans .partnerstrook__naam, .koppen-sans .rekening__regel strong { line-height: 1.2; }
.koppen-sans .slotregel { line-height: 1.3; }
.koppen-sans .docjaar .rapport__jaar { display: block; }
@media (max-width: 1060px) { .koppen-sans .rapport__jaar { display: block; } }
.koppen-sans .rekening__regel strong { font-variant-numeric: lining-nums tabular-nums; }
.koppen-sans .partnerstrook__naam { padding-block: 0.2em; text-wrap: balance; }
@media (max-width: 639px) { .koppen-sans .partnerstrook__naam span { line-height: 1.6; } }
.koppen-sans .kopkolom { container-type: inline-size; }
.koppen-sans .kop-1, .koppen-sans .kop-1.faq__kop { font-size: var(--t-h1); }
@supports (width: 1cqw) { .koppen-sans .kop-1, .koppen-sans .kop-1.faq__kop { font-size: min(var(--t-h1), calc(100cqw / var(--kop-woord, 1))); } }
.koppen-sans .kop-1:not(:last-child) .accent { --accent-ruim: 0.173em; }
@media (min-width: 900px) { .koppen-sans .hero .kop-vertoning { max-width: 4.45em; } }
@media (max-width: 639px) { .koppen-sans .hero .kop-vertoning { font-size: min(56px, calc((100vw - 40px) * 0.1628)); letter-spacing: -0.035em; } }
.koppen-sans .accent .zwier { --zwier-h: clamp(0.055em, calc(0.5em - 19px), 0.11em); left: -0.02em; width: calc(100% + 0.05em); bottom: auto; top: calc(50% + 0.6825em - 0.589 * var(--zwier-h) - (var(--accent-ruim) - 4px) / 2); height: var(--zwier-h); }
.koppen-sans .accent .zwier path { stroke-width: 3px; }
@media (max-width: 899px) { .koppen-sans .accent .zwier path { stroke-width: 2.6px; } }
.koppen-sans .hero .kop-vertoning .accent { --accent-ruim: 0px; }
.koppen-sans .hero .accent .zwier { --zwier-h: 0.2em; bottom: auto; top: calc(50% + 0.36em); }
.koppen-sans .cijfer__getal, .koppen-sans .cijfer__getal--lang { font-size: clamp(38px, 3.6vw, 45px); letter-spacing: -0.03em; font-variant-numeric: lining-nums tabular-nums; }
@media (max-width: 1079px) { .koppen-sans .cijfer__getal, .koppen-sans .cijfer__getal--lang { font-size: 40px; } }
@media (max-width: 639px) {
  .koppen-sans .cijfer:nth-child(even) { padding-right: 0; }
  .koppen-sans .cijfer__getal, .koppen-sans .cijfer__getal--lang { font-size: clamp(26px, calc(9.3vw - 7.3px), 40px); }
}
@media (max-width: 359px) { .koppen-sans .cijfer__getal, .koppen-sans .cijfer__getal--lang { font-size: 34px; } }
.koppen-sans .jaargroep__getal, .koppen-sans .docjaar .jaargroep__getal, .koppen-sans .jaargroep__getal--woord, .koppen-sans .docjaar .jaargroep__getal--woord { font-size: var(--t-jaartal); line-height: 1; letter-spacing: -0.03em; font-variant-numeric: lining-nums tabular-nums; }
.koppen-sans .nummer, .koppen-sans .tijdlijn__jaar { font-size: calc(var(--t-h3) * 1.6); letter-spacing: -0.03em; font-variant-numeric: lining-nums tabular-nums; }
.koppen-sans .stap__nr, .koppen-sans .cijfertabel th[scope="row"] { font-variant-numeric: lining-nums tabular-nums; }
.koppen-sans .nieuwstegel__getal { letter-spacing: -0.03em; }
@media (min-width: 640px) { @container (min-width: 296px) { .koppen-sans .nieuwstegel__getal { font-size: 29px; } } }
.koppen-sans .melding__label { font-size: 12px; }
.koppen-sans h1, .koppen-sans h2, .koppen-sans h3, .koppen-sans h4, .koppen-sans .kamer__titel, .koppen-sans .kop-4, .koppen-sans .vraag__tekst { text-wrap: balance; }
.koppen-sans .citaat p { text-wrap: pretty; }
@media (min-width: 900px) { .koppen-sans .paginakop__raster--brede-kop { grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: clamp(20px, 3.2vw, 40px); } }
@media (max-width: 639px) { @supports (width: 1cqw) { .koppen-sans .kop-1[class*="kopr-"] { font-size: min(var(--t-h1), calc(100cqw / var(--kop-woord, 1)), max(32px, calc(100cqw / var(--kop-regel, 1)))); } } }
@media (min-width: 900px) { .koppen-sans .faq__raster { grid-template-columns: minmax(0, 37fr) minmax(0, 63fr); } }
@media (min-width: 900px) and (min-height: 820px) and (max-height: 859.98px) { .koppen-sans .faq__rust-binnen { position: static; } }
.koppen-sans .voet .knop { font-size: 15px; }
.koppen-sans .galerij__onderschrift { font-size: var(--t-klein); line-height: 1.45; }
@media (max-width: 899px) { .koppen-sans .galerij__onderschrift { font-size: 13px; } }
:root {
  --schuin: clamp(28px, 6vw, 96px);
  --arcering: repeating-linear-gradient(135deg, #D6C8A8 0 1.5px, transparent 1.5px 10px);
  --arcering-donker: repeating-linear-gradient(135deg, rgba(207, 224, 193, 0.13) 0 1.5px, transparent 1.5px 10px);
  --blok: 10px;
}
.hero { clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--schuin)), 0 100%); padding-bottom: var(--schuin); }
.sectie.vlak-woud, .sectie.vlak-zand {
  clip-path: polygon(0 var(--schuin), 100% 0, 100% calc(100% - var(--schuin)), 0 100%);
  padding-block: calc(var(--sectie-y) + var(--schuin));
}
.hero + *, .sectie.vlak-woud, .sectie.vlak-zand, .voet,
:is(.sectie.vlak-woud, .sectie.vlak-zand) + :not(.vlak-woud):not(.vlak-zand) { margin-top: calc(-1 * var(--schuin)); }
.voet { clip-path: polygon(0 var(--schuin), 100% 0, 100% 100%, 0 100%); padding-top: var(--schuin); }
.ctaband--woud {
  border-radius: 0;
  clip-path: polygon(0 28px, 100% 0, 100% calc(100% - 28px), 0 100%);
  padding-block: calc(clamp(32px, 4.5vw, 64px) + 28px);
}
.binnen:has(> .ctaband--woud) { filter: drop-shadow(14px 14px 0 var(--goud)); }
.paginakop, .sectie.vlak-woud, .voet,
[aria-labelledby="aanpak-titel"], [aria-labelledby="themas-titel"], [aria-labelledby="stappen-titel"], [aria-labelledby="steun-titel"] {
  position: relative; isolation: isolate; overflow: clip;
}
.paginakop::before, .sectie.vlak-woud::before, .voet::before,
[aria-labelledby="aanpak-titel"]::before, [aria-labelledby="aanpak-titel"]::after, [aria-labelledby="themas-titel"]::before,
[aria-labelledby="stappen-titel"]::before, [aria-labelledby="stappen-titel"]::after, [aria-labelledby="steun-titel"]::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
}
.paginakop::before { background: var(--arcering); top: 0; bottom: 0; left: 72%; right: 0; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); }
.sectie.vlak-woud::before { background: var(--arcering-donker); top: 0; bottom: 0; left: 46%; right: 0; clip-path: polygon(26% 0, 100% 0, 100% 100%, 0 100%); }
.voet::before { background: var(--arcering-donker); top: 0; bottom: 0; left: 0; width: 30%; clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%); }
[aria-labelledby="aanpak-titel"]::before { background: var(--zand); top: 44%; bottom: 3%; left: 0; width: 46%; clip-path: polygon(0 6%, 100% 0, 78% 100%, 0 100%); }
[aria-labelledby="aanpak-titel"]::after { background: var(--arcering); top: 30%; bottom: 16%; left: 66%; right: 0; clip-path: polygon(24% 0, 100% 5%, 100% 100%, 0 86%); }
[aria-labelledby="themas-titel"]::before { background: var(--arcering); top: 22%; bottom: 8%; left: 0; width: 34%; clip-path: polygon(0 0, 100% 9%, 62% 100%, 0 100%); }
[aria-labelledby="stappen-titel"]::before { background: var(--zand); top: 10%; bottom: 6%; left: 54%; right: 0; clip-path: polygon(16% 5%, 100% 0, 100% 100%, 0 94%); }
[aria-labelledby="stappen-titel"]::after { background: var(--arcering); top: 3%; height: 38%; left: 80%; right: 0; clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%); }
[aria-labelledby="steun-titel"]::before { background: var(--arcering); top: 0; bottom: 30%; left: 76%; right: 0; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 70%); }
.kaart { box-shadow: var(--blok) var(--blok) 0 #E3DAC5; }
.kaart--mos { box-shadow: var(--blok) var(--blok) 0 #C3D8B1; }
.kaart--zon, .projectkaart { box-shadow: var(--blok) var(--blok) 0 var(--goud); }
.kaart--klei { box-shadow: var(--blok) var(--blok) 0 #E8BFA8; }
.steunkaart, .staand__beeld { box-shadow: 14px 14px 0 var(--goud); }
.hero .collage__beeld { box-shadow: 14px 14px 0 var(--woud-2); }
.rapport__omslag { box-shadow: 8px 8px 0 var(--goud); }
.stap { box-shadow: 6px 6px 0 #E3DAC5; }
.knop--goud, .knop--rood { box-shadow: 4px 4px 0 rgba(23, 33, 15, 0.85); }
.collage__bijschrift { margin-top: 24px; }
.staand__beeld + .bijschrift { margin-top: 26px; }
.rapport__omslag { margin-bottom: 8px; }
.nieuwstegel, .kamer, .projectrij, .uitgelicht, .ctaband--zon, .citaat, .cijfertabel-wrap, .notitie { box-shadow: var(--blok) var(--blok) 0 #E3DAC5; }
:is(.nieuwstegel--mos, .kamer--mos, .notitie) { box-shadow: var(--blok) var(--blok) 0 #C3D8B1; }
:is(.nieuwstegel--zon, .kamer--zon, .ctaband--zon, .citaat, .nieuwstegel--woud, .nieuwstegel--foto, .projectrij, .uitgelicht) { box-shadow: var(--blok) var(--blok) 0 var(--goud); }
:is(.nieuwstegel--klei, .kamer--klei) { box-shadow: var(--blok) var(--blok) 0 #E8BFA8; }
.held__beeld, .faq__foto { box-shadow: 14px 14px 0 var(--goud); }
.vfoto__knop { box-shadow: var(--blok) var(--blok) 0 var(--goud); }
.galerij__knop { box-shadow: 8px 8px 0 var(--goud); }
:is(.held__beeld, .faq__foto) + .bijschrift { margin-top: 26px; }
.vfoto__knop + .vfoto__onderschrift { margin-top: 22px; }
.galerij__knop + .galerij__onderschrift { margin-top: 16px; }
@media (min-width: 900px) {
  [aria-labelledby="tijdlijn-titel"] > .kolommen { align-items: start; row-gap: 0; }
  [aria-labelledby="tijdlijn-titel"] > .kolommen > div:first-child { display: contents; }
  [aria-labelledby="tijdlijn-titel"] .kicker { grid-column: 1; grid-row: 1; }
  [aria-labelledby="tijdlijn-titel"] #tijdlijn-titel { grid-column: 1; grid-row: 2; }
  [aria-labelledby="tijdlijn-titel"] .tijdlijn { grid-column: 1; grid-row: 3; }
  [aria-labelledby="tijdlijn-titel"] .staand { grid-column: 2; grid-row: 3; align-self: center; position: relative; margin-bottom: 22px; }
  [aria-labelledby="tijdlijn-titel"] .staand > .bijschrift { position: absolute; top: 100%; left: 0; right: 0; }
}
.kaart--opdonker { box-shadow: var(--blok) var(--blok) 0 var(--woud-2); }
main::after { content: ""; display: block; height: calc(var(--schuin) + 28px); }
.bedrijfskaart { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.bedrijfskaart__logo { display: block; height: 56px; width: auto; max-width: 100%; }
.bedrijfskaart .chips { margin: 0; }
.bedrijfskaart p { margin: 0; }
.sectie:not(.vlak-woud):not(.vlak-zand):has(+ :is(.sectie.vlak-woud, .sectie.vlak-zand)) {
  padding-bottom: calc(var(--sectie-y) + var(--schuin));
}
:is(.sectie.vlak-woud, .sectie.vlak-zand, .hero) + .sectie:not(.vlak-woud):not(.vlak-zand) {
  padding-top: calc(var(--sectie-y) + var(--schuin));
}
.paginakop:has(+ :is(.sectie.vlak-woud, .sectie.vlak-zand)) {
  padding-bottom: calc(clamp(36px, 4.5vw, 64px) + var(--schuin));
}
@media (min-width: 900px) {
  .sectiekop:not(.sectiekop--enkel):not(.sectiekop--met-link), .paginakop__raster, .hoofdstuk:not(.hoofdstuk--klein) > .hoofdstuk__kop { align-items: start; }
  .sectiekop:not(.sectiekop--enkel):not(.sectiekop--met-link) > :first-child:has(> .kicker:first-child) + *,
  .paginakop__raster > :first-child:has(> .kicker:first-child) + * {
    margin-top: calc(var(--t-label) * 1.2 + 16px + 4px);
  }
  .sectiekop--met-link > :first-child:has(> .kicker:first-child) + p {
    align-self: start; margin-top: calc(var(--t-label) * 1.2 + 16px + 4px);
  }
  .hoofdstuk:not(.hoofdstuk--klein) > .hoofdstuk__kop > :first-child:has(> .kicker:first-child) + * {
    margin-top: calc(var(--t-label) * 1.2 + 14px + 4px);
  }
}
.paginakop::before, .sectie.vlak-woud::before,
[aria-labelledby="aanpak-titel"]::after, [aria-labelledby="stappen-titel"]::after, [aria-labelledby="steun-titel"]::before {
  left: calc(50% + var(--breed) / 2 + 8px); right: 0; width: auto;
}
.voet::before, [aria-labelledby="themas-titel"]::before {
  left: 0; right: auto; width: max(0px, calc(50% - var(--breed) / 2 - 8px));
}
.paginakop__onder { margin-top: clamp(24px, 3vw, 40px); }
:root {
  --beweeg-duur: 600ms;
  --beweeg-afstand: 100px;
  --beweeg-tekst: 100ms;
  --lijn-duur: 400ms;
  --lijn-stap: 10ms;
  --heel-duur: 400ms;
  --vlak-start: 1040ms;
  --vlak-duur: 400ms;
  --lus-duur: 2800ms;
  --lijn-px: 2.2;
}
@media (max-width: 899px) { :root { --lijn-px: 2; } }
.tekening { --lijn-terug: 1.86px; }
@media (max-width: 899px) { .tekening { --lijn-terug: 1.7px; } }
@media (max-width: 639px) { .tekening { --lijn-terug: 1.85px; } }
.tekening__svg { display: block; width: 100%; height: auto; }
.tekening__lijnen { stroke-width: var(--lijn, var(--lijn-terug)); }
.tekening__druppel { transform-box: fill-box; }
@keyframes onthul-op {
  from { opacity: 0; transform: translateY(var(--beweeg-afstand)); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes onthul-lijn {
  from { stroke-dasharray: 1 2; stroke-dashoffset: 1.02; }
  to { stroke-dasharray: 1 2; stroke-dashoffset: 0; }
}
@property --dek { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --dek-kan { syntax: "<number>"; inherits: false; initial-value: 1; }
.tekening__heel { opacity: calc(var(--dek, 1) * var(--dek-kan, 0) + 1 - var(--dek-kan, 0)); }
@keyframes onthul-heel {
  from { --dek: 0; stroke-opacity: var(--dek-kan, 0); fill-opacity: var(--dek-kan, 0); }
  to { --dek: 1; stroke-opacity: 1; fill-opacity: 1; }
}
@keyframes onthul-vlak {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}
@keyframes druppel-lus {
  0%, 62% { opacity: 1; transform: translateY(0); }
  90% { opacity: 0; transform: translateY(4px); }
  91% { opacity: 0; transform: translateY(0); }
  100% { opacity: 1; transform: translateY(0); }
}
.tekening__stap--0 { --stap: 0; }
.tekening__stap--24 { --stap: 24; }
.tekening__stap--40 { --stap: 40; }
.tekening__stap--64 { --stap: 64; }
.tekening__stap--104 { --stap: 104; }
@media (prefers-reduced-motion: no-preference) {
  .onthul--laden { animation: onthul-op var(--beweeg-duur) ease backwards; }
  .js-beweeg .onthul:not(.onthul--laden):not(.is-zichtbaar) { opacity: 0; transform: translateY(var(--beweeg-afstand)); }
  .js-beweeg .onthul.is-zichtbaar:not(.onthul--laden) { animation: onthul-op var(--beweeg-duur) ease backwards; }
  .onthul--laden.onthul--tekst,
  .js-beweeg .onthul.onthul--tekst.is-zichtbaar:not(.onthul--laden) { animation-delay: var(--beweeg-tekst); }
  .onthul.onthul-klaar { animation: none !important; }
  .js-beweeg .onthul:target:not(.onthul--laden) { opacity: 1; transform: none; animation: none !important; }
  .js-beweeg .tekening:not(.tekening--laden):not(.is-zichtbaar) .tekening__stap path { stroke-dasharray: 1 2; stroke-dashoffset: 1.02; }
  .js-beweeg .tekening:not(.tekening--laden):not(.is-zichtbaar) .tekening__heel,
  .js-beweeg .tekening:not(.tekening--laden):not(.is-zichtbaar) .tekening__vlak { opacity: 0; }
  .tekening--laden .tekening__stap path,
  .js-beweeg .tekening.is-zichtbaar .tekening__stap path {
    animation: onthul-lijn var(--lijn-duur) ease backwards;
    animation-delay: calc(var(--stap, 0) * var(--lijn-stap));
  }
  .tekening--laden .tekening__heel,
  .js-beweeg .tekening.is-zichtbaar .tekening__heel {
    animation: onthul-heel var(--heel-duur) ease backwards;
    animation-delay: calc(var(--stap, 0) * var(--lijn-stap));
  }
  .tekening--laden .tekening__vlak,
  .js-beweeg .tekening.is-zichtbaar .tekening__vlak {
    animation: onthul-vlak var(--vlak-duur) ease backwards;
    animation-delay: var(--vlak-start);
  }
  .tekening.tekening-klaar .tekening__stap path,
  .tekening.tekening-klaar .tekening__heel,
  .tekening.tekening-klaar .tekening__vlak { animation: none !important; }
  .tekening--laden .tekening__druppel,
  .js-beweeg .tekening.is-zichtbaar .tekening__druppel {
    animation: druppel-lus var(--lus-duur) ease infinite;
    animation-delay: calc(var(--vlak-start) + var(--vlak-duur));
  }
  .tekening.lus-stil .tekening__druppel { animation-play-state: paused; }
}
.pos-100-0 { object-position: 100% 0%; }
.pos-24-34 { object-position: 24% 34%; }
.pos-24-40 { object-position: 24% 40%; }
.pos-30-50 { object-position: 30% 50%; }
.pos-42-50 { object-position: 42% 50%; }
.pos-46-40 { object-position: 46% 40%; }
.pos-46-50 { object-position: 46% 50%; }
.pos-50-34 { object-position: 50% 34%; }
.pos-50-4 { object-position: 50% 4%; }
.pos-50-42 { object-position: 50% 42%; }
.pos-50-45 { object-position: 50% 45%; }
.pos-50-50 { object-position: 50% 50%; }
.pos-50-58 { object-position: 50% 58%; }
.pos-50-62 { object-position: 50% 62%; }
.pos-50-66 { object-position: 50% 66%; }
.pos-58-40 { object-position: 58% 40%; }
.pos-60-20 { object-position: 60% 20%; }
.pos-60-50 { object-position: 60% 50%; }
.pos-70-50 { object-position: 70% 50%; }
.pos-8-50 { object-position: 8% 50%; }
.pos-center-30 { object-position: center 30%; }
.r-land-opslag { --r: 1.3333; }
.r-land-opslag-bouw { --r: 1.3333; }
.r-machines-molen-droger { --r: 1.3333; }
.r-pap-gezinnen { --r: 1.7778; }
.r-papuitdeling-2024 { --r: 1.7837; }
.r-papuitdeling-2024-origineel { --r: 1.7778; }
.r-porridge-meel { --r: 0.7501; }
.r-rolstoelen-2023-origineel { --r: 0.8691; }
.r-voedsel-2022-bombo { --r: 1.7778; }
.r-voedsel-2022-glimlach { --r: 1.7778; }
.r-voedsel-2022-uitdeling { --r: 1.7778; }
.r-waterput-bouw { --r: 0.7501; }
.r-waterput-jerrycans { --r: 1.4898; }
.r-waterput-tapgebouw { --r: 1.5000; }
.r-waterput-tappunt-gebruik { --r: 1.4898; }
.r-waterput-vakman { --r: 1.5000; }
.r-waterput-water { --r: 0.7501; }
.kopw-221 { --kop-woord: 2.21; }
.kopw-226 { --kop-woord: 2.26; }
.kopw-282 { --kop-woord: 2.82; }
.kopw-285 { --kop-woord: 2.85; }
.kopw-323 { --kop-woord: 3.23; }
.kopw-329 { --kop-woord: 3.29; }
.kopw-335 { --kop-woord: 3.35; }
.kopw-336 { --kop-woord: 3.36; }
.kopw-338 { --kop-woord: 3.38; }
.kopw-356 { --kop-woord: 3.56; }
.kopw-367 { --kop-woord: 3.67; }
.kopw-370 { --kop-woord: 3.70; }
.kopw-373 { --kop-woord: 3.73; }
.kopw-393 { --kop-woord: 3.93; }
.kopw-414 { --kop-woord: 4.14; }
.kopw-416 { --kop-woord: 4.16; }
.kopw-439 { --kop-woord: 4.39; }
.kopw-442 { --kop-woord: 4.42; }
.kopw-444 { --kop-woord: 4.44; }
.kopw-454 { --kop-woord: 4.54; }
.kopw-457 { --kop-woord: 4.57; }
.kopw-460 { --kop-woord: 4.60; }
.kopw-473 { --kop-woord: 4.73; }
.kopw-477 { --kop-woord: 4.77; }
.kopw-481 { --kop-woord: 4.81; }
.kopw-499 { --kop-woord: 4.99; }
.kopw-567 { --kop-woord: 5.67; }
.kopw-592 { --kop-woord: 5.92; }
.kopw-608 { --kop-woord: 6.08; }
.kopw-623 { --kop-woord: 6.23; }
.kopw-634 { --kop-woord: 6.34; }
.kopw-662 { --kop-woord: 6.62; }
.kopw-778 { --kop-woord: 7.78; }
.kopw-807 { --kop-woord: 8.07; }
.kopr-845 { --kop-regel: 8.45; }
.kopr-869 { --kop-regel: 8.69; }
.kopr-898 { --kop-regel: 8.98; }
.kopr-947 { --kop-regel: 9.47; }
.kopr-998 { --kop-regel: 9.98; }
@media (max-width: 639px) { .nieuwsraster { grid-template-rows: auto 1fr 1fr 1fr 1fr 1fr auto auto; } }