/* Homepage v15. Basis concept-B (compositie, beelden, overlap, ontwerpstrook). Uit v14 het demoformulier
   en de stijlvoorvertoningen. JavaScript alleen voor het menu en het formulier. */
:root{
  --vv-diep:#0B2A5B; --vv-inkt:#1F2A44; --vv-teal:#1FBFAE; --vv-teal-d:#0F7C70; --vv-teal-t:#0B5F55;
  --vv-papier:#FAF6EE; --vv-zand:#F5F2E9; --vv-rand:#E3DED2; --vv-grijs:#5C6670;
  --vv-oranje:#E07A2F; /* spaarzaam: aandachtpunt in de scanweergave en de gloed rond de bouwroutevogels */
  --vogelpapier:#FDFDFB; /* achtergrond van de bouwroutebeelden: de tegel heeft dezelfde kleur, dus geen zichtbaar vlak */
  --kop:Literata,Georgia,serif; --tekst:Jost,"Segoe UI",Arial,sans-serif;
  --m:clamp(16px,4vw,64px); --breed:1360px; --lees:740px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--vv-papier);color:var(--vv-inkt);font:400 17px/1.6 var(--tekst)}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:var(--kop);font-weight:600;color:var(--vv-diep);letter-spacing:-.015em;margin:0}
p{margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(100% - 2*var(--m),var(--breed));margin-inline:auto}
.kicker{display:block;font:600 12px/1.4 var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--vv-teal-d);margin-bottom:18px}
.kicker i{font-style:normal;padding:0 .3em}
.donker .kicker{color:var(--vv-teal)}
.donker{background:var(--vv-diep);color:var(--vv-papier)}
.donker h1,.donker h2,.donker h3{color:var(--vv-papier)}
.zand{background:var(--vv-zand)}
.wit{background:#fff}
h2{font-size:clamp(34px,4.6vw,64px);line-height:1.02}
.lead{font-size:clamp(18px,1.5vw,22px);line-height:1.45;max-width:36ch}
.donker .lead{color:rgba(250,246,238,.86)}
.klein{font-size:14px;color:var(--vv-grijs)}

/* knoppen en links */
.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--vv-teal);color:var(--vv-diep);font:600 17px/1.15 var(--tekst);padding:17px 26px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;text-align:center;transition:background .18s}
.knop.klein{font-size:15px;padding:12px 18px}
.knop.lijn{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.tekstlink{font-weight:500;text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1.5px;text-decoration-color:var(--vv-teal)}
.tekstlink .pdf{font-size:.78em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-left:.35em;text-decoration:none;display:inline-block;opacity:.75}
.donker .tekstlink{color:var(--vv-papier)}
.acties{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:34px}
:focus-visible{outline:3px solid var(--vv-teal);outline-offset:3px}
@media (hover:hover){
  .knop:hover{background:#19AD9E}
  .knop.lijn:hover{background:rgba(255,255,255,.08)}
  .tekstlink:hover{text-decoration-color:currentColor}
  .menu a:not(.knop):hover{color:var(--vv-teal-d)}
}

/* conceptbalk en kop */
.conceptbalk{background:var(--vv-inkt);color:var(--vv-papier);font-size:12px;letter-spacing:.04em;text-align:center;padding:6px var(--m)}
.kop{border-bottom:1px solid var(--vv-rand);background:var(--vv-papier);position:relative;z-index:10}
.koprij{display:flex;align-items:center;gap:28px;min-height:76px;padding:10px 0}
.merk{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 22px/1 var(--kop);color:var(--vv-diep);letter-spacing:-.01em}
.merk img{width:44px;height:44px}
.menu{display:flex;align-items:center;gap:26px;margin-left:auto;font-weight:500;font-size:16px}
.menu a{text-decoration:none;color:var(--vv-inkt);white-space:nowrap}
.menu a.knop{color:var(--vv-diep)}
.menuknop{display:none;margin-left:auto;align-items:center;gap:10px;background:none;border:1.5px solid var(--vv-diep);border-radius:8px;color:var(--vv-diep);font:600 15px/1 var(--tekst);padding:10px 14px;cursor:pointer}
.menuknop .streep{position:relative;width:16px;height:2px;background:currentColor}
.menuknop .streep::before,.menuknop .streep::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor}
.menuknop .streep::before{top:-5px}.menuknop .streep::after{top:5px}
.menuknop[aria-expanded="true"] .streep{background:transparent}
.menuknop[aria-expanded="true"] .streep::before{top:0;transform:rotate(45deg)}
.menuknop[aria-expanded="true"] .streep::after{top:0;transform:rotate(-45deg)}
@media (max-width:1060px) and (min-width:901px){.menu{gap:18px;font-size:15px}.koprij{gap:20px}}
@media (max-width:900px){
  .koprij{min-height:60px;gap:12px;padding:8px 0}
  .merk{font-size:19px}.merk img{width:36px;height:36px}
  .js .menuknop{display:inline-flex}
  .menu{flex-wrap:wrap;gap:10px 18px;font-size:15px;width:100%}
  html:not(.js) .koprij{flex-wrap:wrap}
  .js .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--vv-papier);border-bottom:1px solid var(--vv-rand);box-shadow:0 18px 30px -18px rgba(31,42,68,.35);flex-direction:column;align-items:stretch;gap:0;padding:6px var(--m) 20px;margin:0}
  .js .menu.open{display:flex}
  .js .menu a{padding:14px 0;border-bottom:1px solid var(--vv-rand);font-size:18px}
  .js .menu a.knop{margin-top:16px;border:0;padding:16px 20px}
}

/* 1 OPENING */
.hero{position:relative;min-height:clamp(620px,88vh,940px);display:flex;align-items:center;overflow:clip}
.hero .wrap{position:relative;z-index:2;padding:clamp(48px,8vh,110px) 0 clamp(56px,10vh,140px);display:grid}
.hero-tekst{max-width:min(640px,44vw);position:relative;z-index:2}
.hero h1{font-size:clamp(40px,4.7vw,72px);line-height:1.02;letter-spacing:-.022em;margin-bottom:0}
.hero h1 em{font-style:normal;color:var(--vv-teal-d)}
.pillen-kop{margin:0 0 4px;font:600 13px/1.4 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-teal)}
/* pillen, overgenomen van de live homepage (ul.micro) */
.pillen{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:560px}
.pillen li{background:#fff;border:1px solid var(--vv-rand);border-radius:999px;padding:6px 15px;font:400 14.5px/1.4 var(--tekst);color:var(--vv-inkt)}
.hero-beeld{position:absolute;right:-16vw;top:18%;width:min(66vw,1000px);z-index:1;pointer-events:none}
.hero-beeld img{width:100%}
@media (max-width:900px){
  .hero{min-height:0;display:block}
  .hero .wrap{padding:26px 0 0}
  .hero-tekst{max-width:none}
  .hero h1{font-size:clamp(32px,9.4vw,46px);line-height:1.02;letter-spacing:-.018em}
  .hero .acties{margin-top:22px;gap:14px 22px}
  .pillen{margin-top:18px;gap:6px}
  .pillen li{font-size:14px;padding:5px 13px}
  .hero-beeld{position:relative;right:auto;top:auto;width:128%;margin:-6px -34% 0 -2%;z-index:1}
}

/* 2 HERKENNING, typografisch moment */
.herken{padding:clamp(28px,5vh,56px) 0 clamp(40px,7vh,80px);border-top:1px solid var(--vv-rand)}
.herken .rij{display:flex;flex-wrap:wrap;gap:.1em 1.1em;font:600 clamp(28px,4vw,58px)/1.15 var(--kop);color:var(--vv-diep);letter-spacing:-.02em}
.herken .rij span:nth-child(even){color:var(--vv-grijs)}
.herken .antwoord{margin:.35em 0 0 auto;width:fit-content;font:500 italic clamp(28px,4vw,58px)/1.15 var(--kop);color:var(--vv-teal-d)}
@media (max-width:900px){
  .herken .rij{flex-direction:column;gap:.04em;font-size:clamp(26px,7.4vw,34px)}
  .herken .antwoord{margin-left:0;margin-top:.45em;font-size:clamp(26px,7.4vw,34px)}
}

/* 3 SCAN, bijna beeldvullend */
.scan{position:relative;overflow:clip;min-height:min(100vh,1000px)}
.scan .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px;align-items:start;padding:clamp(64px,10vh,120px) 0 clamp(56px,9vh,110px)}
.scan-tekst{padding-bottom:0}
.scan h2{margin-bottom:.5em}
.scan .lead{margin-bottom:.6em}
.scan .lead b{font-weight:600;color:var(--vv-papier)}
/* drie pijlers, korte intro in de scansectie */
.pijlers{margin-top:30px;padding-top:22px;border-top:1px solid rgba(250,246,238,.16);max-width:46ch}
.pijlers-kop{font:600 clamp(19px,1.5vw,22px)/1.35 var(--kop);color:var(--vv-papier);margin-bottom:14px}
.pijlers ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.pijlers li{display:grid;grid-template-columns:7.2em minmax(0,1fr);gap:14px;font-size:16px;line-height:1.45;color:rgba(250,246,238,.86)}
.pijlers li b{font:600 12.5px/1.85 var(--tekst);letter-spacing:.12em;text-transform:uppercase;color:var(--vv-teal)}
.pijlers .slotzin{margin-top:14px;font-size:16px;line-height:1.5;color:rgba(250,246,238,.86)}
.pijlers .slotzin span{display:block;margin-top:4px;font-size:14.5px;color:rgba(250,246,238,.7)}
/* pijlerlabel bij een bevinding, op licht papier */
.pijler{display:inline-block;margin-left:.45em;padding:0 .6em;border:1px solid rgba(11,95,85,.38);border-radius:999px;font:600 10.5px/1.7 var(--tekst);letter-spacing:.1em;text-transform:uppercase;color:var(--vv-teal-t);vertical-align:1px;white-space:nowrap;font-style:normal}
.docblad .pijler{font-size:max(9px,1.75cqi);margin-left:.5em}
.bronnen{margin-top:56px;padding-top:22px;border-top:1px solid rgba(250,246,238,.16)}
.bronnen p{font-size:13px;letter-spacing:.04em;color:rgba(250,246,238,.66);margin-bottom:12px}
.tools{display:flex;flex-wrap:wrap;gap:12px 22px;list-style:none;margin:0;padding:0}
.tools li{display:flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.06em;color:rgba(250,246,238,.74)}
.tools img,.tools .letter{width:20px;height:20px;border-radius:4px;filter:grayscale(1) brightness(1.5) contrast(.9);opacity:.85}
.tools .letter{display:grid;place-content:center;background:rgba(250,246,238,.82);color:var(--vv-diep);font:700 13px/1 var(--tekst);filter:none;opacity:.8}
.stapel{position:relative;padding-top:34px}
.stapel img{width:min(520px,42vw);border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3)}
.stapel .voor{position:relative;margin-left:6%;transform:rotate(-2.5deg);z-index:2}
/* voorste blad: rustige samenvatting als documentpagina, geen dominant cijfer */
.docblad{display:grid;width:min(520px,42vw);aspect-ratio:1100/1557;background:#fff;color:var(--vv-inkt);border-radius:3px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.3);container-type:inline-size}
.db-in{padding:10cqi 9cqi 7cqi;display:flex;flex-direction:column;gap:3.6cqi;font-size:clamp(11.5px,3.3cqi,17px);line-height:1.4}
.docblad .bk{font:600 max(9px,2.1cqi)/1.3 var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--vv-teal-d)}
.docblad .bt{font:600 clamp(18px,6.4cqi,34px)/1.1 var(--kop);color:var(--vv-diep);letter-spacing:-.01em}
.docblad .bm{font-size:.86em;color:var(--vv-grijs);padding-bottom:3cqi;border-bottom:2px solid var(--vv-diep)}
.docblad .bm b{color:var(--vv-diep);font-weight:600}
.docblad .bm em{font-style:normal;font-size:.82em;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--vv-rand);border-radius:999px;padding:.1em .6em;margin-left:.4em;white-space:nowrap}
.docblad .bs{font:600 max(9px,2.1cqi)/1.3 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-diep)}
.docblad ul{list-style:none;margin:0;padding:0;display:grid;gap:2.6cqi}
.docblad li{display:grid;grid-template-columns:auto 1fr;gap:.2em .8em;align-items:start;padding-top:2.6cqi;border-top:1px solid var(--vv-rand)}
.docblad li small{grid-column:1;font:600 max(9px,2cqi)/1.5 var(--tekst);letter-spacing:.12em;text-transform:uppercase;color:var(--vv-diep);display:flex;align-items:center;gap:.5em;min-width:7.5em}
.docblad li small::before{content:"";width:.85em;height:.85em;border-radius:50%;flex:none}
.docblad li.goed small::before{background:var(--vv-teal)}
.docblad li.kans small::before{box-shadow:inset 0 0 0 2.5px var(--vv-teal-d)}
.docblad li.aandacht small::before{background:var(--vv-oranje);border-radius:2px;transform:rotate(45deg) scale(.85)}
.docblad li span{grid-column:2}
.docblad .bv{margin-top:auto;font-size:.8em;color:var(--vv-grijs);padding-top:2.6cqi;border-top:1px solid var(--vv-rand);display:flex;justify-content:space-between;gap:1em}
.stapel .achter{position:absolute;left:6%;top:34px;transform:translate(120px,-30px) rotate(4deg);z-index:1}
.stapel .noot{position:relative;z-index:3;display:block;width:fit-content;background:var(--vv-diep);padding:4px 10px 4px 0;margin:30px 0 0 6%;font-size:13px;letter-spacing:.04em;color:rgba(250,246,238,.72)}
@media (max-width:900px){
  .scan{min-height:0}
  .scan .wrap{grid-template-columns:1fr;gap:28px}
  .stapel{overflow:clip;margin:0 calc(-1*var(--m)) 0 0;padding:22px 0 8px}
  .stapel img,.stapel .docblad{width:74vw}
  .stapel .voor{margin-left:3%}
  .stapel .achter{left:3%;top:22px;transform:translate(52px,-12px) rotate(4deg)}
  .stapel .noot{margin:22px 0 0 0;padding-right:var(--m)}
  .bronnen{margin-top:34px}
  .pijlers li{grid-template-columns:1fr;gap:0}
}

/* 4 DRIE DINGEN, objecten als voorbeeldschermen */
.drie{padding:clamp(72px,12vh,140px) 0 clamp(56px,10vh,120px);overflow:clip}
.drie .intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:14px 40px;margin-bottom:clamp(36px,6vh,72px)}
.drie h2{max-width:17ch}
.drie .intro .lead{max-width:40ch}
.bijschrift-drie{margin-top:clamp(28px,5vh,56px);font-size:14px;color:var(--vv-grijs)}
.verzonnen{font-size:15px;line-height:1.45;color:var(--vv-grijs);max-width:34ch}
.objecten{display:grid;grid-template-columns:repeat(12,1fr);gap:0 24px;align-items:start}
.obj{display:block;text-decoration:none;color:inherit}
.bij{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:4px;align-items:center;margin:16px 0}
.bij>*{grid-column:2}
.bij .bij-vogel{grid-column:1;grid-row:1/4;width:clamp(76px,7vw,108px);height:auto;align-self:center}
.bij .kicker{margin:0}
.bij .vraag{font:600 clamp(24px,2.3vw,32px)/1.1 var(--kop);color:var(--vv-diep);letter-spacing:-.01em}
.bij .open{font-weight:500;color:var(--vv-teal-d);text-decoration:underline;text-underline-offset:.22em;text-decoration-color:var(--vv-teal)}
.bij .open .pdf{font-size:.78em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-left:.35em;display:inline-block;opacity:.75}
.obj-scan{grid-column:1/6;grid-row:1;z-index:2}
.obj-onderzoek{grid-column:5/9;grid-row:1;margin-top:clamp(390px,27vw,460px);z-index:3}
/* tussen 901 en 1359 px is het scanscherm smal en hoog; het voorstel begint dan pas onder de bevindingen */
@media (min-width:901px) and (max-width:1359px){.obj-onderzoek{margin-top:410px}}
.obj-portaal{grid-column:9/13;grid-row:1;margin-right:calc(-1*var(--m));margin-left:28px;margin-top:-24px;z-index:1}

/* gedeelde schermvorm */
.scherm{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 24px 60px rgba(31,42,68,.2),0 1px 3px rgba(31,42,68,.16);transition:transform .25s;font-size:15px;line-height:1.4}
.balk{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;font:600 11.5px/1.3 var(--tekst);letter-spacing:.12em;text-transform:uppercase}
.balk em{font-style:normal;font-weight:500;letter-spacing:.04em;text-transform:none;font-size:12.5px;opacity:.8}
.obj-scan .scherm{transform:rotate(-2deg)}
.obj-onderzoek .scherm{transform:rotate(4deg)}
.bl{display:inline-flex;align-items:center;gap:9px}
.bl img{height:26px;width:auto;flex:none}
@media (hover:hover){.obj:hover .scherm{transform:translateY(-6px) rotate(0)}}

/* scan: goed, kans, aandacht */
.sc .balk{background:var(--vv-zand);color:var(--vv-diep);border-bottom:1px solid var(--vv-rand)}
.sc-in{display:grid;padding:18px 20px 20px;display:grid;gap:14px}
.sc-groep{display:grid;grid-template-columns:18px 1fr;gap:6px 10px;align-items:start}
.sc-groep .gk{display:block;grid-column:2;font:600 12px/1.2 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-diep)}
.sc-groep .lijst{grid-column:2;list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sc-groep .it{display:block;font-size:15.5px;line-height:1.35;color:var(--vv-inkt)}
.stip{grid-row:1;width:13px;height:13px;border-radius:50%;margin-top:1px}
.stip.goed{background:var(--vv-teal)}
.stip.kans{box-shadow:inset 0 0 0 3px var(--vv-teal-d)}
.stip.aandacht{background:var(--vv-oranje);border-radius:2px;transform:rotate(45deg) scale(.82)}
.sc-groep+.sc-groep{padding-top:14px;border-top:1px solid var(--vv-rand)}
.sc-stand{display:block;padding-bottom:12px;border-bottom:1px solid var(--vv-rand);font-size:14.5px;line-height:1.4;color:var(--vv-inkt)}
.sc-stand b{display:block;font:600 11.5px/1.3 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-grijs);margin-bottom:3px}
.sc-voet{margin-top:2px;padding:12px 14px;background:var(--vv-papier);border-radius:4px;font-size:14.5px;color:var(--vv-inkt)}
.sc-voet b{font-weight:600;color:var(--vv-diep)}

/* onderzoek: voorstel met pagina's */
.oz .balk{background:#2F5FA8;color:#fff}
.oz-in{display:block;padding:18px 20px 20px}
.oz .advies{font:500 italic 18px/1.35 var(--kop);color:var(--vv-diep);padding-left:12px;border-left:3px solid var(--vv-teal)}
.bladen{display:flex;align-items:flex-end;gap:5px;margin:18px 0 6px}
.blad{width:22px;height:28px;border-radius:2px;background:var(--vv-teal);position:relative;clip-path:polygon(0 0,70% 0,100% 22%,100% 100%,0 100%)}
.blad.later{background:transparent;box-shadow:inset 0 0 0 1.5px var(--vv-rand);clip-path:none;border-radius:2px;border:1.5px dashed #C9C2B3;box-shadow:none}
.blad.later:first-of-type{margin-left:10px}
.bladen-uitleg{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:13.5px;color:var(--vv-grijs)}
.bladen-uitleg b{font:600 16px/1.3 var(--kop);color:var(--vv-diep)}
.oz .lijst{display:block;list-style:none;margin:14px 0 0;padding:0;counter-reset:p}
.oz .it{counter-increment:p;display:grid;grid-template-columns:24px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--vv-rand);font-size:15.5px;line-height:1.3;color:var(--vv-inkt)}
.oz .it::before{content:counter(p);font:600 15px/1.3 var(--kop);color:var(--vv-teal-d)}
.oz .it .sm{display:block;font-size:13px;color:var(--vv-grijs);margin-top:1px}
.oz-content{display:block;margin-top:14px}
.oz-content .pijler{margin-left:0}
.oz .oz-content+.lijst{margin-top:6px}
.oz-verder{display:grid;gap:7px;margin-top:4px;padding-top:12px;border-top:1px solid var(--vv-rand)}
.oz-verder>span{display:block;font-size:14.5px;line-height:1.35;color:var(--vv-inkt)}
.oz-verder .pijler{margin:0 .5em 0 0}

/* portaal: voortgang, actie, ontwerp */
.pt{background:var(--vv-papier)}
.pt .balk{background:var(--vv-diep);color:var(--vv-papier)}
.pt-in{padding:18px 20px 20px;display:grid;gap:14px}
.voortgang{display:grid;gap:8px}
.voortgang .rij{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13.5px;color:var(--vv-grijs)}
.voortgang .rij b{font:600 17px/1.2 var(--kop);color:var(--vv-diep)}
.segmenten{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.segmenten span{height:6px;border-radius:3px;background:var(--vv-rand)}
.segmenten span.klaar{background:rgba(31,191,174,.55)}
.segmenten span.nu{background:var(--vv-diep)}
.actie{background:#fff;border:1px solid var(--vv-rand);border-left:4px solid var(--vv-teal);border-radius:4px;padding:12px 14px}
.actie .sm,.pt-ontwerp .sm{display:block;font:600 11.5px/1.3 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-teal-t);margin-bottom:4px}
.actie .p{display:block;font:600 16.5px/1.35 var(--kop);color:var(--vv-diep)}
.pt-ontwerp .p{display:block;font-size:14px;color:var(--vv-grijs);margin-top:8px}
.duimen{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;align-items:end}
.duimen img{width:100%;aspect-ratio:480/250;object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 0 0 1px var(--vv-rand)}
.scherm,.balk,.sc-in,.oz-in,.pt-in,.voortgang,.actie,.pt-ontwerp,.sc-voet,.bladen-uitleg{display:block}
.sc-in,.pt-in,.voortgang,.sc-groep{display:grid}
.balk,.voortgang .rij,.bladen,.bladen-uitleg{display:flex}
.segmenten,.duimen{display:grid}
.sc-groep .lijst{display:grid}
.segmenten span,.blad{display:block}
@media (max-width:900px){
  .drie .intro{display:block}
  .verzonnen{margin-top:16px}
  .objecten{display:block}
  .obj-scan{width:94%}
  .obj-onderzoek{width:92%;margin:28px 0 0 auto}
  .obj-portaal{width:auto;margin:40px calc(-1*var(--m)) 0 0}
  .obj-portaal .scherm{border-radius:6px 0 0 6px}
  .obj-scan .scherm{transform:rotate(-1.2deg)}
  .obj-onderzoek .scherm{transform:rotate(2.5deg)}
  .bij{margin:14px 0 8px}
  .obj-portaal .bij{padding-right:var(--m)}
}

/* 5 ONTWERP, horizontale baan uit concept B */
.ontwerp{padding:clamp(72px,12vh,140px) 0 clamp(64px,10vh,120px);overflow:clip}
.ontwerp .intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px 48px;align-items:end;margin-bottom:clamp(36px,6vh,64px)}
.ontwerp .intro .rechts{display:grid;gap:18px;justify-items:start}
/* Standaard een veegstrook. Alleen op desktop met scroll-animaties en zonder reduced motion schuift hij mee met scrollen (zie BEWEGING). */
.baan{--kaart:480px;--tussen:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--m);scrollbar-width:thin;padding-bottom:12px}
.baanrij{display:flex;gap:var(--tussen);width:max-content;padding:0 var(--m);--overschot:calc(6*var(--kaart) + 5*var(--tussen) + 2*var(--m) - 100vw)}
.stijl{position:relative;display:block;width:var(--kaart);flex:none;text-decoration:none;color:inherit;scroll-snap-align:start}
.stijl:nth-child(even){margin-top:56px}
.stijl img{width:100%;aspect-ratio:1440/750;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 18px 50px rgba(31,42,68,.18);background:var(--vv-zand)}
.stijl figcaption{display:flex;align-items:baseline;gap:10px;margin-top:12px;font-size:15px;color:var(--vv-inkt)}
.stijl figcaption b{font:600 18px/1 var(--kop);color:var(--vv-teal-d)}
.stijl figcaption span{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1.5px;text-decoration-color:var(--vv-teal)}
.stijl:focus-visible{outline-offset:6px}
@media (hover:hover){.stijl:hover figcaption span{text-decoration-color:currentColor}.stijl:hover img{box-shadow:0 24px 60px rgba(31,42,68,.26)}}
@media (max-width:900px){
  .ontwerp .intro{grid-template-columns:1fr}
  .baan{--kaart:78vw;--tussen:14px}
  .stijl:nth-child(even){margin-top:0}
}

/* 5B INHOUD EN VINDBAARHEID, een geheel: sitemap links, drie korte punten rechts */
.inhoud{padding:clamp(72px,12vh,140px) 0;overflow:clip}
.inhoud .kop-blok{max-width:780px;margin-bottom:clamp(36px,6vh,64px)}
.inhoud .kop-blok .lead{margin-top:.6em;max-width:46ch}
.inhoud-geheel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px clamp(32px,5vw,80px);align-items:center}
.nr{display:inline-grid;place-content:center;width:26px;height:26px;border-radius:50%;background:var(--vv-diep);color:var(--vv-papier);font:600 13px/1 var(--tekst);flex:none}
.sitemap{position:relative;background:#fff;border:1px solid var(--vv-rand);border-radius:8px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 70px -34px rgba(31,42,68,.4)}
.sitemap .vb{position:absolute;top:-11px;right:16px;background:#fff;font:600 11px/1 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-grijs);border:1px solid var(--vv-rand);border-radius:999px;padding:5px 9px}
.sm-rij{display:grid;gap:10px;position:relative}
.sm-knoop{position:relative;background:var(--vv-papier);border:1px solid var(--vv-rand);border-radius:6px;padding:10px 12px;font-size:14.5px;line-height:1.25;color:var(--vv-diep);font-weight:500}
.sm-knoop i{display:block;height:4px;border-radius:2px;background:var(--vv-rand);margin-top:7px;width:78%}
.sm-knoop i+i{width:56%;margin-top:4px}
.sm-home{justify-self:center;width:min(240px,70%);text-align:center;background:var(--vv-diep);border-color:var(--vv-diep);color:#fff;font:600 16px/1.2 var(--kop)}
.sm-home small{display:block;font:400 12px/1.3 var(--tekst);color:rgba(250,246,238,.7);margin-top:2px}
.sm-menu{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px}
.sm-menu::before{content:"";position:absolute;left:12.5%;right:12.5%;top:-17px;height:2px;background:var(--vv-rand)}
.sm-menu::after{content:"";position:absolute;left:50%;top:-34px;width:2px;height:17px;background:var(--vv-rand)}
.sm-menu .sm-knoop{background:#2F5FA8;border-color:#2F5FA8;color:#fff}
.sm-menu .sm-knoop i{background:rgba(255,255,255,.38)}
.sm-menu .sm-knoop::before{content:"";position:absolute;left:50%;top:-17px;width:2px;height:17px;background:var(--vv-rand)}
.sm-land{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;padding-top:26px;border-top:2px dashed #C3D7EF}
.sm-land .sm-knoop{background:#DCE9F7;border-color:#C3D7EF;color:var(--vv-diep)}
.sm-land .sm-knoop i{background:rgba(11,42,91,.18)}
.sm-land .sm-knoop b{display:block;font:600 10.5px/1.2 var(--tekst);letter-spacing:.12em;text-transform:uppercase;color:var(--vv-teal-t);margin-bottom:4px}
.sm-label{position:absolute;display:flex;align-items:center;gap:8px;font:600 11.5px/1.2 var(--tekst);letter-spacing:.1em;text-transform:uppercase;color:var(--vv-grijs);background:#fff;padding-right:8px}
.sm-label.l1{left:0;top:-30px}
.sm-label.l2{left:0;top:-13px}
.sm-tech{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sm-tech span:not(.nr){font:500 13px/1 var(--tekst);color:var(--vv-inkt);border:1px solid var(--vv-rand);border-radius:999px;padding:7px 11px;background:var(--vv-papier)}
.punten{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.punten li{display:grid;grid-template-columns:26px 1fr;gap:6px 14px}
.punten h3{font-size:clamp(20px,1.7vw,24px);line-height:1.15;grid-column:2}
.punten p{grid-column:2;font-size:16px;line-height:1.5;color:var(--vv-inkt)}
.punten .nr{grid-row:1}
.inhoud .afsluiter{margin-top:clamp(28px,5vh,48px);padding-top:18px;border-top:1px solid var(--vv-rand);font:500 italic clamp(19px,1.6vw,23px)/1.35 var(--kop);color:var(--vv-diep)}
@media (max-width:900px){
  .inhoud-geheel{grid-template-columns:1fr}
  .sm-menu,.sm-land{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm-knoop{font-size:13.5px;padding:9px 10px}
  .sm-label{position:static;grid-column:1/-1;margin-bottom:2px}
  .sm-menu{margin-top:18px}
  .sm-menu::before,.sm-menu::after,.sm-menu .sm-knoop::before{display:none}
  .sm-land{margin-top:18px;padding-top:16px}
  .sm-home{width:100%}
  .punten{gap:18px}
  .punten p{font-size:15.5px}
}

/* 6 BOUWROUTES, licht blok met vrijstaande skeletvogels */
.bouw{padding:clamp(72px,12vh,140px) 0;overflow:clip;background:var(--vv-papier);border-top:1px solid var(--vv-rand);border-bottom:1px solid var(--vv-rand)}
.bouw .intro{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:28px clamp(40px,6vw,96px);align-items:start;margin-bottom:clamp(32px,5vh,64px)}
.bouw h2{max-width:13ch;margin-bottom:.45em}
.bouw .lead{max-width:34ch}
.bouw .intro .rechts{display:grid;gap:16px;justify-items:start;padding-top:clamp(0px,3vw,40px)}
.bouw .intro .rechts .pillen-kop{margin:0;font:600 13px/1.4 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-teal-d)}
.pillen.pillen-licht{margin-top:-4px}
.pillen.pillen-licht li{background:transparent;border-color:rgba(11,42,91,.28);color:var(--vv-diep)}
.bouw .intro .rechts .uitnodiging{font:500 italic clamp(20px,1.7vw,24px)/1.35 var(--kop);color:var(--vv-diep);max-width:30ch}
/* de rij mag breder dan de tekstkolom, zodat de vogels ongeveer een kwart groter staan */
.routes{--rij:min(calc(100vw - 32px),1500px);list-style:none;margin:0 0 0 calc(var(--rij)/-2);padding:0;position:relative;left:50%;width:var(--rij);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;align-items:start}
.route{display:grid;gap:10px;justify-items:center;text-align:center}
.route:nth-child(2){margin-top:clamp(28px,4vw,64px)}
.route:nth-child(3){margin-top:clamp(56px,8vw,128px)}
.vogel{width:100%;height:auto}
.route p{color:var(--vv-inkt);font-size:16.5px;line-height:1.5;max-width:30ch}
@media (max-width:900px){
  .bouw .intro{grid-template-columns:1fr;gap:18px}
  .bouw .intro .rechts{padding-top:0}
  .routes{grid-template-columns:1fr;gap:34px}
  .route:nth-child(n){margin-top:0}
  .vogel{max-width:560px}
  .route p{font-size:15.5px}
}

/* 7 PRIJZEN */
.pak{padding:clamp(72px,12vh,140px) 0}
.pak .intro{max-width:780px;margin-bottom:clamp(32px,5vh,56px)}
.pak .intro .lead{margin-top:.6em;max-width:44ch}
.prijsduo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3vw,40px);align-items:start}
.basis{background:#fff;border:1px solid var(--vv-rand);border-radius:8px;padding:clamp(24px,3.4vw,48px);display:grid;gap:10px}
.basis .prijs{font:600 clamp(60px,7vw,104px)/.92 var(--kop);color:var(--vv-diep);letter-spacing:-.03em}
.basis .voorwaarden{font-size:16px;color:var(--vv-grijs);margin-top:4px}
.basis .omvang{font:600 clamp(19px,1.6vw,22px)/1.35 var(--kop);color:var(--vv-diep);margin-top:10px;max-width:32ch}
.basis ul{list-style:none;margin:6px 0 0;padding:0;display:grid}
.basis li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--vv-rand);font-size:17px;line-height:1.4}
.basis li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:7px;border-left:2.5px solid var(--vv-teal-d);border-bottom:2.5px solid var(--vv-teal-d);transform:rotate(-45deg)}
.basis li.nameting{background:var(--vv-papier);border-top-color:transparent;border-radius:4px;margin-top:4px;padding-left:34px}
.basis li.nameting::before{left:10px}
.basis li.nameting b{color:var(--vv-diep);font-weight:600}
.basis .zelfde{font-size:15.5px;color:var(--vv-inkt);margin-top:6px;padding-top:12px;border-top:1px solid var(--vv-rand)}
.uitbreiding{border:1px solid var(--vv-rand);border-radius:8px;padding:clamp(20px,2.4vw,30px);display:grid;gap:8px;margin-top:clamp(0px,4vw,56px)}
.uitbreiding h3{font-size:clamp(20px,1.7vw,24px);line-height:1.15}
.uitbreiding .bedrag{font:600 clamp(24px,2.2vw,30px)/1.1 var(--kop);color:var(--vv-diep)}
.uitbreiding p{font-size:16px;line-height:1.5}
.uitbreiding .som{font-size:15px;color:var(--vv-grijs)}
.afspraken{margin:clamp(28px,4vh,44px) 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px clamp(20px,3vw,40px);padding-top:22px;border-top:1px solid var(--vv-rand)}
.afspraken p{font-size:15.5px;line-height:1.5;color:var(--vv-inkt)}
.afspraken b{display:block;font-weight:600;color:var(--vv-diep);margin-bottom:2px}
.pak .slotregel{margin-top:clamp(28px,4vh,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.pak .slotregel p{font:500 italic clamp(19px,1.6vw,23px)/1.35 var(--kop);color:var(--vv-diep)}
@media (max-width:900px){
  .prijsduo{grid-template-columns:1fr;gap:14px}
  .uitbreiding{margin-top:0}
  .basis li{font-size:16px;padding:9px 0 9px 24px}
  .afspraken{grid-template-columns:1fr;gap:12px}
}

/* 8 MENSEN */
.mensen{padding:clamp(72px,12vh,140px) 0 clamp(96px,15vh,180px)}
.mensen .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px clamp(40px,6vw,96px);align-items:center}
.duo{position:relative;margin-left:calc(-1*var(--m));max-width:520px}
.duo .stefan{width:100%;border-radius:0 6px 6px 0}
.duo .naam{position:absolute;left:var(--m);top:18px;background:var(--vv-papier);padding:6px 10px;border-radius:4px;font-size:13px;font-weight:500;color:var(--vv-diep)}
.gaby{position:absolute;right:-30%;bottom:-12%;width:72%;background:var(--vv-zand);border:1px solid var(--vv-rand);border-radius:6px;padding:clamp(18px,2vw,26px);display:grid;gap:8px;box-shadow:0 24px 50px -24px rgba(31,42,68,.35)}
.gaby::before{content:"";display:block;width:34px;height:4px;border-radius:2px;background:var(--vv-teal);margin-bottom:6px}
.gaby b{font:600 clamp(20px,1.8vw,24px)/1.15 var(--kop);color:var(--vv-diep)}
.gaby .rol{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--vv-teal-t);font-weight:600}
.gaby p{font:500 italic clamp(17px,1.4vw,19px)/1.35 var(--kop);color:var(--vv-diep)}
.mensen .lead{margin-top:.6em}
.twee-mensen{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;max-width:560px}
.twee-mensen div{border-top:2px solid var(--vv-diep);padding-top:12px}
.twee-mensen b{display:block;font:600 19px/1.2 var(--kop);color:var(--vv-diep);margin-bottom:4px}
.twee-mensen span{font-size:16px;line-height:1.45;display:block}
.samen-feit{margin-top:18px;font-size:16px;color:var(--vv-grijs);max-width:52ch}
.tempo{margin-top:30px;padding:16px 0 0 18px;border-left:3px solid var(--vv-teal);font:500 italic clamp(19px,1.6vw,23px)/1.4 var(--kop);color:var(--vv-diep);max-width:40ch}
@media (max-width:900px){
  .mensen .wrap{grid-template-columns:1fr}
  .duo{max-width:80%;margin-bottom:0}
  .gaby{position:relative;right:auto;bottom:auto;width:auto;margin:-56px calc(-1*var(--m) - 25%) 0 22%}
  .twee-mensen{grid-template-columns:1fr}
  .tempo{padding-top:4px}
}

/* 9 AFSLUITING met demoformulier */
.slot{padding:clamp(72px,12vh,140px) 0 clamp(64px,10vh,120px)}
.slot .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px clamp(40px,6vw,96px);align-items:start}
.slot .lead{margin-top:.6em}
.slot .kortom{margin-top:18px;font-size:16px;line-height:1.6;color:rgba(250,246,238,.86)}
.slot .kortom i{font-style:normal;color:var(--vv-teal);padding:0 .3em}
.slot .gerust{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.slot .gerust li{border:1px solid rgba(250,246,238,.3);border-radius:999px;padding:6px 14px;font-size:14.5px;line-height:1.4;color:var(--vv-papier)}
.meekijker{display:flex;align-items:center;gap:14px;margin-top:30px}
.meekijker img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 3px rgba(31,191,174,.55)}
.meekijker span{font-size:16px;line-height:1.35;color:var(--vv-papier)}
.meekijker b{font:600 17px/1.2 var(--kop)}
.meekijker i{font-style:normal;padding:0 .35em;color:var(--vv-teal)}
.formulier{display:grid;gap:16px;background:rgba(255,255,255,.05);border:1px solid rgba(250,246,238,.16);border-radius:8px;padding:clamp(20px,3vw,32px)}
.demo-uitleg{font-size:14.5px;line-height:1.45;padding:10px 14px;border-radius:6px;background:rgba(250,246,238,.1);border-left:3px solid var(--vv-teal)}
.demo-uitleg a{color:var(--vv-papier)}
.demo-uitleg b{font-weight:600}
.formulier label{font-size:14px;font-weight:500;letter-spacing:.02em;display:grid;gap:6px}
.formulier .optie{font-weight:400;color:rgba(250,246,238,.66)}
.formulier input{font:400 17px/1.3 var(--tekst);color:var(--vv-inkt);background:#fff;border:1px solid var(--vv-rand);border-radius:6px;padding:13px 14px;width:100%}
.formulier input:focus{outline:3px solid var(--vv-teal);outline-offset:1px}
.formulier .knop{margin-top:4px}
.formulier .klein{font-size:13.5px;color:rgba(250,246,238,.74)}
.formulier .klein+.klein{margin-top:-10px}
.formulier .klein a{color:var(--vv-papier)}
.melding{padding:14px 16px;border-radius:6px;background:var(--vv-papier);color:var(--vv-inkt);font-size:16px;line-height:1.45}
.melding b{display:block;font:600 18px/1.3 var(--kop);color:var(--vv-diep);margin-bottom:4px}
.melding:focus{outline:3px solid var(--vv-teal);outline-offset:2px}
.melding .tekstlink{color:var(--vv-diep)}
@media (max-width:900px){.slot .wrap{grid-template-columns:1fr;gap:32px}}

/* voet */
.voet{background:var(--vv-inkt);color:rgba(250,246,238,.78);font-size:13px;padding:22px 0 28px}
.voet .wrap{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.voet a{color:inherit}

/* BEWEGING. Zonder JavaScript, bij reduced motion en na het doorscrollen staat alle inhoud in de eindstand.
   De rapportstapel schuift mee met het scrollen (alleen transform). De routes starten pas in de beginstand (klasse .wacht) als JS ze onder het scherm aantreft,
   en spelen hun overgang eenmalig af zodra ze in beeld komen. Een volledige schermafdruk na het doorscrollen toont dus alles. */
@keyframes zweef-in{from{opacity:0;transform:translate(70px,26px)}}
@keyframes drijf{to{transform:translateY(-70px)}}
@keyframes scan-open{from{transform:translateY(140px) rotate(-8deg)}}
@keyframes scan-blad{from{transform:translate(0,0) rotate(0deg)}}
@keyframes baan{to{transform:translateX(calc(-1*var(--overschot)))}}
.hero-beeld img{animation:zweef-in 1.3s cubic-bezier(.2,.7,.2,1) both}
/* gloei-in van de routes, zoals in B: opacity 0 en translateY(48px) */
.route{transition:opacity .45s ease-out,transform .5s cubic-bezier(.2,.7,.2,1)}
.route:nth-child(2){transition-delay:.06s}.route:nth-child(3){transition-delay:.12s}
.route.wacht{opacity:0;transform:translateY(48px)}
@supports (animation-timeline:view()){
  .hero-beeld{animation:drijf linear both;animation-timeline:scroll(root);animation-range:0 110vh}
  /* openwaaierende rapportstapel, gekoppeld aan het scrollen zoals in B (alleen transform) */
  .stapel .voor{animation:scan-open linear both;animation-timeline:view();animation-range:entry 5% cover 42%}
  .stapel .achter{animation:scan-blad linear both;animation-timeline:view();animation-range:entry 15% cover 55%}
  @media (min-width:901px) and (prefers-reduced-motion:no-preference){
    .baan{overflow:clip;scroll-snap-type:none;padding-bottom:0}
    .baanrij{animation:baan linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* voet met groepen, gelijk aan demo NL v2 (samenhangronde 28 sep 2026) */
.voet.voet-groepen{font-size:15px;padding:44px 0 28px}
.voet.voet-groepen .wrap{display:block}
.voet-groepen a{text-decoration:none}
.voet-groepen .groepen{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:28px clamp(24px,4vw,56px)}
.voet-groepen .groep b{display:block;font:600 12px/1.4 var(--tekst);letter-spacing:.14em;text-transform:uppercase;color:var(--vv-teal);margin-bottom:12px}
.voet-groepen ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.voet-groepen ul a{display:inline-block;padding:5px 0}
.voet-groepen .merkregel{font:600 19px/1.2 var(--kop);color:var(--vv-papier);margin-bottom:8px}
.voet-groepen .onderregel{margin-top:32px;padding-top:18px;border-top:1px solid rgba(250,246,238,.16);font-size:13.5px;color:rgba(250,246,238,.66)}
@media (hover:hover){.voet-groepen a:hover{color:#fff}}
@media (max-width:900px){.voet-groepen .groepen{grid-template-columns:1fr 1fr}.voet-groepen .groep.eerste{grid-column:1/-1}}
@media (max-width:480px){.voet-groepen .groepen{grid-template-columns:1fr}}

/* sitemap volgens de sluitende paginalijst: drie bestaande pagina's in het menu, vijf landingspagina's */
.sm-menu.sm-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm-menu.sm-drie::before{left:16.67%;right:16.67%}
.sm-land.sm-vijf{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){.sm-menu.sm-drie,.sm-land.sm-vijf{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* leesbaarheidsronde 28 sep 2026: korte uitleg onder de vraag bij scan, onderzoek en portaal */
.bij .bij-vogel{grid-row:1/5}
.bij .kort{font-size:16px;line-height:1.4;color:var(--vv-inkt)}

/* ---- livegang 28 sep 2026: taalkeuze in het menu, echt scanformulier ---- */
.taalkeuze{display:inline-flex;gap:2px;align-items:center;margin-left:4px}
.taalkeuze a{font-size:13px !important;font-weight:600;letter-spacing:.06em;padding:6px 7px !important;color:var(--vv-grijs) !important;text-decoration:none}
@media (hover:hover){.taalkeuze a:hover{color:var(--vv-diep) !important;text-decoration:underline}}
.vv-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.formulier .fout{font-size:14px;color:#8C1D18;font-weight:500}
.formulier .fout[hidden],.formulier .melding[hidden]{display:none}
.formulier input[aria-invalid="true"]{border-color:#B3261E;box-shadow:0 0 0 1px #B3261E}
.formulier .melding{padding:14px 16px;border-radius:6px;background:#FBEAEA;border-left:4px solid #B3261E;font-size:15.5px;line-height:1.5}
.formulier .melding b{display:block;margin-bottom:2px}
.naar-inhoud{position:absolute;left:12px;top:-60px;background:var(--vv-diep);color:#fff;padding:10px 14px;border-radius:6px;z-index:50}
.naar-inhoud:focus{top:10px}
.admin-bar .kop{top:32px}
@media (max-width:782px){.admin-bar .kop{top:46px}}