:root{--gras:#175c33;--gras-diep:#0f4526;--krijt:#f3f6f2;--inkt:#10231a;--inkt-zacht:#4a5d53;--geel:#ffd23f;--lijn:#d5ded7;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;--tekst:"Barlow",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--krijt);color:var(--inkt);font-family:var(--tekst);font-size:19px;line-height:1.6}
a{color:var(--gras)}
:focus-visible{outline:3px solid var(--geel);outline-offset:3px;border-radius:4px}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2{font-family:var(--display);font-weight:700;line-height:1.05;margin:0}
.balk{background:var(--gras);color:#fff}
.balk .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px}
.merk{font-family:var(--display);font-weight:700;font-size:1.45rem;color:#fff;text-decoration:none;white-space:nowrap}
.balk nav{display:flex;align-items:center;gap:20px}
.balk nav a{color:#fff;text-decoration:none;font-weight:500}
.balk nav a:hover{text-decoration:underline}
.knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:var(--geel);
  color:#1c1a05 !important;font-family:var(--display);font-weight:700;font-size:1.3rem;text-decoration:none !important;border:0;cursor:pointer}
.knop:hover{background:#ffdc66}
.knop.klein{min-height:42px;padding:0 18px;font-size:1.1rem}
.artikel{max-width:760px;padding-top:44px;padding-bottom:70px}
.kruimel{margin:0 0 10px;font-size:1rem}
.artikel h1{font-size:clamp(2.4rem,6vw,3.6rem)}
.lead{font-size:1.3rem;color:var(--inkt-zacht);margin:18px 0 8px}
.artikel h2{font-size:1.9rem;margin-top:40px}
.artikel p{margin:12px 0 0}
.tekstknop{font-weight:600}
.proef{margin-top:52px;padding:28px;background:var(--gras-diep);color:#fff;border-radius:6px}
.proef h2{margin-top:0;font-size:2.1rem}
.proef p{color:#dcebdf}
.proef .knop{margin-top:20px}
.meer{margin-top:44px;border-top:2px solid var(--inkt);padding-top:6px}
.meer ul{padding-left:1.1em;margin:12px 0 0}
.meer li{margin-top:6px}
.lijst{list-style:none;padding:0;margin:34px 0 0;border-top:2px solid var(--inkt)}
.lijst li{border-bottom:1px solid var(--lijn)}
.lijst a{display:block;padding:20px 0;text-decoration:none;color:inherit}
.lijst a:hover h2{text-decoration:underline}
.lijst h2{margin:0;font-size:1.8rem;color:var(--gras)}
.lijst p{color:var(--inkt-zacht);margin-top:6px}
footer{background:var(--inkt);color:#c9d6cd;padding:36px 0;font-size:1rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:8px 22px}
footer a{color:#c9d6cd;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
@media (max-width:640px){body{font-size:17.5px}.balk nav a:not(.knop){display:none}}

/* ---- Wedstrijdformulier ---- */
.formulier-intro{max-width:760px;padding-top:44px;padding-bottom:24px}
.vel{background:#fff;color:#000;max-width:800px;margin:0 auto 60px;padding:28px 30px;border:1px solid var(--lijn);font-size:14px;line-height:1.3}
.vel h2{font-size:26px}
.velden{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:14px 0 16px}
.velden div{border-bottom:1px solid #000;padding-bottom:2px;min-height:26px;font-weight:600}
.vel-rij{display:grid;grid-template-columns:300px 1fr;gap:22px;align-items:start}
.vel svg{width:100%;height:auto;display:block}
.vel table{width:100%;border-collapse:collapse;table-layout:fixed}
.vel th,.vel td{border:1px solid #000;padding:5px 6px;text-align:center;height:34px}
.vel th{font-weight:600;background:#eef2ee}
.vel td:first-child,.vel th:first-child{text-align:left;width:34%}
.vel .uitleg{margin:10px 0 0;font-size:12.5px}
.lijnen div{border-bottom:1px solid #000;height:30px}
.vel .onder{margin-top:14px;font-size:12px;display:flex;justify-content:space-between}
@media (max-width:640px){.vel-rij{grid-template-columns:1fr}.vel{padding:18px}}
@media print{
  @page{size:A4;margin:12mm}
  body{background:#fff;font-size:12px}
  .balk,footer,.formulier-intro,.proef{display:none !important}
  .vel{border:0;margin:0;padding:0;max-width:none}
  .vel-rij{grid-template-columns:78mm 1fr}
}