:root{--bg:#f4f5f6;--ink:#1c2126;--accent:#e08a1e;--accent-donker:#b06c12;--kop-bg:#202830;--kop-tekst:#202830;--logo:#eef1f4;--nav:#b9c4cf;--nav-actief:#fff;--lint-tekst:#1c2126;--zacht:#586069;--lijn:#dde1e5;--kader:#e9edf0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Saira",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
.binnen{max-width:900px;margin:0 auto;padding:0 24px}
.kop{background:var(--kop-bg);border-bottom:4px solid var(--accent)}
.kop .binnen{display:flex;align-items:center;justify-content:space-between;padding:18px 24px}
.logo{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:1.5rem;color:var(--logo);text-decoration:none;letter-spacing:.3px}
.logo span{color:var(--accent)}
.menu a{font-family:"Saira Condensed",sans-serif;color:var(--nav);text-decoration:none;margin-left:22px;font-size:1rem;border-bottom:2px solid transparent;padding-bottom:3px}
.menu a:hover,.menu a.actief{border-color:var(--accent);color:var(--nav-actief)}
.lint{background:var(--accent);color:var(--lint-tekst);text-align:center;font-family:"Saira Condensed",sans-serif;font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;padding:7px 12px}
.opening{padding:56px 0 28px;border-bottom:1px solid var(--lijn)}
h1{font-family:"Saira Condensed",sans-serif;font-weight:700;font-size:clamp(2rem,5vw,3rem);line-height:1.12;color:var(--kop-tekst)}
.h1onder{font-family:"Saira Condensed",sans-serif;font-weight:600;font-size:clamp(1.1rem,2.4vw,1.5rem);color:var(--accent-donker);margin-top:10px;line-height:1.2}
.streamer{font-size:1.12rem;max-width:46em;margin-top:18px;color:var(--zacht)}
.artikelen{padding:36px 0 8px}
.stuk{margin-bottom:38px;max-width:46em}
.stuk h2,.linkdeel h2,.verder h2{font-family:"Saira Condensed",sans-serif;font-weight:600;font-size:1.4rem;color:var(--accent-donker);margin-bottom:12px}
.stuk h2::before{content:"";display:inline-block;width:26px;height:3px;background:var(--accent);vertical-align:middle;margin-right:12px}
.stuk p{margin-bottom:12px}
a{color:var(--accent-donker);text-underline-offset:3px}
a:hover{color:var(--accent)}
.verder{background:var(--kader);border:1px solid var(--lijn);border-left:5px solid var(--accent);padding:26px 30px;margin:16px 0 56px}
.verder ul{list-style:none;margin-top:12px}
.verder li{margin:7px 0;font-family:"Saira Condensed",sans-serif;font-size:1.05rem}
.verder li::before{content:"\2192";color:var(--accent);margin-right:10px}
.linkdeel{padding:30px 0 6px;border-bottom:1px solid var(--lijn);max-width:46em}
.linkdeel:last-of-type{border-bottom:none;margin-bottom:48px}
.toelichting{font-style:italic;color:var(--zacht);margin-bottom:14px}
.lijst{list-style:none}
.lijst li{margin:10px 0;padding-left:22px;position:relative}
.lijst li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%)}
.diensten{max-width:46em;margin:8px 0 30px;padding:24px 28px;background:var(--kader);border:1px solid var(--lijn);border-left:5px solid var(--accent)}
.diensten.regio{background:transparent;border-left-style:dashed}
.diensten h2{font-family:"Saira Condensed",sans-serif;font-weight:600;font-size:1.3rem;color:var(--accent-donker);margin-bottom:8px}
.diensten p{margin-bottom:12px;color:var(--zacht)}
.diensten-lijst{list-style:none;columns:2;column-gap:28px}
.diensten-lijst li{margin:6px 0;padding-left:18px;position:relative;break-inside:avoid}
.diensten-lijst li::before{content:"\203A";position:absolute;left:0;color:var(--accent);font-weight:700}
@media(max-width:560px){.diensten-lijst{columns:1}}
.voet{background:var(--kop-bg);color:var(--nav);margin-top:24px}
.voet .binnen{padding:20px 24px;font-size:.95rem;text-align:center}
.voet a{color:var(--logo)}
@media(max-width:640px){.kop .binnen{flex-direction:column;gap:10px}.opening{padding-top:36px}}