:root{--geel:#FFBB00;--geel-h:#E5A800;--zwart:#1D1D1B;--asfalt:#14161A;--staal:#23272D;--ecru:#EFEDE7;--wit:#FFFFFF;--rand:#D6D4CC;--sec:#55575A}*{box-sizing:border-box}body,html{margin:0}body{background:var(--wit);color:var(--zwart);font-family:Open Sans,Arial,sans-serif;font-size:14px}.topbar{display:flex;align-items:center;gap:14px;background:var(--zwart);color:#fff;padding:10px 18px}.merk{font-family:Oswald,Arial Narrow,sans-serif;text-transform:uppercase;font-size:18px;letter-spacing:.02em}.merk b{color:var(--geel)}.merk .sub{font-size:11px;color:#CFCFC9;margin-left:8px;letter-spacing:.08em}.zoek{flex:1 1;max-width:340px;padding:6px 10px;background:var(--staal);color:#fff}.pill,.zoek{border:1px solid #3a3a3c}.pill{border-radius:12px;padding:2px 10px;font-size:12px;color:#CFCFC9}.pill b{color:var(--geel)}.geelbalk{height:4px;background:var(--geel)}.raam{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 49px)}.zijbalk{border-right:1px solid var(--rand);background:var(--ecru);padding:12px 8px;display:flex;flex-direction:column;gap:2px}.zijbalk a{color:var(--zwart);text-decoration:none;padding:7px 10px;font-size:13.5px}.zijbalk a:hover{background:var(--geel);color:var(--zwart)}.zijbalk .sep{margin-top:auto;border-top:1px solid var(--rand);padding-top:10px;color:var(--sec);font-size:11px;padding-left:10px}.inhoud{padding:22px 26px}h1{font-family:Oswald,Arial Narrow,sans-serif;text-transform:uppercase;font-size:26px;margin:0 0 4px}.uitleg{color:var(--sec);max-width:74ch;margin:0 0 18px}.tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:12px;gap:12px}.tegel{border:1px solid var(--rand);border-top:3px solid var(--geel);padding:12px 14px;background:var(--wit)}.tegel h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:13px;margin:0 0 6px}.tegel p{margin:0;font-size:12.5px;color:var(--sec)}.tegel.niet-actief{border:1px dashed var(--rand);border-top:3px dashed var(--rand)}.tegel.niet-actief h3{color:var(--sec)}.status{display:inline-block;font-family:Oswald,sans-serif;text-transform:uppercase;font-size:10px;padding:1px 7px;margin-bottom:6px}.status.actief{background:#1E7F5C;color:#fff}.status.voorbeeld{background:var(--geel);color:var(--zwart)}.status.niet_actief{background:#3A3A3C;color:#fff}