:root{
  --blauw:#007faa;
  --lime:#a4b70d;
  --lichtblauw:#55bfff;
  --grijs:#b1b2b4;
  --tekst:#2b2f33;
  --zacht:#5c6469;
  --lijn:#e3e6e8;
  --vlak:#f6f8f9;
}
*{box-sizing:border-box}
body{
  margin:0;
  font:16px/1.7 "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  color:var(--tekst);
  background:#fff;
}
.streep{height:5px;background:linear-gradient(90deg,var(--grijs) 0 20%,var(--blauw) 20% 45%,var(--lichtblauw) 45% 65%,var(--lime) 65% 100%)}
.wrap{max-width:56rem;margin:0 auto;padding:0 1.5rem}
header{padding:2.75rem 0 1.5rem}
header img{width:300px;max-width:78vw;height:auto;display:block}
h1{font-size:1.65rem;font-weight:600;line-height:1.35;margin:2rem 0 .35rem;color:var(--blauw)}
h1 .en{display:block;font-size:1.05rem;font-weight:400;color:var(--zacht);margin-top:.35rem}
h2{font-size:1.12rem;font-weight:600;margin:2.5rem 0 .6rem;color:var(--tekst)}
h2::before{content:"";display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--lime);margin-right:.55rem;vertical-align:middle}
p{margin:0 0 1rem}
.lead{font-size:1.05rem}
.en-blok{color:var(--zacht);font-size:.95rem;border-left:3px solid var(--lijn);padding-left:1rem;margin:1.25rem 0 0}
.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;padding:1.25rem 1.4rem;margin:1.5rem 0}
.kaart p:last-child{margin-bottom:0}
dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1.25rem;margin:0}
dt{color:var(--zacht)}
dd{margin:0}
a{color:var(--blauw)}
a:hover{color:var(--lime)}
footer{margin-top:3.5rem;border-top:1px solid var(--lijn);padding:1.5rem 0 3rem;font-size:.9rem;color:var(--zacht)}
footer a{color:var(--zacht)}
@media (max-width:34rem){dl{grid-template-columns:1fr;gap:0 0}dt{margin-top:.6rem}}