/* Ontwerp A: de kop en de voet voor de pagina's die hun eigen inhoud en opmaak houden. */
@font-face{font-family:"Spectral";src:url("/fonts/spectral-light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Spectral";src:url("/fonts/spectral-lightitalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url("/fonts/plusjakartasans-latin.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
.a-schil{--balk:72px;--grond:#20130D;--vlak:#2A1A12;--lijn:#41342B;--diep:#4E1E14;--sand:#F1E1C8;--clay:#B6906B;--t2:#D8CAB3;--t3:#B6A794;
--papier:#F6EFE4;--papier2:#EDE2D0;--inkt:#20130D;--inkt2:#5B4D41;--lijn-l:#D9C8AC;--groen:#4E5A36;--bruin:#7A5B40;
--kop:'Spectral',Georgia,serif;--body:'Plus Jakarta Sans',system-ui,sans-serif;--r:14px;--r-img:10px;--pad:clamp(16px,4vw,40px);--balk:72px}
.a-schil .balk .wrap,.a-schil .a-voet .wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--pad)}
.a-schil .balk,.a-schil .a-voet,.a-schil .menu-paneel,.a-schil .proef{font-family:var(--body);font-size:17px;line-height:1.6;box-sizing:border-box}
.a-schil .balk *,.a-schil .a-voet *,.a-schil .menu-paneel *{box-sizing:border-box}
.a-schil .balk,.a-schil .menu-paneel{color:var(--sand);--grond:#20130D;--vlak:#2A1A12;--lijn:#41342B;--sand:#F1E1C8;--t2:#D8CAB3;--t3:#B6A794}
.a-schil .a-voet{background:var(--diep);color:var(--t2);--grond:#20130D;--lijn:#6B3A2C;--sand:#F1E1C8;--t2:#E5D6BD;--clay:#B6906B}
.proef{background:var(--vlak);color:var(--t2);font-size:13px;line-height:1.4;padding:8px var(--pad);text-align:center;border-bottom:1px solid var(--lijn)}
.balk .wrap{display:flex;align-items:center;gap:20px;min-height:var(--balk)}
.logo{display:inline-flex;flex:0 0 auto}
.logo img{height:44px;width:auto}
.balk-nav{display:none;align-items:center;gap:2px;margin-left:auto}
.balk-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--sand);text-decoration:none;font-size:15px;font-weight:500;border-radius:999px}
.balk-nav a:hover{background:var(--vlak)}
.balk-nav a[aria-current=true]{box-shadow:inset 0 -2px 0 var(--clay)}
.balk .knop:not(.menu-knop){display:none;min-height:44px;padding:0 20px;font-size:15px}
.balk .menu-knop{min-height:44px;padding:0 20px;font-size:15px}
.menu-knop{margin-left:auto}
.menu-paneel{display:none;border-top:1px solid var(--lijn);background:var(--grond)}
.menu-paneel.open{display:block}
.menu-paneel ul{display:flex;flex-direction:column;padding:8px var(--pad) 16px;max-width:1200px;margin:0 auto}
.menu-paneel a{display:flex;align-items:center;min-height:48px;text-decoration:none;color:var(--sand);font-size:17px;border-bottom:1px solid var(--lijn)}
@media(min-width:900px){.balk-nav{display:flex}
.balk .knop:not(.menu-knop){display:inline-flex;margin-left:8px}
.balk .menu-knop{display:none}
.menu-paneel{display:none!important}}
.knop:hover{background:var(--sand);border-color:var(--sand)}
.knop.rand{background:transparent;color:var(--sand)}
.knop.rand:hover{background:var(--vlak);border-color:var(--clay)}
.knop[disabled]{opacity:1;background:var(--papier2);border-color:#8A7761;color:var(--inkt2);cursor:not-allowed}
.knoppen{display:flex;flex-wrap:wrap;gap:12px}
footer{background:var(--diep);color:var(--t2);border-top:1px solid var(--lijn);padding:48px 0 32px;font-size:15px;line-height:1.6}
.foot{display:grid;gap:28px 48px}
@media(min-width:800px){.foot{grid-template-columns:1.2fr 1fr 1fr}}
.foot img{height:56px;width:auto}
.foot p.k{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-bottom:6px}
.foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--t2)}
.foot .lijst{display:flex;flex-direction:column}
.balk .deel{display:none;min-height:44px;padding:0 18px;font-size:15px}
@media(min-width:900px){.balk .deel{display:inline-flex}}
.a-schil .hero,.a-schil .sec.diep,.a-schil .sec.donker,.a-schil footer,.a-schil .menu-paneel,.a-schil .balk{color:var(--sand);--grond:#20130D;--vlak:#2A1A12;--lijn:#41342B;--sand:#F1E1C8;--t2:#D8CAB3;--t3:#B6A794;--clay-tekst:#B6906B;--knop:#B6906B;--knop-tekst:#20130D}
.a-schil .balk,.a-schil .sec.diep,.a-schil .sec.donker{background:var(--grond)}
.a-schil footer{background:#4E1E14}
.a-schil .knop:not(.rand){background:var(--knop);border-color:var(--knop);color:var(--knop-tekst)}
.a-schil .knop:not(.rand):hover{background:var(--sand);border-color:var(--sand);color:var(--grond)}
.a-schil .knop.rand{color:var(--sand);border-color:var(--knop)}
.a-schil .foot p.k{color:#B6906B}
@media(max-width:700px){.a-schil .balk .logo{min-height:44px;align-items:center;min-width:44px}}
.balk .knop.start{display:inline-flex}
.balk .knop.start{min-height:44px;padding:0 18px;font-size:15px}
@media(max-width:899px){.balk .wrap{gap:10px}
.balk .knop.start{padding:0 14px;font-size:14px;margin-left:auto}}
.knop.tekstlink{background:transparent;border-color:transparent;text-decoration:underline;padding:0 8px}
/* opdracht j2, A2: de knoppen in de kop staan op elke pagina in het midden, ook op de pagina's met de oude opmaak (die een eigen .knop-regel hebben) */
.balk .wrap .knop.start,.balk .wrap .knop.rand,.balk .wrap .menu-knop{align-items:center;justify-content:center;text-align:center;line-height:1.2;padding-top:0;padding-bottom:0;box-sizing:border-box;height:44px}

.vast{display:none}
.wa-zwevend{position:fixed;right:20px;bottom:20px;z-index:45;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.35);text-decoration:none}
.wa-zwevend svg{width:30px;height:30px;color:#fff}
.wa-zwevend svg path{stroke:#fff}
.wa-zwevend:hover{background:#1EBE5A;color:#fff}
@media(max-width:768px){
:root{--vast-hoogte:72px}
.vast{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;height:auto;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#20130D;border-top:1px solid #41342B}
.vast a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border-radius:999px;font:600 16px/1.15 'Plus Jakarta Sans',system-ui,sans-serif;text-align:center;text-decoration:none;border:2px solid #F1E1C8;box-sizing:border-box}
.vast a:first-child{background:#F1E1C8 !important;color:#20130D !important}
.vast a:last-child{background:#20130D !important;color:#F1E1C8 !important}
.vast--twee{grid-template-columns:1fr 1fr}
.wa-zwevend{right:14px;bottom:calc(var(--vast-hoogte) + 14px + env(safe-area-inset-bottom));width:52px;height:52px}
body:has(.vast){padding-bottom:calc(var(--vast-hoogte) + env(safe-area-inset-bottom))}
}

/* Ontwerp A voor de pagina's die hun eigen inhoud en scripts houden (keuzehulp, vergunningwijzer, over ons, projecten, ...): de oude oxide-kleuren, kaarten en letters volgen de stijl van A.
   Alleen uiterlijk; de inhoud, de scripts en de metingen zijn die van de pagina zelf. */
.a-schil.oude-inhoud{--a-mist:#EBE9DD;--a-vlak:#E0DDCB;--a-papier:#F6EFE4;--a-kaart:#F1E1C8;--a-inkt:#20130D;--a-inkt2:#5B4D41;--a-lijn:#D9C8AC;--a-diep:#4E1E14;
  background:var(--a-mist);color:var(--a-inkt);padding-bottom:0;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.oude-inhoud main.pagina{background:var(--a-mist);color:var(--a-inkt)}
.oude-inhoud h1,.oude-inhoud h2,.oude-inhoud h3,.oude-inhoud h4{font-family:'Spectral',Georgia,serif;font-weight:300;font-style:normal;color:inherit;letter-spacing:0}
.oude-inhoud h1{font-size:clamp(36px,5.2vw,68px);line-height:1.05}
.oude-inhoud h2{font-size:clamp(28px,3.8vw,46px);line-height:1.12}
.oude-inhoud h3{font-size:clamp(20px,2.4vw,26px)}
.oude-inhoud .cursief,.oude-inhoud em{font-style:italic}
.oude-inhoud .sectie{background:var(--a-mist);color:var(--a-inkt);padding-block:clamp(36px,6vw,80px)}
.oude-inhoud .sectie--zand{background:var(--a-vlak);color:var(--a-inkt)}
.oude-inhoud .sectie--patroon{background-image:none}
.oude-inhoud .sectie--umber,.oude-inhoud .sectie--naar-bordeaux,.oude-inhoud .sectie--verloop{background:var(--a-inkt);color:#F1E1C8}
.oude-inhoud .sectie p,.oude-inhoud .lead{color:var(--a-inkt2)}
.oude-inhoud .sectie--umber p,.oude-inhoud .sectie--naar-bordeaux p,.oude-inhoud .sectie--verloop p,.oude-inhoud .sectie--umber .lead{color:#D8CAB3}
.oude-inhoud .hero{background:var(--a-mist);color:var(--a-inkt);min-height:0;padding:clamp(28px,4vw,56px) var(--pad-pagina,20px) clamp(16px,3vw,32px);display:block;overflow:visible}
.oude-inhoud .hero p,.oude-inhoud .hero .lead{color:var(--a-inkt2)}
.oude-inhoud .hero-beeld{position:relative;inset:auto;height:auto;aspect-ratio:16/8;margin-top:22px;border-radius:14px;overflow:hidden}
.oude-inhoud .hero-beeld::after,.oude-inhoud .hero::before{display:none}
.oude-inhoud .hero-in{position:relative;color:var(--a-inkt);padding:0;max-width:62rem}
.oude-inhoud .kaart{background:var(--a-kaart);color:var(--a-inkt);border:0;border-radius:14px;box-shadow:none}
.oude-inhoud .kaart p{color:var(--a-inkt2)}
.oude-inhoud .kaart--zand{background:var(--a-papier)}
.oude-inhoud .knop{background:var(--a-inkt);color:#F1E1C8;border:2px solid var(--a-inkt);border-radius:100px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600}
.oude-inhoud .knop--rand{background:transparent;color:var(--a-inkt)}
.oude-inhoud .sectie--umber .knop,.oude-inhoud .sectie--naar-bordeaux .knop{background:#F1E1C8;color:var(--a-inkt);border-color:#F1E1C8}
.oude-inhoud .sectie--umber .knop--rand,.oude-inhoud .sectie--naar-bordeaux .knop--rand{background:transparent;color:#F1E1C8}
.oude-inhoud .streep,.oude-inhoud .streepje{background:var(--a-lijn);border-color:var(--a-lijn)}
.oude-inhoud a:not(.knop){color:inherit}
.oude-inhoud .vraag,.oude-inhoud .vragen details{border-color:var(--a-lijn);background:transparent;color:var(--a-inkt)}
.oude-inhoud .route-balk{background:transparent}
.oude-inhoud .route-nr{background:var(--a-inkt);color:#F1E1C8;border-color:var(--a-inkt)}
.oude-inhoud .route-naam,.oude-inhoud .route-kop{color:var(--a-inkt)}
.oude-inhoud .kh-kop,.oude-inhoud .kh-titel{color:var(--a-inkt);font-family:'Spectral',Georgia,serif;font-weight:300}
.oude-inhoud .wijzer{color:var(--a-inkt)}
.oude-inhoud .wijzer button,.oude-inhoud .wijzer .keuze,.oude-inhoud .wijzer label{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.oude-inhoud main button,.oude-inhoud main button *,.oude-inhoud main summary,.oude-inhoud main select,.oude-inhoud main input,.oude-inhoud main label{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.oude-inhoud main strong,.oude-inhoud main b,.oude-inhoud main summary{font-weight:600}
.oude-inhoud main button strong{font-weight:700}
.oude-inhoud .hero-beeld{position:relative !important;inset:auto !important;height:auto !important}
.oude-inhoud .hero-beeld img,.oude-inhoud .hero-beeld picture{position:static !important;width:100%;height:100%;object-fit:cover;display:block}
.oude-inhoud .hero-beeld::before,.oude-inhoud .hero-beeld::after,.oude-inhoud .hero-in::before,.oude-inhoud .hero-in::after{display:none !important}
.oude-inhoud .hero-in{background:none !important}
.oude-inhoud .vast{background:#20130D}
.oude-inhoud .vast .knop{background:#F1E1C8;color:#20130D;border-color:#F1E1C8}
.oude-inhoud .vast .knop--rand{background:transparent;color:#F1E1C8;border-color:#F1E1C8}
.oude-inhoud .hero{background:var(--a-mist) !important;background-image:none !important}
.oude-inhoud .hero-in h1,.oude-inhoud .hero-in p,.oude-inhoud .hero-in .lead{color:var(--a-inkt) !important;text-shadow:none !important}
.oude-inhoud .hero-in p,.oude-inhoud .hero-in .lead{color:var(--a-inkt2) !important}
.oude-inhoud .hero{display:flex !important;flex-direction:column}
.oude-inhoud .hero picture{display:block;order:2;margin-top:22px}
.oude-inhoud .hero-in{order:1}
.oude-inhoud img.hero-beeld{position:static !important;display:block;width:100% !important;height:auto !important;aspect-ratio:16/8;object-fit:cover;border-radius:14px;-webkit-mask-image:none !important;mask-image:none !important;opacity:1 !important;filter:none !important}
.oude-inhoud .hero::before,.oude-inhoud .hero::after,.oude-inhoud .sectie--beeld::before,.oude-inhoud .sectie--verloop::before,.oude-inhoud .sectie--verloop-twee::before,.oude-inhoud .sectie--patroon::before{display:none !important}
.oude-inhoud .beeldkaart,.oude-inhoud .galerij figure,.oude-inhoud .fig{background:var(--a-kaart);color:var(--a-inkt);border-radius:14px}
.oude-inhoud .beeldkaart figcaption,.oude-inhoud .galerij figcaption,.oude-inhoud .fig figcaption{color:var(--a-inkt2)}

/* keuzehulp (j2) */
/* opdracht j2, A12: de keuzehulp zonder uitleg te gebruiken: een vraag per scherm, voortgang, grote tegels (minstens 44 px hoog), contrast minstens 4,5 tegen 1, uitkomst met een knop naar de configurator op elke kaart */
body:has(#wijzer){--vast-hoogte:0px;--kh-diep:#4E1E14;--kh-papier:#FBF7EF;--kh-rand:#85735A;--kh-inkt:#20130D;--kh-inkt2:#4F4236}
body:has(#wijzer) .vast{display:none}
body:has(#wijzer) .route-balk{padding-block:20px 0}
body:has(#wijzer) .kh-kop{padding-block:14px 6px}
body:has(#wijzer) .kh-titel{font-size:clamp(30px,3.2vw,42px);line-height:1.1}
body:has(#wijzer) main .sectie--zand{padding-block:26px 64px}
@media(max-width:768px){
body:has(#wijzer) .wa-zwevend{display:none}
body:has(#wijzer) .route-kop{display:none}
body:has(#wijzer) .route-balk{padding-block:12px 0}
body:has(#wijzer) .route li a{min-height:48px;padding:6px 8px;gap:6px}
body:has(#wijzer) .kh-kop{padding-block:14px 10px}
body:has(#wijzer) .kh-titel{font-size:30px;line-height:1.1}
body:has(#wijzer) main .sectie--zand{padding-block:20px 32px}
}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat){max-width:880px;margin-inline:auto}
/* voortgang */
.oude-inhoud #wijzer .wz-voortgang{margin-bottom:20px}
.oude-inhoud #wijzer .wz-teller{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:none;color:var(--kh-inkt);opacity:1;margin:0 0 8px}
.oude-inhoud #wijzer .wz-balk{height:10px;border-radius:5px;background:#C9C3A8}
.oude-inhoud #wijzer .wz-vul{background:var(--kh-diep);border-radius:5px}
.oude-inhoud #wijzer .wz-vraag{font-size:clamp(26px,4.2vw,40px);line-height:1.15;color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-hulp{font-size:17px;line-height:1.45;color:var(--kh-inkt2);margin-top:10px}
/* keuzes: grote vlakken met een duidelijke rand en een vinkje bij de gekozen */
.oude-inhoud #wijzer .wz-opties{gap:12px;margin-top:22px}
.oude-inhoud #wijzer .wz-optie,.oude-inhoud #wijzer .wz-tegel{min-height:60px;background:var(--kh-papier);color:var(--kh-inkt);border:2px solid var(--kh-rand);border-radius:14px;font-size:17px;box-shadow:none}
.oude-inhoud #wijzer .wz-optie{padding:14px 18px;position:relative}
.oude-inhoud #wijzer .wz-optie:hover,.oude-inhoud #wijzer .wz-tegel:hover{border-color:var(--kh-diep);background:#F3EAD9}
.oude-inhoud #wijzer .wz-optie[aria-pressed=true],.oude-inhoud #wijzer .wz-tegel[aria-pressed=true]{background:var(--kh-diep);color:#F6EFE4;border-color:var(--kh-diep);box-shadow:none}
.oude-inhoud #wijzer .wz-optie[aria-pressed=true]{padding-right:46px}
.oude-inhoud #wijzer .wz-optie[aria-pressed=true]::after{content:"\2713";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:700}
.oude-inhoud #wijzer .wz-tegel[aria-pressed=true] .wz-uitleg{color:#E9DDC8}
.oude-inhoud #wijzer .wz-tegel .wz-uitleg,.oude-inhoud #wijzer .wz-uitleg{color:var(--kh-inkt2);font-size:14px}
.oude-inhoud #wijzer .wz-regelaar{color:var(--kh-inkt);font-size:14px}
.oude-inhoud #wijzer .wz-regelaar input[type=range]{min-height:44px;accent-color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-tegels{gap:12px;margin-top:22px}
.oude-inhoud #wijzer .wz-kaal-etiket,.oude-inhoud #wijzer .wz-groen-etiket{font-size:12px;padding:3px 8px;color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-maatveld span{font-size:15px;font-weight:600;color:var(--kh-inkt);margin-bottom:4px}
.oude-inhoud #wijzer .wz-maatveld input,.oude-inhoud #wijzer .wz-tekst{min-height:52px;border:2px solid var(--kh-rand);border-radius:12px;font-size:17px;background:var(--kh-papier);color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-privacy{font-size:15px;color:var(--kh-inkt2);opacity:1}
@media(max-width:520px){
.oude-inhoud #wijzer .wz-meer{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oude-inhoud #wijzer .wz-meer .wz-optie{min-height:64px;padding:12px 12px;font-size:16px}
.oude-inhoud #wijzer .wz-meer .wz-optie[aria-pressed=true]{padding-right:34px}
.oude-inhoud #wijzer .wz-meer .wz-optie[aria-pressed=true]::after{right:10px}
.oude-inhoud #wijzer .wz-tegel{font-size:16px}
}
/* de startkeuze: twee grote kaarten, de tekst onder elkaar */
.oude-inhoud #wijzer .wz-versie{flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:96px;padding:18px 20px}
.oude-inhoud #wijzer .wz-versie strong{font-size:19px;font-weight:700}
.oude-inhoud #wijzer .wz-versie .wz-uitleg{font-size:15px;margin:0;color:var(--kh-inkt2)}
/* de knoppen onder een vraag: altijd zichtbaar onderin, Volgende groot */
.oude-inhoud #wijzer .wz-nav{gap:10px;margin-top:26px}
.oude-inhoud #wijzer .wz-nav .knop{min-height:50px;font-size:16px;padding-inline:18px;border-width:2px}
.oude-inhoud #wijzer .wz-nav .knop--rand{background:transparent;color:var(--kh-inkt);border-color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-nav .knop--tekst{background:transparent;color:var(--kh-inkt);border-color:transparent;text-decoration:underline}
.oude-inhoud #wijzer .wz-nav .wz-verder{background:var(--kh-diep);color:#F6EFE4;border-color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-verder[disabled]{opacity:1;background:#CFC8B0;color:#5B4D41;border-color:#CFC8B0}
@media(max-width:767px){
.oude-inhoud #wijzer .wz-nav{background:var(--a-vlak);border-top:1px solid var(--a-lijn);padding-block:10px calc(10px + env(safe-area-inset-bottom));bottom:0}
}
/* de uitkomst: lichte kaarten met beeld, prijs en de knop naar de configurator */
.oude-inhoud #wijzer .wz-resultaat .wz-hulp{max-width:46rem}
.oude-inhoud #wijzer .wz-chips li{background:var(--kh-papier);border:1.5px solid var(--kh-rand);color:var(--kh-inkt);font-size:15px;padding:6px 14px}
.oude-inhoud #wijzer .wz-kaarten{gap:20px;align-items:stretch;margin-top:24px}
.oude-inhoud #wijzer .wz-kaart{background:var(--kh-papier);color:var(--kh-inkt);border:2px solid var(--kh-rand);border-radius:18px;box-shadow:none}
.oude-inhoud #wijzer .wz-kaart.wz-beste{border-color:var(--kh-diep);box-shadow:0 0 0 2px var(--kh-diep)}
.oude-inhoud #wijzer .wz-kaart.wz-open{outline:0}
.oude-inhoud #wijzer .wz-kaart h3{font-family:'Spectral',Georgia,serif;font-weight:400;font-style:normal;font-size:24px;line-height:1.2;color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-kaart p,.oude-inhoud #wijzer .wz-kaart li{color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-kaart .wz-rang{color:var(--kh-inkt2);font-size:12px;font-weight:700}
.oude-inhoud #wijzer .wz-kaart .wz-maat{color:var(--kh-inkt2);font-size:15px}
.oude-inhoud #wijzer .wz-kaart .wz-prijs{color:var(--kh-diep);font-size:22px;font-weight:700;margin-top:14px}
.oude-inhoud #wijzer .wz-kaart .wz-match{background:var(--kh-diep);color:#F6EFE4}
.oude-inhoud #wijzer .wz-kaart-teken{background:#E9E4D2}
.oude-inhoud #wijzer .wz-kaart .wz-lees,.oude-inhoud #wijzer .wz-kaart .wz-meer-info{display:inline-block;margin-top:10px;padding:10px 0;color:var(--kh-inkt);font-weight:600;text-decoration:underline}
.oude-inhoud #wijzer .wz-kaart-cta{display:flex;align-items:center;justify-content:center;margin:0 20px 8px;min-height:52px;text-align:center;font-size:16px;background:var(--kh-diep);color:#F6EFE4;border-color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-kaart-knop{padding:0}
.oude-inhoud #wijzer .wz-kaart-in{padding:18px 20px 6px}
.oude-inhoud #wijzer .wz-detail{padding:4px 20px 20px}
.oude-inhoud #wijzer .wz-kaart .wz-acties .knop--rand{color:var(--kh-inkt);border-color:var(--kh-inkt);min-height:48px}
.oude-inhoud #wijzer .wz-kaart .wz-typelink a{color:var(--kh-inkt);text-decoration:underline}
.oude-inhoud #wijzer .wz-verfijn{margin-top:28px}
.oude-inhoud #wijzer .wz-noot{color:var(--kh-inkt2);opacity:1;font-size:15px}
.oude-inhoud #wijzer .wz-optie strong{display:block;margin-bottom:2px;font-size:18px}
.oude-inhoud #wijzer .wz-opties:has(strong) .wz-optie{display:block}
.oude-inhoud #wijzer .wz-kaart .wz-prijs{font-size:19px;line-height:1.3}
.oude-inhoud #wijzer .wz-optie-uitleg{display:block;font-weight:400;font-size:15px;color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-optie[aria-pressed=true] .wz-optie-uitleg{color:#E9DDC8}
/* ronde 2 */
body:has(#wijzer) .route-balk{padding-bottom:6px}
body:has(#wijzer) .kh-kop .houder{text-align:left}
body:has(#wijzer) .kh-titel{text-align:left;font-size:clamp(28px,2.8vw,38px)}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat){margin-inline:0}
.oude-inhoud #wijzer .wz-hint{margin:14px 0 0;font-size:15px;font-weight:600;color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-hint[hidden]{display:none}
.oude-inhoud #wijzer .wz-keuzeteller{margin:14px 0 0;font-size:15px;font-weight:600;color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-matchnoot{margin:14px 0 0;font-size:14px;color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-maatnoot{font-size:14px;line-height:1.45;margin-top:14px;padding:10px 14px}
.oude-inhoud #wijzer .wz-kaart .wz-maatnoot-kort{font-size:13px}
.oude-inhoud #wijzer .wz-kaart .wz-prijs{margin-top:12px;font-size:15px;line-height:1.35;font-weight:400;color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-kaart .wz-bedrag{display:block;font-size:26px;line-height:1.15;font-weight:700;color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-kaart .wz-prijs-rest{display:block;margin-top:2px}
.oude-inhoud #wijzer .wz-tegels{align-items:stretch}
.oude-inhoud #wijzer .wz-tegel-wrap{gap:0;background:var(--kh-papier);border:2px solid var(--kh-rand);border-radius:14px;overflow:hidden}
.oude-inhoud #wijzer .wz-tegel-wrap>.wz-tegel{border:0;border-radius:0}
.oude-inhoud #wijzer .wz-tegel-wrap>.wz-regelaar{padding:6px 12px 8px}
.oude-inhoud #wijzer .wz-tegel-wrap:has(.wz-tegel[aria-pressed=true]){border-color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-voet-knoppen{display:flex}
.oude-inhoud #wijzer .wz-resultaat .wz-nav{position:static;flex-wrap:wrap;background:transparent;border-top:0;margin-inline:0;padding:0;margin-top:26px}
.oude-inhoud #wijzer .wz-resultaat .wz-nav .knop{flex:1 1 220px;margin:0;min-width:0;white-space:normal}
.oude-inhoud #wijzer .wz-kaart .wz-acties{gap:10px}
.oude-inhoud #wijzer .wz-kaart .wz-meer-knop{order:1}
/* ronde 3 */
body:has(#wijzer) .wa-zwevend{display:none}
.oude-inhoud #wijzer.wijzer{padding-inline:0;max-width:none}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat){max-width:none}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat)>.wz-hulp,.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat)>.wz-voortgang{max-width:880px}
.oude-inhoud #wijzer .wz-versie{min-height:150px;padding:24px 26px;gap:10px}
.oude-inhoud #wijzer .wz-versie strong{font-size:22px;line-height:1.25}
.oude-inhoud #wijzer .wz-versie .wz-uitleg{font-size:17px}
.oude-inhoud #wijzer .wz-start .wz-opties{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.oude-inhoud #wijzer .wz-kaart .wz-maatnoot-kort{display:none}
.oude-inhoud #wijzer .wz-kaart .wz-acties .knop--rand{border:0;background:transparent;text-decoration:underline;min-height:44px;font-weight:600;padding-inline:0}
.oude-inhoud #wijzer .wz-kaart .wz-acties{flex-direction:row;flex-wrap:wrap;gap:4px 22px}
@media(max-width:767px){
body:has(#wijzer) .route-balk{display:none}
body:has(#wijzer) .kh-kop{padding-block:14px 0}
body:has(#wijzer) .kh-titel{font-size:24px;line-height:1.15}
body:has(#wijzer) main .sectie--zand{padding-block:14px 28px}
.oude-inhoud #wijzer .wz-start .wz-opties{grid-template-columns:1fr;gap:12px}
.oude-inhoud #wijzer .wz-versie{min-height:100px;padding:18px 20px}
.oude-inhoud #wijzer .wz-versie strong{font-size:19px}
.oude-inhoud #wijzer .wz-versie .wz-uitleg{font-size:15px}
/* dak en buiten: een rij per keuze met een klein beeld; de schuifregelaar is alleen op een groter scherm (het beeld toont al beide kanten) */
.oude-inhoud #wijzer .wz-tegels{grid-template-columns:1fr;gap:10px}
.oude-inhoud #wijzer .wz-tegel{display:grid;grid-template-columns:116px 1fr;grid-template-rows:auto 1fr;column-gap:14px;row-gap:2px;align-items:start;padding:10px 12px 10px 10px;min-height:96px}
.oude-inhoud #wijzer .wz-tegel-beeld{grid-row:1/3;grid-column:1;height:auto;aspect-ratio:4/3;align-self:center}
.oude-inhoud #wijzer .wz-tegel-beeld:has(.wz-laag){aspect-ratio:4/3}
.oude-inhoud #wijzer .wz-tegel>strong{grid-column:2;grid-row:1;align-self:end;font-size:17px}
.oude-inhoud #wijzer .wz-tegel>.wz-uitleg{grid-column:2;grid-row:2;align-self:start;font-size:14px}
.oude-inhoud #wijzer .wz-regelaar{display:none}
.oude-inhoud #wijzer .wz-tegel-wrap{border:0;background:none;border-radius:0;overflow:visible}
.oude-inhoud #wijzer .wz-tegel-wrap>.wz-tegel{border:2px solid var(--kh-rand);border-radius:14px}
.oude-inhoud #wijzer .wz-tegel-wrap>.wz-tegel[aria-pressed=true]{border-color:var(--kh-diep)}
.oude-inhoud #wijzer .wz-kaal-etiket,.oude-inhoud #wijzer .wz-groen-etiket{top:3px;font-size:10px;padding:1px 5px}
.oude-inhoud #wijzer .wz-kaal-etiket{left:3px}.oude-inhoud #wijzer .wz-groen-etiket{right:3px}
}

/* ronde 4 */
body:has(#wijzer) .route ol{grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(#wijzer) .kh-titel{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--kh-inkt2)}
body:has(#wijzer) .kh-kop{padding-block:18px 0}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat)>.wz-voortgang{max-width:none}
.oude-inhoud #wijzer .wz-versie{justify-content:flex-start;align-content:flex-start}
.oude-inhoud #wijzer .wz-tegel[data-w=weet] .wz-tegel-beeld{display:none}
.oude-inhoud #wijzer .wz-tegel[data-w=weet]{grid-template-columns:1fr;min-height:64px}
.oude-inhoud #wijzer .wz-tegel[data-w=weet]>strong,.oude-inhoud #wijzer .wz-tegel[data-w=weet]>.wz-uitleg{grid-column:1}
.oude-inhoud #wijzer .wz-cta-noot{margin:0 20px 10px;text-align:center;font-size:14px;color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-onder{margin-top:30px;max-width:46rem}
.oude-inhoud #wijzer .wz-onder-kop{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;margin:0 0 4px;color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-maatnoot{font-size:15px}
.oude-inhoud #wijzer .wz-matchnoot{font-size:15px}
/* op een telefoon staat Volgende op elke vraag op dezelfde plek onderin, ook bij een korte vraag */
@media(max-width:767px){
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat){display:flex;flex-direction:column;min-height:calc(100vh - 100px);min-height:calc(100svh - 100px)}
.oude-inhoud #wijzer .wz-scherm:not(.wz-resultaat)>.wz-nav{margin-top:auto}
}
@media(max-width:767px){
.oude-inhoud #wijzer .wz-nav .wz-terug{padding-inline:12px;min-width:0}
.oude-inhoud #wijzer .wz-nav .wz-overslaan{padding-inline:4px;min-width:0}
.oude-inhoud #wijzer .wz-nav .wz-verder{padding-inline:6px}
}
.oude-inhoud #wijzer .wz-kaart>.wz-kaart-knop{flex:1 1 auto;display:flex;flex-direction:column}
.oude-inhoud #wijzer .wz-kaart>.wz-kaart-knop .wz-kaart-in{flex:1 1 auto}
.oude-inhoud #wijzer .wz-kaart>.wz-kaart-knop>.wz-kaart-teken,.oude-inhoud #wijzer .wz-kaart>.wz-kaart-knop>.fig{flex:0 0 auto}
.oude-inhoud #wijzer .wz-kaart-teken{min-height:0;overflow:hidden}
.oude-inhoud #wijzer .wz-kaart-teken:has(.wz-kaart-render){aspect-ratio:4/3}
@media(min-width:768px){.oude-inhoud #wijzer .wz-kaart-teken:has(.wz-kaart-render){aspect-ratio:16/10}}
/* ronde 5 */
body:has(#wijzer) main.pagina{padding-top:16px}
body:has(#wijzer) .kh-kop{padding-bottom:14px}
.oude-inhoud #wijzer .wz-start-noot{margin-top:18px;font-size:15px;color:var(--kh-inkt2)}
.oude-inhoud #wijzer .wz-kaart-teken:has(.wz-kaart-render){aspect-ratio:16/10}
.oude-inhoud #wijzer .wz-kaart :is(.wz-waarom-kort,.wz-hoogtenoot,.wz-hoogtenoot-gerust,.wz-lees,.wz-prijsnoot,.wz-maat,.wz-rang,.wz-erin li,.wz-waarom){font-size:14px;line-height:1.45}
.oude-inhoud #wijzer .wz-kaal-etiket,.oude-inhoud #wijzer .wz-groen-etiket{font-size:12px}
.oude-inhoud #wijzer .wz-maatnoot{margin-top:16px;max-width:46rem}
/* ronde 6 */
.oude-inhoud #wijzer .wz-verder[disabled]{background:#E4DEC9;color:#4F4236;border:2px dashed var(--kh-rand);opacity:1}
.oude-inhoud #wijzer .wz-nav .wz-overslaan{border:2px solid var(--kh-rand);border-radius:100px;text-decoration:none;font-weight:600;background:transparent}
.oude-inhoud #wijzer .wz-resultaat .wz-hulp,.oude-inhoud #wijzer .wz-maatnoot{max-width:none}
.oude-inhoud #wijzer .wz-matchnoot{margin:10px 0 0;font-size:14px}
.oude-inhoud #wijzer .wz-kaart .wz-bedrag{font-size:28px}
.oude-inhoud #wijzer .wz-kaart .wz-prijs-rest,.oude-inhoud #wijzer .wz-cta-noot{font-size:15px;color:var(--kh-inkt)}
@media(max-width:767px){.oude-inhoud #wijzer .wz-kaal-etiket,.oude-inhoud #wijzer .wz-groen-etiket{display:none}}
/* ronde 7 */
.oude-inhoud #wijzer .wz-nav .wz-overslaan{border:0;border-radius:0;text-decoration:underline;font-weight:600;font-size:15px}
@media(max-width:767px){
.oude-inhoud #wijzer .wz-kaart-teken:has(.wz-kaart-render){aspect-ratio:2/1}
.oude-inhoud #wijzer .wz-kaart-teken .wz-kaart-render{object-position:center 60%}
.oude-inhoud #wijzer .wz-kaart .wz-waarom-kort{display:none}
.oude-inhoud #wijzer .wz-tegel .wz-uitleg{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
/* ronde 8 */
.oude-inhoud #wijzer .wz-maatuitleg{margin-top:14px;background:var(--kh-papier);border:1.5px solid var(--kh-rand);border-radius:12px;padding:0 14px}
.oude-inhoud #wijzer .wz-maatuitleg summary{min-height:44px;display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--kh-inkt);cursor:pointer}
.oude-inhoud #wijzer .wz-maatuitleg .wz-maatnoot{margin:0 0 12px;padding:0;background:transparent;border:0;box-shadow:none}
.oude-inhoud #wijzer .wz-chips li{pointer-events:none;background:transparent;border-style:dashed}
.oude-inhoud #wijzer .wz-kaart p,.oude-inhoud #wijzer .wz-kaart li{color:var(--kh-inkt)}
.oude-inhoud #wijzer .wz-kaart :is(.wz-waarom-kort,.wz-hoogtenoot,.wz-hoogtenoot-gerust,.wz-lees,.wz-prijsnoot,.wz-maat,.wz-erin li,.wz-waarom){font-size:15px}
@media(max-width:767px){.oude-inhoud #wijzer .wz-tegel .wz-uitleg{display:block;-webkit-line-clamp:unset;overflow:visible}}
/* vergunningwijzer (j2, A8): de stappen in de stijl van A, met lettertypes en kleuren van de kaarten elders op de site */
.oude-inhoud .vw-stap{background:var(--a-papier);border:0;border-radius:16px}
.oude-inhoud .vw-s-kop{font-size:clamp(26px,6.4vw,34px);line-height:1.12}
.oude-inhoud .vw-s-sub{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:17px;color:var(--a-inkt)}
.oude-inhoud .vw-s-nr{color:var(--a-diep)}
.oude-inhoud .vw-s-uitleg{background:var(--a-kaart);border-left-color:var(--a-diep)}
.oude-inhoud .vw-s-uitleg p{color:var(--a-inkt)}
.oude-inhoud .vw-beeldkeuze{background:var(--a-papier);border:0;border-radius:16px}
.oude-inhoud .vw-balk{background:var(--a-papier);border-top-color:var(--a-diep)}
.oude-inhoud .vw-gewoon{color:var(--a-inkt)}
.oude-inhoud .vw-wijzer .vw-uitkomst{background:var(--a-papier);border-color:var(--a-lijn)}
.oude-inhoud .vw-wijzer .vw-uitkomst h2{font-size:clamp(24px,5.6vw,32px)}
.oude-inhoud .vw-wijzer .vw-tips{background:var(--a-kaart)}
@media (min-width:1000px){.oude-inhoud .vw-beeldkeuze{background:none}.oude-inhoud .vw-balk{border:0;border-top:3px solid var(--a-diep);border-radius:14px}}

/* ===== Vergunningwijzer, opdracht j2 (4 november 2026, A8): stappen met een vraag per scherm, het beeld als keuze (op de telefoon nooit vast), de uitkomst in een vaste balk onderin ===== */
:root{--vw-balk-h:112px}
#vwijzer{max-width:1120px}
.vw-wijzer{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;scroll-margin-top:12px;min-width:0}
.vw-wijzer [hidden]{display:none !important}
.vw-wijzer .vw-kolom{display:flex;flex-direction:column;gap:16px;min-width:0}
.vw-s-voortgang{display:flex;flex-direction:column;gap:10px}
.vw-s-teller{margin:0;font-size:15px;font-weight:700;color:var(--color-burnt-umber)}
.vw-s-punten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.vw-s-punt{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0;font:inherit;font-weight:700;font-size:16px;color:var(--color-burnt-umber);background:#fff;border:1px solid var(--color-warm-clay);border-radius:12px;cursor:pointer}
.vw-s-punt--klaar{background:var(--color-soft-sand)}
.vw-s-punt[aria-current=step]{background:var(--color-burnt-umber);border-color:var(--color-burnt-umber);color:var(--color-soft-sand)}
.vw-s-punt:focus-visible,.vw-beeldkeuze-kop:focus-visible,.vw-balk:focus-visible{outline:3px solid var(--color-oxide-red);outline-offset:2px}
.vw-stap{padding:20px 16px 22px;border:1px solid var(--color-warm-clay);border-radius:14px;background:rgba(255,255,255,.7);min-width:0}
.vw-s-nr{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-oxide-red)}
.vw-s-kop{margin:0 0 14px;font-size:clamp(24px,6vw,32px);line-height:1.15;outline:none}
.vw-s-uitleg{margin:0 0 16px;padding:10px 14px;border-left:4px solid var(--color-oxide-red);background:var(--color-soft-sand);border-radius:0 10px 10px 0;display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.45;color:var(--color-burnt-umber)}
.vw-s-uitleg p{margin:0;color:var(--color-burnt-umber)}
.vw-s-koprij{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 12px}
.vw-s-koprij .vw-s-chip{order:-1}
.vw-s-koprij .vw-s-kop{margin:0}
.vw-s-chip{display:inline-block;padding:1px 10px;border-radius:99px;font-size:13px;font-weight:700;border:1.5px solid var(--color-burnt-umber);color:var(--color-burnt-umber)}
.vw-s-chip--plicht{background:var(--color-burnt-umber);color:var(--color-soft-sand)}
.vw-s-sub{margin:18px 0 8px;font-size:17px;font-weight:700;line-height:1.3}
.vw-s-noot{margin:12px 0 0;font-size:14px;line-height:1.5}
.vw-s-dakuitleg{margin:8px 0 0;font-size:15px}
.vw-wijzer .vw-veld{font-size:15px}
.vw-wijzer .vw-veld input,.vw-wijzer .vw-veld .vw-select{min-height:48px;box-sizing:border-box}
.vw-wijzer .vw-rij .vw-veld{flex:1 1 150px;min-width:0}
.vw-wijzer .vw-rij .vw-veld input{width:100%}
.vw-wijzer .vw-veld--breed{width:100%;margin-bottom:12px}
.vw-wijzer .vw-veld--breed .vw-select{width:100%;max-width:none}
.vw-wijzer .vw-keuze{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.vw-wijzer .vw-keuze legend{margin-bottom:8px}
.vw-wijzer .vw-keuze .wz-optie{min-height:52px;padding:10px 14px;font-size:16px;border-radius:12px}
.vw-wijzer .vw-keuze .wz-optie[aria-pressed=true],.vw-wijzer .vw-keuze .wz-optie.wz-gekozen{background:var(--color-burnt-umber);border-color:var(--color-burnt-umber);color:var(--color-soft-sand);box-shadow:none}
.vw-wijzer .vw-keuze--dak{grid-template-columns:repeat(4,minmax(0,1fr))}
.vw-wijzer .vw-keuze--dak .wz-optie{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:88px;padding:8px 4px;text-align:center;font-size:14px;line-height:1.2}
.vw-s-dak{display:block;color:inherit}
.vw-wijzer .vw-keuze--twee{grid-template-columns:repeat(2,minmax(0,1fr))}
.vw-wijzer .vw-keuze--twee .wz-optie{justify-content:center;text-align:center}
.vw-wijzer .vw-keuze--stapel .wz-optie{justify-content:flex-start}
.vw-wijzer .vw-nok{max-width:none;margin-top:16px}
.vw-gewoon{margin:10px 0 0;font-size:18px;line-height:1.5;font-weight:600}
.vw-voorbehoud{margin:12px 0 0;font-size:15px;line-height:1.5;color:var(--color-burnt-umber)}
.vw-voorbehoud a{font-weight:700;text-decoration:underline}
.vw-wijzer .vw-acties{margin-top:12px;max-width:none}
:root:has(.vw-balk){scroll-padding-bottom:calc(var(--vast-hoogte,0px) + var(--vw-balk-h) + 24px)}
.vw-wijzer .vw-uitkomst{padding:20px 16px}
.vw-s-nav{display:flex;gap:12px}
.vw-s-nav .knop{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:52px;text-align:center}
.vw-s-nav .vw-s-terug{flex:.7 1 0}
.vw-beeldkeuze{border:1px solid var(--color-warm-clay);border-radius:14px;background:rgba(255,255,255,.7);overflow:hidden;min-width:0}
.vw-beeldkeuze-kop{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 16px;font-weight:700;font-size:16px}
.vw-beeldkeuze-kop::-webkit-details-marker{display:none}
.vw-beeldkeuze-kop::after{content:"";width:10px;height:10px;border-right:2.5px solid var(--color-oxide-red);border-bottom:2.5px solid var(--color-oxide-red);transform:rotate(45deg);transition:transform .2s;flex:none;margin-right:4px}
.vw-beeldkeuze[open]>.vw-beeldkeuze-kop::after{transform:rotate(225deg)}
.vw-beeldkeuze-in{padding:0 12px 14px;display:flex;flex-direction:column;gap:10px;min-width:0}
.vw-s-plekslot{margin:0 0 16px}
.vw-s-onderslot{min-width:0}
.vw-wijzer .vw-kantpaneel{max-width:none}
.vw-legenda{margin:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;line-height:1.4}
.vw-leg{display:inline-flex;align-items:center;gap:6px}
.vw-leg{padding:5px 12px;border-radius:99px;border:1px solid rgba(32,19,13,.35);color:#20130D;font-weight:600}
.vw-leg--buren{background:#d8c9ad}.vw-leg--weg{background:#b7c0c9}.vw-leg--park{background:#b9d9a2}.vw-leg--sloot{background:#a9d1ea}.vw-leg--water{background:#86b9e2}
.vw-balk{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:4px 12px;margin:0;color:var(--color-burnt-umber);background:#FBF6EC;border:0;border-top:3px solid var(--color-oxide-red);box-sizing:border-box}
.vw-balk-knop{display:flex;align-items:center;gap:10px;flex:1;min-width:0;min-height:44px;padding:0;margin:0;font:inherit;text-align:left;color:inherit;background:none;border:0;cursor:pointer}
.vw-balk-pil{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font-weight:800;font-size:20px;line-height:1;background:#E8E3D6;color:#20130D}
.vw-balk[data-u=ja] .vw-balk-pil{background:#D6EBC4;color:#16330C}
.vw-balk[data-u=nee] .vw-balk-pil{background:#F7D3C9;color:#5A1308}
.vw-balk[data-u=twijfel] .vw-balk-pil{background:#F6E1A8;color:#3D2A00}
.vw-balk-tekst{display:flex;flex-direction:column;min-width:0;flex:1}
.vw-balk-titel{font-size:15px;line-height:1.15}
.vw-balk-regel{font-size:14px;line-height:1.2;color:#4a3a2e}
.vw-balk-wa{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#25D366;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);box-sizing:border-box;text-decoration:none}
.vw-balk-wa svg{width:28px;height:28px;color:#fff}
.vw-balk-wa svg path{stroke:#fff}
@media (max-width:999px){
  .vw-balk{position:fixed;left:0;right:0;bottom:0;z-index:44;box-shadow:0 -8px 20px rgba(32,19,13,.28);flex-wrap:wrap;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
  body:has(.vw-balk) .vast{display:none}
  :root:has(.vw-balk){--vast-hoogte:0px}
  body.oude-inhoud:has(.vw-balk){padding-bottom:0}
  .vw-balk-cta{flex:1 0 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .vw-wijzer{padding-bottom:calc(var(--vw-balk-h) + 12px)}
  body:has(.vw-balk) .wa-zwevend{display:none}
}
@media (min-width:1000px){
  .vw-wijzer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;align-items:start}
  .vw-s-voortgang{grid-column:1/-1}
  .vw-kolom--beeld{position:sticky;top:96px}
  .vw-stap{padding:26px 28px 28px}
  .vw-beeldkeuze{border:0;background:none;overflow:visible}
  .vw-beeldkeuze-kop{display:none}
  .vw-beeldkeuze-in{padding:0}
  .vw-balk{border:1px solid var(--color-warm-clay);border-top:3px solid var(--color-oxide-red);border-radius:14px}
  .vw-balk-wa{display:none}
}
@media (max-width:380px){.vw-s-punten{gap:4px}.vw-wijzer .vw-keuze--dak .wz-optie{font-size:13px}}
@media (max-width:999px){
  .vw-wijzer .vw-kolom--beeld{position:static;order:0;top:auto;z-index:auto;background:none;padding:0;margin:0}
}
.vw-wijzer .vw-uitkomst{border-left-width:8px}
.vw-wijzer .vw-uitkomst.vw-ja{border-left-color:#3f7a2a}
.vw-wijzer .vw-uitkomst.vw-nee{border-left-color:#9b2c1a}
.vw-wijzer .vw-uitkomst.vw-twijfel{border-left-color:#b07d12}
.vw-wijzer .vw-uitkomst .wz-vraag::before{display:inline-block;margin-right:.35em;font-style:normal;font-weight:700}
.vw-wijzer .vw-uitkomst.vw-ja .wz-vraag::before{content:"\2713";color:#2f6b1f}
.vw-wijzer .vw-uitkomst.vw-nee .wz-vraag::before{content:"\2715";color:#9b2c1a}
.vw-wijzer .vw-uitkomst.vw-twijfel .wz-vraag::before{content:"?";color:#8a5f00}
.vw-voorbeeld{margin:0;padding:8px 12px;border-radius:10px;background:var(--color-soft-sand);font-size:14px;line-height:1.4;color:var(--color-burnt-umber)}
@media (min-width:1000px){.vw-wijzer .vw-keuze--stapel{grid-template-columns:repeat(3,minmax(0,1fr))}.vw-wijzer .vw-keuze--stapel .wz-optie{justify-content:center;text-align:center}}
.vw-wijzer .wz-hulp,.vw-s-dakuitleg,.vw-s-noot{color:var(--color-burnt-umber);opacity:1}
@media (min-width:1000px){
  .vw-s-nav{position:sticky;bottom:12px;z-index:3;padding:8px;margin:0 -8px;border-radius:999px;background:rgba(224,221,203,.96)}
}
.vw-s-waarom{margin:0}
.vw-s-waarom summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700;list-style:none}
.vw-s-waarom summary::-webkit-details-marker{display:none}
.vw-s-waarom summary::after{content:"";width:9px;height:9px;margin:0 6px 0 10px;border-right:2.5px solid var(--color-oxide-red);border-bottom:2.5px solid var(--color-oxide-red);transform:rotate(45deg);transition:transform .2s;flex:none}
.vw-s-waarom[open] summary::after{transform:rotate(225deg)}
.vw-s-waarom summary{justify-content:space-between}
.vw-s-waarom p{margin:0 0 4px}
@media (min-width:1000px){.vw-s-waarom summary{min-height:0;pointer-events:none}.vw-s-waarom summary::after{content:none}}
.vw-balk-cta{display:none}
.vw-balk-cta-knop{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 8px;border-radius:999px;border:2px solid #20130D;background:transparent;color:#20130D;font:600 15px/1.15 'Plus Jakarta Sans',system-ui,sans-serif;text-align:center;text-decoration:none;box-sizing:border-box}
.vw-balk-cta-knop--hoofd{background:#20130D;color:#F1E1C8}
.vw-balk{flex-wrap:wrap}
.vw-balk-cta{flex:1 0 100%;grid-template-columns:1fr 1fr;gap:8px}
.vw-balk--cta .vw-balk-cta{display:grid}
.vw-s-uitleg p.vw-s-eerst{margin:0}
.vw-balk .vw-balk-cta-knop{color:#20130D !important;border-color:#20130D}
.vw-balk .vw-balk-cta-knop--hoofd{background:#20130D !important;color:#F1E1C8 !important}
.vw-balk-pil{font-size:13px;letter-spacing:-.02em}
.vw-balk[data-u=ja] .vw-balk-pil,.vw-balk[data-u=nee] .vw-balk-pil,.vw-balk[data-u=twijfel] .vw-balk-pil{font-size:20px;letter-spacing:0}
@media (max-width:999px){
  .vw-s-uitleg{background:none;border-left:3px solid var(--color-oxide-red);padding:2px 0 2px 12px;margin:0 0 14px}
  .oude-inhoud .vw-s-uitleg{background:none}
  .vw-s-waarom summary{min-height:40px}
}