@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("../fonts/source-sans-3-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Source Sans 3";
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url("../fonts/source-sans-3-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root{
  --bg:#f7f7f5;
  --wit:#ffffff;
  --ink:#22262a;
  --ink-zacht:#4d545b;
  --ink-licht:#7c848b;
  --rand:#e8e8e4;
  --rand-donker:#d6d6d0;
  --oranje-grad:linear-gradient(135deg,#ffc640,#ec9400);
  --oranje-grad-hover:linear-gradient(135deg,#e69c00,#cc8700);
  --oranje:#ffa000;
  --oranje-donker:#d88a06;
  --oranje-licht:#fdf3e0;
  --oranje-tekst:#b87400;
  --noot-bg:#fdf7ec;
  --noot-rand:#f0ab38;
  --groen:#1e7e34;
  --groen-dot:#2e7d32;
  --groen-licht:#e6f4ea;
  --pending:#b85d00;
  --pending-dot:#ed6c02;
  --pending-licht:#fff4e5;
  --grijs-badge:#efefef;
  --grijs-badge-tekst:#888888;
  --grijs-dot:#a8a8a8;
  --rood:#c0392b;
  --rood-licht:#fdecea;
  --rond:14px;
  --randx:clamp(1rem,4vw,1.35rem);
  --schaduw:0 1px 2px rgba(34,38,42,.05),0 8px 24px -12px rgba(34,38,42,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}
img{max-width:100%;height:auto}
html{scroll-behavior:smooth}
body{
  font-family:"Source Sans 3",system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.skiplink{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:600}
.skiplink:focus{left:0}
a{color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 var(--randx)}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em}

.statusbalk{background:var(--ink);color:#d6d9db;font-size:.8rem}
.statusbalk .wrap{display:flex;align-items:center;gap:.55rem;padding-top:.45rem;padding-bottom:.45rem}
.statusbalk .statustekst{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.statusbalk strong{color:#fff;font-weight:600}
.statusbalk a{color:#fff;text-decoration:none}
.statusbalk a:hover{text-decoration:underline}
.pulsdot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--oranje);animation:puls 2.2s ease-out infinite}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(255,160,0,.5)}70%{box-shadow:0 0 0 8px rgba(255,160,0,0)}100%{box-shadow:0 0 0 0 rgba(255,160,0,0)}}

header.site{background:var(--wit);border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:400}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:.8rem}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.brand-pill{
  background:var(--oranje-grad);color:#fff;font-weight:800;font-size:1.08rem;letter-spacing:-.01em;
  padding:.32rem .95rem;border-radius:999px;box-shadow:0 2px 8px -2px rgba(236,148,0,.5)
}
.brand-sub{display:none;font-size:.78rem;color:var(--ink-licht);font-weight:500;max-width:20ch;line-height:1.3}
@media(min-width:1200px){.brand-sub{display:block}}
.nav ul{display:none;list-style:none;gap:.2rem}
.nav ul a{
  text-decoration:none;font-size:.94rem;font-weight:600;color:var(--ink-zacht);
  padding:.55rem .9rem;border-radius:9px;transition:.15s
}
.nav ul a:hover{background:var(--bg);color:var(--ink)}
.nav-cta{
  display:none;background:var(--oranje-grad);color:#fff;text-decoration:none;font-weight:700;font-size:.92rem;
  padding:.62rem 1.2rem;border-radius:999px;transition:.15s;box-shadow:0 4px 12px -4px rgba(236,148,0,.55)
}
.nav-cta:hover{background:var(--oranje-grad-hover);transform:translateY(-1px)}
@media(min-width:1020px){.nav ul{display:flex}.nav-cta{display:inline-block}}
.menu-knop{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--rand-donker);border-radius:10px;background:var(--wit);color:var(--ink);cursor:pointer}
@media(min-width:1020px){.menu-knop{display:none}}
.mobielmenu{background:var(--wit);border-top:1px solid var(--rand);display:flex;flex-direction:column;padding:.5rem 1.1rem 1rem;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
@media(min-width:1020px){.mobielmenu{display:none!important}}
.mobielmenu a,.mobielmenu button{
  appearance:none;background:transparent;border:0;border-bottom:1px solid var(--rand);
  text-decoration:none;font:inherit;font-weight:600;font-size:1rem;color:var(--ink-zacht);
  padding:.7rem .3rem;text-align:left;cursor:pointer;width:100%
}
.mobielmenu a:last-of-type,.mobielmenu button:last-of-type{border-bottom:none}
.mobielmenu-cta{color:var(--oranje-tekst)!important;font-weight:800!important}

.paginakop{padding:2.2rem var(--randx) .6rem}
.paginakop h1{font-size:clamp(1.6rem,4.6vw,2.3rem);font-weight:800;max-width:40ch}
.paginakop .lead{margin-top:.7rem;font-size:clamp(1rem,2.3vw,1.12rem);color:var(--ink-zacht);max-width:62ch}
.paginakop .kerncijfers{margin-top:1.2rem}
.kruimels{font-size:.8rem;color:var(--ink-licht);margin-bottom:.9rem}
.kruimels a{color:var(--ink-licht);text-decoration:none}
.kruimels a:hover{color:var(--oranje-tekst);text-decoration:underline}
.kruimels span{color:var(--ink-zacht);font-weight:600}

.intro{padding-top:2.4rem;padding-bottom:1.6rem}
.intro h1{font-size:clamp(1.7rem,5vw,2.5rem);font-weight:800;max-width:min(22ch,100%)}
.intro p.lead{margin-top:.7rem;font-size:clamp(1rem,2.4vw,1.15rem);color:var(--ink-zacht);max-width:56ch}
.intro-onder{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 2rem;margin-top:1.5rem}
.intro-acties{display:flex;flex-wrap:wrap;gap:.7rem}
.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:.96rem;padding:.8rem 1.5rem;border-radius:999px;transition:.15s;border:none;cursor:pointer;font-family:inherit}
.knop-oranje{background:var(--oranje-grad);color:#fff;box-shadow:0 6px 16px -6px rgba(236,148,0,.6)}
.knop-oranje:hover{background:var(--oranje-grad-hover);transform:translateY(-1px)}
.knop-wit{background:var(--wit);color:var(--ink);border:1px solid var(--rand-donker)}
.knop-wit:hover{border-color:var(--ink-licht)}
.knop-klein{padding:.55rem 1.1rem;font-size:.88rem}
.kerncijfers{display:flex;gap:1.8rem;flex-wrap:wrap}
.kerncijfers div{display:flex;align-items:baseline;gap:.45rem}
.kerncijfers .num{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}
.kerncijfers .lbl{font-size:.82rem;color:var(--ink-licht);font-weight:500}
@media(max-width:639px){
  .intro-onder{flex-direction:column;align-items:stretch;gap:1.35rem}
  .intro-acties{flex-direction:column}
  .intro-acties .knop{width:100%}
  .intro .kerncijfers{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;
    border-top:1px solid var(--rand);padding-top:1.15rem
  }
  .intro .kerncijfers div{flex-direction:column;align-items:flex-start;gap:.1rem}
  .intro .kerncijfers .num{font-size:1.3rem;line-height:1.2}
  .intro .kerncijfers .lbl{font-size:.74rem;line-height:1.3}
}

.sectie{padding:2rem var(--randx)}
.sectie-kaart{padding-top:.8rem}
.sectie-smal>*{max-width:860px}
.seckop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem;margin-bottom:1.1rem}
.seckop h2{font-size:clamp(1.3rem,3.4vw,1.65rem);font-weight:700}
.seckop-sub{font-size:.85rem;font-weight:500;color:var(--ink-licht)}
.seckop a{font-size:.9rem;font-weight:700;color:var(--oranje-tekst);text-decoration:none;white-space:nowrap}
.seckop a:hover{text-decoration:underline}
.seckop-rechts{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1.1rem}
.clusterintro{margin:-.6rem 0 1rem;color:var(--ink-zacht);font-size:.95rem;max-width:62ch}

.kaartgrid{display:grid;gap:1rem}
@media(min-width:960px){.kaartgrid{grid-template-columns:1.5fr 1fr;align-items:stretch}}
.kaartgrid-detail{grid-template-columns:1fr}
@media(min-width:960px){.kaartgrid-detail{grid-template-columns:1.2fr 1fr}}
.paneel{background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);overflow:hidden;display:flex;flex-direction:column}
.kaartteaser{position:relative;flex:1;min-height:340px;overflow:hidden;background:#eceee9}
@media(min-width:960px){.kaartteaser{min-height:460px}}
.kaartgrid-detail .kaartteaser{min-height:300px}
.kaartteaser img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(6px) saturate(.92);transform:scale(1.07)}
.kaartteaser-laag{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.95rem;
  text-align:center;padding:1.5rem;background:linear-gradient(180deg,rgba(247,247,245,.12),rgba(34,38,42,.3))
}
.kaartteaser-laag p{
  font-weight:700;color:var(--ink);background:rgba(255,255,255,.94);border-radius:18px;
  padding:.6rem 1.35rem;font-size:.92rem;box-shadow:var(--schaduw);max-width:36ch
}
.kaartteaser-sub{display:block;font-weight:500;font-size:.78rem;color:var(--ink-zacht);margin-top:.1rem}
.legenda{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;padding:.8rem 1.1rem;border-top:1px solid var(--rand);font-size:.8rem;font-weight:600;color:var(--ink-zacht)}
.legenda-noot{font-weight:500;color:var(--ink-licht);margin-left:auto}
.bol{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.4rem}
.bol-v{background:var(--groen-dot)}
.bol-b{background:var(--pending-dot)}
.bol-n{background:var(--grijs-dot)}

.meldpaneel-kop{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.95rem 1.1rem;border-bottom:1px solid var(--rand)}
.meldpaneel-kop h3{font-size:.98rem;font-weight:700}
.meldlijst{list-style:none;flex:1;display:flex;flex-direction:column}
.kaartgrid .meldlijst{overflow-y:auto;overscroll-behavior:contain;min-height:0}
@media(min-width:960px){.kaartgrid:not(.kaartgrid-detail)>.paneel{max-height:620px}}
@media(max-width:959px){.kaartgrid .meldlijst{max-height:420px}}
.meldlijst a{
  display:flex;flex-direction:column;gap:.6rem;
  padding:.95rem 1.1rem 1rem;text-decoration:none;border-bottom:1px solid var(--rand);
  transition:background .12s,box-shadow .12s
}
.meldlijst li:last-child a{border-bottom:none}
.meldlijst a:hover{background:var(--noot-bg);box-shadow:inset 3px 0 0 var(--oranje)}
.rij-hoofd{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}
.rij-kop{display:flex;flex-direction:column;gap:.05rem;min-width:0}
.meldlijst .plaats{font-weight:700;font-size:.98rem;line-height:1.35}
.rij-sub{font-size:.76rem;color:var(--ink-licht)}
.rij-hoofd .badge{flex:none;margin-top:.15rem}
.rij-tijden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.1rem;max-width:24rem}
.rij-tijd{display:flex;flex-direction:column;gap:.08rem;min-width:0}
.rij-tijd+.rij-tijd{border-left:1px solid var(--rand);padding-left:1.1rem}
.rij-tijd-lbl{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-licht)}
.rij-tijd time{
  font-size:.87rem;font-weight:600;color:var(--ink-zacht);font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
@media(max-width:480px){
  .meldlijst a{padding:.8rem var(--randx)}
  .badge{font-size:.66rem;padding:.26rem .55rem}
}
.badge{font-size:.72rem;font-weight:700;padding:.3rem .7rem;border-radius:999px;white-space:nowrap}
.badge-v{background:var(--groen-licht);color:var(--groen)}
.badge-b{background:var(--pending-licht);color:var(--pending)}
.badge-n{background:var(--grijs-badge);color:var(--grijs-badge-tekst)}
.meldpaneel-voet{padding:.9rem 1.1rem;border-top:1px solid var(--rand)}
.meldpaneel-voet a{font-size:.9rem;font-weight:700;color:var(--oranje-tekst);text-decoration:none}
.meldpaneel-voet a:hover{text-decoration:underline}
.leeg{padding:1.4rem 1.1rem;color:var(--ink-zacht);font-size:.95rem}
.leeg a{color:var(--oranje-tekst);font-weight:700}

.taken{display:grid;gap:1rem}
@media(min-width:760px){.taken{grid-template-columns:repeat(3,1fr)}}
.taak{
  display:flex;flex-direction:column;gap:.5rem;text-decoration:none;
  background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);
  padding:1.5rem 1.4rem;box-shadow:var(--schaduw);transition:.15s
}
.taak:hover{transform:translateY(-2px);border-color:var(--noot-rand)}
.taak-icoon{
  width:46px;height:46px;border-radius:12px;background:var(--oranje-licht);color:var(--oranje-donker);
  display:grid;place-items:center;margin-bottom:.3rem
}
.taak-icoon svg{width:23px;height:23px}
.taak h3{font-size:1.08rem;font-weight:700}
.taak p{font-size:.9rem;color:var(--ink-zacht)}
.taak .verder{margin-top:auto;padding-top:.7rem;font-size:.88rem;font-weight:700;color:var(--oranje-tekst)}

.antwoord{
  background:var(--noot-bg);border:1px solid var(--rand);border-left:4px solid var(--noot-rand);
  border-radius:var(--rond);box-shadow:var(--schaduw);padding:1.7rem 1.5rem
}
@media(min-width:760px){.antwoord{padding:2rem 2.2rem}}
.antwoord h2{font-size:clamp(1.25rem,3.4vw,1.55rem);font-weight:700;margin-bottom:.7rem}
.antwoord p.direct{font-size:1.05rem;font-weight:500;line-height:1.65;max-width:66ch}
.antwoord p.bron{margin-top:1rem;font-size:.8rem;color:var(--ink-licht)}
.antwoord p.bron a{color:var(--oranje-tekst);font-weight:700}

.verifgrid{display:grid;gap:1rem}
@media(min-width:760px){.verifgrid{grid-template-columns:repeat(3,1fr)}}
.verifkaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);padding:1.4rem 1.3rem;box-shadow:var(--schaduw)}
.verifkaart .badge{display:inline-block;margin-bottom:.6rem}
.verifkaart p{font-size:.88rem;color:var(--ink-zacht)}
.scoreuitleg{
  margin-top:1rem;background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);
  box-shadow:var(--schaduw);padding:1.4rem 1.3rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center
}
.scorebalk{flex:none;width:150px;height:10px;border-radius:999px;background:var(--grijs-badge);overflow:hidden}
.scorebalk i{display:block;height:100%;width:75%;background:linear-gradient(90deg,#ffc640,var(--groen-dot));border-radius:999px}
.scoreuitleg p{font-size:.9rem;color:var(--ink-zacht);flex:1;min-width:240px}
.scoreuitleg b{color:var(--ink)}

.provgrid{display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:600px){.provgrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.provgrid{grid-template-columns:repeat(4,1fr)}}
.provkaart{
  display:flex;flex-direction:column;gap:.15rem;text-decoration:none;
  background:var(--wit);border:1px solid var(--rand);border-radius:12px;
  padding:.95rem 1.1rem;box-shadow:var(--schaduw);transition:.15s
}
.provkaart:hover{transform:translateY(-2px);border-color:var(--noot-rand)}
.provnaam{font-weight:700;font-size:.95rem}
.provaantal{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--oranje-tekst)}
.provaantal small{font-size:.75rem;font-weight:500;color:var(--ink-licht)}
.provlaatste{font-size:.75rem;color:var(--ink-licht)}
.provgrid-groot .provkaart{padding:1.15rem 1.2rem}

.plaatswolk{display:flex;flex-wrap:wrap;gap:.5rem}
.plaatschip{
  display:inline-flex;align-items:baseline;gap:.4rem;text-decoration:none;
  background:var(--wit);border:1px solid var(--rand-donker);border-radius:999px;
  padding:.42rem 1rem;font-size:.88rem;font-weight:600;color:var(--ink-zacht);transition:.15s
}
.plaatschip:hover{border-color:var(--noot-rand);color:var(--ink)}
.plaatschip small{color:var(--oranje-tekst);font-weight:800}

.bewijs{background:var(--ink);border-radius:var(--rond);color:#d6d9db;padding:2.2rem 1.5rem;box-shadow:var(--schaduw)}
@media(min-width:760px){.bewijs{padding:2.5rem 2.3rem}}
.bewijs h2{color:#fff;font-size:clamp(1.25rem,3.4vw,1.6rem);font-weight:700;max-width:30ch}
.bewijs-cijfers{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.7rem}
@media(min-width:760px){.bewijs-cijfers{grid-template-columns:repeat(4,1fr)}}
.bewijs .num{font-size:clamp(1.8rem,4.8vw,2.5rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--oranje);display:block;line-height:1.15}
.bewijs .lbl{font-size:.82rem;color:#a7adb2}
.bewijs p.noot{margin-top:1.5rem;font-size:.82rem;color:#a7adb2;max-width:62ch}
.bewijs p.noot a{color:#fff}

.over{background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);padding:1.8rem 1.5rem}
@media(min-width:820px){.over{padding:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:2.2rem}}
.over h2{font-size:clamp(1.25rem,3.4vw,1.6rem);font-weight:700;margin-bottom:.8rem}
.over p{font-size:.95rem;color:var(--ink-zacht);margin-bottom:.85rem}
.over strong{color:var(--ink)}
.credo{
  background:var(--oranje-licht);border-radius:10px;padding:1rem 1.2rem;
  font-weight:700;color:var(--oranje-tekst);font-size:1rem;margin-top:.3rem
}

.lijstbalk{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.9rem 1.5rem;
  background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);
  padding:1rem 1.2rem 1.1rem;margin-bottom:1rem
}
.filterbalk{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.8rem;flex:1 1 420px;min-width:0}
.filterbalk label{display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-licht);flex:1 1 150px;min-width:0}
.filterbalk select{
  font-family:inherit;font-size:.95rem;font-weight:600;padding:.5rem 2.3rem .5rem .8rem;border:1px solid var(--rand-donker);
  border-radius:10px;color:var(--ink);width:100%;min-width:0;cursor:pointer;transition:border-color .12s,box-shadow .12s;
  appearance:none;-webkit-appearance:none;
  background:var(--wit) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .85rem center
}
.filterbalk select:hover{border-color:var(--ink-licht)}
.filterbalk select:focus{outline:none;border-color:var(--noot-rand);box-shadow:0 0 0 3px rgba(240,171,56,.18)}
.filterbalk .knop{flex:0 0 auto}
.filterwissen{font-size:.85rem;font-weight:700;color:var(--oranje-tekst);text-decoration:none;padding-bottom:.6rem}
.filterwissen:hover{text-decoration:underline}

.sorteerwissel{display:inline-flex;align-items:center;background:var(--grijs-badge);border-radius:999px;padding:.22rem}
.sorteer-icoon{width:13px;height:13px;flex:none;color:var(--ink-licht);margin:0 .2rem 0 .6rem}
.sorteerwissel a,.sorteerwissel button{
  appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;text-decoration:none;
  font-size:.8rem;font-weight:700;color:var(--ink-zacht);padding:.34rem .95rem;border-radius:999px;transition:.12s
}
.sorteerwissel a:hover,.sorteerwissel button:hover{color:var(--ink)}
.sorteerwissel .actief{background:var(--wit);color:var(--ink);box-shadow:0 1px 3px rgba(34,38,42,.16)}

.paginering{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.3rem}
.pag-knop{
  text-decoration:none;font-weight:700;font-size:.9rem;color:var(--ink);
  background:var(--wit);border:1px solid var(--rand-donker);border-radius:999px;padding:.55rem 1.2rem;transition:.15s
}
.pag-knop:hover{border-color:var(--noot-rand);color:var(--oranje-tekst)}
.pag-status{font-size:.85rem;color:var(--ink-licht);font-weight:600}

.detailpaneel{padding:1.5rem 1.4rem;gap:1.2rem}
.detailkop{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.detaillijst{display:grid;gap:.1rem}
.detaillijst>div{display:grid;grid-template-columns:minmax(130px,38%) 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--rand);font-size:.92rem}
@media(max-width:440px){.detaillijst>div{grid-template-columns:1fr;gap:.05rem;padding:.5rem 0}}
.detaillijst>div:last-child{border-bottom:none}
.detaillijst dt{color:var(--ink-licht);font-weight:600}
.detaillijst dd{font-weight:600}
.detaillijst a{color:var(--oranje-tekst);text-decoration:none}
.detaillijst a:hover{text-decoration:underline}
.omschrijving h2{font-size:1.02rem;font-weight:700;margin-bottom:.5rem}
.omschrijving blockquote{
  background:var(--bg);border-left:3px solid var(--rand-donker);border-radius:0 10px 10px 0;
  padding:.9rem 1.1rem;font-size:.95rem;color:var(--ink-zacht)
}
.faqlijst{display:flex;flex-direction:column;gap:.7rem}
.faqitem{background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw)}
.faqitem summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.3rem}
.faqitem summary::-webkit-details-marker{display:none}
.faqitem summary h3{font-size:1rem;font-weight:700}
.faqitem summary::after{content:"+";font-size:1.35rem;font-weight:700;color:var(--oranje-tekst);flex:none;line-height:1}
.faqitem[open] summary::after{content:"–"}
.faqitem>p{padding:0 1.3rem 1rem;color:var(--ink-zacht);font-size:.95rem}
.faqitem .bron{font-size:.8rem;color:var(--ink-licht);padding-bottom:1.15rem}
.faqitem .bron a{color:var(--oranje-tekst);font-weight:700}

.contactpaneel{padding:1.7rem 1.5rem;gap:.9rem;align-items:flex-start}
.contactpaneel h2{font-size:1.2rem;font-weight:700}
.contactpaneel p{color:var(--ink-zacht);font-size:.96rem}
.contactpaneel p a{color:var(--oranje-tekst);font-weight:700}

.artikelmeta{margin-top:.8rem;font-size:.82rem;color:var(--ink-licht)}
.clusterlabel{display:inline-block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--oranje-tekst);background:var(--oranje-licht);border-radius:999px;padding:.25rem .8rem;margin-bottom:.7rem}
.artikelinhoud{background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);padding:1.7rem 1.5rem}
@media(min-width:760px){.artikelinhoud{padding:2.2rem 2.4rem}}
.artikelinhoud h2{font-size:1.35rem;font-weight:700;margin:1.6rem 0 .6rem}
.artikelinhoud h2:first-child{margin-top:0}
.artikelinhoud h3{font-size:1.08rem;font-weight:700;margin:1.2rem 0 .4rem}
.artikelinhoud p{margin-bottom:.9rem;color:var(--ink-zacht)}
.artikelinhoud strong{color:var(--ink)}
.artikelinhoud ul,.artikelinhoud ol{margin:0 0 1rem 1.3rem;color:var(--ink-zacht)}
.artikelinhoud li{margin-bottom:.45rem}
.artikelinhoud a{color:var(--oranje-tekst);font-weight:600;text-decoration:none}
.artikelinhoud a:hover{text-decoration:underline}
.bronnenblok{margin-top:1.2rem;background:var(--bg);border:1px solid var(--rand);border-radius:var(--rond);padding:1.3rem 1.5rem}
.bronnenblok h2{font-size:1rem;font-weight:800;margin-bottom:.6rem}
.bronnenblok ul{list-style:none;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}
.bronnenblok ul a{color:var(--oranje-tekst);font-weight:600;font-size:.92rem}
.bronnoot{font-size:.8rem;color:var(--ink-licht)}
.bronnoot a{color:var(--oranje-tekst);font-weight:600}

.tabelpaneel{overflow-x:auto}
.datatabel{width:100%;border-collapse:collapse;font-size:.92rem}
.datatabel th{
  text-align:left;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-licht);
  padding:.8rem 1.1rem;border-bottom:1px solid var(--rand);background:var(--bg)
}
.datatabel td{padding:.7rem 1.1rem;border-bottom:1px solid var(--rand)}
.datatabel tbody tr:last-child td{border-bottom:none}
.datatabel tbody tr:hover{background:var(--noot-bg)}
.datatabel a{color:var(--oranje-tekst);font-weight:700;text-decoration:none}
.datatabel a:hover{text-decoration:underline}
.num-kolom{text-align:right;font-variant-numeric:tabular-nums}

.ctaband{
  background:var(--wit);border:1px solid var(--rand);border-radius:var(--rond);box-shadow:var(--schaduw);
  padding:1.4rem 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem
}
.ctaband p{font-size:.98rem;color:var(--ink-zacht);max-width:56ch}
.ctaband strong{color:var(--ink)}
.ctaband-credo{justify-content:center;margin-top:1.2rem}
.ctaband-credo .credo{margin:0;text-align:center;background:transparent;padding:0}
.ctaband-app{
  background:linear-gradient(135deg,#fff 30%,var(--oranje-licht) 100%);
  border-color:var(--noot-rand);flex-wrap:nowrap
}
.ctaband-app p strong{display:block;margin-bottom:.1rem}
.ctaband button.knop{cursor:pointer;font:inherit;flex:none}
@media(max-width:560px){
  .ctaband-app{flex-wrap:wrap}
  .ctaband-app .knop{width:100%}
}
.sectie:has(>.ctaband-app){padding-top:.4rem;padding-bottom:1.2rem}
.tekstknop{
  appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;cursor:pointer;
  color:var(--oranje-tekst);font-weight:700
}
.tekstknop:hover{text-decoration:underline}

.appmodal{
  border:0;padding:0;margin:auto;border-radius:var(--rond);box-shadow:0 24px 60px -20px rgba(28,33,38,.45);
  max-width:26rem;width:calc(100% - 2rem)
}
.appmodal::backdrop{background:rgba(28,33,38,.45)}
.appmodal-binnen{padding:1.6rem 1.5rem 1.5rem;position:relative}
.appmodal-sluit{
  position:absolute;top:.7rem;right:.8rem;width:2rem;height:2rem;border:0;background:transparent;
  color:var(--ink-licht);font-size:1.5rem;line-height:1;cursor:pointer
}
.appmodal-sluit:hover{color:var(--ink)}
.appmodal h2{font-size:1.25rem;font-weight:800;margin:0 1.8rem .55rem 0}
.appmodal p{color:var(--ink-zacht);font-size:.95rem;margin:0 0 1.2rem}
.appmodal-keuzes{display:flex;flex-direction:column;gap:.65rem}
.appmodal-keuzes .knop{width:100%;justify-content:center;text-align:center}

footer.site{background:var(--ink);color:#a7adb2;margin-top:2.4rem;padding:2.8rem 0 7rem}
@media(min-width:1020px){footer.site{padding-bottom:2.8rem}}
.voetgrid{display:grid;gap:1.9rem}
@media(min-width:760px){.voetgrid{grid-template-columns:2fr 1fr 1fr 1fr}}
footer .brand-pill{font-size:1rem}
footer p.missie{font-size:.88rem;max-width:36ch;margin-top:.9rem}
footer h4{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.85rem}
footer ul{list-style:none}
footer li{margin-bottom:.5rem}
footer ul a{text-decoration:none;font-size:.89rem;transition:.12s}
footer ul a:hover{color:#fff}
footer .voetlink{
  appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;
  font:inherit;font-size:.89rem;cursor:pointer;text-align:left
}
footer .voetlink:hover{color:#fff}
.voetbasis{border-top:1px solid #3a4046;margin-top:2.3rem;padding-top:1.3rem;font-size:.78rem;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
.voetbasis a{text-decoration:none}
.voetbasis a:hover{color:#fff}

.fab{
  position:fixed;left:50%;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));z-index:500;
  transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,.8vw,.55rem);
  max-width:calc(100vw - 2rem);width:max-content;box-sizing:border-box;
  background:var(--oranje-grad);color:#fff;text-decoration:none;font-weight:800;
  font-size:clamp(.88rem,2.8vw,.98rem);
  padding:clamp(.72rem,2.2vw,.9rem) clamp(1.25rem,5vw,2rem);
  border-radius:999px;box-shadow:0 14px 34px -8px rgba(216,138,6,.6)
}
.fab svg{width:clamp(15px,4vw,17px);height:clamp(15px,4vw,17px)}
@media(min-width:1020px){.fab{display:none}}