:root{font-family:system-ui,sans-serif;color:#111827;background:#f4f7fb;line-height:1.5}*{box-sizing:border-box}body{margin:0}.app{max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.kop{padding:.75rem 0}.logo{font-weight:700;color:#1d4ed8;text-decoration:none}a{color:#1d4ed8}h1{font-size:1.5rem;margin:.5rem 0}h2{font-size:1.1rem;margin:1rem 0 .25rem}.lijst{list-style:none;padding:0;display:grid;gap:.75rem}.kaart{display:flex;flex-direction:column;gap:.2rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #cbd5e1;text-decoration:none;color:inherit}.kaart:hover,.kaart:focus-visible{border-color:#1d4ed8}.terug{display:inline-block;padding:.5rem 0}.indeling{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 800px){.indeling{grid-template-columns:minmax(280px,420px) 1fr;align-items:start}.veldkolom{position:sticky;top:.5rem}}.veld{width:100%;height:auto;max-height:90vh;display:block;border-radius:.5rem}.legenda{list-style:none;padding:0;margin:.5rem 0;font-size:.9rem}.legenda li{display:flex;align-items:center;gap:.5rem}.stip{width:.9rem;height:.9rem;border-radius:50%;display:inline-block;flex:none}.kruis{color:#dc2626;font-weight:700;width:.9rem;text-align:center}.opdracht{background:#fff;border:2px solid #1d4ed8;border-radius:.5rem;padding:.5rem 1rem 1rem}.opdracht h2{margin-top:.5rem}button{font:inherit;padding:.7rem 1rem;min-height:44px;border-radius:.4rem;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;cursor:pointer}button:hover{background:#1e40af}dt{font-weight:700}dd{margin:0 0 .5rem}.bron{font-size:.9rem}