:root{--plum:#4a1942;--pink:#ff5fa2;--yellow:#ffe14d;--mint:#b9f2d8;--paper:#fffaf3;--ink:#1d0f1b;--white:#fff;
 --display:"Bricolage Grotesque","Arial Black",sans-serif;--body:"Figtree","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.55}
.wrap{max-width:66rem;margin-inline:auto;padding-inline:1.25rem}
.wrap.smal{max-width:38rem}
a{color:inherit}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
h1,h2{font-family:var(--display);margin:0;font-weight:800;line-height:1;text-wrap:balance}
h1{font-size:clamp(1.9rem,7vw,4rem)}
h1,h2{overflow-wrap:anywhere;hyphens:auto}
h2{font-size:clamp(1.5rem,4vw,2.25rem)}
h2::first-letter{text-transform:uppercase}
p{margin:0;max-width:none}
.top{background:var(--plum);color:var(--white)}
.top .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding-block:1rem}
.name{font-family:var(--display);font-weight:800;font-size:1.375rem;text-decoration:none}
.name span{color:var(--yellow)}
.name{display:inline-flex;align-items:center;gap:.6rem}
.name .logo{width:2rem;height:2rem;flex:none}
.name b{font-weight:inherit}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
nav a{text-decoration:none;font-weight:700;padding:.45rem .2rem;display:inline-block}
.band{padding-block:2.75rem}
.band .wrap{display:flex;flex-direction:column;gap:1.25rem}
.band.plum{background:var(--plum);color:var(--white)}
.band.mint{background:var(--mint)}
.lead{font-size:1.1875rem}
.klein{font-size:.875rem}
.melding{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:.75rem;padding:.75rem 1rem}
.binnenkort{font-style:italic;opacity:.75}
.btn{display:inline-block;max-width:100%;font:700 1.0625rem var(--body);padding:.85rem 1.4rem;border-radius:99px;border:3px solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}
.btn.main{background:var(--yellow)}
.chip{display:inline-block;font-weight:700;text-decoration:none;padding:.3rem .85rem;border:2px solid var(--ink);border-radius:99px;background:var(--white);color:var(--ink);max-width:100%}
.chip.geel{background:var(--yellow)}
.formulier{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
.formulier.rij{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:1rem}
.formulier label{font-weight:700;display:block}
input[type=text],input[type=email],input[type=password],input[type=number],select{font:inherit;padding:.7rem .9rem;border:3px solid var(--ink);border-radius:.6rem;background:var(--white);color:var(--ink);width:100%;max-width:24rem}
input[type=checkbox]{width:1.35rem;height:1.35rem;accent-color:var(--plum)}
.tabel{overflow-x:auto;background:var(--white);border:3px solid var(--ink);border-radius:1rem}
table{border-collapse:collapse;width:100%;min-width:42rem}
th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid #d9cfd6;vertical-align:middle}
tr:last-child td{border-bottom:0}
th{font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em}
.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.teller{font-weight:700}
.inline{display:inline}
.klein-knop{font:inherit;font-size:.875rem;padding:.25rem .6rem;border:2px solid var(--ink);border-radius:99px;background:var(--white);cursor:pointer}
footer{background:var(--ink);color:var(--white);font-size:.875rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.25rem}
textarea{font:inherit;padding:.7rem .9rem;border:3px solid var(--ink);border-radius:.6rem;background:var(--white);color:var(--ink);width:100%}
.formulier .vink{font-weight:500;display:flex;gap:.6rem;align-items:flex-start}
tr.dicht td{opacity:.6}
fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}
legend{font-weight:700;padding:0}
.scores{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.scores label{font-weight:500;display:flex;gap:.4rem;align-items:center}
input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--yellow)}
td .chip{white-space:nowrap}
.klein-knop{min-height:2rem}
@media (max-width:40rem){
  .onderdelen table{min-width:0}
  .onderdelen thead{display:none}
  .onderdelen tr{display:grid;grid-template-columns:2rem 1fr 1fr;gap:.45rem .75rem;padding:.9rem;border-bottom:1px solid #d9cfd6;align-items:center}
  .onderdelen tr:last-child{border-bottom:0}
  .onderdelen td{border:0;padding:0}
  .onderdelen td.titel{grid-column:2 / -1}
  .onderdelen td.num{text-align:left;font-size:.875rem;white-space:normal}
  .onderdelen td.num:nth-of-type(3){grid-column:2}
  .onderdelen td.num::before{content:attr(data-l)}
  .onderdelen td:nth-of-type(5){grid-column:2}
  .onderdelen td.slot{grid-column:2 / -1}
  .onderdelen .chip{display:block;text-align:center;padding:.5rem .6rem}
  .band{padding-block:2rem}
}

.signaal{background:var(--pink,#ff5fa2);border:2px solid var(--ink);border-radius:99px;padding:.05rem .55rem;font-size:.875rem}
.klein{font-size:.9375rem;opacity:.85}