:root{--rood:#d20000;--inkt:#1e2428;--lei:#242c31;--wit:#fff;--mist:#f0f4f7;--lijn:#dde4ea;--grijs:#5b6770;--groen:#1f3a34}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;font:400 1.05rem/1.65 "Figtree",system-ui,sans-serif;color:var(--inkt);background:var(--wit)}
h1,h2,h3{font-family:"Bricolage Grotesque","Figtree",sans-serif;font-weight:700;line-height:1.1;margin:0;text-wrap:balance}
a{color:inherit}img{display:block;max-width:100%}
.kop{position:fixed;inset:0 0 auto 0;z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,4vw);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--lijn)}
.merk{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 1.05rem "Bricolage Grotesque",sans-serif;letter-spacing:-.01em}.merk b{color:var(--rood);font-weight:700;margin:0 .25em}
.punt{width:12px;height:12px;border-radius:50%;background:var(--rood)}
nav{display:flex;align-items:center;gap:26px}nav a{text-decoration:none;font-weight:500;font-size:.98rem}nav a:hover{color:var(--rood)}
.knop{display:inline-block;background:var(--rood);color:#fff;text-decoration:none;font-weight:600;padding:14px 26px;border-radius:999px;border:2px solid var(--rood);transition:background .2s,color .2s}
.knop:hover{background:#fff;color:var(--rood)}.knop.klein{padding:9px 20px}nav a.knop.klein{color:#fff}nav a.knop.klein:hover{color:var(--rood)}
.knop.licht{background:transparent;border-color:currentColor;color:inherit}.knop.licht:hover{background:#fff;color:var(--inkt);border-color:#fff}
.menuknop{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}.menuknop span{position:absolute;left:10px;right:10px;height:2px;background:var(--inkt);transition:.2s}.menuknop span:first-child{top:18px}.menuknop span:last-child{top:25px}
.melding{margin:68px 0 0;padding:10px max(20px,4vw);background:var(--inkt);color:#fff;font-size:.88rem;line-height:1.4}.hero{padding:calc(9vh) max(20px,4vw) 0;background:var(--mist)}.hero-in{max-width:980px}
.oog{margin:0 0 14px;font-weight:600;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rood)}
.hero h1{font-size:clamp(2.3rem,6.4vw,5rem);letter-spacing:-.02em}.lead{max-width:640px;font-size:1.2rem;color:var(--grijs);margin:22px 0 30px}
.acties{display:flex;flex-wrap:wrap;gap:12px}.hero .knop.licht{color:var(--inkt)}
.cijfers{list-style:none;margin:8vh 0 0;padding:26px 0 30px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-top:1px solid var(--lijn)}
.cijfers b{display:block;font:700 clamp(1.8rem,3.4vw,2.8rem)/1 "Bricolage Grotesque",sans-serif;color:var(--rood)}.cijfers span{font-size:.92rem;color:var(--grijs)}
.blok{padding:clamp(56px,10vw,120px) max(20px,4vw)}.kopje{max-width:820px;margin-bottom:44px}.kopje h2{font-size:clamp(1.9rem,4.4vw,3.3rem);letter-spacing:-.015em}.kopje p:not(.oog){color:var(--grijs);font-size:1.12rem;margin:18px 0 0}
.reeks{margin:48px 0 20px;font-size:1.3rem;padding-bottom:12px;border-bottom:1px solid var(--lijn)}
.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px}
.kaart .foto{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--mist);border-radius:6px}.kaart img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.kaart:hover img{transform:scale(1.04)}
.badge{position:absolute;left:12px;bottom:12px;background:var(--rood);color:#fff;font-weight:600;font-size:.82rem;padding:6px 12px;border-radius:999px}
.tekst{padding-top:16px}.plaats{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);font-weight:600}.tekst h3{font-size:1.5rem;margin:4px 0 8px}.tekst p{margin:0 0 12px;color:var(--grijs);font-size:.98rem}
.meer{font-weight:600;color:var(--rood);text-decoration:none}.meer:hover{text-decoration:underline}
.noot{margin-top:40px;color:var(--grijs);font-size:.95rem}
.donker{background:var(--lei);color:#fff}.donker .kopje p:not(.oog){color:#c5cdd3}.donker .oog{color:#ff6b6b}
.tijdlijn{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}
.tijdlijn li{border-top:2px solid rgba(255,255,255,.22);padding-top:18px}.tijdlijn b{font:700 2.2rem/1 "Bricolage Grotesque",sans-serif;color:#ff6b6b}.tijdlijn h3{font-size:1.2rem;margin:10px 0 6px}.tijdlijn p{margin:0;color:#c5cdd3;font-size:.97rem}
blockquote{margin:0;max-width:820px;font:500 clamp(1.3rem,2.6vw,1.9rem)/1.35 "Bricolage Grotesque",sans-serif}cite{display:block;margin-top:14px;font:400 .95rem "Figtree",sans-serif;color:#c5cdd3}
.nieuws{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.n{display:flex;flex-direction:column;gap:12px;text-decoration:none;padding:28px;border:1px solid var(--lijn);border-radius:6px;transition:border-color .2s,transform .2s}.n:hover{border-color:var(--rood);transform:translateY(-3px)}.n h3{font-size:1.3rem}.n p{margin:0;color:var(--grijs);flex:1}
.groen{background:var(--groen);color:#fff}.groen .kopje{margin:0}.groen .kopje p:not(.oog){color:#cfe0da}.groen .oog{color:#9fe0c4}.groen .knop{margin-top:26px}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.contact h3{font-size:1.15rem;margin-bottom:8px}.contact p{margin:0 0 8px}.contact a{text-underline-offset:3px}.contact a:hover{color:var(--rood)}
footer{padding:26px max(20px,4vw);background:var(--inkt);color:#aab3ba;font-size:.88rem}footer p{margin:0;max-width:560px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}footer .ed img{width:170px;height:auto}
:focus-visible{outline:3px solid var(--rood);outline-offset:3px}
@media(max-width:980px){.raster,.nieuws,.contact,.tijdlijn{grid-template-columns:1fr 1fr}.cijfers{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.raster,.nieuws,.contact,.tijdlijn{grid-template-columns:1fr}.cijfers{grid-template-columns:1fr 1fr}
 .menuknop{display:block}nav{position:fixed;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#fff;border-bottom:1px solid var(--lijn);padding:8px 20px 20px;transform:translateY(-130%);transition:transform .25s}
 nav a{padding:12px 0;width:100%}nav a.knop.klein{width:auto;margin-top:8px}.kop.open nav{transform:none}.kop.open .menuknop span:first-child{top:21px;transform:rotate(45deg)}.kop.open .menuknop span:last-child{top:21px;transform:rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.taal{display:flex;gap:6px;margin-left:6px}.taal a{padding:6px 9px;border:1px solid var(--lijn);border-radius:4px;font-size:.82rem;font-weight:600;letter-spacing:.06em}.taal a[aria-current="true"]{background:var(--inkt);color:#fff;border-color:var(--inkt)}
@media(max-width:680px){.taal{margin:10px 0 0}nav a.knop.klein{margin-top:8px}.taal a{width:auto}}