/* gegenereerd door tools/huisstijl.py uit huisstijl/bron, niet met de hand wijzigen */
@font-face{font-family:'Excon';src:url('/fonts/excon-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Excon';src:url('/fonts/excon-900.woff2') format('woff2');font-weight:900;font-display:swap}
.hs{--ink:#1A3752;--nacht:#13293E;--paper:#F7F4F0;--wit:#fff;
  --oranje:#E57324;--oranje-aa:#B5530D;--geel:#F0AA04;--roze:#D83255;--teal:#00BFA5;
  --grijs:#5A6470;--lijn:rgba(26,55,82,.16);--lijn-wit:rgba(247,244,240,.2);
  --wit:#FFFEFC;--oranje-licht:#F08A3E;--veld:#FFFDFB;--veldrand:rgba(26,55,82,.28);--voettekst:rgba(247,244,240,.78);--toon:#EFEAE3;
  --kolom:56px;
  --f-disp:'Excon',sans-serif;--f-body:'Supreme',system-ui,sans-serif;
  --raster:1280px;--rand:clamp(16px,3.4vw,40px);}
.hs,:where(.hs) *{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
.hs{font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}
:where(.hs) img{display:block;max-width:100%;height:auto}
:where(.hs) a{color:inherit}
.h-raster{max-width:var(--raster);margin:0 auto;padding:0 var(--rand)}
:where(.hs) h1,:where(.hs) h2,:where(.hs) h3{font-family:var(--f-disp);font-weight:900;letter-spacing:-.015em;line-height:1.02;text-wrap:balance}
:where(.hs) p{text-wrap:pretty}
.h-knop{border:0;cursor:pointer;font-family:inherit;justify-content:center;display:inline-flex;align-items:center;gap:.6em;background:var(--oranje);color:var(--nacht);font-weight:700;text-decoration:none;padding:.85em 1.4em;border-radius:999px;font-size:1rem;transition:background .15s}
.h-knop:hover{background:var(--oranje-licht)}
.h-knop:active{transform:translateY(1px)}
:where(.hs) :focus-visible{outline:3px solid var(--oranje);outline-offset:3px;border-radius:4px}
.h-knop:focus-visible{outline-color:var(--ink);border-radius:999px}
.h-knop.h-donker{background:var(--ink);color:var(--paper)}
.h-knop.h-donker:hover{background:var(--nacht)}
.h-tlink{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--oranje)}
.h-tlink:hover{text-decoration-color:currentColor}
.h-kop{background:var(--paper);box-shadow:0 1px 0 var(--lijn);position:sticky;top:0;z-index:20}
.h-kop .h-raster{display:flex;align-items:center;gap:32px;height:72px}
.h-kop .h-logo img{height:26px;width:auto}
.h-kop nav{display:flex;gap:28px;margin-left:auto;font-weight:500;font-size:.98rem}
.h-kop nav a{text-decoration:none}
.h-kop nav a:hover{color:var(--oranje-aa)}
.h-kop .h-tel{font-weight:700;text-decoration:none;white-space:nowrap}
.h-kop .h-knop{padding:.6em 1.1em;font-size:.95rem}
@media (max-width:900px){.h-kop nav,.h-kop .h-tel{display:none}
.h-kop .h-knop{margin-left:auto}
.h-kop .h-raster{height:60px}
.h-kop .h-logo img{height:22px}}
.h-form{display:grid;gap:12px}
.h-form label{font-size:.85rem;font-weight:700;display:grid;gap:5px}
.h-form input,.h-form select,.h-form textarea{font:inherit;font-weight:400;font-size:1rem;padding:.75em .9em;border:1px solid var(--veldrand);border-radius:8px;background:var(--veld);color:var(--ink)}
.h-form textarea{min-height:96px;resize:vertical}
.h-voet{background:var(--nacht);color:var(--voettekst);font-size:.95rem;padding:56px 0 28px}
.h-voet .h-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.h-voet img.h-vl{height:24px;width:auto;margin-bottom:14px}
.h-voet b{color:var(--paper);display:block;margin-bottom:8px;font-size:.95rem}
.h-voet ul{list-style:none;display:grid;gap:4px}
.h-voet a{text-decoration:none}
.h-voet a:hover{color:var(--paper)}
.h-voet .h-onder{grid-column:1/-1;border-top:1px solid var(--lijn-wit);padding-top:20px;margin-top:16px;font-size:.85rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:800px){.h-voet .h-raster{grid-template-columns:1fr 1fr}
.h-voet .h-raster>div:first-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.hs,:where(.hs) *,:where(.hs) *::before,:where(.hs) *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@font-face{font-family:'Barlow Semi Condensed';src:url('/fonts/barlow-semi-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
.hs{--wit:#FFFFFF;--zacht:#F8F6F3;--haar:#E4E3EA;
  --blauw:#3F51E8;
  --f-smal:'Barlow Semi Condensed','Supreme',sans-serif;
  --sectie:104px;--voeg:8px;--r:4px;--kolom:56px;--klein:.875rem;}
.hs{background:var(--wit)}
.h-kop{background:var(--wit);box-shadow:0 1px 0 var(--haar)}
@media (min-width:901px){.h-kop .h-knop{background:var(--ink);color:var(--wit)}
.h-kop .h-knop:hover{background:var(--nacht)}}
.h-bol{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--k,var(--oranje));flex:none}
.h-bol.h-roze{--k:var(--roze)}
.h-bol.h-oranje{--k:var(--oranje)}
.h-bol.h-blauw{--k:var(--blauw)}
.h-bol.h-geel{--k:var(--geel)}
.h-bol.h-teal{--k:var(--teal)}
.h-smal{font-family:var(--f-smal);font-weight:700;letter-spacing:.005em}
.h-reeks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.h-reeks>span+span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--oranje);margin-right:14px;vertical-align:2px}
.h-bellen{position:absolute;pointer-events:none;z-index:0;width:520px;height:520px}
.h-bellen i{position:absolute;border-radius:50%;display:block}
.h-bellen.h-rechtsboven{top:-230px;right:-210px}
.h-bellen.h-rechtsboven i:nth-child(1){width:380px;height:380px;left:40px;top:0;background:var(--geel);opacity:.13}
.h-bellen.h-rechtsboven i:nth-child(2){width:420px;height:420px;left:150px;top:60px;background:var(--roze);opacity:.09}
.h-bellen.h-rechtsboven i:nth-child(3){width:96px;height:96px;left:130px;top:330px;background:var(--oranje);opacity:.32}
.h-bellen.h-rechtsboven i:nth-child(4){width:300px;height:300px;left:400px;top:360px;background:var(--blauw);opacity:.07}
.h-bellen.h-linksonder{bottom:-310px;left:-230px}
.h-bellen.h-linksonder i:nth-child(1){width:380px;height:380px;left:0;top:0;background:var(--blauw);opacity:.06}
.h-bellen.h-linksonder i:nth-child(2){width:300px;height:300px;left:250px;top:190px;background:var(--geel);opacity:.13}
:where(.hs) main,.h-voet{position:relative;overflow:clip}
:where(.hs) main>*{position:relative;z-index:1}
.h-sectie{padding:var(--sectie) 0}
.h-sectie.h-zacht{background:var(--zacht)}
.h-lijn-boven{box-shadow:0 -1px 0 var(--haar) inset}
.h-kopregel{display:flex;justify-content:space-between;align-items:end;gap:24px 56px;margin-bottom:40px}
.h-kopregel h2{font-size:clamp(2rem,3.4vw,3rem)}
.h-kopregel p{max-width:27em;color:var(--grijs)}
.h-kopregel.h-onder{display:block}
.h-kopregel.h-onder p{margin-top:12px}
.h-kopregel .h-tlink{white-space:nowrap}
.h-foto{border-radius:var(--r);overflow:hidden;background:var(--zacht)}
.h-foto img{width:100%;height:100%;object-fit:cover}
.h-lopend p{margin-bottom:1em;max-width:36em}
.h-lopend p:last-child{margin-bottom:0}
.h-held{padding:64px 0 80px}
.h-held .h-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--kolom);align-items:center}
.h-held h1{font-size:clamp(2.4rem,4.2vw,4rem);margin-bottom:24px;max-width:15ch}
.h-held .h-lead{font-size:1.2rem;line-height:1.55;max-width:30em;margin-bottom:32px}
.h-contact-bol{list-style:none;display:grid;gap:7px}
.h-contact-bol li{display:flex;align-items:center;gap:14px}
.h-contact-bol a{text-decoration:none}
.h-contact-bol a:hover{text-decoration:underline}
.h-held .h-contact-bol{margin-top:40px;padding-top:24px;box-shadow:0 -1px 0 var(--haar)}
.h-acties{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}
.h-acties p a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--oranje)}
.h-held figure{position:relative}
.h-held figure .h-foto{aspect-ratio:4/3.3}
.h-stempel{display:block;transform:rotate(-8deg)}
.h-held .h-stempel{position:absolute;right:-30px;bottom:-44px;width:132px;height:132px}
.h-onderschrift{font-size:var(--klein);color:var(--grijs);margin-top:12px}
.h-klanten{padding:44px 0;box-shadow:0 -1px 0 var(--haar) inset,0 1px 0 var(--haar) inset}
.h-klanten .h-raster{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center}
.h-klanten p{color:var(--grijs);font-size:var(--klein)}
.h-klanten .h-rij{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:32px;align-items:center}
.h-klanten img{height:30px;width:100%;object-fit:contain;filter:brightness(0);opacity:.38;transition:opacity .2s}
.h-klanten img:hover{opacity:.7}
.h-dienst{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:var(--kolom);padding:32px 0;text-decoration:none;align-items:center;box-shadow:0 -1px 0 var(--haar)}
.h-dienst:last-child{box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
.h-dienst h3{font-size:clamp(1.7rem,2.6vw,2.3rem);display:flex;align-items:center;gap:14px;margin-bottom:10px}
.h-dienst h3 .h-bol{width:14px;height:14px}
.h-dienst p{color:var(--grijs);max-width:28em}
.h-dienst .h-meer{display:inline-flex;align-items:center;gap:10px;margin-top:18px;font-weight:700}
.h-dienst .h-meer::after{content:"";width:30px;height:2px;background:var(--k);transform:scaleX(.6);transform-origin:left;transition:transform .2s}
.h-dienst:hover .h-meer::after{transform:scaleX(1)}
.h-dienst .h-fotos{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:var(--voeg)}
.h-dienst .h-fotos .h-foto{height:220px}
.h-band{position:relative;height:min(76svh,700px);background:var(--nacht)}
.h-band img{width:100%;height:100%;object-fit:cover}
.h-band .h-bij{position:absolute;left:0;right:0;bottom:0;padding:24px 0}
.h-band .h-bij .h-raster{display:flex}
.h-band .h-bij p{background:var(--wit);border-radius:var(--r);padding:14px 18px;font-size:.98rem}
.h-band .h-bij a{font-weight:700}
.h-stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.h-stappen .h-foto{aspect-ratio:4/3;margin-bottom:18px}
.h-stappen h3{font-family:var(--f-body);font-weight:700;font-size:1.15rem;letter-spacing:0;margin-bottom:6px;display:flex;align-items:center;gap:10px}
.h-stappen p{color:var(--grijs)}
.h-muur{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px var(--voeg)}
.h-muur a{text-decoration:none;display:flex;flex-direction:column}
.h-muur a span{padding-top:12px;font-size:var(--klein);color:var(--grijs)}
.h-muur a span b{color:var(--ink);font-size:1rem;margin-right:6px}
.h-muur a:hover span b{text-decoration:underline;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.h-w-7x4{grid-column:span 7;grid-row:span 2}
.h-w-7x4 .h-foto{flex:1;min-height:520px}
.h-w-5x2{grid-column:span 5}
.h-w-5x2 .h-foto{height:214px}
.h-w-6x2{grid-column:span 6}
.h-w-6x2 .h-foto{height:300px}
.h-archief{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:var(--kolom);align-items:start}
.h-archief h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:16px}
.h-archief .h-lopend{color:var(--grijs)}
.h-archief .h-stempel{width:116px;height:116px;margin-top:32px}
.h-archief .h-strook{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--voeg)}
.h-archief figure .h-foto{aspect-ratio:1}
.h-archief figcaption{font-size:var(--klein);color:var(--grijs);margin-top:10px;line-height:1.4}
.h-archief figcaption b{color:var(--ink);display:block;font-family:var(--f-smal);font-size:1.05rem}
.h-stem{background:var(--ink);color:var(--wit)}
.h-stem .h-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;padding:0}
.h-stem .h-foto{border-radius:0;min-height:460px}
.h-stem .h-tekst{padding:72px clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center}
.h-stem blockquote{font-family:var(--f-disp);font-weight:900;font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.1;margin-bottom:24px}
.h-stem cite{font-style:normal;color:var(--voettekst)}
.h-stem cite b{color:var(--wit)}
.h-stem .h-verder{margin-top:28px;color:var(--voettekst);max-width:30em}
.h-contact .h-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kolom)}
.h-contact h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:18px}
.h-contact .h-contact-bol{margin:28px 0;font-size:1.08rem}
.h-contact .h-wie{display:flex;gap:16px;align-items:center;margin-top:28px;padding-top:24px;box-shadow:0 -1px 0 var(--haar)}
.h-contact .h-wie img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.h-vak{background:var(--zacht);border-radius:var(--r);padding:28px}
.h-form input,.h-form select,.h-form textarea{border-radius:var(--r);border-color:var(--haar);background:var(--wit)}
.h-paginakop{padding:40px 0 80px}
.h-kruimel{font-size:var(--klein);color:var(--grijs);margin-bottom:28px}
.h-kruimel a{text-decoration:none}
.h-kruimel a:hover{text-decoration:underline}
.h-paginakop .h-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--kolom);align-items:center}
.h-paginakop h1{font-size:clamp(2.4rem,4.4vw,4rem);margin-bottom:20px}
.h-paginakop .h-lead{font-size:1.2rem;line-height:1.55;max-width:30em;margin-bottom:28px}
.h-paginakop figure{position:relative}
.h-paginakop .h-foto{aspect-ratio:4/3}
.h-paginakop .h-stempel{position:absolute;right:-26px;bottom:-40px;width:116px;height:116px}
.h-zekerheden{list-style:none;display:grid;gap:8px;margin:0 0 32px}
.h-zekerheden li{display:flex;gap:12px;align-items:center}
.h-soort{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto;gap:32px;align-items:center;padding:20px 0;text-decoration:none;box-shadow:0 -1px 0 var(--haar)}
.h-soort:last-child{box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
.h-soort .h-foto{aspect-ratio:16/10}
.h-soort h3{font-size:clamp(1.5rem,2.2vw,1.9rem);margin-bottom:8px}
.h-soort p{color:var(--grijs)}
.h-soort .h-prijs{text-align:right;white-space:nowrap}
.h-soort .h-prijs b{font-family:var(--f-smal);font-size:1.25rem;display:block}
.h-soort .h-prijs small{color:var(--grijs);font-size:var(--klein)}
.h-soort:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--oranje);text-underline-offset:5px}
.h-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--kolom);align-items:center}
.h-duo h2{font-size:clamp(2rem,3.4vw,3rem);margin-bottom:18px}
.h-duo .h-foto{aspect-ratio:4/3}
.h-vragen{columns:2;column-gap:var(--kolom)}
.h-vragen details{break-inside:avoid;padding:18px 0;box-shadow:0 -1px 0 var(--haar)}
.h-vragen summary{font-weight:700;font-size:1.08rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.h-vragen summary::-webkit-details-marker{display:none}
.h-vragen summary::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--haar);flex:none;margin-top:.45em;transition:background .2s}
.h-vragen details[open] summary::after{background:var(--oranje)}
.h-vragen details p{margin-top:10px;color:var(--grijs)}
.h-projectkop{padding:40px 0}
.h-projectkop h1{font-size:clamp(2.6rem,5vw,4.6rem);margin-bottom:12px}
.h-projectkop .h-lead{font-size:1.25rem;max-width:34em}
.h-feiten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:36px;padding:20px 0;box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
.h-feiten dt{font-size:var(--klein);color:var(--grijs);display:flex;align-items:center;gap:8px}
.h-feiten dd{font-family:var(--f-smal);font-size:1.1rem}
.h-galerij{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:200px;gap:var(--voeg)}
.h-galerij figure{position:relative;border-radius:var(--r);overflow:hidden}
.h-galerij img{width:100%;height:100%;object-fit:cover}
.h-galerij figcaption{position:absolute;left:10px;bottom:10px;background:var(--wit);font-size:.8rem;padding:4px 9px;border-radius:var(--r)}
.h-g-groot{grid-column:span 4;grid-row:span 2}
.h-g-staand{grid-column:span 2;grid-row:span 2}
.h-g-breed{grid-column:span 3}
.h-g-2{grid-column:span 2}
.h-verhaal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--kolom)}
.h-verhaal h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.h-verhaal .h-lopend p{font-size:1.12rem}
.h-vervolg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.h-vervolg a{text-decoration:none}
.h-vervolg .h-foto{aspect-ratio:4/3;margin-bottom:12px}
.h-vervolg b{display:block;font-size:1.1rem}
.h-vervolg span{color:var(--grijs);font-size:var(--klein)}
.h-vervolg a:hover b{text-decoration:underline;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.h-tijdlijn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.h-tijdlijn .h-foto{aspect-ratio:4/3;margin-bottom:14px}
.h-tijdlijn b{font-family:var(--f-disp);font-weight:900;font-size:2rem;display:flex;align-items:center;gap:10px;line-height:1;margin-bottom:6px}
.h-tijdlijn b .h-bol{width:12px;height:12px}
.h-tijdlijn p{color:var(--grijs)}
.h-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.h-team .h-foto{aspect-ratio:4/5;margin-bottom:14px}
.h-team b{display:flex;align-items:center;gap:10px;font-size:1.15rem}
.h-team span{color:var(--grijs)}
.h-slotregel{padding:56px 0;box-shadow:0 -1px 0 var(--haar)}
.h-slotregel .h-raster{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.h-slotregel p{font-family:var(--f-disp);font-weight:900;font-size:clamp(1.5rem,2.6vw,2.2rem);line-height:1.1}
.h-voet{background:var(--wit);color:var(--ink);padding:0 0 44px}
.h-voet .h-raster{display:block}
.h-voet .h-boven{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding:48px 0 40px;box-shadow:0 -1px 0 var(--haar)}
.h-voet .h-boven img.h-vl{height:30px;width:auto;margin-bottom:16px}
.h-voet .h-boven p{color:var(--grijs)}
.h-voet .h-boven b{display:block;margin-bottom:10px;color:var(--ink)}
.h-voet .h-boven ul{list-style:none;display:grid;gap:5px}
.h-voet .h-boven li{display:flex;align-items:center;gap:10px;color:var(--grijs)}
.h-voet a{text-decoration:none}
.h-voet a:hover{color:var(--ink);text-decoration:underline}
.h-voet .h-onder{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:36px;align-items:center;padding-top:28px;box-shadow:0 -1px 0 var(--haar)}
.h-voet .h-onder .h-reeks{font-size:.98rem}
.h-voet .h-onder small{display:block;color:var(--grijs);font-size:.78rem;margin-top:10px;max-width:60em;line-height:1.5}
.h-voet .h-stempel{width:96px;height:96px}
.h-voet .h-schild{height:56px;width:auto}
@media (max-width:900px){.hs{--sectie:60px}
.h-bellen{transform:scale(.55);transform-origin:top right}
.h-bellen.h-linksonder{transform-origin:bottom left}
.h-kopregel{display:block;margin-bottom:28px}
.h-kopregel p{margin-top:10px}
.h-held{padding:0 0 52px}
.h-held .h-raster{grid-template-columns:1fr;gap:28px;padding:0}
.h-held figure{order:-1}
.h-held figure .h-foto{border-radius:0}
.h-held .h-tekst{padding:0 var(--rand)}
.h-held .h-stempel{right:16px;bottom:-38px;width:92px;height:92px}
.h-held h1{max-width:none}
.h-klanten .h-raster{grid-template-columns:1fr;gap:20px}
.h-klanten .h-rij{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px}
.h-klanten img{height:24px}
.h-dienst{grid-template-columns:1fr;gap:16px;padding:28px 0}
.h-dienst .h-fotos{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.h-dienst .h-fotos .h-foto{height:140px}
.h-dienst .h-fotos .h-foto:nth-child(3){display:none}
.h-band{height:52svh}
.h-band .h-bij p{font-size:.88rem;padding:10px 14px}
.h-stappen,.h-archief .h-strook,.h-tijdlijn,.h-team,.h-vervolg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 4px;gap:14px;scroll-padding-inline:var(--rand)}
.h-stappen>*,.h-tijdlijn>*,.h-team>*,.h-vervolg>*{flex:0 0 78%;scroll-snap-align:start}
.h-archief .h-strook>*{flex:0 0 46%;scroll-snap-align:start}
.h-archief,.h-contact .h-raster,.h-stem .h-raster,.h-paginakop .h-raster,.h-duo,.h-verhaal{grid-template-columns:1fr;gap:24px}
.h-muur{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px var(--voeg)}
.h-w-7x4{grid-column:span 2;grid-row:auto}
.h-w-7x4 .h-foto{min-height:240px}
.h-w-5x2,.h-w-6x2{grid-column:span 1}
.h-w-5x2 .h-foto,.h-w-6x2 .h-foto{height:130px}
.h-muur a:not(.h-w-7x4) span{font-size:.8rem}
.h-muur a:not(.h-w-7x4) span b{display:block;font-size:.92rem}
.h-stem .h-foto{min-height:280px;max-height:340px}
.h-stem .h-tekst{padding:40px var(--rand)}
.h-paginakop{padding:20px 0 52px}
.h-paginakop figure{order:-1}
.h-paginakop .h-stempel{right:12px;bottom:-34px;width:86px;height:86px}
.h-soort{grid-template-columns:104px minmax(0,1fr);gap:6px 16px;align-items:start}
.h-soort .h-foto{grid-row:span 2;aspect-ratio:1}
.h-soort h3{font-size:1.25rem;margin-bottom:2px}
.h-soort p{font-size:.95rem}
.h-soort .h-prijs{grid-column:2;text-align:left}
.h-vragen{columns:1}
.h-feiten{grid-template-columns:repeat(2,minmax(0,1fr))}
.h-galerij{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}
.h-g-groot{grid-column:span 2;grid-row:span 2}
.h-g-staand{grid-column:span 1;grid-row:span 2}
.h-g-breed,.h-g-2{grid-column:span 1}
.h-galerij figcaption{font-size:.72rem;left:6px;bottom:6px;padding:3px 7px}
.h-voet .h-boven{grid-template-columns:1fr 1fr}
.h-voet .h-boven>div:first-child{grid-column:1/-1}
.h-voet .h-onder{grid-template-columns:1fr auto auto;gap:20px}
.h-voet .h-onder>div:first-child{grid-column:1/-1}}
.h-catbalk{background:var(--wit);box-shadow:0 1px 0 var(--haar)}
.h-catbalk .h-raster{display:flex;gap:4px;height:46px;align-items:stretch}
.h-catbalk a{display:flex;align-items:center;gap:9px;padding:0 14px;text-decoration:none;font-weight:500;font-size:.95rem;color:var(--grijs);position:relative;white-space:nowrap}
.h-catbalk a:first-child{padding-left:0}
.h-catbalk a:hover,.h-catbalk a[aria-current]{color:var(--ink)}
.h-catbalk a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--k);transform:scaleX(0);transition:transform .2s}
.h-catbalk a:first-child::after{left:0}
.h-catbalk a:hover::after,.h-catbalk a[aria-current]::after{transform:scaleX(1)}
.h-catbalk .h-rechts{margin-left:auto;color:var(--grijs)}
.h-catbalk .h-rechts::after{display:none}
@media (max-width:900px){.h-catbalk .h-raster{overflow-x:auto;height:44px;gap:0;scrollbar-width:none}
.h-catbalk .h-raster::-webkit-scrollbar{display:none}
.h-catbalk .h-rechts{display:none}}
.h-held-drone{position:relative;padding:0 0 64px}
.h-held-drone .h-beeld{height:min(84svh,780px);min-height:520px;position:relative;background:var(--nacht)}
.h-held-drone .h-beeld img{width:100%;height:100%;object-fit:cover;object-position:78% 42%}
.h-held-drone .h-beeld figcaption{position:absolute;right:16px;bottom:16px;background:var(--wit);font-size:var(--klein);padding:6px 12px;border-radius:var(--r)}
.h-held-drone .h-raster{position:relative}
.h-brief{position:relative;background:var(--wit);border-radius:var(--r);padding:44px 44px 36px;max-width:560px;margin-top:-380px;box-shadow:0 24px 60px -24px rgba(19,41,62,.35);overflow:hidden}
.h-brief .h-bellen{transform:scale(.55);transform-origin:top right;top:-150px;right:-150px}
.h-brief>*:not(.h-bellen){position:relative}
.h-brief h1{font-size:clamp(2.3rem,3.8vw,3.5rem);margin-bottom:18px;max-width:14ch}
.h-brief .h-lead{font-size:1.12rem;line-height:1.55;margin-bottom:26px;color:var(--grijs)}
.h-brief .h-contact-bol{margin-top:28px;padding-top:20px;box-shadow:0 -1px 0 var(--haar)}
.h-held-drone .h-stempel{position:absolute;width:124px;height:124px;left:520px;top:-410px;z-index:3}
.h-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
.h-routes a{padding:26px 24px 28px;text-decoration:none;display:block;transition:background .2s}
.h-routes a+a{box-shadow:-1px 0 0 var(--haar)}
.h-routes a:first-child{padding-left:0}
.h-routes a:hover{background:var(--zacht)}
.h-routes b{display:flex;align-items:center;gap:10px;font-family:var(--f-disp);font-weight:900;font-size:1.35rem;letter-spacing:-.01em;margin-bottom:8px}
.h-routes b .h-bol{width:12px;height:12px}
.h-routes span{color:var(--grijs);font-size:var(--klein);line-height:1.5;display:block}
.h-routes i{font-style:normal;display:inline-block;margin-top:12px;font-weight:700;font-size:.92rem;border-bottom:2px solid var(--k)}
@media (max-width:900px){.h-held-drone{padding-bottom:40px}
.h-held-drone .h-beeld{height:auto;min-height:0;aspect-ratio:4/3.2}
.h-held-drone .h-beeld figcaption{display:none}
.h-brief{margin:-48px 0 0;padding:28px 22px 24px;max-width:none;box-shadow:0 18px 40px -22px rgba(19,41,62,.35)}
.h-held-drone .h-stempel{left:auto;right:14px;top:-104px;width:88px;height:88px}
.h-routes{grid-template-columns:1fr 1fr;margin-top:36px}
.h-routes a{padding:20px 14px}
.h-routes a:first-child{padding-left:14px}
.h-routes a:nth-child(odd){padding-left:0}
.h-routes a:nth-child(3),.h-routes a:nth-child(4){box-shadow:0 -1px 0 var(--haar)}
.h-routes a:nth-child(4){box-shadow:0 -1px 0 var(--haar),-1px 0 0 var(--haar)}
.h-routes b{font-size:1.1rem}
.h-routes span{display:none}}
.h-filterbalk{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:18px 0;margin-bottom:32px;box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar);position:sticky;top:118px;background:var(--wit);z-index:5}
.h-filters{display:flex;flex-wrap:wrap;gap:8px}
.h-filters button{font:inherit;font-weight:500;font-size:.95rem;background:var(--wit);border:1px solid var(--haar);border-radius:999px;padding:.5em 1.05em;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:border-color .15s,background .15s}
.h-filters button:hover{border-color:var(--ink)}
.h-filters button .h-bol{width:9px;height:9px}
.h-filters button small{color:var(--grijs);font-size:.82rem}
.h-filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--wit)}
.h-filters button[aria-pressed="true"] small{color:var(--voettekst)}
.h-zoek{display:flex;align-items:center;gap:10px;border:1px solid var(--haar);border-radius:999px;padding:0 16px;min-width:260px;background:var(--wit)}
.h-zoek input{border:0;font:inherit;font-size:.95rem;padding:.6em 0;outline:none;width:100%;background:transparent;color:var(--ink)}
.h-zoek:focus-within{border-color:var(--ink)}
.h-zoek svg{flex:none;color:var(--grijs)}
.h-projectraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}
.h-projectraster a{text-decoration:none}
.h-projectraster .h-foto{aspect-ratio:4/3;margin-bottom:12px}
.h-projectraster b{display:flex;gap:9px;align-items:baseline;font-size:1.05rem;line-height:1.35}
.h-projectraster b .h-bol{width:9px;height:9px;transform:translateY(-1px)}
.h-projectraster a:hover b{text-decoration:underline;text-decoration-color:var(--oranje);text-decoration-thickness:2px;text-underline-offset:3px}
.h-projectraster a[hidden]{display:none}
.h-geen{display:none;padding:40px 0;color:var(--grijs)}
.h-teller{color:var(--grijs);font-size:var(--klein);margin-bottom:20px}
@media (max-width:900px){.h-filterbalk{top:104px;padding:12px 0;gap:10px}
.h-filters{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1*var(--rand));padding:0 var(--rand);scrollbar-width:none}
.h-filters::-webkit-scrollbar{display:none}
.h-filters button{white-space:nowrap}
.h-zoek{min-width:0;width:100%}
.h-projectraster{grid-template-columns:1fr 1fr;gap:24px 12px}
.h-projectraster b{font-size:.92rem}}
.h-kop .h-catbalk{display:block;margin-left:0;gap:0;font-size:inherit}
.h-kop .h-catbalk .h-raster{height:46px;gap:4px}
@media (max-width:900px){.h-kop .h-catbalk{display:block}
.h-kop .h-catbalk .h-raster{height:44px;gap:0}}
.h-held-drone .h-beeld{height:min(76svh,700px)}
.h-brief-wrap{position:relative;max-width:560px;margin-top:-300px}
.h-brief-wrap .h-brief{margin-top:0}
.h-brief-wrap .h-stempel{position:absolute;right:-56px;top:-52px;left:auto;width:124px;height:124px;z-index:3}
@media (max-width:900px){.h-brief-wrap{margin-top:-48px;max-width:none}
.h-brief-wrap .h-stempel{right:10px;top:-62px;width:86px;height:86px}}
@media (max-width:900px){.h-held-drone .h-beeld{height:auto;min-height:0;aspect-ratio:4/3.4}
.h-held-drone .h-beeld img{object-position:82% 45%}}
.h-kop .h-catbalk{background:var(--zacht);box-shadow:0 1px 0 var(--haar),0 -1px 0 var(--haar)}
.h-kop .h-catbalk .h-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:auto;padding-top:0;padding-bottom:0}
.h-catbalk a{padding:12px 18px 13px;gap:12px;color:var(--ink);font-size:1rem;justify-content:flex-start;transition:background .15s}
.h-catbalk a+a{box-shadow:-1px 0 0 var(--haar)}
.h-catbalk a:first-child{padding-left:18px}
.h-catbalk a .h-bol{width:12px;height:12px}
.h-catbalk .h-naam{display:flex;flex-direction:column;line-height:1.2}
.h-catbalk .h-lang{font-family:var(--f-disp);font-weight:900;font-size:1.08rem;letter-spacing:-.01em}
.h-catbalk .h-kort{display:none}
.h-catbalk small{font-size:.8rem;color:var(--grijs);font-weight:500;margin-top:2px}
.h-catbalk a:hover{background:var(--wit)}
.h-catbalk a::after,.h-catbalk a:first-child::after{left:0;right:0;height:3px}
.h-catbalk a[aria-current]{background:var(--wit)}
@media (max-width:900px){.h-kop .h-catbalk .h-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;height:auto;padding:0}
.h-catbalk a,.h-catbalk a:first-child{flex-direction:column;align-items:center;gap:5px;padding:9px 4px 10px;text-align:center}
.h-catbalk .h-lang,.h-catbalk small{display:none}
.h-catbalk .h-kort{display:block;font-family:var(--f-disp);font-weight:900;font-size:.92rem}
.h-catbalk a .h-bol{width:10px;height:10px}}
.h-filterbalk{top:130px}
@media (max-width:900px){.h-filterbalk{top:118px}}
.h-kop .h-catbalk{background:var(--wit);box-shadow:0 1px 0 var(--haar)}
.h-catbalk a{padding:10px 16px 11px}
.h-catbalk a+a{box-shadow:none}
.h-catbalk a:first-child{padding-left:0}
.h-catbalk .h-lang{font-family:var(--f-body);font-weight:700;font-size:.95rem;letter-spacing:0}
.h-catbalk small{font-size:.78rem;opacity:.85}
.h-catbalk a .h-bol{width:9px;height:9px}
.h-catbalk a:hover,.h-catbalk a[aria-current]{background:transparent}
.h-catbalk a::after,.h-catbalk a:first-child::after{height:2px;left:16px;right:16px}
.h-catbalk a:first-child::after{left:0}
.h-filterbalk{top:122px}
@media (max-width:900px){.h-catbalk a,.h-catbalk a:first-child{padding:8px 4px 9px;gap:4px}
.h-catbalk .h-kort{font-family:var(--f-body);font-weight:700;font-size:.85rem}
.h-catbalk a .h-bol{width:8px;height:8px}
.h-catbalk a::after,.h-catbalk a:first-child::after{left:20%;right:20%}
.h-filterbalk{top:112px}}
.h-catbalk .h-duim{position:relative;flex:none;width:38px;height:38px}
.h-catbalk .h-duim img{width:38px;height:38px;border-radius:var(--r);object-fit:cover;display:block;filter:saturate(.9)}
.h-catbalk .h-duim .h-bol{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;box-shadow:0 0 0 2px var(--wit)}
.h-catbalk a{padding-top:9px;padding-bottom:10px}
.h-catbalk a:hover .h-duim img{filter:none}
.h-filterbalk{top:130px}
@media (max-width:900px){.h-catbalk .h-duim{width:34px;height:34px}
.h-catbalk .h-duim img{width:34px;height:34px}
.h-catbalk .h-duim .h-bol{width:9px;height:9px}
.h-filterbalk{top:128px}}
.hs{--sectie:72px}
.h-held-drone{padding-bottom:48px}
.h-held-drone .h-raster{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:28px;align-items:start}
.h-brief-wrap{grid-column:1}
.h-routes-foto{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px var(--voeg);padding-top:28px}
.h-routes-foto a{text-decoration:none;display:block}
.h-routes-foto .h-foto{aspect-ratio:16/10;margin-bottom:10px}
.h-routes-foto .h-foto img{transition:transform .5s}
.h-routes-foto a:hover .h-foto img{transform:scale(1.03)}
.h-routes-foto b{display:flex;align-items:center;gap:9px;font-family:var(--f-disp);font-weight:900;font-size:1.2rem;letter-spacing:-.01em}
.h-routes-foto b .h-bol{width:10px;height:10px}
.h-routes-foto span{display:block;color:var(--grijs);font-size:var(--klein);margin-top:2px;padding-left:19px}
.h-klanten{padding:36px 0}
.h-klanten img{height:40px}
.h-klanten p{font-size:.95rem;max-width:12em}
.h-contactfoto{margin-top:28px}
.h-contactfoto .h-foto{aspect-ratio:16/9}
.h-contactfoto figcaption{font-size:var(--klein);color:var(--grijs);margin-top:10px}
.h-kopregel{margin-bottom:32px}
@media (max-width:900px){.hs{--sectie:52px}
.h-held-drone .h-raster{display:block}
.h-routes-foto{padding-top:24px;gap:16px 10px}
.h-routes-foto b{font-size:1rem}
.h-routes-foto span{display:none}
.h-klanten img{height:28px}}
.h-topregel{height:38px;box-shadow:0 1px 0 var(--haar);font-size:.85rem;background:var(--wit)}
.h-topregel .h-raster{display:flex;align-items:center;justify-content:space-between;height:38px;gap:24px}
.h-topregel .h-contact-bol{display:flex;gap:22px;margin:0;padding:0;box-shadow:none}
.h-topregel .h-contact-bol li{gap:8px;color:var(--grijs)}
.h-topregel .h-contact-bol a{color:var(--ink);font-weight:500}
.h-topregel .h-bol{width:7px;height:7px}
.h-topregel .h-keur{display:flex;gap:14px;font-family:var(--f-smal);font-weight:700;color:var(--ink)}
.h-topregel .h-keur span+span::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--oranje);margin-right:14px;vertical-align:2px}
.h-kop .h-hoofdregel{display:flex;align-items:center;gap:36px;height:78px}
.h-kop .h-logo img{height:32px}
.h-kop nav:not(.h-catbalk){gap:30px;font-weight:600;font-size:1rem}
.h-kop nav:not(.h-catbalk) a{position:relative;padding:6px 0}
.h-kop nav:not(.h-catbalk) a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--oranje);transform:scaleX(0);transition:transform .2s;transform-origin:left}
.h-kop nav:not(.h-catbalk) a:hover{color:var(--ink)}
.h-kop nav:not(.h-catbalk) a:hover::after{transform:scaleX(1)}
.h-filterbalk{top:136px}
@media (max-width:1100px){.h-topregel .h-keur{display:none}}
@media (max-width:900px){.h-topregel{display:none}
.h-kop .h-hoofdregel{height:62px}
.h-kop .h-logo img{height:24px}
.h-filterbalk{top:120px}}
.h-routes-foto span{padding-left:0}
.h-routes-foto a>span{padding-left:19px}
.h-voet .h-merken{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:32px;align-items:start;padding:28px 0;box-shadow:0 -1px 0 var(--haar)}
.h-voet .h-merken b{color:var(--ink);padding-top:2px}
.h-voet .h-merken a{display:grid;gap:8px;text-decoration:none}
.h-voet .h-merken img{width:auto;filter:brightness(0);opacity:.8;justify-self:start}
.h-voet .h-merken img.h-kleur{filter:none;opacity:1}
.h-voet .h-merken span{color:var(--grijs);font-size:var(--klein);line-height:1.45}
.h-voet .h-merken a:hover span{color:var(--ink)}
@media (max-width:900px){.h-voet .h-merken{grid-template-columns:1fr;gap:20px}}
.hs{--cta:var(--oranje);--cta-tekst:var(--nacht)}
.hs[data-cat="gevel"]{--cta:var(--oranje)}
.hs[data-cat="auto"]{--cta:var(--geel)}
.hs[data-cat="event"]{--cta:var(--roze);--cta-tekst:var(--wit)}
.hs[data-cat="interieur"]{--cta:var(--teal)}
.h-knop,.h-kop .h-knop,.h-slotregel .h-knop{background:var(--cta);color:var(--cta-tekst)}
.h-knop:hover,.h-kop .h-knop:hover,.h-slotregel .h-knop:hover{background:color-mix(in srgb,var(--cta) 85%,var(--wit));color:var(--cta-tekst)}
@media (min-width:901px){.h-kop .h-knop{background:var(--cta);color:var(--cta-tekst)}}
.h-routes-kop{grid-column:1/-1;font-family:var(--f-disp);font-weight:900;font-size:1.6rem;letter-spacing:-.01em;margin-bottom:-4px}
@media (max-width:900px){.h-routes-kop{font-size:1.4rem}}
.h-kop{position:relative;top:auto;z-index:31}
.h-catbalk{position:sticky;top:0;z-index:30;background:var(--wit);box-shadow:0 1px 0 var(--haar)}
.h-catbalk.h-vast{box-shadow:0 1px 0 var(--haar),0 8px 24px -16px rgba(19,41,62,.35)}
.h-filterbalk{top:58px}
@media (max-width:900px){.h-filterbalk{top:60px}}
.h-catbalk .h-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;height:auto}
@media (max-width:900px){.h-catbalk .h-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;height:auto;padding:0}
.h-catbalk a,.h-catbalk a:first-child{flex-direction:column;align-items:center}
.h-catbalk .h-lang,.h-catbalk small{display:none}
.h-catbalk .h-kort{display:block}}
.h-contact .h-raster{align-items:start}
.h-aanvraagbrief{position:relative;overflow:hidden;background:var(--wit);border-radius:var(--r);padding:36px 36px 28px;box-shadow:0 24px 60px -28px rgba(19,41,62,.35);display:grid;gap:16px}
.h-aanvraagbrief>*:not(.h-bellen){position:relative}
.h-aanvraagbrief .h-bellen{transform:scale(.5);transform-origin:top right;top:-150px;right:-150px}
.h-brief-kop{font-family:var(--f-disp);font-weight:900;font-size:1.9rem;line-height:1;letter-spacing:-.01em}
.h-brief-sub{color:var(--grijs);margin-top:-8px;font-size:.98rem}
.h-keuze{border:0;padding:0;margin:4px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.h-keuze legend{font-size:.85rem;font-weight:700;margin-bottom:8px;padding:0}
.h-keuze label{display:block;cursor:pointer}
.h-keuze input{position:absolute;opacity:0;pointer-events:none}
.h-keuze span{display:flex;align-items:center;gap:10px;border:1px solid var(--haar);border-radius:var(--r);padding:7px 10px 7px 7px;font-weight:600;font-size:.95rem;position:relative;transition:border-color .15s,box-shadow .15s}
.h-keuze img{width:36px;height:36px;border-radius:3px;object-fit:cover;flex:none}
.h-keuze .h-bol{position:absolute;left:36px;top:33px;width:9px;height:9px;box-shadow:0 0 0 2px var(--wit)}
.h-keuze label:hover span{border-color:var(--ink)}
.h-keuze input:checked+span{border-color:var(--k);box-shadow:inset 0 0 0 1px var(--k);background:color-mix(in srgb,var(--k) 6%,var(--wit))}
.h-keuze input:focus-visible+span{outline:3px solid var(--oranje);outline-offset:2px}
.h-aanvraagbrief .h-twee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.h-aanvraagbrief input[type=text],.h-aanvraagbrief textarea{padding:.65em .85em;font-size:.98rem;background:var(--zacht);border-color:transparent}
.h-aanvraagbrief input[type=text]:focus,.h-aanvraagbrief textarea:focus{background:var(--wit);border-color:var(--ink);outline:none}
.h-aanvraagbrief textarea{min-height:88px}
.h-aanvraagbrief .h-knop{width:100%;padding:.9em 1.4em;margin-top:4px}
.h-brief-voet{display:flex;align-items:center;gap:12px;font-size:var(--klein);color:var(--grijs);padding-top:14px;box-shadow:0 -1px 0 var(--haar)}
.h-brief-voet img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none}
.h-contactfoto .h-foto{aspect-ratio:3/2}
@media (max-width:900px){.h-aanvraagbrief{padding:26px 18px 20px}
.h-aanvraagbrief .h-twee{grid-template-columns:1fr}
.h-keuze span{font-size:.85rem;gap:8px}
.h-keuze img{width:30px;height:30px}
.h-keuze .h-bol{left:30px;top:28px}}
.h-pastel-geel{background:color-mix(in srgb,var(--geel) 11%,var(--wit))}
.h-pastel-perzik{background:color-mix(in srgb,var(--oranje) 9%,var(--wit))}
.h-pastel-blauw{background:color-mix(in srgb,var(--blauw) 5%,var(--wit))}
.h-pastel-roze{background:color-mix(in srgb,var(--roze) 7%,var(--wit))}
.h-met-bellen{position:relative;overflow:clip}
.h-met-bellen>.h-raster{position:relative;z-index:1}
.h-met-bellen>.h-bellen.h-rechtsboven{top:-260px;right:-240px}
.h-met-bellen>.h-bellen.h-linksonder{bottom:-320px;left:-240px}
.h-pastel-geel .h-stappen p,.h-pastel-geel .h-kopregel p{color:var(--grijs)}
.h-klanten img{filter:none;opacity:.95}
.h-klanten img:hover{opacity:1}
.h-routes-foto .h-foto{position:relative}
.h-routes-foto .h-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--k)}
.h-muur a span .h-bol{width:8px;height:8px;margin-right:8px;vertical-align:1px}
.h-aanvraagbrief[data-cat="gevel"]{--cta:var(--oranje);--cta-tekst:var(--nacht)}
.h-aanvraagbrief[data-cat="auto"]{--cta:var(--geel);--cta-tekst:var(--nacht)}
.h-aanvraagbrief[data-cat="event"]{--cta:var(--roze);--cta-tekst:var(--wit)}
.h-aanvraagbrief[data-cat="interieur"]{--cta:var(--teal);--cta-tekst:var(--nacht)}
.h-aanvraagbrief .h-knop{transition:background .25s,color .25s}
.h-pastel-geel{background:color-mix(in srgb,var(--geel) 5%,var(--wit))}
.h-pastel-perzik{background:color-mix(in srgb,var(--oranje) 4%,var(--wit))}
.h-pastel-blauw{background:color-mix(in srgb,var(--blauw) 2.5%,var(--wit))}
.h-routes-foto .h-foto::after{height:3px}
.h-keuze input:checked+span{background:var(--wit)}
.h-ico{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--k) 14%,var(--wit))}
.h-ico svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.h-ico svg .h-a{fill:var(--k);stroke:none}
.h-catbalk .h-ico{width:38px;height:38px;border-radius:9px}
.h-catbalk a:hover .h-ico,.h-catbalk a[aria-current] .h-ico{background:color-mix(in srgb,var(--k) 24%,var(--wit))}
.h-keuze .h-ico{width:34px;height:34px;border-radius:8px}
.h-keuze .h-ico svg{width:21px;height:21px}
.h-keuze input:checked+span .h-ico{background:color-mix(in srgb,var(--k) 26%,var(--wit))}
.h-voet .h-merken a{grid-template-columns:auto 1fr;gap:14px;align-items:start}
.h-voet .h-merken .h-ico{width:44px;height:44px;border-radius:11px}
.h-voet .h-merken .h-tekst{color:var(--grijs);font-size:var(--klein);line-height:1.45}
.h-voet .h-merken strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:2px}
.h-voet .h-merken a:hover .h-ico{background:color-mix(in srgb,var(--k) 24%,var(--wit))}
@media (max-width:900px){.h-catbalk .h-ico{width:34px;height:34px;border-radius:8px}
.h-catbalk .h-ico svg{width:21px;height:21px}}
.h-ico svg{width:26px;height:26px;stroke-width:1.7}
.h-catbalk .h-ico svg{width:24px;height:24px}
.h-ico svg{width:30px;height:30px;stroke-width:1.5}
.h-catbalk .h-ico svg{width:28px;height:28px}
.h-keuze .h-ico svg{width:24px;height:24px}
@media (max-width:900px){.h-catbalk .h-ico svg{width:25px;height:25px}}
.h-contact.h-pastel-perzik{background:var(--zacht)}
.h-contact.h-met-bellen>.h-bellen{opacity:.5}
.h-voet .h-bellen.h-linksonder{opacity:.45}
.h-voet .h-merken{gap:28px;padding:22px 0}
.h-voet .h-merken b{font-size:.95rem;font-weight:600;color:var(--grijs)}
.h-voet .h-merken .h-ico{width:32px;height:32px;border-radius:8px;background:color-mix(in srgb,var(--k) 8%,var(--wit))}
.h-voet .h-merken .h-ico svg{width:22px;height:22px}
.h-voet .h-merken strong{font-size:.95rem}
.h-voet .h-merken a:hover .h-ico{background:color-mix(in srgb,var(--k) 16%,var(--wit))}
.h-voet .h-stempel{width:76px;height:76px;opacity:.9}
.h-voet .h-schild{height:44px}
.h-voet .h-merken .h-merkicoon{width:30px;height:30px;border-radius:7px;filter:none;opacity:1;object-fit:cover}
.h-voet .h-merken a:hover .h-merkicoon{transform:translateY(-1px)}
.h-stappen h3{gap:12px}
.h-stappen h3 .h-ico{width:34px;height:34px;border-radius:9px}
.h-stappen h3 .h-ico svg{width:24px;height:24px}
.h-stappen figure .h-foto{position:relative}
.h-stappen figure:nth-child(1) .h-foto{--k:var(--roze)}
.h-stappen figure:nth-child(2) .h-foto{--k:var(--oranje)}
.h-stappen figure:nth-child(3) .h-foto{--k:var(--blauw)}
.h-stappen figure .h-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--k)}
.h-archief figure:nth-child(1){--k:var(--roze)}
.h-archief figure:nth-child(2){--k:var(--oranje)}
.h-archief figure:nth-child(3){--k:var(--blauw)}
.h-archief figure:nth-child(4){--k:var(--geel)}
.h-archief figcaption b{display:flex;align-items:center;gap:8px}
.h-archief figcaption b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--k)}
.h-team>div:nth-child(1){--k:var(--roze)}
.h-team>div:nth-child(2){--k:var(--oranje)}
.h-team>div:nth-child(3){--k:var(--blauw)}
.h-team>div:nth-child(4){--k:var(--geel)}
.h-team .h-foto{background:color-mix(in srgb,var(--k) 18%,var(--wit));position:relative}
.h-team .h-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--k)}
.h-tlink{text-decoration-color:var(--cta)}
.h-sectie.h-zacht,.h-sectie.h-pastel-geel,.h-sectie.h-pastel-perzik,.h-sectie.h-pastel-blauw,.h-contact.h-pastel-perzik{background:transparent}
.h-met-bellen{overflow:visible}
.h-met-bellen>.h-bellen{z-index:0;opacity:1}
.h-met-bellen>.h-bellen.h-rechtsboven{top:-200px;right:-230px}
.h-met-bellen>.h-bellen.h-linksonder{bottom:-260px;left:-250px}
:where(.hs) main>section{z-index:auto}
:where(.hs) main>section>.h-raster,:where(.hs) main>section>*:not(.h-bellen){position:relative;z-index:1}
.h-lijn-boven{box-shadow:none}
.h-vak{background:var(--wit);box-shadow:0 0 0 1px var(--haar)}
.h-ico svg{stroke-width:1.45}
.hs{--sectie:56px}
.h-held-drone{padding-bottom:16px}
.h-held-drone .h-raster{align-items:stretch}
.h-routes-foto{padding-top:20px;gap:14px var(--voeg)}
.h-routes-foto .h-foto{aspect-ratio:16/9.5}
.h-klantblok{margin-top:24px;padding:20px 4px 0}
.h-klantblok p{font-size:var(--klein);color:var(--grijs);margin-bottom:12px}
.h-klantblok .h-rij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 24px;align-items:center}
.h-klantblok img{height:30px;width:100%;object-fit:contain}
.h-kopregel{margin-bottom:24px}
.h-kopregel.h-onder p{margin-top:8px}
.h-stappen .h-foto{margin-bottom:14px}
.h-muur{gap:18px var(--voeg)}
.h-muur a span{padding-top:8px}
.h-archief .h-stempel{display:none}
@media (max-width:900px){.hs{--sectie:44px}
.h-klantblok{margin-top:20px;padding:0}
.h-klantblok .h-rij{gap:16px 18px}
.h-klantblok img{height:24px}}
.h-klantblok img{height:44px}
.h-klantblok .h-rij{gap:20px 28px}
.h-contact .h-raster{align-items:stretch}
.h-aanvraagbrief{align-content:start}
@media (max-width:900px){.h-klantblok img{height:32px}}
.h-klantblok{margin-top:28px;padding:0}
.h-klantblok .h-rij{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--voeg)}
.h-klantblok .h-rij img{height:96px;width:100%;padding:28px 18px;object-fit:contain;background:var(--wit);box-shadow:0 0 0 1px var(--haar) inset;border-radius:var(--r);filter:brightness(0);opacity:.5;transition:opacity .2s}
.h-klantblok .h-rij img:hover{opacity:.8}
@media (max-width:900px){.h-klantblok .h-rij img{height:68px;padding:18px 10px}}
.h-heldfoto{margin-top:24px}
.h-heldfoto .h-foto{aspect-ratio:16/10}
.h-heldfoto figcaption{font-size:var(--klein);color:var(--grijs);margin-top:10px}
.h-heldfoto figcaption b{color:var(--ink)}
.h-klanten img{filter:brightness(0);opacity:.42}
.h-klanten img:hover{opacity:.75}
.h-ico{border-radius:12px;background:color-mix(in srgb,var(--k) 12%,var(--wit));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 22%,var(--wit))}
.h-ico svg{stroke-width:1.9}
.h-catbalk .h-ico{border-radius:11px}
.h-routes-foto{align-content:start}
@media (max-width:900px){.h-heldfoto{display:none}}
@media (prefers-reduced-motion:reduce){.hs,:where(.hs) *,:where(.hs) *::before,:where(.hs) *::after{transition:none!important;animation:none!important}}
.h-kop .h-logo{display:inline-flex;align-items:center;min-height:44px}
.h-kopregel .h-tlink{display:inline-block;padding:8px 0}
@media (max-width:900px){.h-archief section.h-strook{padding-bottom:0}
.h-contact{padding-top:36px}}
.hs{--sectie:48px}
.h-held-drone .h-beeld{height:min(82svh,760px);min-height:600px}
.h-held-drone .h-raster{display:block}
.h-brief-wrap{margin-top:-640px;max-width:540px}
.h-brief-wrap .h-stempel{right:18px;top:18px;width:92px;height:92px;z-index:3}
.h-brief h1{padding-right:84px}
.h-routes-foto{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:40px;gap:var(--voeg)}
.h-routes-kop{display:none}
@media (min-width:901px){.h-kop .h-knop{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--cta)}
.h-kop .h-knop:hover{background:var(--cta);color:var(--cta-tekst)}}
.h-werkwijze{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}
.h-werkwijze .h-rest{display:grid;gap:24px}
.h-werkwijze figure .h-foto{aspect-ratio:auto;margin-bottom:14px}
.h-werkwijze .h-groot .h-foto{height:440px}
.h-werkwijze .h-rest .h-foto{height:150px}
.h-werkwijze .h-rest figure{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 20px;align-items:start}
.h-werkwijze .h-rest figure .h-foto{grid-row:span 2;height:140px;margin:0}
.h-werkwijze h3{font-family:var(--f-body);font-weight:700;font-size:1.15rem;letter-spacing:0;margin-bottom:6px;display:flex;align-items:center;gap:12px}
.h-werkwijze h3 .h-ico{width:34px;height:34px;border-radius:10px}
.h-werkwijze h3 .h-ico svg{width:24px;height:24px}
.h-werkwijze p{color:var(--grijs)}
.h-w-7b{grid-column:span 7}
.h-w-5b{grid-column:span 5}
.h-w-7b .h-foto,.h-w-5b .h-foto{height:280px}
.h-klanten .h-rij{grid-template-columns:repeat(8,minmax(0,1fr));gap:24px}
.h-klanten img{height:40px;max-width:120px;justify-self:center;object-fit:contain;filter:brightness(0);opacity:.58}
:where(.hs) [aria-labelledby=k-archief]>.h-bellen.h-linksonder{bottom:-80px;left:-380px}
.h-contact .h-raster{align-items:start}
@media (max-width:900px){.hs{--sectie:40px}
.h-held-drone .h-beeld{min-height:0;height:auto}
.h-brief-wrap{margin-top:-48px;max-width:none}
.h-brief-wrap .h-stempel{right:12px;top:12px;width:70px;height:70px}
.h-brief h1{padding-right:64px}
.h-routes-foto{grid-template-columns:1fr 1fr;padding-top:24px}
.h-werkwijze{grid-template-columns:1fr}
.h-werkwijze .h-groot .h-foto{height:240px}
.h-werkwijze .h-rest figure{grid-template-columns:120px minmax(0,1fr);gap:0 14px}
.h-werkwijze .h-rest figure .h-foto{height:100px}
.h-w-7b,.h-w-5b{grid-column:span 1}
.h-w-7b .h-foto,.h-w-5b .h-foto{height:130px}
.h-klanten .h-rij{grid-template-columns:repeat(4,minmax(0,1fr))}
.h-klanten img{height:30px}}
.h-brief-wrap{max-width:600px}
.h-brief h1{font-size:clamp(2.2rem,3.4vw,3.2rem);padding-right:72px;max-width:none}
.h-brief-wrap .h-stempel{width:84px;height:84px}
.h-werkwijze .h-groot .h-foto{height:430px}
.h-werkwijze .h-rest{gap:28px}
.h-werkwijze .h-rest figure{display:block}
.h-werkwijze .h-rest figure .h-foto{height:190px;margin-bottom:12px}
.h-klanten img[alt="SED"]{height:28px}
.h-klanten img[alt="Present"]{height:30px}
.h-klanten img[alt="Albert Heijn"],.h-klanten img[alt="KWS"]{height:36px}
@media (max-width:900px){.h-brief h1{padding-right:56px}
.h-brief-wrap .h-stempel{width:64px;height:64px}
.h-werkwijze .h-rest figure .h-foto{height:160px}}
.h-held-drone{display:grid;padding-bottom:0}
.h-held-drone>.h-beeld{grid-area:1/1}
.h-held-drone>.h-raster:first-of-type{grid-area:1/1;align-self:end;width:100%;padding-bottom:56px;pointer-events:none}
.h-held-drone>.h-raster:first-of-type>*{pointer-events:auto}
.h-held-drone>.h-raster:last-of-type{grid-area:2/1;width:100%}
.h-brief-wrap{margin-top:0}
.h-brief .h-stempel{float:right;position:relative;width:88px;height:88px;margin:-14px -14px 4px 12px;shape-outside:circle(50%);transform:rotate(-8deg);z-index:3}
.h-brief h1{padding-right:0}
.h-held-drone .h-beeld figcaption{z-index:2}
@media (max-width:900px){.h-held-drone>.h-beeld{grid-area:1/1}
.h-held-drone>.h-raster:first-of-type{grid-area:2/1;padding-bottom:0}
.h-held-drone>.h-raster:last-of-type{grid-area:3/1}
.h-brief-wrap{margin-top:-48px}
.h-brief .h-stempel{width:66px;height:66px;margin:-8px -6px 2px 8px}
.h-werkwijze{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 4px;gap:14px;scroll-padding-inline:var(--rand)}
.h-werkwijze>figure,.h-werkwijze .h-rest figure{flex:0 0 78%;scroll-snap-align:start}
.h-werkwijze .h-rest{display:contents}
.h-werkwijze .h-groot .h-foto,.h-werkwijze .h-rest figure .h-foto{height:200px}}
.hs{--r:6px;--sectie:36px}
.h-ico,.h-catbalk .h-ico,.h-keuze .h-ico,.h-werkwijze h3 .h-ico,.h-voet .h-merken .h-ico,.h-stappen h3 .h-ico{border-radius:var(--r)}
.h-brief,.h-aanvraagbrief,.h-galerij figure,.h-keuze span{border-radius:var(--r)}
.h-held-drone>.h-raster:first-of-type{display:flex;justify-content:flex-end}
.h-brief-wrap{max-width:540px}
.h-held-drone .h-beeld figcaption{right:auto;left:16px}
.h-kopregel h2,.h-archief h2,.h-contact h2{font-size:clamp(1.8rem,2.5vw,2.3rem)}
.h-werkwijze{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.h-contact .h-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.h-archief{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.h-aanvraagbrief{display:flex;flex-direction:column;gap:16px}
.h-aanvraagbrief label:has(textarea){flex:1;display:flex;flex-direction:column}
.h-aanvraagbrief textarea{flex:1}
.h-klanten img{height:38px;opacity:.6}
.h-klanten img[alt="SED"]{height:24px}
.h-klanten img[alt="Present"]{height:22px}
.h-klanten img[alt="Contest Yachts"],.h-klanten img[alt="KWS"]{height:46px}
.h-klanten img[alt="Florex"]{height:42px}
@media (max-width:900px){.hs{--sectie:30px}
.h-kop .h-knop{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--cta)}
.h-held-drone>.h-raster:first-of-type{display:block}
.h-held-drone .h-beeld figcaption{display:none}
.h-muur{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 4px;gap:12px;scroll-padding-inline:var(--rand)}
.h-muur>a{flex:0 0 80%;scroll-snap-align:start}
.h-muur>a .h-foto,.h-w-7x4 .h-foto{height:200px;min-height:0}
.h-muur a:not(.h-w-7x4) span b{display:inline}
.h-voet .h-onder .h-reeks{display:grid;gap:4px}
.h-voet .h-onder .h-reeks>span+span::before{display:none}}
.h-kopregel h2,.h-archief h2,.h-contact h2{font-size:clamp(1.5rem,2.2vw,2.3rem)}
@media (max-width:900px){.h-brief h1{font-size:2.35rem}}
.h-held-drone>.h-raster:first-of-type{justify-content:flex-start;max-width:none;padding-left:clamp(16px,2.8vw,48px)}
.h-brief-wrap{max-width:500px}
.h-held-drone .h-beeld figcaption{left:auto;right:16px}
.h-brief-wrap{max-width:560px}
@media (max-width:900px){.h-archief,.h-contact .h-raster,.h-werkwijze{grid-template-columns:1fr}
.h-brief-wrap{max-width:none}}
.hs{--sectie:64px;--band:#F6F4F0}
:where(.hs) main>section{position:relative}
:where(.hs) main>section.h-met-bellen{overflow:clip}
.h-held-drone+section,.h-held-drone>.h-raster:last-of-type{padding-bottom:var(--sectie)}
:where(.hs) section[aria-labelledby=k-proces]{background:var(--band);box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
:where(.hs) section[aria-labelledby=k-werk]{background:var(--wit)}
.h-klanten{background:var(--wit);box-shadow:0 -1px 0 var(--haar)}
:where(.hs) section[aria-labelledby=k-archief]{background:var(--band);box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
:where(.hs) section.h-contact{background:var(--wit)}
.h-voet{box-shadow:0 -1px 0 var(--haar)}
.h-met-bellen>.h-bellen.h-rechtsboven{top:-60px;right:-300px}
.h-met-bellen>.h-bellen.h-linksonder{bottom:-120px;left:-320px}
:where(.hs) section[aria-labelledby=k-archief]>.h-bellen.h-linksonder{bottom:-140px;left:-330px}
.h-kopregel{margin-bottom:28px}
@media (max-width:900px){.hs{--sectie:44px}
.h-met-bellen>.h-bellen{display:none}}
:where(.hs) section[aria-labelledby=k-proces]{background:color-mix(in srgb,var(--geel) 7%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 30%,var(--wit)),0 1px 0 color-mix(in srgb,var(--geel) 30%,var(--wit))}
:where(.hs) section[aria-labelledby=k-archief]{background:color-mix(in srgb,var(--blauw) 4%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--blauw) 18%,var(--wit)),0 1px 0 color-mix(in srgb,var(--blauw) 18%,var(--wit))}
:where(.hs) section.h-contact{background:color-mix(in srgb,var(--roze) 4%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 18%,var(--wit))}
.h-klanten{background:var(--wit)}
:where(.hs) main section.h-sectie[aria-labelledby=k-proces]{background:color-mix(in srgb,var(--geel) 9%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 35%,var(--wit)),0 1px 0 color-mix(in srgb,var(--geel) 35%,var(--wit))}
:where(.hs) main section.h-sectie[aria-labelledby=k-archief]{background:color-mix(in srgb,var(--blauw) 5%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--blauw) 20%,var(--wit)),0 1px 0 color-mix(in srgb,var(--blauw) 20%,var(--wit))}
:where(.hs) main section.h-sectie.h-contact{background:color-mix(in srgb,var(--roze) 5%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 20%,var(--wit))}
.hs{--goot:16px}
.h-werkwijze{gap:var(--goot);align-items:stretch}
.h-werkwijze .h-rest{gap:var(--goot)}
.h-werkwijze .h-groot{display:flex;flex-direction:column}
.h-werkwijze .h-groot .h-foto{flex:1;height:auto;min-height:400px}
.h-muur{column-gap:var(--goot);row-gap:20px}
.h-w-5x2 .h-foto{height:222px}
.h-contact .h-direct{margin-top:20px;font-size:1.05rem}
.h-contact .h-direct a{text-decoration:none;border-bottom:2px solid var(--cta)}
@media (max-width:900px){.h-werkwijze .h-groot .h-foto{min-height:200px;flex:none;height:200px}}
.h-werkwijze .h-rest{grid-template-rows:1fr 1fr}
.h-werkwijze .h-rest figure{display:flex;flex-direction:column}
.h-werkwijze .h-rest figure .h-foto{flex:1;height:auto;min-height:170px}
@media (max-width:900px){.h-werkwijze .h-rest figure .h-foto{flex:none;height:200px}}
.h-werkwijze{align-items:start}
.h-werkwijze .h-groot .h-foto{flex:none;height:520px;min-height:0}
.h-werkwijze .h-rest{grid-template-rows:auto auto}
.h-werkwijze .h-rest figure .h-foto{flex:none;height:178px;min-height:0}
.h-contact .h-raster>div:first-child{display:flex;flex-direction:column}
.h-contact .h-contactfoto{flex:1;display:flex;flex-direction:column}
.h-contact .h-contactfoto .h-foto{flex:1;aspect-ratio:auto;min-height:260px}
@media (max-width:900px){.h-werkwijze .h-groot .h-foto,.h-werkwijze .h-rest figure .h-foto{height:200px}
.h-contact .h-contactfoto .h-foto{flex:none;height:220px;min-height:0}}
:where(.hs) section.h-strook{padding:var(--goot) 0 0}
.h-strook-rij{display:flex;gap:var(--voeg);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--rand);scrollbar-width:none}
.h-strook-rij::-webkit-scrollbar{display:none}
:where(.hs) section.h-strook figure{flex:0 0 auto;position:relative;scroll-snap-align:start;border-radius:var(--r);overflow:hidden}
:where(.hs) section.h-strook img{height:340px;width:auto;max-width:none;display:block}
:where(.hs) section.h-strook figcaption{position:absolute;left:10px;bottom:10px;background:var(--wit);font-size:.8rem;padding:4px 10px;border-radius:var(--r);color:var(--grijs)}
:where(.hs) section.h-strook figcaption b{color:var(--ink)}
.h-paginakop .h-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.h-kiezer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--goot) var(--goot);background:color-mix(in srgb,var(--k) 9%,var(--wit));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,var(--wit));border-radius:var(--r);padding:24px}
.h-kiezer-kop{grid-column:1/-1;font-family:var(--f-disp);font-weight:900;font-size:1.35rem}
.h-kiezer a{text-decoration:none;background:var(--wit);border-radius:var(--r);padding:10px 10px 14px;box-shadow:0 0 0 1px var(--haar);transition:box-shadow .15s}
.h-kiezer a:hover{box-shadow:0 0 0 2px var(--k)}
.h-kiezer .h-foto{aspect-ratio:16/9;margin-bottom:10px}
.h-kiezer b{display:block;font-size:1.05rem}
.h-kiezer span{color:var(--grijs);font-size:var(--klein)}
:where(.hs) main section.h-sectie.h-band-geel{background:color-mix(in srgb,var(--geel) 9%,var(--wit));box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 35%,var(--wit)),0 1px 0 color-mix(in srgb,var(--geel) 35%,var(--wit))}
:where(.hs) main section.h-sectie.h-band-zacht{background:var(--band);box-shadow:0 -1px 0 var(--haar),0 1px 0 var(--haar)}
.h-prijstabel{background:var(--wit);border-radius:var(--r);box-shadow:0 0 0 1px var(--haar);overflow:hidden}
.h-prijstabel .h-rij{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:16px;padding:16px 24px;box-shadow:0 -1px 0 var(--haar)}
.h-prijstabel .h-rij.h-kop{box-shadow:none;font-size:var(--klein);color:var(--grijs);font-weight:600}
.h-prijstabel .h-rij span:not(:first-child){font-family:var(--f-smal);font-weight:700;font-size:1.08rem}
.h-prijstabel .h-rij.h-kop span{font-family:var(--f-body);font-size:var(--klein);font-weight:600}
.h-voetnoot{font-size:var(--klein);color:var(--grijs);margin-top:14px;max-width:60em}
.h-soorten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px var(--kolom)}
.h-soorten.h-vier{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.h-soorten h3{font-family:var(--f-body);font-weight:700;font-size:1.12rem;letter-spacing:0;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.h-soorten h3 .h-bol{width:10px;height:10px}
.h-soorten p{color:var(--grijs)}
@media (max-width:900px){:where(.hs) section.h-strook img{height:220px}
.h-paginakop .h-raster{grid-template-columns:1fr}
.h-kiezer{padding:16px;gap:10px}
.h-prijstabel{overflow-x:auto}
.h-prijstabel .h-rij{grid-template-columns:110px repeat(3,minmax(110px,1fr));min-width:480px;padding:12px 14px}
.h-soorten,.h-soorten.h-vier{grid-template-columns:1fr;gap:18px}}
.h-brief .h-bellen{top:auto;bottom:-170px;right:-170px;transform-origin:bottom right}
.h-klanten img{opacity:.78;height:46px}
.h-klanten img[alt="SED"]{height:30px}
.h-klanten img[alt="Present"]{height:28px}
.h-klanten img[alt="Contest Yachts"],.h-klanten img[alt="KWS"]{height:56px}
.h-klanten img[alt="Florex"]{height:52px}
.h-vragen details[open] summary::after{background:var(--cta)}
.h-werkwijze{align-items:stretch}
.h-werkwijze .h-rest figure{align-items:stretch}
.h-werkwijze .h-rest figure .h-foto{width:100%;height:210px}
.h-werkwijze .h-groot .h-foto{flex:1;height:auto;min-height:0}
@media (max-width:900px){.h-werkwijze .h-groot .h-foto{flex:none;height:200px}
.h-werkwijze .h-rest figure .h-foto{height:200px}}
.h-werkwijze .h-rest{grid-template-rows:auto auto;align-content:start}
.h-werkwijze .h-groot .h-foto{position:relative}
.h-werkwijze .h-groot .h-foto img{position:absolute;inset:0}
@media (max-width:900px){.h-werkwijze .h-groot .h-foto img{position:static}}
.h-mobmenu{display:none}
@media (max-width:900px){.h-kop .h-hoofdregel{gap:12px}
.h-mobmenu{display:block;position:relative}
.h-mobmenu summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;gap:5px;cursor:pointer;border-radius:var(--r)}
.h-mobmenu summary::-webkit-details-marker{display:none}
.h-mobmenu summary span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.h-mobmenu[open] summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.h-mobmenu[open] summary span:nth-child(2){opacity:0}
.h-mobmenu[open] summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.h-mobmenu nav{position:absolute;right:0;top:52px;background:var(--wit);box-shadow:0 0 0 1px var(--haar),0 18px 40px -20px rgba(19,41,62,.35);border-radius:var(--r);padding:8px;display:grid;min-width:220px;z-index:40}
.h-mobmenu nav a{display:block;padding:12px 14px;text-decoration:none;font-weight:600;border-radius:var(--r)}
.h-mobmenu nav a:hover{background:var(--zacht)}
.h-kop .h-knop{padding:.55em .9em;font-size:.9rem}
.h-voet .h-boven{grid-template-columns:1fr 1fr}
.h-voet .h-boven>div:nth-child(2){grid-column:1/-1}}
:where(.hs) a[href^="tel:"]{white-space:nowrap}
.h-contact-bol li{text-wrap:pretty}
.h-typen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px var(--goot)}
.h-typen a{text-decoration:none}
.h-typen .h-foto{aspect-ratio:16/10;margin-bottom:12px;position:relative}
.h-typen .h-foto::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--geel)}
.h-typen b{display:block;font-family:var(--f-disp);font-weight:900;font-size:1.3rem;letter-spacing:-.01em}
.h-typen span{color:var(--grijs);font-size:var(--klein)}
.h-typen a:hover b{text-decoration:underline;text-decoration-color:var(--cta);text-decoration-thickness:3px;text-underline-offset:4px}
.h-case{background:var(--ink);color:var(--wit);padding:0}
.h-case .h-raster{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;max-width:none;padding:0}
.h-case-foto{min-height:460px;position:relative}
.h-case-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.h-case-tekst{padding:64px clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center;max-width:620px}
.h-case-klant{display:flex;align-items:center;gap:10px;font-family:var(--f-smal);font-weight:700;margin-bottom:14px;color:var(--wit)}
.h-case h2{font-size:clamp(1.9rem,2.8vw,2.6rem);margin-bottom:18px}
.h-case p{color:var(--voettekst);margin-bottom:14px}
.h-case strong{color:var(--wit)}
.h-case .h-tlink{color:var(--wit);text-decoration-color:var(--geel)}
.h-letten{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--kolom);align-items:center}
.h-letten .h-foto{aspect-ratio:1}
.h-letten h2{font-size:clamp(1.5rem,2.2vw,2.3rem);margin-bottom:24px}
.h-punten{list-style:none;display:grid;gap:18px}
.h-punten li{display:flex;gap:14px;align-items:baseline}
.h-punten b{display:block;margin-bottom:2px}
.h-punten div{color:var(--grijs)}
.h-punten div b{color:var(--ink)}
@media (max-width:900px){.h-typen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 4px;gap:12px;scroll-padding-inline:var(--rand)}
.h-typen a{flex:0 0 72%;scroll-snap-align:start}
.h-case .h-raster,.h-letten{grid-template-columns:1fr}
.h-case-foto{min-height:260px}
.h-case-tekst{padding:36px var(--rand)}
.h-letten{gap:20px}
.h-letten .h-foto{aspect-ratio:16/10}}
.h-paginakop{padding-bottom:24px}
.h-case h2{font-size:clamp(1.5rem,2.2vw,2.3rem)}
.h-slotregel{padding:36px 0}
@media (max-width:900px){.h-paginakop h1{font-size:2.6rem}
.h-slotregel{padding:28px 0}
.h-vragen details:last-child{padding-bottom:0}}
.h-case-foto img{object-position:50% 50%}
.h-case-foto img{object-position:85% 50%}
.h-sectie.h-na-kop{padding-top:24px}
.h-catbalk,.h-kop .h-catbalk{background:var(--ink);box-shadow:none}
.h-catbalk.h-vast{box-shadow:0 10px 24px -14px rgba(19,41,62,.6)}
.h-catbalk a{color:var(--wit);padding-top:12px;padding-bottom:13px}
.h-catbalk a+a{box-shadow:-1px 0 0 rgba(255,255,255,.1)}
.h-catbalk .h-lang{font-family:var(--f-disp);font-weight:900;font-size:1.05rem;letter-spacing:-.005em}
.h-catbalk small{color:rgba(255,255,255,.62);opacity:1}
.h-catbalk .h-ico{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.h-catbalk .h-ico svg{stroke:var(--wit)}
.h-catbalk .h-ico svg [style*="fill-opacity"]{fill-opacity:.35!important}
.h-catbalk a:hover{background:rgba(255,255,255,.05)}
.h-catbalk a:hover .h-ico,.h-catbalk a[aria-current] .h-ico{background:color-mix(in srgb,var(--k) 30%,var(--ink));box-shadow:inset 0 0 0 1px var(--k)}
.h-catbalk a::after,.h-catbalk a:first-child::after{height:4px;left:0;right:0;background:var(--k)}
.h-catbalk a:first-child{padding-left:18px}
.h-catbalk a:first-child::after{left:0}
@media (max-width:900px){.h-catbalk a,.h-catbalk a:first-child{padding:9px 4px 10px}
.h-catbalk .h-kort{color:var(--wit);font-family:var(--f-disp);font-weight:900}
.h-catbalk a+a{box-shadow:none}}
.h-catbalk a[aria-current],.h-catbalk a:hover{color:var(--wit)}
.h-catbalk a[aria-current]{background:rgba(255,255,255,.06)}
.h-catbalk,.h-kop .h-catbalk{background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 1px 0 rgba(26,55,82,.1),inset 0 1px 0 rgba(255,255,255,.9)}
.h-catbalk.h-vast{box-shadow:0 1px 0 rgba(26,55,82,.1),0 12px 30px -18px rgba(19,41,62,.35)}
.h-catbalk a,.h-catbalk a[aria-current],.h-catbalk a:hover{color:var(--ink)}
.h-catbalk a+a{box-shadow:-1px 0 0 rgba(26,55,82,.08)}
.h-catbalk small{color:var(--grijs)}
.h-catbalk .h-ico{background:color-mix(in srgb,var(--k) 14%,rgba(255,255,255,.6));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 28%,transparent)}
.h-catbalk .h-ico svg{stroke:var(--ink)}
.h-catbalk .h-ico svg [style*="fill-opacity"]{fill-opacity:.28!important}
.h-catbalk a:hover{background:rgba(255,255,255,.55)}
.h-catbalk a[aria-current]{background:rgba(255,255,255,.7)}
.h-catbalk a:hover .h-ico,.h-catbalk a[aria-current] .h-ico{background:color-mix(in srgb,var(--k) 26%,var(--wit));box-shadow:inset 0 0 0 1px var(--k)}
.h-catbalk a::after,.h-catbalk a:first-child::after{height:3px}
@media (max-width:900px){.h-catbalk .h-kort{color:var(--ink)}}
:where(.hs) section.h-strook{padding:var(--goot) 0 0}
:where(.hs) section.h-strook .h-strook-rij{max-width:var(--raster);margin:0 auto;padding:0 var(--rand);gap:var(--goot)}
:where(.hs) section.h-strook figure{flex:0 0 calc((100% - 2*var(--goot))/3)}
:where(.hs) section.h-strook img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
@media (max-width:900px){:where(.hs) section.h-strook figure{flex:0 0 82%}
:where(.hs) section.h-strook img{height:auto}}
:where(.hs) section.h-strook .h-strook-rij{max-width:calc(var(--raster) - 2*var(--rand));padding:0;width:calc(100% - 2*var(--rand))}
@media (max-width:900px){:where(.hs) section.h-strook .h-strook-rij{width:100%;padding:0 var(--rand);scroll-padding-inline:var(--rand)}}
.h-zekerheden li,.h-contact-bol li{align-items:flex-start}
.h-zekerheden li .h-bol,.h-contact-bol li .h-bol{margin-top:.5em;transform:none}
.h-case .h-raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.h-case-foto{min-height:600px}
.h-case-foto img{object-position:8% 50%}
@media (max-width:900px){.h-case-foto{min-height:300px}}
.h-case-foto img{object-position:50% 50%}
@media (max-width:900px){.h-case .h-raster{grid-template-columns:1fr}}
.h-typen{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:24px var(--goot)}
.h-typen a:nth-child(1){grid-column:span 7;grid-row:span 2}
.h-typen a:nth-child(1) .h-foto{aspect-ratio:auto;height:480px}
.h-typen a:nth-child(2),.h-typen a:nth-child(3){grid-column:span 5}
.h-typen a:nth-child(2) .h-foto,.h-typen a:nth-child(3) .h-foto{aspect-ratio:auto;height:180px}
.h-typen a:nth-child(n+4){grid-column:span 4}
.h-typen a:nth-child(n+4) .h-foto{aspect-ratio:3/2}
@media (max-width:900px){.h-typen a:nth-child(n) .h-foto{height:auto;aspect-ratio:16/10}}
.h-werkwijze{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--goot);align-items:stretch}
.h-werkwijze .h-rest{display:contents}
.h-werkwijze figure,.h-werkwijze .h-groot,.h-werkwijze .h-rest figure{display:flex;flex-direction:column;background:var(--wit);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--geel) 30%,var(--wit))}
.h-werkwijze figure .h-foto,.h-werkwijze .h-groot .h-foto,.h-werkwijze .h-rest figure .h-foto{flex:none!important;height:auto!important;min-height:0!important;aspect-ratio:4/3;border-radius:0;margin:0;position:relative}
.h-werkwijze .h-groot .h-foto img{position:static}
.h-werkwijze h3{padding:18px 20px 0}
.h-werkwijze p{padding:0 20px 22px}
@media (max-width:900px){.h-werkwijze{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1*var(--rand));padding:0 var(--rand) 4px;gap:12px;scroll-padding-inline:var(--rand)}
.h-werkwijze figure{flex:0 0 80%;scroll-snap-align:start}}
.h-voet{background:color-mix(in srgb,var(--blauw) 3%,var(--wit));box-shadow:0 -1px 0 var(--haar);padding-bottom:32px}
.h-voet .h-boven{grid-template-columns:1.5fr 1fr 1fr 1fr;padding:56px 0 40px;box-shadow:none}
.h-voet .h-boven img.h-vl{height:34px;margin-bottom:18px}
.h-voet .h-boven>div:first-child p{font-family:var(--f-disp);font-weight:900;font-size:1.5rem;line-height:1.1;color:var(--ink);max-width:14ch}
.h-voet .h-boven b{font-family:var(--f-disp);font-weight:900;font-size:1.05rem;margin-bottom:12px}
.h-voet .h-boven ul{gap:7px}
.h-voet .h-merken{display:flex;align-items:center;gap:32px;padding:18px 0;box-shadow:0 -1px 0 var(--haar);grid-template-columns:none}
.h-voet .h-merken span{font-size:var(--klein);color:var(--grijs)}
.h-voet .h-merken a{display:inline-flex;opacity:.55;transition:opacity .2s}
.h-voet .h-merken a:hover{opacity:1}
.h-voet .h-merken img{filter:brightness(0);opacity:1;width:auto}
.h-voet .h-merken a:last-child img{filter:none}
.h-voet .h-onder{padding-top:22px}
@media (max-width:900px){.h-voet .h-merken{flex-wrap:wrap;gap:16px 24px}
.h-voet .h-boven>div:first-child p{font-size:1.3rem}}
.h-voet .h-contact-bol li,.h-topregel .h-contact-bol li{align-items:center}
.h-voet .h-contact-bol li .h-bol,.h-topregel .h-contact-bol li .h-bol{margin-top:0}
.h-voet .h-merken a{min-height:40px;padding:0 4px;align-items:center}
.h-topregel{height:34px;background:var(--zacht);box-shadow:none;font-size:.8rem}
.h-topregel .h-raster{height:34px}
.h-topregel .h-contact-bol li{color:var(--grijs)}
.h-topregel .h-keur{font-size:.82rem}
.h-kop .h-hoofdregel{height:84px;gap:28px}
.h-kop .h-logo img{height:36px}
.h-kop nav:not(.h-catbalk){margin-left:auto;gap:28px;font-size:1.02rem}
.h-kop .h-kop-tel{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;white-space:nowrap;padding:8px 0}
.h-kop .h-kop-tel:hover{color:var(--oranje-aa)}
.h-kop .h-kop-tel .h-bol{width:8px;height:8px}
@media (min-width:901px){.h-kop .h-knop{box-shadow:inset 0 0 0 2px var(--cta);padding:.75em 1.3em}}
.h-catbalk,.h-kop .h-catbalk{background:rgba(255,255,255,.82);box-shadow:0 1px 0 var(--haar),0 -1px 0 var(--haar)}
.h-catbalk a:first-child{padding-left:0}
.h-catbalk a:first-child::after{left:0}
.h-catbalk a{padding-top:12px;padding-bottom:12px}
.h-catbalk a+a{padding-left:22px}
@media (max-width:1100px){.h-kop .h-kop-tel{display:none}}
@media (max-width:900px){.h-kop .h-hoofdregel{height:64px}
.h-kop .h-logo img{height:26px}
.h-catbalk a+a{padding-left:4px}}
@media (max-width:900px){.h-kop .h-knop{white-space:nowrap;padding:.55em .9em;font-size:.85rem}}
@media (max-width:380px){.h-kop .h-knop{font-size:.8rem;padding:.5em .75em}}
.h-kop .h-knop{display:inline-flex;align-items:center;gap:9px}
.h-kop .h-knop .h-env{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:420px){.h-kop .h-knop span{display:none}
.h-kop .h-knop{padding:.6em}
.h-kop .h-knop .h-env{width:22px;height:22px}}
:where(.hs) main section.h-sectie[aria-labelledby=k-proces]{--bk:color-mix(in srgb,var(--geel) 9%,var(--wit))}
:where(.hs) main section.h-sectie[aria-labelledby=k-archief]{--bk:color-mix(in srgb,var(--blauw) 5%,var(--wit))}
:where(.hs) main section.h-sectie.h-contact{--bk:color-mix(in srgb,var(--roze) 5%,var(--wit))}
:where(.hs) main section.h-sectie:is([aria-labelledby=k-proces],:where(.hs) [aria-labelledby=k-archief],.h-contact){background:linear-gradient(180deg,var(--wit) 0,var(--bk) 160px,var(--bk) calc(100% - 160px),var(--wit) 100%);box-shadow:none}
.h-kop{background:var(--wit);box-shadow:0 1px 0 var(--haar);transition:box-shadow .25s}
.h-kop .h-topregel{height:34px;background:var(--zacht);box-shadow:none;font-size:.78rem}
.h-kop .h-topregel .h-raster{height:34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.h-kop .h-topregel .h-keur{display:flex;gap:0;margin:0;font-family:var(--f-body);font-weight:500;font-size:.78rem;color:var(--grijs);letter-spacing:.01em}
.h-kop .h-topregel .h-keur span+span::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;margin:0 12px;vertical-align:3px}
.h-kop nav.h-servicemenu{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:.78rem;font-weight:500}
.h-kop nav.h-servicemenu a{padding:0;color:var(--grijs);text-decoration:none}
.h-kop nav.h-servicemenu a::after{display:none}
.h-kop nav.h-servicemenu a:hover{color:var(--ink)}
.h-kop nav.h-servicemenu .h-kop-tel{color:var(--ink);font-weight:600;padding:0 0 0 22px;box-shadow:inset 1px 0 0 var(--haar)}
.h-kop .h-hoofdregel{height:76px;gap:0}
.h-kop .h-logo img{height:32px}
.h-kop nav.h-diensten{display:flex;align-items:stretch;align-self:stretch;gap:34px;margin:0 40px 0 auto;font-size:1rem;font-weight:700}
.h-kop nav.h-diensten a{display:inline-flex;align-items:center;gap:9px;padding:0;color:var(--ink);text-decoration:none;position:relative}
.h-kop nav.h-diensten a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--k);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.h-kop nav.h-diensten a:hover::after,.h-kop nav.h-diensten a[aria-current]::after{transform:scaleX(1)}
.h-kop nav.h-diensten .h-bol{width:7px;height:7px;border-radius:50%;background:var(--k);flex:none}
.h-kop .h-hoofdregel .h-knop{background:var(--ink);color:var(--wit);box-shadow:none;padding:.72em 1.25em;font-size:.92rem;font-weight:600;border-radius:999px}
.h-kop .h-hoofdregel .h-knop:hover{background:var(--nacht);color:var(--wit)}
.h-kop .h-hoofdregel .h-knop .h-env{width:17px;height:17px;stroke-width:1.8}
.h-kop .h-hoofdregel .h-knop .h-env rect{fill:none}
.h-kop.h-vast{box-shadow:0 1px 0 var(--haar),0 12px 30px -22px rgba(19,41,62,.4)}
@media (min-width:1024px){.h-kop{position:sticky;top:-34px;z-index:31}
.h-catbalk{display:none}}
@media (max-width:1023px){.h-kop nav.h-diensten{display:none}
.h-kop .h-hoofdregel .h-knop{margin-left:auto}}
@media (max-width:1100px){.h-kop nav.h-servicemenu .h-kop-tel{display:inline}}
@media (max-width:900px){.h-kop .h-topregel{display:none}
.h-kop .h-hoofdregel{height:64px;gap:12px}
.h-kop .h-logo img{height:26px}}
.h-contact h2{font-size:clamp(2.4rem,3.8vw,3.6rem);line-height:1.04;margin-bottom:22px}
.h-contact .h-raster>div>p:not([class]){font-size:1.28rem;line-height:1.6}
.h-contact .h-direct{margin-top:30px;margin-bottom:0;color:var(--grijs);font-size:1rem}
.h-contact .h-direct-knop{margin:14px 0 32px}
.h-contact .h-belknop{display:inline-flex;align-items:center;gap:10px;padding:.85em 1.5em;border-radius:999px;background:var(--ink);color:var(--wit);font-size:1.15rem;font-weight:700;text-decoration:none;box-shadow:0 14px 28px -16px rgba(19,41,62,.7);transition:transform .2s,box-shadow .2s}
.h-contact .h-belknop span{font-weight:500;opacity:.8}
.h-contact .h-belknop:hover{transform:translateY(-2px);color:var(--wit)}
.h-kop nav.h-diensten .h-dienst-menu{position:relative;display:flex;align-items:stretch}
.h-kop nav.h-diensten .h-uitklap{position:absolute;top:100%;left:-18px;z-index:40;min-width:240px;padding-top:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility 0s .18s}
.h-kop nav.h-diensten .h-dienst-menu:hover .h-uitklap,.h-kop nav.h-diensten .h-dienst-menu:focus-within .h-uitklap{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .18s}
.h-kop nav.h-diensten .h-uitklap-binnen{display:grid;padding:10px;background:var(--wit);border-radius:14px;box-shadow:0 0 0 1px var(--haar),0 26px 50px -26px rgba(19,41,62,.4)}
.h-kop nav.h-diensten .h-uitklap a{display:block;padding:9px 12px;border-radius:9px;color:var(--grijs);font-size:.92rem;font-weight:500;white-space:nowrap;position:static}
.h-kop nav.h-diensten .h-uitklap a::after{display:none}
.h-kop nav.h-diensten .h-uitklap a:first-child{color:var(--ink);font-weight:700}
.h-kop nav.h-diensten .h-uitklap a:hover{background:color-mix(in srgb,var(--k) 9%,var(--wit));color:var(--ink)}
.h-kop nav.h-diensten .h-bol{display:none}
.h-kop nav.h-diensten{gap:38px}
.h-kop nav.h-diensten>.h-dienst-menu>a{letter-spacing:-.005em}
.h-kop .h-hoofdregel .h-knop{border-radius:10px;padding:.8em 1.35em;font-weight:600;letter-spacing:.005em}
.h-kop .h-hoofdregel .h-knop .h-env{display:none}
@media (max-width:420px){.h-kop .h-hoofdregel .h-knop .h-env{display:block}}
.h-voet .h-boven{grid-template-columns:1.3fr 1.1fr 1fr 1fr 1fr}
@media (max-width:900px){.h-voet .h-boven{grid-template-columns:1fr 1fr}}
@media (max-width:1023px){.h-catbalk .h-ico{display:none}
.h-catbalk,.h-kop .h-catbalk{background:rgba(255,255,255,.94)}
.h-catbalk a{justify-content:center;padding:0;min-height:46px;position:relative;box-shadow:none}
.h-catbalk a+a{padding-left:0}
.h-catbalk .h-naam{align-items:center}
.h-catbalk .h-naam .h-kort{font-size:.92rem;font-weight:700;color:var(--ink)}
.h-catbalk .h-naam small{display:none}
.h-catbalk a::after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:var(--k);transform:scaleX(0);transition:transform .2s}
.h-catbalk a[aria-current]::after{transform:scaleX(1)}}
.h-letten{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.h-letten>figure{order:2}
.h-letten .h-punten{grid-template-columns:1fr 1fr;gap:20px 32px;display:grid}
@media (max-width:900px){.h-letten{grid-template-columns:1fr}
.h-letten>figure{order:0}
.h-letten .h-punten{grid-template-columns:1fr}}
.h-typen a:nth-child(4),.h-typen a:nth-child(5){grid-column:span 5}
.h-typen a:nth-child(4) .h-foto,.h-typen a:nth-child(5) .h-foto{aspect-ratio:auto;height:180px}
.h-typen a:nth-child(6){grid-column:8/span 5;grid-row:3/span 2}
.h-typen a:nth-child(6) .h-foto{aspect-ratio:auto;height:480px}
.h-typen a:nth-child(4){grid-row:3}
.h-typen a:nth-child(5){grid-row:4}
@media (max-width:900px){.h-typen a:nth-child(n){grid-column:auto;grid-row:auto}
.h-typen a:nth-child(n) .h-foto{height:auto;aspect-ratio:16/10}}
.h-typen a:nth-child(4),.h-typen a:nth-child(5){grid-column:1/span 7}
.h-typen a:nth-child(4) .h-foto,.h-typen a:nth-child(5) .h-foto{height:200px}
.h-typen a:nth-child(6) .h-foto{height:520px}
.h-typen a:nth-child(6) .h-foto img{object-position:60% 70%}
@media (max-width:900px){.h-typen a:nth-child(n){grid-column:auto;grid-row:auto}
.h-typen a:nth-child(n) .h-foto{height:auto}}
.h-typen a:nth-child(n) .h-foto{height:auto!important;aspect-ratio:auto!important}
.h-typen a:nth-child(n) .h-foto img{height:auto;object-fit:contain}
.h-typen{align-items:start}
.h-typen a:nth-child(1){grid-row:auto}
.h-typen a:nth-child(2),.h-typen a:nth-child(3){grid-column:span 5}
.h-typen a:nth-child(1){grid-column:span 7}
.h-typen a:nth-child(4),.h-typen a:nth-child(5),.h-typen a:nth-child(6){grid-column:span 4;grid-row:auto}
.h-case-klant{font-family:var(--f-body);font-weight:500;color:var(--voettekst);margin:-6px 0 16px;font-size:.95rem}
.h-typen a:nth-child(n){grid-column:span 3;grid-row:auto}
.h-typen a:nth-child(1),.h-typen a:nth-child(2){grid-column:span 6}
.h-typen a:nth-child(n) .h-foto{aspect-ratio:16/10!important;height:auto!important}
.h-typen a:nth-child(n) .h-foto img{height:100%;object-fit:cover;object-position:50% 55%}
.h-typen a:nth-child(n+3) b{font-size:1.1rem}
@media (max-width:900px){.h-typen a:nth-child(n){grid-column:auto}}
.h-case h2,.h-case .h-case-klant{color:var(--wit)}
.h-aanvraagbrief .h-bellen{top:auto;bottom:-190px;right:-190px;transform-origin:bottom right;opacity:.6}
/* site-laag: de nieuwe kop en voet op pagina's die verder systeem.css houden */
.hs.h-kop,.hs.h-catbalk,.hs.h-voet{font-family:var(--f-body);color:var(--ink);line-height:1.6}
.hs.h-kop{position:relative;z-index:31}
.hs.h-catbalk{position:sticky;top:0;z-index:30}
body:not(.hs){background:#fff}

/* ── kleurritme van de homepage over de andere pagina's: wit, zacht geel, wit, zacht blauw, wit, zacht roze ── */
body:not(.hs){--blauw:#3F51E8}
body:not(.hs) main>section:is(.band-geel,.band-donker){background:color-mix(in srgb,var(--geel) 9%,#fff)!important;border-bottom-color:color-mix(in srgb,var(--geel) 32%,#fff)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 32%,#fff)!important}
body:not(.hs) main>section.band-blauw{background:color-mix(in srgb,#3F51E8 5%,#fff)!important;border-bottom-color:color-mix(in srgb,#3F51E8 22%,#fff)!important;box-shadow:0 -1px 0 color-mix(in srgb,#3F51E8 22%,#fff)!important}
body:not(.hs) main>section.band-roze{background:color-mix(in srgb,var(--roze) 5%,#fff)!important;border-bottom-color:color-mix(in srgb,var(--roze) 22%,#fff)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 22%,#fff)!important}
body:not(.hs) main>section.slot{box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 22%,#fff)!important}
/* wit blijft wit, met dezelfde haarlijn */
body:not(.hs) main>section.sectie:not(.band-geel):not(.band-blauw):not(.band-roze):not(.band-donker){background:#fff}

/* cirkels uit de zijkant van een band */
body:not(.hs) main>section.h-met-bellen{position:relative;overflow:clip}
body:not(.hs) main>section.h-met-bellen>.h-bellen{z-index:0}
body:not(.hs) main>section.h-met-bellen>.h-bellen.h-rechtsboven{top:-250px;right:-270px}
body:not(.hs) main>section.h-met-bellen>.h-bellen.h-linksonder{bottom:-290px;left:-270px}
body:not(.hs) main>section.h-met-bellen>:not(.h-bellen){position:relative;z-index:1}
@media (max-width:700px){
  body:not(.hs) main>section.h-met-bellen>.h-bellen{display:block;transform:scale(.45);transform-origin:top right}
  body:not(.hs) main>section.h-met-bellen>.h-bellen.h-linksonder{transform-origin:bottom left}
}

/* dienstkleur teal (interieurbranding) */
body:not(.hs) main>section.band-teal{background:color-mix(in srgb,var(--cta) 8%,#fff)!important;border-bottom-color:color-mix(in srgb,var(--cta) 30%,#fff)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--cta) 30%,#fff)!important}
body:not(.hs) main>section.slot{box-shadow:0 -1px 0 color-mix(in srgb,var(--cta) 30%,#fff)!important}

/* Harmonie-iconen: formulier-iconen en kaart-iconen in dezelfde duotone-stijl als de sprite
   (navy lijn 1.9, vlak in de dienstkleur, lichte vulling .28, zacht tegeltje met 6px ronding). */

/* tegeltje: of-keuze-iconen, foto-knop, kaart-iconen */
.of-icoon,.foto-ico{--wit:#fff;display:inline-grid;place-items:center;flex:none;border-radius:6px;color:var(--ink);
  background:color-mix(in srgb,var(--k2,var(--k)) 12%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k2,var(--k)) 22%,#fff)}
.foto-ico{--k:var(--cta,var(--oranje))}
.of-icoon{--k2:var(--k,var(--cta,var(--oranje)))}
.of-icoon svg,.foto-ico svg{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;overflow:visible;color:var(--ink)}
.of-icoon{width:40px;height:40px}
.of-icoon svg{width:26px;height:26px}
.of-keuze.aan .of-icoon,.of-keuze:has(input:checked) .of-icoon{background:color-mix(in srgb,var(--k2,var(--k)) 22%,#fff)}
.of-anders .of-icoon{width:34px;height:34px}
.of-anders .of-icoon svg{width:22px;height:22px}
@media (max-width:640px){.of-icoon{width:34px;height:34px}.of-icoon svg{width:22px;height:22px}}
.foto-ico{width:40px;height:40px}
.foto-knop .foto-ico svg{width:26px;height:26px;color:var(--ink)}

/* kaart-iconen naast een h3 (materiaalkaarten): tegeltje in de dienstkleur ipv bolletje */
.mat-tekst h3{display:flex;align-items:center;gap:12px}
.mat-tekst h3 .h-ico{width:36px;height:36px}
.mat-tekst h3 .h-ico svg{width:24px;height:24px}

/* pagina /opdrachtgevers/ */
.opd-logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.opd-logos li{display:flex}
.opd-logos a,.opd-logos li>span{display:flex;align-items:center;justify-content:center;width:100%;height:92px;padding:26px 18px;background:#fff;box-shadow:0 0 0 1px #E4E3EA inset;border-radius:var(--r,10px);box-sizing:border-box}
.opd-logos img{max-height:100%;max-width:100%;width:auto;height:100%;object-fit:contain;filter:brightness(0);opacity:.55;transition:opacity .2s}
.opd-logos a:hover img{opacity:.85}
.opd-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:32px}
.opd-fig{margin:0;position:sticky;top:96px}
.opd-kaart{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 0 0 1px rgba(26,55,82,.35)}
.opd-kaart .zee{fill:#DCEAF4}
.opd-kaart .zeelijn{stroke:#1A3752;stroke-width:1.6;stroke-linejoin:round}
.opd-kaart .landrand{fill:#F5EEDF;stroke:#1A3752;stroke-width:3.4;stroke-linejoin:round}
.opd-kaart .land{fill:#F5EEDF;stroke:#F5EEDF;stroke-width:1.2;stroke-linejoin:round}
.opd-kaart .dijk{stroke:#1A3752;stroke-width:6;fill:none;stroke-linecap:round}
.opd-kaart .opd-water{font:italic 400 26px 'Hanken Grotesk',sans-serif;fill:#3F6384;letter-spacing:.06em}
.opd-kaart .opd-ctx{font:400 25px 'Hanken Grotesk',sans-serif;fill:#4A5560;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:5;stroke-linejoin:round}
.opd-kaart .ctx,.opd-kaart .ctx2{fill:#4A5560}
.opd-kaart .opd-pl{font:700 28px 'Hanken Grotesk',sans-serif;fill:#1A3752;paint-order:stroke;stroke:#F5EEDF;stroke-width:5;stroke-linejoin:round}
.opd-kaart .opd-kop{font:900 34px 'Excon','Hanken Grotesk',sans-serif;fill:#1A3752;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:6;stroke-linejoin:round}
.opd-kaart .opd-sub{font:400 24px 'Hanken Grotesk',sans-serif;fill:#1A3752;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:5;stroke-linejoin:round}
.opd-kaart .opd-grap{font:italic 400 24px 'Hanken Grotesk',sans-serif;fill:#1A3752;paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:5;stroke-linejoin:round}
.opd-kaart .route{fill:none;stroke:#1A3752;stroke-width:2.5;stroke-dasharray:3 9;stroke-linecap:round}
.opd-kaart .route.weg{stroke-dasharray:10 8}
.opd-kaart .leider{stroke:#1A3752;stroke-width:2;fill:none}
.opd-kaart .kader{fill:#fff;stroke:#1A3752;stroke-width:2}
.opd-kaart .hub{fill:#1A3752;stroke:#fff;stroke-width:3}
.opd-kaart .gebied{fill:#fff;stroke:#1A3752;stroke-width:2.5;stroke-dasharray:5 5}
.opd-kaart .opd-dot circle{stroke:#1A3752;stroke-width:2.2;transition:transform .15s;transform-box:fill-box;transform-origin:center}
.opd-kaart .opd-dot:hover circle,.opd-kaart .opd-dot:focus-visible circle{transform:scale(1.35)}
.opd-legenda{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.9rem;color:#1A3752}
.opd-legenda li{display:flex;align-items:center;gap:8px}
.opd-legenda i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1.5px #1A3752}
.opd-legenda i.gebied{background:#fff;box-shadow:0 0 0 1.5px #1A3752}
.opd-lijstkop{display:none}
.opd-lijst{display:grid;grid-template-columns:1fr;gap:0}
.opd-plaats{padding:16px 0;border-top:1px solid rgba(26,55,82,.2)}
.opd-plaats:first-of-type{border-top:0;padding-top:0}
.opd-ph{font-family:'Excon','Hanken Grotesk',sans-serif;font-weight:900;font-size:1.35rem;color:#1A3752;margin:0 0 8px}
.opd-plaats ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.opd-plaats li{line-height:1.4}
.opd-plaats li a{font-weight:600;color:#1A3752;text-decoration:underline;text-decoration-color:rgba(26,55,82,.3);text-underline-offset:3px}
.opd-plaats li a:hover{text-decoration-color:#E57324}
.opd-plaats li span{color:#4A5560;font-size:.95rem}
.opd-plaats li span::before{content:"\00b7";margin-right:6px}
@media (max-width:1100px){.opd-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:900px){.opd-grid{grid-template-columns:1fr;gap:32px}.opd-fig{position:static}.opd-lijst{grid-template-columns:1fr 1fr;column-gap:24px}.opd-plaats:first-of-type{border-top:1px solid rgba(26,55,82,.2);padding-top:16px}}
@media (max-width:640px){.opd-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.opd-logos a,.opd-logos li>span{height:64px;padding:16px 10px}.opd-lijst{grid-template-columns:1fr}}

/* ===== paginaspecifieke harmonie (onze-merken, over-ons, kennisbank, regio, projectpagina's) ===== */

/* onze-merken: lichte merkvlakken, intro over de volle breedte */
html body:not(.hs) .merk-hero .t-kop,html body:not(.hs) .merk-hero .lead{max-width:none}
html body:not(.hs) .moeder .merk-vlak{--mv:#F4F7FA;--mk:#E8731C;height:clamp(150px,14vw,190px);box-shadow:0 0 0 1px #DCE3EA inset}
html body:not(.hs) .moeder .merk-vlak img{height:48px}
html body:not(.hs) .merk .merk-vlak{box-shadow:0 0 0 1px #E3E6EA inset;aspect-ratio:auto;height:190px}
html body:not(.hs) .merk .merk-vlak::before{height:3px}
html body:not(.hs) .moeder .merk-vlak::before{height:3px}
html body:not(.hs) .merk .merk-vlak img:not(.voorbeeld){max-height:40px}
html body:not(.hs) .merk{display:flex;flex-direction:column}
html body:not(.hs) .merk .tlink{margin-top:auto;padding-top:12px;align-self:flex-start}
html body:not(.hs) .merk p{margin-bottom:0}
@media(max-width:860px){
  html body:not(.hs) .merken{gap:24px}
  html body:not(.hs) .moeder .merk-vlak{height:150px}
  html body:not(.hs) .merk .merk-vlak{height:150px}
}
html body:not(.hs) .merken{gap:24px}

/* over-ons: tijdlijn met bijschriftstrook over de foto, ook voor "nu" */
html body:not(.hs) .tijdlijn .moment{position:relative;background:none;margin:0}
html body:not(.hs) .tijdlijn .moment .jaar{display:block;margin-bottom:10px}
html body:not(.hs) .tijdlijn .moment img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}
html body:not(.hs) .tijdlijn .moment figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:56px 14px 12px;border:0;border-radius:0 0 6px 6px;font-size:.84rem;line-height:1.45;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.5);background:linear-gradient(0deg,rgba(13,28,43,.88) 0%,rgba(13,28,43,.6) 55%,rgba(13,28,43,0) 100%)!important}
html body:not(.hs) .tijdlijn .moment figcaption a{color:#fff!important;text-decoration:underline;text-underline-offset:3px;font-weight:600}
html body:not(.hs) .tijdlijn .moment-nu img{object-position:50% 40%}

/* over-ons: vier redenen met dezelfde streep, inspringing en kolombreedte */
html body:not(.hs) .redenen-net{gap:28px 0}
html body:not(.hs) .redenen-net .stap,html body:not(.hs) .redenen-net .stap:first-child{border:0!important;border-left:2px solid color-mix(in srgb,var(--cta) 40%,#fff)!important;padding:4px 32px 4px 28px!important;margin:0;min-width:0}
@media(max-width:900px){html body:not(.hs) .redenen-net .stap,html body:not(.hs) .redenen-net .stap:first-child{border-top:0!important;border-left:2px solid color-mix(in srgb,var(--cta) 40%,#fff)!important;padding:4px 0 4px 20px!important}}

/* bijschriften op foto's: het vette deel altijd wit */
html body:not(.hs) #main :is(.tegel,.foto-strook figure,.muur figure,.strook figure) figcaption :is(b,strong,span,em,a){color:#fff!important}

/* kennisbank-overzicht: vragen gegroepeerd per categorie, rest achter details */
html body:not(.hs) .kb-groepen{margin-top:28px;display:grid;gap:34px}
html body:not(.hs) .kb-groep[hidden],html body:not(.hs) .kb-groep details[hidden]{display:none}
html body:not(.hs) .kb-groep h3{font-family:var(--f-kop,inherit);font-weight:700;font-size:1.25rem;color:var(--ink);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--haar,#E4E3EA)}
html body:not(.hs) .kb-groep .kb-zoek-lijst{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
html body:not(.hs) .kb-groep .kb-zoek-lijst a{background:transparent;border:0;border-bottom:1px solid var(--haar,#E4E3EA);border-radius:0;padding:11px 2px;font-weight:500}
html body:not(.hs) .kb-groep .kb-zoek-lijst a:hover{color:var(--cta,#E8731C)}
html body:not(.hs) .kb-meer{margin-top:10px}
html body:not(.hs) .kb-meer summary{cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--haar,#E4E3EA);border-radius:999px;font-weight:600;font-size:.9rem;color:var(--ink);list-style:none;background:#fff}
html body:not(.hs) .kb-meer summary::-webkit-details-marker{display:none}
html body:not(.hs) .kb-meer summary::after{content:"+";font-weight:700;color:var(--cta,#E8731C)}
html body:not(.hs) .kb-meer[open] summary::after{content:"\2212"}
html body:not(.hs) .kb-meer[open] summary{margin-bottom:8px}
html body:not(.hs) .kb-meer .kb-zoek-lijst{margin-top:6px}
@media(max-width:680px){html body:not(.hs) .kb-groep .kb-zoek-lijst{grid-template-columns:1fr}}
html body:not(.hs) .kb-zoek-veld{text-overflow:ellipsis}

/* kennisbank: 7 categoriekaarten zonder lege vierde kolom (4 + 3) */
@media(min-width:1021px){
  html body:not(.hs) .diensten-net:has(>:nth-child(7):last-child){grid-template-columns:repeat(12,minmax(0,1fr))}
  html body:not(.hs) .diensten-net:has(>:nth-child(7):last-child)>:nth-child(-n+4){grid-column:span 3}
  html body:not(.hs) .diensten-net:has(>:nth-child(7):last-child)>:nth-child(n+5){grid-column:span 4}
}

/* regiopagina's: intro onder de kop over de volle breedte */
html body:not(.hs) section[aria-labelledby=kop-auto] .schil>.sectie-intro{grid-column:1/-1!important;max-width:none!important;margin:0 0 32px!important;align-self:start!important}
html body:not(.hs) section[aria-labelledby=kop-auto] .schil>.sectie-kop{grid-column:1/-1!important;margin-bottom:20px!important}

/* projectkaarten: leesbaar label op drukke foto's */
html body:not(.hs) .project .project-tekst{background:linear-gradient(to top,rgba(13,28,43,.92) 0%,rgba(13,28,43,.78) 55%,rgba(13,28,43,0) 100%);padding-top:64px}
html body:not(.hs) .project .project-cat{font-size:.8125rem;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6)}
html body:not(.hs) .project .project-naam{color:#fff}

/* projectpagina's: korte verhalen krijgen de projectkaart als band eronder (geen leeg vlak naast de tekst) */
@media(min-width:1021px){
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child)){grid-template-columns:1fr!important;gap:32px!important}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.verhaal{max-width:78ch}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.project-kaart{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;column-gap:48px;padding:28px 32px;align-items:start}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.project-kaart .pk-klant{grid-column:1;grid-row:1;margin:0 0 12px}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.project-kaart .pk-feiten{grid-column:1;grid-row:2}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.project-kaart .pk-cta{grid-column:2;grid-row:1/4;padding-top:0}
  html body:not(.hs) .verhaal-net:is(:has(>.verhaal>:only-child),:has(>.verhaal>:nth-child(2):last-child))>.project-kaart .pk-makers{grid-column:1;grid-row:3;margin-top:16px}
}

/* projectpagina's: een enkele detailfoto wordt een brede band */
html body:not(.hs) .muur:has(>:only-child){grid-template-columns:1fr!important;grid-auto-rows:auto!important}
html body:not(.hs) .muur:has(>:only-child)>.tegel{grid-column:1/-1!important;grid-row:auto!important;aspect-ratio:2.1/1;height:auto!important;min-height:0}
html body:not(.hs) .muur:has(>:only-child)>.tegel img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
@media(max-width:700px){html body:not(.hs) .muur:has(>:only-child)>.tegel{aspect-ratio:4/3}}

@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/instrument-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/instrument-sans-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/figtree-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/figtree-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/bricolage-grotesque-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/bricolage-grotesque-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Hanken Grotesk';src:url('/huisstijl/fonts/hanken-grotesk-800.woff2') format('woff2');font-weight:800;font-display:swap}

/* Harmonie: de bestaande pagina's (systeem.css) in de briefpapier-stijl.
   Wit papier, navy tekst, kleur als accent, geen eyebrows of nummers, lichte heroes, één ronding. */

body:not(.hs){
  --rond:6px;--rond-klein:6px;--paper:#fff;
  --f-spec:'Supreme','Barlow',sans-serif;
  --haar:#E4E3EA;--zacht:#F8F6F3;--blauw-hs:#3F51E8;
  --cta:var(--oranje);--cta-tekst:#13293E;
  background:#fff;
}
body[data-cat="auto"]:not(.hs){--cta:var(--geel)}
body[data-cat="event"]:not(.hs){--cta:var(--roze);--cta-tekst:#fff}
body[data-cat="interieur"]:not(.hs){--cta:var(--teal)}

/* AI-trekjes weg: eyebrow-maatlijnen, nummers, stickers, plak-woorden, monospace */
body:not(.hs) .divider.maatlijn{display:none}
body:not(.hs) .num,body:not(.hs) .nr,body:not(.hs) .zegel,body:not(.hs) .media-pil,body:not(.hs) .kb-kleurbalk,body:not(.hs) .kleurstrip{display:none!important}
body:not(.hs) em.plak{background:none!important;color:inherit!important;padding:0!important;transform:none!important;box-shadow:none!important;font-style:normal}
body:not(.hs) em.plak::before,body:not(.hs) em.plak::after{display:none!important}
body:not(.hs) .spec{font-family:var(--f-body);letter-spacing:0}
body:not(.hs) .kb-stat-rij,body:not(.hs) .hero-trust,body:not(.hs) .detail-feiten,body:not(.hs) .feiten{display:none}

/* knoppen: platte pil in de dienstkleur, geen pijl-in-cirkel of glans */
body:not(.hs) .knop,body:not(.hs) .pijlknop,body:not(.hs) .pijlknop.vol{background:var(--cta)!important;color:var(--cta-tekst)!important;border:0!important;box-shadow:none!important;border-radius:999px;font-family:var(--f-body);font-weight:700;padding:.85em 1.4em}
body:not(.hs) .pijlknop.rand,body:not(.hs) .knop.rand{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--cta)!important}
body:not(.hs) .knop:hover,body:not(.hs) .pijlknop:hover{filter:brightness(1.06)}
body:not(.hs) .knop .pijl,body:not(.hs) .pijlknop .pijl,body:not(.hs) .pijlknop::after,body:not(.hs) .knop::after{display:none!important}
body:not(.hs) .tlink{text-decoration-color:var(--cta)}

/* heroes licht: navy tekst op wit, foto blijft */
body:not(.hs) .kb-hero,body:not(.hs) .detail-hero,body:not(.hs) .pagina-hero,body:not(.hs) .project-hero{background:#fff!important;color:var(--ink)!important}
body:not(.hs) .kb-hero *,body:not(.hs) .detail-hero *,body:not(.hs) .pagina-hero *{color:inherit}
body:not(.hs) .kb-hero h1,body:not(.hs) .detail-hero h1,body:not(.hs) .pagina-hero h1{color:var(--ink)!important}
body:not(.hs) .kb-hero::before,body:not(.hs) .kb-hero::after,body:not(.hs) .detail-hero::before,body:not(.hs) .detail-hero::after{display:none!important}
body:not(.hs) .kb-hero .kruimel,body:not(.hs) .detail-hero .kruimel,body:not(.hs) .kruimel{color:var(--grijs)}
body:not(.hs) .kb-hero p,body:not(.hs) .detail-hero p{color:var(--grijs)}
body:not(.hs) .hero:not(.hero-thuis){background:#fff;color:var(--ink);min-height:0;padding:48px 0 32px}

/* donkere banden worden zachte banden met een dunne rand */
body:not(.hs) .band-donker,body:not(.hs) [class*="band-donker"]{background:color-mix(in srgb,var(--geel) 8%,#fff)!important;color:var(--ink)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 32%,#fff),0 1px 0 color-mix(in srgb,var(--geel) 32%,#fff)}
body:not(.hs) .band-donker *,body:not(.hs) [class*="band-donker"] *{color:inherit}
body:not(.hs) .band-donker p,body:not(.hs) [class*="band-donker"] p{color:var(--grijs)}
body:not(.hs) .op-nacht,body:not(.hs) .op-donker{color:var(--ink)!important}

/* slot onderaan: zacht roze band met een wit formuliervel */
body:not(.hs) .slot{background:color-mix(in srgb,var(--roze) 5%,#fff)!important;color:var(--ink)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 20%,#fff)}
body:not(.hs) .slot::before{display:none!important}
body:not(.hs) .slot .t-kop,body:not(.hs) .slot-sub,body:not(.hs) .slot-sub strong,body:not(.hs) .slot-checks,body:not(.hs) .slot-bel,body:not(.hs) .slot-bel a{color:var(--ink)!important}
body:not(.hs) .slot-sub,body:not(.hs) .slot-checks{color:var(--grijs)!important}
body:not(.hs) .slot-checks li::before{background:var(--cta)}
body:not(.hs) .slot .aanvraag{background:#fff;color:var(--ink);border-radius:6px;box-shadow:0 24px 60px -28px rgba(19,41,62,.35)}
body:not(.hs) .slot-grid{padding-bottom:64px;padding-top:56px}

/* ronding en beeld */
body:not(.hs) .tegel,body:not(.hs) .tegel img,body:not(.hs) .paneel,body:not(.hs) .paneel img,body:not(.hs) .kb-rel-kaart,body:not(.hs) .kb-kaart,body:not(.hs) .mat,body:not(.hs) .faq,body:not(.hs) .detail-foto,body:not(.hs) .detail-foto img,body:not(.hs) .kb-hero-foto,body:not(.hs) .kb-hero-foto img{border-radius:6px}
body:not(.hs) .sectie{padding:56px 0}
body:not(.hs) .sectie-kop{margin-bottom:28px}
body:not(.hs) .t-kop{font-size:clamp(1.7rem,2.6vw,2.4rem)}
body:not(.hs) .stip{background:var(--cta)}

/* vertrouwensbalk met cijfers (1983 / 4,7 / 500+) weg: statistiekrij en onbevestigd getal */
body:not(.hs) .vertrouwen{display:none!important}
/* beeldvakken: licht in plaats van navy terwijl de foto laadt */
body:not(.hs) figure,body:not(.hs) .tegel,body:not(.hs) .nu-vlak{background-color:#F2F0EC}
body:not(.hs) .kicker{display:none}
/* ook op de herbouwde pagina's: het formulier uit menu.js zonder monospace */
.hs{--f-spec:'Supreme','Barlow',sans-serif}
@media (max-width:900px){body:not(.hs) .kb-factoren{grid-template-columns:1fr!important}body:not(.hs) .kb-rel-net{grid-template-columns:1fr!important}}
/* lichte hero: alle tekst die voor een donkere achtergrond wit was, wordt navy */
body:not(.hs) .hero:not(.hero-thuis) :where(h1,h2,h3,li,span,small,b,strong,em,a:not(.knop):not(.pijlknop)):not(figcaption,figcaption *){color:var(--ink)!important}
body:not(.hs) .hero:not(.hero-thuis) p{color:var(--grijs)!important}
body:not(.hs) .hero:not(.hero-thuis) .hero-beeld::after{display:none}
/* gekleurd woord in een kop (ook een AI-trekje): de hele kop één kleur */
body:not(.hs) :is(h1,h2,h3) :is(em,span,strong){color:inherit!important;font-style:normal}
body:not(.hs) :is(.kb-hero,.detail-hero,.pagina-hero,.project-hero,.hero:not(.hero-thuis)) :where(a:not(.knop):not(.pijlknop),.kruimel,.kruimel *,.hero-bel,.hero-bel *,b,strong):not(figcaption,figcaption *){color:var(--ink)!important}
body:not(.hs) :is(.kb-hero,.detail-hero,.pagina-hero,.project-hero) :where(h1,h2,h3,li,span:not(.pijl),small,em):not(figcaption,figcaption *){color:var(--ink)!important}
body:not(.hs) .kruimel{color:var(--grijs)!important}
/* WhatsApp-knop in de mobiele belbalk: donkere tekst op het groen, anders onleesbaar */
body .bb-app{color:#0B3B22!important}
body .bb-app svg{fill:currentColor}
/* fotopanelen: tekst op een licht vlak onder de foto */
body:not(.hs) .paneel{background:#F2F0EC!important}
body:not(.hs) .paneel-tekst,body:not(.hs) .paneel-tekst *{color:var(--ink)!important;text-shadow:none!important}
body:not(.hs) .paneel-sub{color:var(--grijs)!important}
/* oranje cta-band wordt een zachte band in de dienstkleur, met navy tekst */
body:not(.hs) .cta-band{background:color-mix(in srgb,var(--cta) 10%,#fff)!important;color:var(--ink)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--cta) 30%,#fff),0 1px 0 color-mix(in srgb,var(--cta) 30%,#fff)}
body:not(.hs) .cta-band *:not(.knop):not(.pijlknop){color:var(--ink)!important}
body:not(.hs) :is(.band-donker,[class*="band-donker"],.kb-hero,.detail-hero,.pagina-hero,.project-hero) p{color:var(--grijs)!important}
body:not(.hs) :is(.band-donker,[class*="band-donker"]) :is(h2,h3,b,strong,li,a:not(.knop):not(.pijlknop),span:not(.pijl)){color:var(--ink)!important}
/* tabellen: kop licht, tekst navy */
body:not(.hs) table th{background:color-mix(in srgb,var(--cta) 10%,#fff)!important;color:var(--ink)!important}
body:not(.hs) table td{color:var(--ink)}
/* kleine labels in oranje haalden het contrast niet: donker oranje */
body:not(.hs) :is(.kb-werk .soort,.kb-rel-cat,.pk-label,.z-cat){color:var(--oranje-aa,#B5530D)!important}
/* lopende-tekstlinks: navy met een onderstreping in de dienstkleur, nooit lichtoranje tekst */
body:not(.hs) main :is(p,li,dd,td) a:not(.knop):not(.pijlknop):not(.tlink){color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--cta);text-decoration-thickness:2px;text-underline-offset:3px}
body:not(.hs) .cat-link.actief{color:var(--cta-tekst)!important;background:var(--cta)!important}
body:not(.hs) .nu-vlak,body:not(.hs) .nu-vlak *{color:var(--ink)!important}
body:not(.hs) :is(.band-donker,[class*="band-donker"]) :is(figcaption,figcaption *){color:var(--grijs)!important}

/* ── ronde 1 van de sitereview ── */
/* skiplink alleen bij toetsenbordfocus */
.skip{top:-80px!important}.skip:focus{top:0!important}
/* geen afbreekstreepjes in koppen */
h1,h2,h3,h4{hyphens:manual!important;-webkit-hyphens:manual!important}
/* "of app een foto": rustige link, geen losse streep, leesbare "of" */
:is(.hero-bel,.slot-bel) .app-link,.app-link{border-bottom:0!important;color:var(--ink)!important;font-family:var(--f-body)!important;padding-bottom:0!important;margin-left:6px!important}
:is(.hero-bel,.slot-bel) .app-link::before{color:var(--grijs)!important}
:is(.hero-bel,.slot-bel) .app-icoon{color:#128C5E!important}
/* bijschriften op foto's wit, ook in lichte heroes */
body:not(.hs) :is(.foto-strook,.detail-foto,.kb-hero-foto,.product-slider,.hero-beeld) :is(figcaption,figcaption *,.strook-tekst,.strook-tekst *){color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)}
/* eyebrow- en categorielabels boven kaarten weg */
body:not(.hs) :is(.pk-label,.kb-rel-cat,.z-cat,.bedankt-label,.label){display:none!important}
/* stappen zonder grote cijfers, licht vlak */
body:not(.hs) .stap b{display:none}
body:not(.hs) .stap{background:#fff!important;border:1px solid var(--haar)!important}
body:not(.hs) .stap h3{color:var(--ink)!important;font-family:var(--f-body)}
body:not(.hs) .stap p{color:var(--grijs)!important}
/* koppenletter: Excon voor koppen, Supreme voor kleine titels, geen condensed */
body:not(.hs){--f-kop:'Supreme','Barlow',sans-serif}
/* navy placeholders worden licht (zichtbaar zolang een foto laadt) */
body:not(.hs) :is(.paneel,.tegel,.project,.verwant,.logo-cel,.produkt-muur .dienst,.lid,.legenda){background-color:#F2F0EC!important}
body:not(.hs) .verwant span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
/* productfoto's niet bijsnijden */
body:not(.hs) .product-slider-slide img{object-fit:contain!important;background:#fff}
/* lucht tussen kop en alinea */
body:not(.hs) .sectie-kop .t-kop,body:not(.hs) .sectie-kop h2{margin-bottom:14px}
body:not(.hs) p.kruimel.alleen-ok{display:none!important}
body:not(.hs) .produkt-muur .dienst :is(h3,.dienst-naam,span,p){color:var(--ink)!important;text-shadow:none!important}
html,body{overflow-x:clip}

/* ── ronde 2 van de sitereview ── */
/* zelfde raster als kop en voet: inhoud begint op dezelfde lijn */
body:not(.hs){--raster:1280px;--rand:clamp(16px,3.4vw,40px)}

/* kaarten met tekst over de foto worden foto met tekst eronder, zoals op de homepage */
body:not(.hs) .paneel{height:auto!important;display:flex;flex-direction:column;background:transparent!important;overflow:visible}
body:not(.hs) .paneel::after{display:none!important}
body:not(.hs) .paneel>img{position:static!important;width:100%;height:clamp(200px,22vw,320px)!important;object-fit:cover;border-radius:6px}
body:not(.hs) .paneel-tekst{position:static!important;padding:12px 0 0!important;background:none!important}
body:not(.hs) .produkt-muur .dienst{aspect-ratio:auto!important;background:transparent!important;justify-content:flex-start}
body:not(.hs) .produkt-muur .dienst::after{display:none!important}
body:not(.hs) .produkt-muur .dienst-foto{position:static!important;aspect-ratio:4/3!important;border-radius:6px;overflow:hidden}
body:not(.hs) .produkt-muur .dienst-tekst{padding:12px 0 0!important}
body:not(.hs) .produkt-muur .dienst :is(p,.dienst-sub){color:var(--grijs)!important}
body:not(.hs) .lid{aspect-ratio:auto!important;background:transparent!important;overflow:visible}
body:not(.hs) .lid img{position:static!important;aspect-ratio:5/6;height:auto;border-radius:6px}
body:not(.hs) .lid-tekst{position:static!important;background:none!important;padding:10px 0 0!important}
body:not(.hs) .lid-tekst *{color:var(--ink)!important}

/* bijschriften op foto's: wit, ook links en namen erin */
body:not(.hs) main :is(.foto-strook,.detail-foto,.kb-hero-foto,.hero-beeld,.tegel) figcaption :is(a,b,strong,span,em){color:#fff!important}
body:not(.hs) main :is(.foto-strook,.detail-foto,.kb-hero-foto,.hero-beeld,.tegel) figcaption{color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.55)}
/* productfoto (wit beeld): bijschrift als wit pilletje, geen verloop */
body:not(.hs) .product-slider-slide::after,body:not(.hs) .product-slider::after{display:none!important}
body:not(.hs) .product-slider-slide figcaption,body:not(.hs) .product-slider figcaption{background:#fff!important;color:var(--ink)!important;text-shadow:none!important;border-radius:6px;padding:5px 10px!important;left:12px!important;bottom:12px!important;right:auto!important;width:auto!important}
body:not(.hs) .product-slider figcaption *{color:var(--ink)!important;text-shadow:none!important}

/* kruimel zonder links is een eyebrow: weg */
body:not(.hs) .kruimel:not(:has(a)){display:none!important}
/* FAQ-plus en uploadicoon in de dienstkleur */
body:not(.hs) .faq summary::after{color:var(--cta)!important;font-family:var(--f-body)}
body:not(.hs) .faq details[open]{border-color:var(--cta)!important}
body:not(.hs) .foto-knop svg{color:var(--cta)!important}
/* tijdlijnkaart "nu": licht kaartje met rand */
body:not(.hs) .nu-vlak{background:#fff!important;border:1px solid var(--haar)}
/* formulier: "iets anders" over de volle breedte */
.of-anders{grid-column:1/-1}
body:not(.hs) main figure.product-slider figcaption,body:not(.hs) main figure.product-slider figcaption :is(a,b,strong,span,em){color:var(--ink)!important;text-shadow:none!important}
html body:not(.hs) main figure.product-slider.product-slider figcaption,html body:not(.hs) main figure.product-slider.product-slider figcaption *{color:var(--ink)!important;text-shadow:none!important}

/* ── cirkels lopen door over de bandgrenzen (alleen zijwaarts afgesneden door html/body) ── */
body:not(.hs) main>section.h-met-bellen{overflow:visible!important}
body:not(.hs) main>section>.h-bellen{z-index:1!important}
body:not(.hs) main>section>:not(.h-bellen){position:relative;z-index:2}
.hs main>section.h-met-bellen,.hs .h-met-bellen{overflow:visible!important}
.hs main>section>.h-bellen{z-index:1!important}
.hs main>section>:not(.h-bellen){position:relative;z-index:2}

/* knop in een band van de eigen dienstkleur: navy, zodat hij contrasteert */
body:not(.hs) :is(.cta-band,.slot,.band-donker,[class*="band-donker"],.h-band-cat) :is(.knop,.pijlknop):not(.rand){background:var(--ink)!important;color:#fff!important}

/* hero met merkelementen: zachte tint van de dienstkleur, cirkels, stempel */
body:not(.hs) .h-hero-tint{position:relative;background:color-mix(in srgb,var(--cta) 7%,#fff)!important;box-shadow:0 1px 0 color-mix(in srgb,var(--cta) 25%,#fff);padding-bottom:40px}
body:not(.hs) .h-hero-tint>.h-hero-bellen{top:-180px;right:-220px;z-index:0!important;transform:scale(.9);transform-origin:top right}
body:not(.hs) .h-hero-tint>:not(.h-bellen){position:relative;z-index:2}
body:not(.hs) .h-hero-stempel{display:block;width:118px;height:118px;margin-top:28px;transform:rotate(-8deg)}
@media (max-width:900px){body:not(.hs) .h-hero-stempel{width:82px;height:82px;margin-top:16px}body:not(.hs) .h-hero-tint>.h-hero-bellen{transform:scale(.5)}}

/* ── kleurspoor: per band één rustige cluster, om en om rechts en links, over de onderrand heen ── */
body:not(.hs){--spoor1:var(--cta);--spoor2:var(--geel)}
body[data-cat="gevel"]:not(.hs),body[data-cat=""]:not(.hs){--spoor2:#3F51E8}
body[data-cat="auto"]:not(.hs){--spoor2:#3F51E8}
body:not(.hs) main>section>.h-bellen{width:420px!important;height:420px!important;top:auto!important;bottom:-200px!important;transform:none!important;pointer-events:none}
body:not(.hs) main>section>.h-bellen.h-rechtsboven{right:-190px!important;left:auto!important}
body:not(.hs) main>section>.h-bellen.h-linksonder{left:-190px!important;right:auto!important}
body:not(.hs) main>section>.h-bellen i{display:block!important;position:absolute!important;border-radius:50%!important;opacity:1!important}
body:not(.hs) main>section>.h-bellen i:nth-child(1){width:340px!important;height:340px!important;left:0!important;top:40px!important;background:color-mix(in srgb,var(--spoor1) 12%,transparent)!important}
body:not(.hs) main>section>.h-bellen i:nth-child(2){width:250px!important;height:250px!important;left:150px!important;top:0!important;background:color-mix(in srgb,var(--spoor2) 11%,transparent)!important}
body:not(.hs) main>section>.h-bellen i:nth-child(3){width:64px!important;height:64px!important;left:70px!important;top:20px!important;background:color-mix(in srgb,var(--spoor1) 45%,transparent)!important}
body:not(.hs) main>section>.h-bellen i:nth-child(4){display:none!important}
body:not(.hs) main>section>.h-bellen.h-linksonder i:nth-child(3){left:300px!important}
/* in de hero: rechts, half achter de intro, over de onderrand */
body:not(.hs) .h-hero-tint>.h-hero-bellen{bottom:-210px!important}
@media (max-width:900px){body:not(.hs) main>section>.h-bellen{transform:scale(.5)!important;transform-origin:bottom right!important}body:not(.hs) main>section>.h-bellen.h-linksonder{transform-origin:bottom left!important}}
body:not(.hs) main{overflow-x:clip}
body:not(.hs) main>section.h-spoor-sectie{position:relative}
body:not(.hs) main>section>.h-bellen i:nth-child(1){background:color-mix(in srgb,var(--spoor1) 16%,transparent)!important}
body:not(.hs) main>section>.h-bellen i:nth-child(2){background:color-mix(in srgb,var(--spoor2) 15%,transparent)!important}
body:not(.hs) main>section>.h-bellen i:nth-child(3){background:color-mix(in srgb,var(--spoor1) 55%,transparent)!important}

/* banden lopen zacht uit naar wit (verloop van boven naar onder), zonder harde onderrand */
body:not(.hs) main>section:is(.band-geel,.band-donker){background:linear-gradient(180deg,color-mix(in srgb,var(--geel) 14%,#fff) 0%,#fff 100%)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--geel) 30%,#fff)!important}
body:not(.hs) main>section.band-teal{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 12%,#fff) 0%,#fff 100%)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--teal) 28%,#fff)!important}
body:not(.hs) main>section.band-blauw{background:linear-gradient(180deg,color-mix(in srgb,#3F51E8 7%,#fff) 0%,#fff 100%)!important;box-shadow:0 -1px 0 color-mix(in srgb,#3F51E8 20%,#fff)!important}
body:not(.hs) main>section.band-roze{background:linear-gradient(180deg,color-mix(in srgb,var(--roze) 7%,#fff) 0%,#fff 100%)!important;box-shadow:0 -1px 0 color-mix(in srgb,var(--roze) 20%,#fff)!important}
body:not(.hs) main>section.slot{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 10%,#fff) 0%,#fff 100%)!important}
body:not(.hs) .h-hero-tint{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 9%,#fff) 0%,#fff 100%)!important;box-shadow:none}
body:not(.hs) .h-slotfoto{margin:24px 0 0}
body:not(.hs) .h-slotfoto img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px;display:block}
body:not(.hs) .h-slotfoto figcaption{font-size:.875rem;color:var(--grijs)!important;margin-top:10px}
body:not(.hs) .slot-grid{align-items:start}
/* cta-band ook als zacht verloop, zonder harde lijn naar de band eronder */
body:not(.hs) .cta-band{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 12%,#fff) 0%,color-mix(in srgb,var(--cta) 6%,#fff) 100%)!important;box-shadow:none!important}
body:not(.hs) .cta-band+section{box-shadow:none!important}
body:not(.hs) figure.h-slotfoto{background:none!important}

/* cta-band en de band eronder samen één vlak: cta-band zelf wit, geen lijnen */
body:not(.hs) .cta-band{background:#fff!important;box-shadow:none!important}
body:not(.hs) .cta-band+section{box-shadow:none!important}
/* hero: cirkels niet afkappen aan de onderrand */
body:not(.hs) .h-hero-tint{overflow:visible!important}
body:not(.hs) .h-hero-tint+section{position:relative;z-index:0}
/* foto naast het formulier: alleen beeld, met een cluster uit het briefpapier */
body:not(.hs) figure.h-slotfoto{position:relative;margin:28px 0 0;overflow:visible}
body:not(.hs) .h-slotfoto img{aspect-ratio:900/738;border-radius:6px;position:relative;z-index:1}
body:not(.hs) .h-slotfoto .h-slotbellen{position:absolute!important;width:220px!important;height:220px!important;left:-70px!important;bottom:-60px!important;top:auto!important;right:auto!important;z-index:0}
body:not(.hs) .h-slotfoto .h-slotbellen i{position:absolute;border-radius:50%;display:block}
body:not(.hs) .h-slotfoto .h-slotbellen i:nth-child(1){width:170px;height:170px;left:0;top:30px;background:color-mix(in srgb,var(--cta) 22%,transparent)}
body:not(.hs) .h-slotfoto .h-slotbellen i:nth-child(2){width:120px;height:120px;left:90px;top:0;background:color-mix(in srgb,var(--geel) 20%,transparent)}
body:not(.hs) .h-slotfoto .h-slotbellen i:nth-child(3){width:38px;height:38px;left:40px;top:10px;background:color-mix(in srgb,var(--cta) 60%,transparent)}
/* slot: minder tekst, foto spreekt */
body:not(.hs) .slot .slot-checks{display:none}
body:not(.hs) main>.cta-band+section.sectie,body:not(.hs) main>aside.cta-band+section{box-shadow:none!important}
body:not(.hs) main>section.h-hero-tint{position:relative;z-index:3!important}
body:not(.hs) .h-hero-tint>.h-hero-bellen{right:-270px!important;bottom:-150px!important}

/* bolletjes lopen altijd door: witte secties zijn doorzichtig (body is al wit),
   banden tekenen hun verloop op een laag die de cirkels van de sectie erboven niet afdekt */
body:not(.hs) main>section.sectie:not(.band-geel):not(.band-blauw):not(.band-roze):not(.band-teal):not(.band-donker){background:transparent!important}
body:not(.hs) main>section{position:relative;z-index:auto!important}
body:not(.hs) main>section>.h-bellen{z-index:0!important}
body:not(.hs) main>section>:not(.h-bellen){z-index:1!important}
body:not(.hs) main>section:is(.band-geel,.band-blauw,.band-roze,.band-teal,.band-donker,.slot){isolation:auto}
body:not(.hs) main>section.h-hero-tint{z-index:auto!important}

/* ── proef op interieur: foto even hoog als het formulier, knoppen met contrast, andere tekstletter ── */
body:not(.hs) .slot-grid{align-items:stretch}
body:not(.hs) .slot-tekst{display:flex;flex-direction:column}
body:not(.hs) .h-slotfoto{flex:1;display:flex;min-height:260px}
body:not(.hs) .h-slotfoto img{flex:1;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:50% 40%}
body:not(.hs) :is(.knop,.pijlknop):not(.rand){background:var(--ink)!important;color:#fff!important}
body:not(.hs) :is(.knop,.pijlknop):not(.rand):hover{background:#0f2236!important;filter:none}
body .h-kop .h-knop{box-shadow:inset 0 0 0 2px var(--ink)!important}
body:not(.hs){--f-body:'General Sans','Supreme',sans-serif}
body:not(.hs) main :is(p,li,dd,td,summary,label,input,textarea,select,small,span:not([class*="ico"])){font-family:'General Sans','Supreme',sans-serif}
body:not(.hs) .h-slotfoto{flex:1 1 0;min-height:0}
body:not(.hs) .h-slotfoto img{flex:1 1 0;min-height:0;height:auto}
body:not(.hs) .slot .aanvraag{align-self:stretch}
/* tekstletter-proef op interieur: standaard Satoshi, te wisselen met ?font= */
body:not(.hs){--proef:'Satoshi'}
body:not(.hs) main :is(p,li,dd,td,summary,label,input,textarea,select,small,span:not([class*="ico"])){font-family:var(--proef),'Supreme',sans-serif}
body:not(.hs){--proef:'Sentient'}
/* kaarttitels ook in de nieuwe tekstletter, iconen op hetzelfde tegeltje als in de dienstbalk */
body:not(.hs) main :is(h3,h4,.mat-tekst h3,.stap h3,summary,.aanvraag-kop,.knop,.pijlknop,.tlink){font-family:var(--proef),'Supreme',sans-serif}
body:not(.hs) .mat-tekst h3{display:flex;align-items:center;gap:12px}
body:not(.hs) .mat-tekst h3 .h-ico{width:38px;height:38px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 14%,#fff)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 28%,#fff)}
body:not(.hs) .mat-tekst h3 .h-ico svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body:not(.hs) main :is(h3,h4,summary,.aanvraag-kop){font-weight:700!important}
body:not(.hs) main :is(b,strong,.knop,.pijlknop,.tlink,label){font-weight:700}
/* hover op kaarten in de dienstkleur, geen oranje */
body:not(.hs) a.mat:hover :is(h3,.mat-tekst h3){color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--cta);text-decoration-thickness:2px;text-underline-offset:4px}
body:not(.hs) a.mat:hover{border-color:var(--cta)!important}
/* zin in de cta-band in de koppenletter, net zo stevig als de andere koppen */
body:not(.hs) .cta-band .zin{font-family:var(--f-disp)!important;font-weight:900!important;letter-spacing:-.015em}

/* ── interieur: reviewronde 1 ── */
body:not(.hs) :is(h1,h2){text-wrap:balance}
body:not(.hs) main p{text-wrap:pretty}
body:not(.hs) .sectie-kop h2,body:not(.hs) main h2{margin-bottom:16px;line-height:1.05}
@media (max-width:900px){body:not(.hs) main h2{line-height:1.1}}
/* één rechterkolom: intro's, hero-lead en formulier op dezelfde lijn */
body:not(.hs) .sectie-kop{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--goot,16px) 56px;align-items:start}
body:not(.hs) .sectie-kop>*:only-child{grid-column:1/-1}
@media (max-width:900px){body:not(.hs) .sectie-kop{grid-template-columns:1fr}}
/* cirkels kleiner en verder de marge in, nooit door tekst */
body:not(.hs) main>section>.h-bellen{transform:scale(.72)!important;transform-origin:bottom right!important}
body:not(.hs) main>section>.h-bellen.h-rechtsboven{right:-250px!important}
body:not(.hs) main>section>.h-bellen.h-linksonder{left:-250px!important;transform-origin:bottom left!important}
body:not(.hs) .h-hero-tint>.h-hero-bellen{right:-300px!important;bottom:-120px!important}
@media (max-width:900px){body:not(.hs) main>section>.h-bellen{transform:scale(.4)!important}body:not(.hs) .slot>.h-bellen,body:not(.hs) .h-slotfoto .h-slotbellen{display:none!important}}
/* "niet zeker" links uitgelijnd */
body:not(.hs) .midden-cta{text-align:left!important;justify-content:flex-start!important;margin-top:32px}
/* FAQ: lichte rijen met een lijn, groter plusje en tikvlak */
body:not(.hs) .faq details{background:transparent!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)!important;border-radius:0!important;margin:0!important;padding:0!important}
body:not(.hs) .faq summary{padding:18px 0!important;min-height:44px;font-size:1.06rem}
body:not(.hs) .faq summary::after{font-size:1.6rem!important;width:44px;text-align:right}
body:not(.hs) .faq details p{padding:0 0 18px}
/* kennisbank als vervolg op de FAQ */
body:not(.hs) .h-kb-vervolg{padding-top:8px!important}
body:not(.hs) .h-kb-kop{font-family:var(--proef);font-weight:700;font-size:1.15rem;margin:0 0 14px}
body:not(.hs) .kb-rel-kaart .verder{color:var(--ink)!important;font-weight:700}
/* praktijkraster: 4 kolommen, twee rijen */
body:not(.hs) #kop-praktijk~.muur,body:not(.hs) [aria-labelledby=kop-praktijk] .muur{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:240px!important}
body:not(.hs) [aria-labelledby=kop-praktijk] .tegel{grid-row:auto!important}
body:not(.hs) .tegel img[src*="gevelletters-interieur"]{object-position:30% 40%}
/* bijschriften op tegels beter leesbaar */
body:not(.hs) .tegel figcaption{background:linear-gradient(transparent,rgba(13,28,43,.82))!important;padding-top:34px!important;font-size:.82rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* meer manieren: zelfde gewicht als de andere galerijen */
body:not(.hs) .verwant-net{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px}
body:not(.hs) .verwant{aspect-ratio:4/3;height:auto!important}
body:not(.hs) .verwant span{font-size:.95rem!important;font-weight:700}
@media (max-width:900px){body:not(.hs) .verwant-net{grid-template-columns:1fr 1fr!important}body:not(.hs) .verwant:last-child{grid-column:1/-1;aspect-ratio:2/1}}
/* hero: belregel netjes op een lijn, minder gat onder het stempel */
body:not(.hs) .hero-bel{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
body:not(.hs) .h-hero-stempel{margin-top:20px}
/* slot: minder lucht boven het formulier op mobiel */
@media (max-width:900px){body:not(.hs) .slot-grid{gap:24px!important}}
/* formulier */
body:not(.hs) .aanvraag-kop{font-family:var(--f-disp)!important;font-weight:900!important;letter-spacing:-.01em}
body:not(.hs) .aanvraag select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231A3752' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center!important;padding-right:40px!important}
body:not(.hs) .aanvraag-noot{text-wrap:balance}
body:not(.hs) .veld-optie{vertical-align:baseline;font-weight:400}
body:not(.hs) .foto-sub,body:not(.hs) .foto-knop small{font-weight:400!important}
/* footer: logo's met meer contrast, kolommen op mobiel */
body .h-voet .h-merken a{opacity:.8}
@media (max-width:900px){body .h-voet .h-boven{grid-template-columns:1fr 1fr}body .h-voet .h-boven>div:nth-child(3){grid-column:1/-1}body .h-voet .h-merken{display:grid;grid-template-columns:auto repeat(3,auto);justify-content:start}}
/* kop, dienstbalk en voet volgen de dienstkleur van de pagina */
body[data-cat="gevel"] :is(.h-kop,.h-catbalk,.h-voet){--cta:var(--oranje)}
body[data-cat="auto"] :is(.h-kop,.h-catbalk,.h-voet){--cta:var(--geel)}
body[data-cat="event"] :is(.h-kop,.h-catbalk,.h-voet){--cta:var(--roze)}
body[data-cat="interieur"] :is(.h-kop,.h-catbalk,.h-voet){--cta:var(--teal)}

/* ── interieur: reviewronde 2 ── */
/* één rechterkolom voor hero, sectie-intro's en formulier */
body:not(.hs) :is(.sectie>.raster,.strook-tekst,.slot-grid){grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;column-gap:64px!important}
body:not(.hs) .sectie>.raster>:not(.sectie-kop):not(.sectie-intro){grid-column:1/-1}
@media (max-width:900px){body:not(.hs) :is(.sectie>.raster,.strook-tekst,.slot-grid){grid-template-columns:1fr!important}}
/* hero: linkerkolom verticaal gecentreerd, belregel en microcopy dicht bij elkaar */
body:not(.hs) .strook-tekst{align-items:center}
body:not(.hs) .hero-belofte{margin-top:8px!important}
/* galerij "letters en logo's": eerste tegel groot (bento), anders dan de praktijkgalerij */
body:not(.hs) [aria-labelledby=kop-wand] .muur{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:220px!important}
body:not(.hs) [aria-labelledby=kop-wand] .muur>:first-child{grid-column:span 2!important;grid-row:span 2!important}
@media (max-width:900px){body:not(.hs) [aria-labelledby=kop-wand] .muur>:first-child{grid-column:auto!important;grid-row:auto!important}}
/* gelijke sectieruimte, meer lucht tussen intro en beeld */
body:not(.hs) main>section.sectie{padding-top:72px!important;padding-bottom:72px!important}
body:not(.hs) .sectie-intro{margin-bottom:32px}
/* bijschriften: groter en hoger verloop */
body:not(.hs) :is(.tegel,.foto-strook figure) figcaption{font-size:.84rem!important;padding-top:48px!important;background:linear-gradient(transparent,rgba(13,28,43,.86))!important}
body:not(.hs) .verwant::after{background:linear-gradient(transparent 35%,rgba(13,28,43,.8))!important}
body:not(.hs) .verwant span{font-size:1rem!important;bottom:14px!important}
/* mini-koppen in één stijl */
body:not(.hs) :is(.h-kb-kop,.midden-cta p){font-family:var(--proef)!important;font-weight:700!important;font-size:1.15rem!important;color:var(--ink)!important}
body:not(.hs) .kb-rel-kaart .verder{display:none!important}
body:not(.hs) .kb-rel-kaart .kb-rel-titel::after{content:" →";color:var(--cta)}
/* inline links rustig (navy, dunne lijn), pijl-links in teal */
body:not(.hs) main :is(p,li) a:not(.knop):not(.pijlknop):not(.tlink){text-decoration-thickness:1px!important;text-decoration-color:color-mix(in srgb,var(--ink) 45%,transparent)!important}
/* formuliersectie: kop dichter op de tekst, belregel direct eronder */
body:not(.hs) .slot .t-kop{margin-bottom:20px!important}
body:not(.hs) .slot-sub{margin-bottom:16px!important}
body:not(.hs) .slot-bel{margin-top:0!important}
body:not(.hs) .h-slotfoto .h-slotbellen{left:-30px!important}
/* formulier: alles links, gelijke radius, leesbaar 'optioneel' */
body:not(.hs) .aanvraag-noot{text-align:left!important}
body:not(.hs) :is(.foto-knop,.bijlage-veld label){border-radius:6px!important;border-color:color-mix(in srgb,var(--ink) 28%,transparent)!important}
body:not(.hs) .veld-optie{color:color-mix(in srgb,var(--ink) 70%,transparent)!important;font-size:.78rem!important}
/* footer: juridische regel leesbaar */
body .h-voet .h-onder small{font-size:.8rem;color:#4A5560}
/* mobiel */
@media (max-width:900px){
  body:not(.hs) .h-slotfoto{flex:none!important;min-height:0}
  body:not(.hs) .h-slotfoto img{flex:none!important;aspect-ratio:16/10!important;height:auto!important}
  body:not(.hs) .h-hero-stempel{width:60px!important;height:60px!important;margin:12px 0 4px!important}
  body:not(.hs) .strook-tekst p:not(.kruimel):first-of-type{font-size:1.05rem!important;line-height:1.55}
  body:not(.hs) .mat-net{align-items:start!important}
  body:not(.hs) .stappen{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:10px!important}
  body:not(.hs) .stappen>*{flex:none!important;width:auto!important}
  body:not(.hs) .faq summary{padding:14px 0!important}
  body:not(.hs) .slot .aanvraag{padding:20px!important}
  body .h-voet{padding-bottom:16px!important}
  body .h-catbalk .h-kort{font-size:.82rem!important}
  body .h-catbalk a{min-height:52px}
  body:not(.hs) .strook-balk{margin-top:10px!important}
  body:not(.hs) main>section.sectie{padding-top:48px!important;padding-bottom:48px!important}
}
body:not(.hs) [aria-labelledby=kop-wand] .muur>:last-child{grid-column:span 2!important}
@media (max-width:900px){body:not(.hs) [aria-labelledby=kop-wand] .muur>:last-child{grid-column:auto!important}}
body:not(.hs) .strook-tekst{align-items:end}
/* werkwijze: geen kaartkaders, drie stappen met een icoon en een dunne lijn ertussen */
body:not(.hs) .stappen{gap:0!important}
body:not(.hs) .stap{background:transparent!important;border:0!important;border-left:1px solid color-mix(in srgb,var(--cta) 35%,#fff)!important;border-radius:0!important;padding:4px 28px 4px 28px!important}
body:not(.hs) .stap:first-child{border-left:0!important;padding-left:0!important}
body:not(.hs) .stap h3{display:flex;align-items:center;gap:12px;font-size:1.2rem!important;margin-bottom:10px}
body:not(.hs) .stap h3 .h-ico{width:42px;height:42px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,#fff)}
body:not(.hs) .stap h3 .h-ico svg{width:28px;height:28px;fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){body:not(.hs) .stap{border-left:0!important;border-top:1px solid color-mix(in srgb,var(--cta) 35%,#fff)!important;padding:18px 0!important}body:not(.hs) .stap:first-child{border-top:0!important}}

body:not(.hs){--proef:'Hanken Grotesk'}

/* ── reviewronde 3 (sitebreed) ── */
body:not(.hs) .faq{column-gap:56px!important;gap:0 56px!important}
body:not(.hs) .faq summary{align-items:center}
body:not(.hs) .strook-balk{justify-content:flex-end!important;gap:16px}
body:not(.hs) .strook-teller{order:2}
body:not(.hs) .midden-cta{display:flex!important;align-items:baseline;gap:8px 18px;flex-wrap:wrap}
body:not(.hs) .midden-cta p{margin:0!important}
body:not(.hs) .hero-belofte,body:not(.hs) .aanvraag-noot{font-size:.84rem!important;color:#3d4a57!important}
body .h-topregel{color:#3d4a57}
body .h-voet .h-merken img{height:18px!important;width:auto}
body .h-voet .h-merken a[aria-label="doen."] img{height:20px!important}
body:not(.hs) .strook-tekst{align-items:start!important}
body:not(.hs) .slot .t-kop{margin-bottom:20px!important}
body:not(.hs) .slot-sub{margin:0 0 20px!important}
body:not(.hs) .slot-tekst{gap:0!important}
body:not(.hs) .verwant-net{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) .h-kb-kop{font-family:var(--f-disp)!important;font-weight:900!important;font-size:1.35rem!important;letter-spacing:-.01em}
@media (max-width:900px){body:not(.hs) .verwant-net{grid-template-columns:1fr 1fr!important}body:not(.hs) .verwant:last-child{grid-column:auto!important;aspect-ratio:4/3!important}body:not(.hs) main>section.h-hero-tint{padding-bottom:16px!important}}

/* ── siteronde 1 (tien reviewers) ── */
/* kop met link over de volle breedte, link rechts */
body:not(.hs) .sectie-kop:has(>.sectie-link){grid-column:1/-1!important;display:flex!important;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap}
body:not(.hs) .sectie-kop:has(>.sectie-link) h2{max-width:none!important}
/* rasters vullen hun rij: lege kolommen vallen weg */
body:not(.hs) :is(.verwant-net,.kb-kaarten,.kb-factoren,.kb-rel-net){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}
body:not(.hs) .muur{grid-auto-flow:dense!important}
body:not(.hs) .muur:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.hs) .muur:has(>:nth-child(3):last-child),body:not(.hs) .muur:has(>:nth-child(6):last-child),body:not(.hs) .muur:has(>:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
body:not(.hs) .muur:has(>:nth-child(5):last-child),body:not(.hs) .muur:has(>:nth-child(10):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
body:not(.hs) .verhaal-net:has(>:nth-child(2):last-child){align-items:start}
/* tabellen: gewone koppen, passen op mobiel */
body:not(.hs) main th{text-transform:none!important;letter-spacing:0!important;font-family:var(--f-body)!important;font-weight:700!important}
@media (max-width:600px){body:not(.hs) main table{table-layout:fixed;width:100%!important}body:not(.hs) main :is(td,th){overflow-wrap:anywhere;hyphens:auto;font-size:.8rem!important;padding:8px 6px!important}}
/* geen eyebrow-labels boven kaarttitels */
body:not(.hs) .bij .soort,body:not(.hs) span.soort{display:none!important}
/* voetlogo's in de juiste verhouding */
body .h-voet .h-merken img{width:auto!important;max-width:none!important;object-fit:contain}
body .h-voet .h-merken img[src*="kunstdoekje"]{height:14px!important}
body .h-voet .h-merken img[src*="duurzame"]{height:13px!important}
/* formulier: 'Iets anders' over de volle breedte leesbaar */
body .of-anders .of-naam{white-space:nowrap}
body .of-anders .of-sub{flex:1 1 auto;min-width:0}
/* telefoonnummer breekt niet */
body a[href^="tel:"]{white-space:nowrap}
/* bijschriften op tegels: twee regels in plaats van afkappen */
body:not(.hs) :is(.muur,.verwant-net,.meer-werk,.strook) figcaption,body:not(.hs) .verwant span{white-space:normal!important;text-overflow:clip!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* skiplink alleen bij focus */
body .skip:not(:focus),body .skip-link:not(:focus){opacity:0!important;pointer-events:none}
body:not(.hs) .paneel .paneel-tekst{padding-bottom:22px!important}
body:not(.hs) .paneel .num{display:none!important}
/* productslider: pijlen en stipjes zichtbaar */
body:not(.hs) .product-slider-nav{background:#fff!important;color:var(--nacht,#1A3752)!important;box-shadow:0 0 0 1px #d9dce3,0 2px 8px rgba(19,41,62,.12)!important}
body:not(.hs) .product-slider-dots{bottom:12px!important}
body:not(.hs) .product-slider-dots>*{background:color-mix(in srgb,#1A3752 25%,#fff)!important}
body:not(.hs) .product-slider-dots>.actief{background:#1A3752!important}
/* productoverzicht: hele product in beeld, twee per rij op mobiel */
body:not(.hs) .produkt-muur .dienst-foto{aspect-ratio:1/1!important;background:#f4f3f0}
body:not(.hs) .produkt-muur .dienst-foto img{object-fit:contain!important;height:100%!important}
@media (max-width:600px){body:not(.hs) .produkt-muur{grid-template-columns:1fr 1fr!important;gap:12px!important}body:not(.hs) .produkt-muur .dienst :is(h3,.dienst-naam){font-size:.98rem!important}body:not(.hs) .produkt-muur .dienst p{font-size:.84rem!important}}
/* contactpagina: lucht boven het portret */
body:not(.hs) .familie-grid{padding-top:56px}
/* filterchips in de dienstkleur, alle chips dezelfde opbouw */
body:not(.hs) :is(.filter,.chips,.filter-chips) :is(button,a){justify-content:center!important;text-align:center}

/* ── siteronde 2 ── */
/* voet: 'Ook van ons' op één regel, logo's passen op mobiel */
body .h-voet .h-merken span{white-space:nowrap}
@media (max-width:600px){body .h-voet .h-merken{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px 18px!important}body .h-voet .h-merken span{flex:1 0 100%}}
/* bijschriften op foto's: sterker verloop, alles wit */
body:not(.hs) main figure:has(>img) figcaption{background:linear-gradient(0deg,rgba(15,30,46,.82) 0%,rgba(15,30,46,.55) 55%,rgba(15,30,46,0) 100%)!important;padding-top:44px!important;color:#fff!important;font-size:.82rem!important}
body:not(.hs) main figure:has(>img) figcaption :is(b,strong,span,a){color:#fff!important}
/* galerijen: gelijke tegels, geen gaten door hoge tegels (behalve de bento op interieur) */
body:not(.hs) .muur>*{grid-row:auto!important}
body:not(.hs) .muur>:is(figure,a,div){aspect-ratio:4/3}
body:not(.hs) .muur>* img{width:100%;height:100%;object-fit:cover}
body[data-cat="interieur"]:not(.hs) [aria-labelledby=kop-wand] .muur>:first-child{grid-row:span 2!important;aspect-ratio:auto}
/* FAQ-antwoord altijd in de tekstletter */
body:not(.hs) details :is(p,div,li,span){font-family:var(--proef),var(--f-body),sans-serif}
/* werkplaatsfoto naast het formulier: gezicht in beeld */
body .h-slotfoto img{object-position:50% 22%}
/* productkaarten: link onderaan op één lijn */
body:not(.hs) .produkt-muur .dienst{display:flex!important;flex-direction:column}
body:not(.hs) .produkt-muur .dienst-tekst{display:flex;flex-direction:column;flex:1}
body:not(.hs) .produkt-muur .verder{margin-top:auto!important;padding-top:10px}
/* tegeltitels breken netjes, geen afbreekstreepjes midden in woorden */
body:not(.hs) main :is(h3,.dienst-naam,.paneel-naam){hyphens:manual!important;overflow-wrap:break-word}
body:not(.hs) main p{hyphens:manual!important}
@media (max-width:600px){body:not(.hs) main :is(.dienst,.paneel) :is(h3,.dienst-naam,.naam){font-size:clamp(.9rem,4.2vw,1.05rem)!important}}
/* productslider: hele product */
body:not(.hs) .product-slider-slide img{object-fit:contain!important}
/* autobelettering: knop contrasterend navy naast het geel */
body.hs[data-cat="auto"] main .h-knop{background:#1A3752!important;color:#fff!important}
body.hs[data-cat="auto"] main .h-knop:hover{background:#13293E!important}
/* categoriepanelen: zelfde kaartpatroon als de rest */
body:not(.hs) .paneel{background:#fff!important;border:1px solid #E4E3EA!important;border-radius:6px!important;overflow:hidden;box-shadow:none!important}
body:not(.hs) .paneel::after,body:not(.hs) .paneel::before{display:none!important}
body:not(.hs) .paneel .paneel-tekst{background:#fff!important;color:#1A3752!important;padding:16px 18px 18px!important;position:static!important}
body:not(.hs) .paneel .paneel-naam{display:flex;align-items:center;gap:10px}
body:not(.hs) .paneel .naam{font-family:var(--f-disp)!important;font-weight:900!important;font-size:1.25rem!important;color:#1A3752!important}
body:not(.hs) .paneel .paneel-naam::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--k,var(--cta));flex:none}
body:not(.hs) .paneel .verder{color:#3d4a57!important;font-size:.92rem!important}
/* lopende tekst: kop links, tekst rechts (geen smalle kolom met leeg vlak) */
@media (min-width:901px){
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose){display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>:not(.sectie-kop,.kb-prose){grid-column:1/-1}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.sectie-kop{display:block!important;margin:0!important;position:sticky;top:120px}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.kb-prose{max-width:66ch}
}
/* galerij met wat ruimte, los van het blok eronder */
body:not(.hs) .muur{gap:8px!important;margin-bottom:24px}

/* ── siteronde 3 ── */
/* één ronding: 6px */
body:not(.hs) main :is(.kb-factor,.kb-spil,.kb-kaart,.kb-kaartje,figure,.prijstabel,.kb-rel,.verwant,.tegel,.stap-kaart){border-radius:6px!important}
body:not(.hs) main figure img{border-radius:inherit}
body :is(input,select,textarea){border-radius:6px!important}
/* bijschriften op foto's altijd met donker verloop */
html body:not(.hs) #main :is(figure,a):has(>img)>figcaption{background:linear-gradient(0deg,rgba(15,30,46,.85) 0%,rgba(15,30,46,.55) 60%,rgba(15,30,46,0) 100%)!important;padding-top:48px!important;color:#fff!important}
html body:not(.hs) #main :is(figure,a):has(>img)>figcaption *{color:#fff!important}
/* projectoverzicht: bijschrift onder de foto, navy op wit */
html body:not(.hs) #main .muur.drie>a.tegel{aspect-ratio:auto!important;display:flex!important;flex-direction:column;background:#fff;border:1px solid #E4E3EA;overflow:hidden}
html body:not(.hs) #main .muur.drie>a.tegel>img{aspect-ratio:4/3;height:auto!important;flex:none}
html body:not(.hs) #main .muur.drie>a.tegel>figcaption{position:static!important;background:#fff!important;color:#3d4a57!important;padding:10px 12px 12px!important;font-size:.82rem!important;line-height:1.35;-webkit-line-clamp:3}
html body:not(.hs) #main .muur.drie>a.tegel>figcaption b{display:block;color:#1A3752!important;font-size:.95rem}
/* kaartrasters: rijen vol */
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net){grid-template-columns:repeat(3,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):is(:has(>:nth-child(4):last-child),:has(>:nth-child(8):last-child)){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(5):last-child)>*{grid-column:span 2}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 3}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(7):last-child)>:last-child{grid-column:span 3}
@media (max-width:900px){body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net){grid-template-columns:1fr 1fr!important}body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net)>*{grid-column:auto!important}}
@media (max-width:560px){body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-rel-net){grid-template-columns:1fr!important}}
/* kaartlinks links uitgelijnd, pijl bij het woord */
body:not(.hs) .paneel .verder{text-align:left!important;justify-content:flex-start!important;white-space:nowrap}
body:not(.hs) .paneel-net{align-items:start}
/* productkaarten: link direct onder de titel */
body:not(.hs) .produkt-muur .verder{margin-top:6px!important}
body:not(.hs) .produkt-muur .dienst-tekst{flex:0 0 auto!important}
body:not(.hs) .produkt-muur{align-items:start!important}
/* werkplaatsfoto: gezicht in beeld */
body .h-slotfoto img{object-position:50% 8%!important}
/* zijkaarten en kaart meescrollen */
@media (min-width:901px){body:not(.hs) :is(.verhaal-zij,.zijkaart,.project-kaart,.opd-fig){position:sticky;top:110px;align-self:start}}
/* tabellen: geen afbreekstreepjes */
body:not(.hs) main :is(td,th){hyphens:manual!important}
/* losse uitsneden */
body .h-letten .h-foto img{object-position:50% 20%}
body:not(.hs) img[src*="bestaande-situatie-signing-andijk"]{object-position:50% 25%}
body:not(.hs) figure:has(img[src*="bestaande-situatie-signing-andijk"])>figcaption{top:0;bottom:auto!important;background:linear-gradient(180deg,rgba(15,30,46,.85),rgba(15,30,46,0))!important;padding:12px 14px 40px!important}
html body:not(.hs) #main .muur.drie{grid-auto-rows:auto!important;align-items:start}
html body:not(.hs) #main .muur.drie>a.tegel{height:auto!important}
html body:not(.hs) #main .muur.drie>a.tegel>figcaption,html body:not(.hs) #main .muur.drie>a.tegel>figcaption *{text-shadow:none!important}

/* ── siteronde 4 ── */
/* mobiel wint altijd van de telregels hierboven */
@media (max-width:900px){body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net,.muur):not(#_){grid-template-columns:1fr 1fr!important}body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net,.muur):not(#_)>*{grid-column:auto!important}}
@media (max-width:640px){body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net):not(#_){grid-template-columns:1fr!important}}
@media (min-width:901px){body:not(.hs) .muur:not(:has(>:nth-child(2):last-child)):not(:has(>:nth-child(3):last-child)):not(:has(>:nth-child(5):last-child)):not(:has(>:nth-child(6):last-child)):not(:has(>:nth-child(9):last-child)):not(:has(>:nth-child(10):last-child)):has(>:nth-child(7):last-child)>:last-child{grid-column:span 2}}
body:not(.hs) .muur{row-gap:8px!important}
/* productkaarten: verborgen hover-tekst weg, titel en link op één linkerrand */
body:not(.hs) .produkt-muur .dienst-tekst p{display:none!important}
body:not(.hs) .produkt-muur .dienst :is(h3,.dienst-naam){padding-left:0!important;margin:12px 0 0!important}
body:not(.hs) .produkt-muur .dienst-tekst{padding:0!important;min-height:0!important;height:auto!important}
body:not(.hs) .produkt-muur .verder{justify-content:flex-start!important;gap:6px}
/* tabellen op mobiel: rijen als blokjes */
@media (max-width:600px){
body:not(.hs) main table:not(#_){display:block;width:100%!important;table-layout:auto;border:0!important}
body:not(.hs) main table:not(#_) thead{display:none}
body:not(.hs) main table:not(#_) :is(tbody,tr){display:block;width:100%}
body:not(.hs) main table:not(#_) tr{border-bottom:1px solid #E4E3EA;padding:10px 0}
body:not(.hs) main table:not(#_) :is(td,th){display:block;width:auto!important;border:0!important;padding:2px 0!important;font-size:.9rem!important;white-space:normal!important;text-align:left!important}
body:not(.hs) main table:not(#_) td:first-child{font-weight:700;color:#1A3752}
}
body:not(.hs) main td{font-variant-numeric:tabular-nums}
body:not(.hs) main td:nth-child(2):not(:last-child){white-space:nowrap}
/* galerijen op mobiel niet langer dan een scherm */
@media (max-width:900px){body:not(.hs) main :is(.muur,.verhaal-net,.galerij) img{max-height:70vh;object-fit:cover}}
/* producthero: foto en tekst in balans */
@media (min-width:901px){body:not(.hs) .detail-hero .schil{align-items:center!important}}
/* contact: ruimte rond het portret */
body:not(.hs) section:has(.familie-grid){padding-top:72px!important}
body:not(.hs) .familie-grid{padding-top:0}
/* bestandskeuze op mobiel niet afgekapt */
@media (max-width:600px){body input[type=file]{font-size:.8rem;max-width:100%}}
/* koppen in tweekoloms secties lopen mee met de tekst */
@media (min-width:901px){body:not(.hs) .sectie>.raster>:is(.sectie-kop,h2):first-child{position:sticky;top:120px;align-self:start}}
@media (max-width:600px){body:not(.hs) main table:not(#_) tr:not(:has(td)){display:none}}
body:not(.hs) .produkt-muur{row-gap:36px!important}

/* ── siteronde 5 ── */
/* teamkaarten: naam en rol onder de foto, navy op wit */
html body:not(.hs) #main figure.lid>figcaption.lid-tekst{background:#fff!important;padding:12px 2px 0!important;position:static!important}
html body:not(.hs) #main figure.lid>figcaption.lid-tekst .lid-rol{color:#3d4a57!important;font-size:.85rem}
html body:not(.hs) #main figure.lid>figcaption.lid-tekst h3{color:#1A3752!important}
html body:not(.hs) #main figure.lid{overflow:visible}
/* bijschriftband blijft binnen de eigen tegel */
body:not(.hs) main :is(.muur,.verhaal-net,.galerij,.strook)>:is(figure,a):has(>img){position:relative;overflow:hidden}
/* keuzerasters: rijen vol */
body:not(.hs) .keuze-net:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) .keuze-net:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.hs) .keuze-net:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
body:not(.hs) .keuze-net:has(>:nth-child(7):last-child)>:last-child{grid-column:span 2}
@media (max-width:900px){body:not(.hs) .keuze-net:not(#_){grid-template-columns:1fr 1fr!important}body:not(.hs) .keuze-net:not(#_)>*{grid-column:auto!important}}
body:not(.hs) .keuze-naam{min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){body:not(.hs) .keuze-naam{font-size:1rem!important}}
/* projectkaarten in de tekstletter, titels helemaal zichtbaar */
html body:not(.hs) #main .muur.drie>a.tegel>figcaption,html body:not(.hs) #main .muur.drie>a.tegel>figcaption b{font-family:var(--proef),sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body:not(.hs) #main .muur.drie>a.tegel>figcaption{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;font-weight:400}
html body:not(.hs) #main .muur.drie>a.tegel>figcaption b{font-weight:700}
/* opdrachtgevers: lijst in twee kolommen naast de kaart */
@media (min-width:1100px){body .opd-lijst{columns:2;column-gap:40px}body .opd-lijst>*{break-inside:avoid}}
/* stempel kleiner, minder lucht onder de H1 */
body:not(.hs) .h-hero-stempel{width:104px!important;height:104px!important;margin:6px 0 10px!important}
body:not(.hs) :is(.mat,.mat-tekst) h3:has(>.h-ico){display:flex;align-items:center;gap:12px}
body:not(.hs) :is(.mat,.mat-tekst) h3 .h-ico{width:42px;height:42px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,#fff)}
body:not(.hs) :is(.mat,.mat-tekst) h3 .h-ico svg{width:28px;height:28px;fill:none;stroke:#1A3752;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body:not(.hs) .praktijk-net:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) .praktijk-net:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:900px){body:not(.hs) .praktijk-net:not(#_){grid-template-columns:1fr!important}}

/* ── siteronde 6 ── */
/* galerij: rijen groeien met de tegels mee, niets steekt uit */
body:not(.hs) .muur:not(#_){grid-auto-rows:auto!important}
body:not(.hs) .muur>[style*="span"],body:not(.hs) .muur>:last-child:is([class]){min-height:0}
@media (min-width:901px){body:not(.hs) .muur:has(>:nth-child(7):last-child)>:last-child{aspect-ratio:auto!important;height:100%}}
/* geen hoofdletterlabel boven de kort-intro */
body:not(.hs) .kort>.lbl{display:none!important}
/* rasters met telregels: ook mat-net en kb-galerij */
body:not(.hs) :is(.mat-net,.kb-galerij):has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) :is(.mat-net,.kb-galerij):has(>:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
body:not(.hs) :is(.mat-net,.kb-galerij):has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:900px){body:not(.hs) :is(.mat-net,.kb-galerij):not(#_){grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){body:not(.hs) .mat-net:not(#_){grid-template-columns:1fr!important}}
/* panelen even hoog */
body:not(.hs) .paneel-net:not(#_){align-items:stretch!important}
body:not(.hs) .paneel{display:flex!important;flex-direction:column}
body:not(.hs) .paneel .paneel-tekst{flex:1}
/* links: pijl direct achter het laatste woord */
body:not(.hs) :is(.produkt-muur,.paneel,.dienst) .verder:not(#_){display:block!important}
body:not(.hs) :is(.produkt-muur,.paneel,.dienst) .verder .pijl{display:inline!important;margin-left:4px}
/* één foto op mobiel binnen de kantlijn */
@media (max-width:900px){html body:not(.hs) .muur:has(>:only-child):not(#_){display:block!important;overflow:visible!important}html body:not(.hs) .muur:has(>:only-child)>.tegel{width:100%!important;max-width:100%!important;aspect-ratio:4/3!important}}
body:not(.hs) main figure{max-width:100%}
/* forex: de plaat vult het beeld */
body:not(.hs) .product-slider-slide img[src*="/forex-bord/"]{object-fit:cover!important;object-position:50% 20%}

/* ── siteronde 7 ── */
/* één maat voor sectiekoppen (zoals interieur) */
body:not(.hs) main section:not(:first-of-type) h2:is(.kop,.t-kop):not(.h-kb-kop){font-size:clamp(1.7rem,1rem + 1.9vw,2.34rem)!important;line-height:1.08}
@media (max-width:600px){body:not(.hs) main h2{overflow-wrap:break-word;hyphens:auto}}
/* vaste drie kolommen, geen uitgerekte restkaarten */
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(5):last-child)>*,body:not(.hs) :is(.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.verwant-net):has(>:nth-child(7):last-child)>:last-child{grid-column:auto!important}
body:not(.hs) :is(.kb-kaartjes,.kb-kaarten):has(>:nth-child(5):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}
body:not(.hs) .kb-galerij:has(>:nth-child(7):last-child),body:not(.hs) .kb-galerij:has(>:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))!important}
/* mobiel: oneven laatste tegel over de volle breedte */
@media (max-width:900px){body:not(.hs) :is(.verwant-net,.keuze-net,.kb-galerij,.meer-net,.verhaal-meer,.muur.drie):not(#_)>:last-child:nth-child(odd){grid-column:1/-1!important}}
/* kennisbank-onderwerpen op mobiel compact */
@media (max-width:640px){body:not(.hs) :is(.kb-kaartje,.kb-kaart):not(#_){padding:14px 16px!important}body:not(.hs) :is(.kb-kaartje,.kb-kaart) p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0 0!important}}
/* kop met link: link rechts op dezelfde regel */
body:not(.hs) .sectie-kop:has(>.sectie-link)>h2{flex:0 1 auto}
body:not(.hs) .sectie-kop:has(>.sectie-link)>.sectie-link{margin-left:auto;flex:none}
/* factor- en stapkaarten met icoontegel */
body:not(.hs) :is(.kb-factor,.kb-stap) h3:has(>.h-ico){display:flex;align-items:center;gap:12px}
body:not(.hs) :is(.kb-factor,.kb-stap) h3 .h-ico{width:40px;height:40px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,#fff)}
body:not(.hs) :is(.kb-factor,.kb-stap) h3 .h-ico svg{width:26px;height:26px;fill:none;stroke:#1A3752;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body:not(.hs) .kb-factor .nr{display:none!important}
/* één ronding ook voor fotokaarten */
body:not(.hs) main a:has(>img),body:not(.hs) main a:has(>.dienst-foto),body:not(.hs) main .dienst-foto{border-radius:6px!important}
/* uitsneden */
body:not(.hs) img[src*="Hero-Syngenta"]{object-position:60% 62%!important}
body:not(.hs) .muur .tegel img{object-position:50% 35%}

/* ── siteronde 8 ── */
/* stijlproef-dienstpagina: zachte band in de dienstkleur en stempel onder de kop */
body.hs .h-paginakop{background:linear-gradient(180deg,color-mix(in srgb,var(--k) 12%,#fff) 0%,#fff 100%)}
body.hs .h-paginakop .h-hero-stempel{display:block;width:104px;height:104px;margin:8px 0 12px;transform:rotate(-8deg)}
/* 'app een foto' overal dezelfde tekstlink met icoon */
body a.app-link{background:none!important;border:0!important;padding:0!important;color:#1A3752!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important;display:inline-flex;align-items:center;gap:5px;min-height:0!important}
body a.app-link svg{color:#1E9E55}
/* soortkaarten even hoog, op mobiel twee bij twee */
body:not(.hs) .soort-net:not(#_){align-items:stretch!important}
body:not(.hs) .soort{display:flex;flex-direction:column}
body:not(.hs) .soort-onder{margin-top:auto}
@media (max-width:700px){body:not(.hs) .soort-net:not(#_){display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}body:not(.hs) .soort-foto img{aspect-ratio:4/3;height:auto!important}body:not(.hs) .soort :is(.soort-detail,.soort-plus){display:none}}
/* kop links, alle alinea's rechts */
@media (min-width:901px){body:not(.hs) .sectie>.raster>h2:first-child{grid-row:1/span 20;align-self:start}body:not(.hs) .sectie>.raster>h2:first-child~p{grid-column:2}}
/* kop met link en een alinea erna: kop links, alinea rechts op dezelfde hoogte */
@media (min-width:901px){body:not(.hs) .sectie-kop:has(>.sectie-link):has(+p){grid-column:1!important;display:block!important}body:not(.hs) .sectie-kop:has(>.sectie-link):has(+p)>.sectie-link{display:inline-block;margin-top:14px}body:not(.hs) .sectie-kop:has(>.sectie-link)+p{grid-column:2;margin-top:0!important;align-self:start}}
/* oplossingstegels: foto vult de tegel, alleen productfoto's passend */
body:not(.hs) .produkt-muur .dienst-foto img:not([src*="/fotos/producten/"]){object-fit:cover!important}
/* grote galerijen eindigen op een volle rij */
@media (min-width:901px){
body:not(.hs) .muur:has(>:nth-child(11)):not(#_)>:last-child:nth-child(4n+1){grid-column:span 4!important;aspect-ratio:3/1!important}
body:not(.hs) .muur:has(>:nth-child(11)):not(#_)>:last-child:nth-child(4n+2),body:not(.hs) .muur:has(>:nth-child(11)):not(#_)>:nth-last-child(2):nth-child(4n+1){grid-column:span 2!important;aspect-ratio:8/3!important}
body:not(.hs) .muur:has(>:nth-child(11)):not(#_)>:last-child:nth-child(4n+3){grid-column:span 2!important;aspect-ratio:8/3!important}
}
@media (max-width:900px){body:not(.hs) .tegel-rij:not(#_)>:last-child:nth-child(odd){grid-column:1/-1!important}body:not(.hs) main :is(.tegel-rij,.muur.drie)>:last-child:nth-child(odd) img{aspect-ratio:16/10;height:auto!important}}
@media (min-width:901px){body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.kb-prose~.kb-prose{grid-column:2!important}body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.sectie-kop{grid-row:span 6}body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.kb-stat-rij:empty,body:not(.hs) .schil:has(>.sectie-kop+.kb-prose)>.kb-stat-rij{grid-column:2!important}}

/* ── siteronde 9 ── */
/* projectoverzicht (3 kolommen) valt buiten de 4-kolomsregels */
@media (min-width:901px){body:not(.hs) .muur.drie:not(#_):not(#_)>*{grid-column:auto!important;aspect-ratio:auto!important}body:not(.hs) .muur.drie:not(#_):not(#_){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
/* brede slottegel even hoog als de rij */
@media (min-width:901px){body:not(.hs) .muur:not(.drie):has(>:nth-child(7):last-child):not(#_)>:last-child{aspect-ratio:8/3!important;height:auto!important}}
body:not(.hs) .muur>:last-child img{height:100%;object-fit:cover}
/* drie kaarten naast elkaar */
@media (min-width:901px){body:not(.hs) .mat-net:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
body:not(.hs) img[src*="neonletters-voor-gevelreclame"]{object-position:30% 50%!important}

/* ── siteronde 10 ── */
/* twee intro-alinea's: kop erboven, alinea's naast elkaar */
@media (min-width:901px){body:not(.hs) .sectie>.raster:has(>.sectie-intro+.sectie-intro)>.sectie-kop{grid-column:1/-1!important;grid-row:auto!important;position:static}body:not(.hs) .sectie>.raster:has(>.sectie-intro+.sectie-intro){grid-template-columns:1fr 1fr!important}body:not(.hs) .sectie>.raster:has(>.sectie-intro+.sectie-intro)>.sectie-intro{grid-column:auto!important;margin-top:0!important}}
/* vijf projecten: drie boven, twee breed eronder */
@media (min-width:901px){body:not(.hs) .praktijk-net:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}body:not(.hs) .praktijk-net:has(>:nth-child(5):last-child)>*{grid-column:span 2}body:not(.hs) .praktijk-net:has(>:nth-child(5):last-child)>:nth-child(n+4){grid-column:span 3}}

/* ── siteronde 11 ── */
@media (min-width:901px){body:not(.hs) .sectie-kort .kort{max-width:none!important;width:100%;columns:2;column-gap:56px}body:not(.hs) .sectie-kort .kort>*{break-inside:avoid}body:not(.hs) .sectie-kort>.raster{grid-template-columns:1fr!important}}
body:not(.hs) .sectie-kort{padding-bottom:40px!important}
/* gerelateerde kaarten: pijl hoort bij de tekst */
body:not(.hs) .kb-rel-kaart{display:flex!important;flex-direction:column}
body:not(.hs) .kb-rel-kaart .verder{margin-top:auto!important;padding-top:10px;display:block!important;white-space:nowrap}
/* FAQ: plus en kruisje op de hoogte van de vraag */
body:not(.hs) main details>summary{align-items:center!important}
/* projectkaarten per rij even hoog */
body:not(.hs) .muur.drie:not(#_){align-items:stretch!important}
body:not(.hs) .muur.drie>a.tegel{height:100%!important}
/* filterchips in de eigen dienstkleur */
body:not(.hs) .cat-link .stip{background:var(--sk)!important}
/* losse 'Meer weten'-regel: weinig lucht */
body:not(.hs) main>section.sectie:has(>.schil>p:only-child){padding:8px 0 24px!important}
body:not(.hs) main>section.sectie:has(>.schil>p:only-child)+section{padding-top:48px!important}
/* kaarten met korte tekst niet uitrekken */
body:not(.hs) .mat-net:not(#_){align-items:start!important}
/* labels op tegels altijd leesbaar */
body:not(.hs) .verwant span{background:linear-gradient(0deg,rgba(15,30,46,.85),rgba(15,30,46,0))!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* fotorijen in artikelen: kolommen volgen het aantal foto's */
body .h-fotorij{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;margin-top:6px}
body .h-fotorij>figure{border-radius:6px!important}
@media (max-width:700px){body .h-fotorij{grid-template-columns:1fr 1fr}body .h-fotorij>figure:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/10!important}}
/* projectverhaal: tekst op leesbreedte, projectkaart als band eronder */
@media (min-width:901px){
html body:not(.hs) .verhaal-net:not(#_){grid-template-columns:1fr!important;gap:32px!important}
html body:not(.hs) .verhaal-net:not(#_)>.verhaal{max-width:78ch}
html body:not(.hs) .verhaal-net:not(#_)>.project-kaart{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:20px 40px;align-items:start}
html body:not(.hs) .verhaal-net:not(#_)>.project-kaart>*{margin:0!important}
}

/* ── siteronde 12 ── */
/* kaartrijen: alle kaarten per rij even hoog */
body:not(.hs) :is(.mat-net,.kb-factoren,.kb-kaartjes,.kb-kaarten,.kb-rel-net,.keuze-net,.praktijk-net,.soort-net,.stappen):not(#_):not(#_){align-items:stretch!important}
body:not(.hs) :is(.mat-net,.kb-factoren,.kb-kaartjes,.kb-kaarten,.keuze-net)>*{height:auto}
body:not(.hs) .mat-net>.mat{display:flex;flex-direction:column}
/* galerijfoto's in een rij even hoog */
body:not(.hs) .galerij-net>figure{aspect-ratio:4/3;overflow:hidden;margin:0}
body:not(.hs) .galerij-net>figure img{width:100%;height:100%!important;object-fit:cover}
/* FAQ: kruisje op dezelfde hoogte als het plusje */
body:not(.hs) .faq summary::after{line-height:1!important;display:inline-grid!important;place-items:center;width:22px;height:22px;transform-origin:50% 50%!important;margin-top:0!important;align-self:center}
body:not(.hs) .faq details[open]>summary{margin-bottom:6px!important}
/* kennisbank-groepskoppen in Excon */
body:not(.hs) .kb-cluster-kop{font-family:var(--f-disp)!important;font-weight:900!important;font-size:1.35rem!important;letter-spacing:-.01em}
/* chips zonder kleur: geen lege plek voor een bolletje */
body:not(.hs) .cat-link:not([style]) .stip{display:none!important}
body:not(.hs) .cat-link:not([style]){padding-left:16px!important}
/* projectkaarten: wit tot onderaan */
html body:not(.hs) #main .muur.drie>a.tegel:not(#_){background:#fff!important}
/* projectkaart: avatar-regel direct onder de feiten */
html body:not(.hs) .verhaal-net>.project-kaart .pk-makers{align-self:end}
/* vinkjeslijsten altijd met bolletje in de dienstkleur */
body:not(.hs) ul.detail-checks{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
body:not(.hs) ul.detail-checks>li{position:relative;padding-left:20px;color:#1A3752;font-weight:600}
body:not(.hs) ul.detail-checks>li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--cta)}
body:not(.hs) ul.detail-checks>li:has(>.v)::before{display:none}
body:not(.hs) ul.detail-checks>li:has(>.v){padding-left:0}

/* ── siteronde 13 ── */
/* vloermatten: één grote en vier kleine, sluitend raster, bijschrift op de foto */
@media (min-width:901px){body:not(.hs) .mat-galerij:not(#_){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}body:not(.hs) .mat-galerij>.mg-groot{grid-column:span 2!important;grid-row:span 2!important;aspect-ratio:auto!important}}
body:not(.hs) .mat-galerij>figure{position:relative;overflow:hidden;margin:0;aspect-ratio:4/3;border-radius:6px}
body:not(.hs) .mat-galerij>figure img{width:100%;height:100%!important;object-fit:cover}
html body:not(.hs) #main .mat-galerij>figure>figcaption{position:absolute!important;left:0;right:0;bottom:0;padding:40px 12px 10px!important}
@media (max-width:900px){body:not(.hs) .mat-galerij:not(#_){display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}body:not(.hs) .mat-galerij>.mg-groot{grid-column:1/-1}}
/* contact: lucht boven fotorij en bel-regel */
body:not(.hs) .sectie-intro+.galerij-net{margin-top:40px!important}
body:not(.hs) .slot-bel{margin-top:24px!important}
/* filterrij loopt door naar een tweede regel */
body:not(.hs) :is(.cat-nav,.cat-links,.filter-rij,.kb-chips):has(.cat-link){flex-wrap:wrap!important;overflow:visible!important}
body:not(.hs) .cat-link{flex:none}
/* kennisbank: mobiele kaarten tonen de hele omschrijving */
@media (max-width:640px){body:not(.hs) :is(.kb-kaartje,.kb-kaart) p{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}}
/* lopende tekst ook als er iets tussen kop en tekst staat */
@media (min-width:901px){
body:not(.hs) .schil:has(>.sectie-kop~.kb-prose):not(:has(>.sectie-kop+.kb-prose)){display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}
body:not(.hs) .schil:has(>.sectie-kop~.kb-prose):not(:has(>.sectie-kop+.kb-prose))>*{grid-column:1/-1}
body:not(.hs) .schil:has(>.sectie-kop~.kb-prose):not(:has(>.sectie-kop+.kb-prose))>.sectie-kop{grid-column:1!important;grid-row:span 6}
body:not(.hs) .schil:has(>.sectie-kop~.kb-prose):not(:has(>.sectie-kop+.kb-prose))>.kb-prose{grid-column:2!important;max-width:66ch}
}
/* projectkaart: feiten links, aanvraag rechts, avatar onder de feiten */
@media (min-width:901px){
html body:not(.hs) .verhaal-net:not(#_)>.project-kaart{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"klant cta" "feiten cta" "makers cta"}
html body:not(.hs) .verhaal-net>.project-kaart .pk-klant{grid-area:klant}
html body:not(.hs) .verhaal-net>.project-kaart .pk-feiten{grid-area:feiten}
html body:not(.hs) .verhaal-net>.project-kaart .pk-makers{grid-area:makers;align-self:start}
html body:not(.hs) .verhaal-net>.project-kaart .pk-cta{grid-area:cta;align-self:center;justify-self:end;width:100%;max-width:380px}
}
@media (min-width:901px){body:not(.hs) .schil:has(>.cat-link){flex-wrap:wrap!important;overflow:visible!important;row-gap:10px}}

/* ── siteronde 14 ── */
/* geen fade-in bij scrollen: alles staat er meteen */
body .reveal{opacity:1!important;transform:none!important;transition:none!important}
/* interieur-bento: brede slottegel even hoog als de rij */
body[data-cat="interieur"]:not(.hs) [aria-labelledby=kop-wand] .muur:not(#_)>:last-child{aspect-ratio:8/3!important;height:auto!important}
/* projectoverzicht op mobiel: laatste kaart gewoon in de kolom */
@media (max-width:900px){body:not(.hs) .muur.drie:not(#_):not(#_)>:last-child{grid-column:auto!important}body:not(.hs) main .muur.drie>:last-child:nth-child(odd) img{aspect-ratio:4/3!important}}
/* kennisbank-groepskop: één vorm, kop met dunne lijn */
body:not(.hs) .kb-cluster-kop{display:flex!important;align-items:center;gap:16px}
body:not(.hs) .kb-cluster-kop>:is(h3,b){font-family:var(--f-disp)!important;font-weight:900!important;font-size:1.35rem!important;margin:0!important;letter-spacing:-.01em;color:#1A3752;flex:none}
body:not(.hs) .kb-cluster-kop>:is(.label,.ln,.tik){display:none!important}
body:not(.hs) .kb-cluster-kop::after{content:"";flex:1;height:1px;background:#E4E3EA}
/* kreeft op mobiel: hele naam in beeld */
@media (max-width:900px){body:not(.hs) img[src*="kreeft-verlichte-letters-nacht"]{object-fit:contain!important;background:#0b0f18}}

/* ── siteronde 15 ── */
/* regiokaarten met korte teksten: eigen hoogte */
/* bedankt: foto van Jos en Antony naast de tekst */
@media (min-width:901px){body:not(.hs) .pagina-hero:has(.h-bedankt-foto) .schil{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:start}body:not(.hs) .pagina-hero:has(.h-bedankt-foto) .schil>*{grid-column:1}body:not(.hs) .pagina-hero .h-bedankt-foto{grid-column:2!important;grid-row:1/span 12;align-self:center}}
body:not(.hs) .h-bedankt-foto{margin:24px 0 0;border-radius:6px;overflow:hidden;aspect-ratio:4/3}
body:not(.hs) .h-bedankt-foto img{width:100%;height:100%;object-fit:cover;display:block}
/* tijdlijn op mobiel: compacte swipe-rij */
@media (max-width:700px){body:not(.hs) .tijdlijn:not(#_){display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;grid-template-columns:none!important;padding-bottom:6px}body:not(.hs) .tijdlijn>.moment{flex:0 0 72%;scroll-snap-align:start}body:not(.hs) .tijdlijn>.moment img{aspect-ratio:4/3;height:auto!important;object-fit:cover}}
/* productfoto's op wit: bijschrift als witte pil, geen donker verloop */
html body:not(.hs) #main figure:has(>img[src*="/fotos/producten/"])>figcaption:not(#_),html body:not(.hs) #main a:has(>img[src*="/fotos/producten/"])>figcaption:not(#_){background:#fff!important;color:#1A3752!important;left:10px!important;right:auto!important;bottom:10px!important;padding:5px 10px!important;border-radius:6px;box-shadow:0 1px 4px rgba(19,41,62,.12);width:auto!important}
html body:not(.hs) #main :is(figure,a):has(>img[src*="/fotos/producten/"])>figcaption *{color:#1A3752!important}
/* kennisbank-hero: foto bovenaan naast de kop */
@media (min-width:901px){body:not(.hs) .kb-hero-grid{align-items:start!important}}

/* ── siteronde 16 ── */
/* alinea's en tussenkoppen nooit over elkaar */
body:not(.hs) .schil>p+p,body:not(.hs) .schil>h3+p{margin-top:14px!important}
body:not(.hs) .schil>p+h3{margin-top:32px!important}
/* kennisbankkaarten: foto vult de kaartbreedte */
body:not(.hs) :is(.kb-kaart,.kb-kaartje) img{width:100%!important;display:block;object-fit:cover}
/* losse slotalinea zonder kop: over de volle breedte */
body:not(.hs) .sectie>.raster:not(:has(h2,h3))>.sectie-intro,body:not(.hs) .sectie>.schil:not(:has(h2,h3))>.sectie-intro{grid-column:1/-1!important;max-width:70ch}
/* vloermatten: label als witte pil, leesbaar op lichte foto's */
html body:not(.hs) #main .mat-galerij>figure>figcaption:not(#_){background:#fff!important;color:#1A3752!important;left:10px!important;right:auto!important;bottom:10px!important;padding:5px 10px!important;border-radius:6px;box-shadow:0 1px 4px rgba(19,41,62,.12)}
/* namen op de gevel: foto iets hoger en minder ingezoomd */
body:not(.hs) img[src*="martinus"]{object-position:60% 40%!important}
body .h-fotorij[style*="--n:1"]>figure{aspect-ratio:21/9!important}
body .h-fotorij[style*="--n:1"]>figure img{width:100%;height:100%;object-fit:cover}

/* ── siteronde 17 ── */
/* mobiel: lange woorden breken af, niets valt buiten het scherm */
@media (max-width:600px){
body main :is(h1,h2,h3,p,li,td,th,dd,dt,figcaption,a,span,b,strong){overflow-wrap:break-word;hyphens:auto}
body:not(.hs) main h1{font-size:clamp(1.9rem,8.6vw,2.6rem)!important}
body:not(.hs) main :is(.kb-antwoord,.kort,.kb-hero-tekst,.detail-checks){max-width:100%;box-sizing:border-box;min-width:0}
body:not(.hs) main :is(.kb-hero-grid,.schil)>*{min-width:0}
}
/* kennisbank-hero: foto even hoog als de tekstkolom */
@media (min-width:901px){body:not(.hs) .kb-hero-grid:not(#_){align-items:stretch!important}body:not(.hs) .kb-hero-grid>:last-child:has(img){display:flex}body:not(.hs) .kb-hero-grid>:last-child:has(img) :is(figure,img){height:100%;width:100%;object-fit:cover}}
/* formulierkop overal navy */
body .aanvraag :is(h2,h3,.aanvraag-kop,legend){color:#1A3752!important;opacity:1!important}
/* camperfoto's op mobiel als swipe-rij */
@media (max-width:700px){body:not(.hs) .galerij-net:not(#_){display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}body:not(.hs) .galerij-net>figure{flex:0 0 78%;scroll-snap-align:start}}
@media (max-width:600px){body:not(.hs) main .sectie-kop>:is(h1,h2){min-width:0!important;max-width:100%;overflow-wrap:anywhere;hyphens:auto!important}}

/* ── siteronde 18 ── */
/* geen afbreekstreepjes midden in woorden; alleen echt te lange woorden breken */
@media (max-width:600px){body main :is(h1,h2,h3,p,li,td,th,dd,dt,figcaption,a,span,b,strong):not(#_){hyphens:manual!important;overflow-wrap:break-word}body:not(.hs) main .sectie-kop>:is(h1,h2):not(#_){hyphens:manual!important;overflow-wrap:anywhere}}
/* samenvattingskaart: koppen in Excon */
html body:not(.hs) .project-kaart :is(.pk-klant,.pk-vraag){font-family:var(--f-disp)!important;font-weight:900!important;letter-spacing:-.01em;color:#1A3752}
/* kennisbank-hero op mobiel: hogere uitsnede */
@media (max-width:900px){body:not(.hs) .kb-hero-grid img:not(.h-hero-stempel){aspect-ratio:1/1;height:auto!important;object-fit:cover}}
/* kennisbankkaarten: aantal kolommen volgt het aantal kaarten */
@media (min-width:901px){
body:not(.hs) :is(.kb-kaartjes,.kb-kaarten):has(>:nth-child(5):last-child):not(#_){grid-template-columns:repeat(5,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-kaartjes,.kb-kaarten):is(:has(>:nth-child(7):last-child),:has(>:nth-child(8):last-child)):not(#_){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body:not(.hs) :is(.kb-kaartjes,.kb-kaarten):is(:has(>:nth-child(7):last-child),:has(>:nth-child(5):last-child)):not(#_)>*{grid-column:auto!important}
}
/* artikel: tussenkoppen in de tekstkolom, niet los links */
@media (min-width:901px){body:not(.hs) .schil:has(>.sectie-kop~.kb-prose)>:is(h3,h4){grid-column:2!important;margin-top:28px}}

/* ── siteronde 19 ── */
/* verhaal met foto: foto en tekst als twee gelijke helften over de volle breedte */
@media (min-width:901px){body:not(.hs) .verhaal:has(>.verhaal-foto):not(#_){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:56px!important;max-width:none!important;width:100%;align-items:center}body:not(.hs) .verhaal>.verhaal-foto img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}}
/* artikel: introzin in de tekstkolom */
@media (min-width:901px){body:not(.hs) .schil:has(>.sectie-kop~.kb-prose)>.sectie-intro{grid-column:2!important}}
/* productslider: bolletjes rechtsboven in een eigen pil, los van het label */
body:not(.hs) .product-slider-dots:not(#_){top:12px!important;bottom:auto!important;right:12px!important;left:auto!important;transform:none!important;background:rgba(255,255,255,.88);padding:5px 8px;border-radius:999px}

/* ── siteronde 20 ── */
/* kennisbank-hero: foto even hoog als de tekst, kop met lucht ernaast */
@media (min-width:901px){body:not(.hs) .kb-hero-grid>.kb-hero-foto:not(#_){align-self:stretch!important;height:auto!important;max-height:none!important;display:flex;flex-direction:column}body:not(.hs) .kb-hero-grid>.kb-hero-foto>img:not(#_){flex:1 1 auto;height:100%!important;min-height:0;aspect-ratio:auto!important;object-fit:cover}body:not(.hs) .kb-hero-tekst h1{max-width:96%}}
/* kennisbank-hero op mobiel: bijschrift onder de foto */
@media (max-width:900px){html body:not(.hs) #main .kb-hero-foto>figcaption:not(#_){position:static!important;background:none!important;color:#3d4a57!important;padding:8px 0 0!important}html body:not(.hs) #main .kb-hero-foto>figcaption *{color:#1A3752!important}}
/* alinea's na een kaartenrij: naast elkaar over de volle breedte */
@media (min-width:901px){body:not(.hs) .sectie>.raster>.mat-net~.sectie-intro:not(#_){grid-column:auto!important;margin-top:28px!important}}

/* ── siteronde 21 ── */
/* link onder de intro, in de tekstkolom */
@media (min-width:901px){body:not(.hs) .sectie>.raster>.h-sectie-link,body:not(.hs) .schil>.h-sectie-link{grid-column:2!important;margin:12px 0 0!important}}
body:not(.hs) .h-sectie-link{margin:14px 0 0}
/* zeven tegels: vier boven, drie eronder en de laatste breed */
@media (min-width:901px){body:not(.hs) .keuze-net:has(>:nth-child(7):last-child):not(#_){grid-template-columns:repeat(4,minmax(0,1fr))!important}body:not(.hs) .keuze-net:has(>:nth-child(7):last-child):not(#_)>:last-child{grid-column:span 2!important}}
/* kleine iconen (plus, kruisje, pijl) altijd navy: geel op wit is te licht */
body:not(.hs) .faq summary::after{color:#1A3752!important}
body:not(.hs) :is(.kb-rel-kaart,.dienst,.paneel,.kb-kaartje,.kb-kaart) .pijl{color:#1A3752!important}

/* ── siteronde 22 ── */
/* lange lopende tekst: kop erboven, tekst in twee kolommen over de volle breedte */
@media (min-width:901px){
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose>p:nth-of-type(2)):not(#_){display:block!important}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose>p:nth-of-type(2))>.sectie-kop{position:static!important;margin-bottom:24px!important}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose>p:nth-of-type(2))>.kb-prose{max-width:none!important;columns:2;column-gap:56px}
body:not(.hs) .schil:has(>.sectie-kop+.kb-prose>p:nth-of-type(2))>.kb-prose>*{break-inside:avoid}
}
/* zeven kaarten: vier boven, drie eronder met de laatste breed */
@media (min-width:901px){body:not(.hs) :is(.kb-factoren,.mat-net):has(>:nth-child(7):last-child):not(#_):not(#_){grid-template-columns:repeat(4,minmax(0,1fr))!important}body:not(.hs) :is(.kb-factoren,.mat-net):has(>:nth-child(7):last-child):not(#_):not(#_)>:last-child{grid-column:span 2!important}}
/* link onder de intro met ruimte tot het blok erna */
body:not(.hs) .h-sectie-link{margin-bottom:28px!important}

/* ── siteronde 23 ── */
/* losse verwijszin onder de kaarten: over de volle breedte */
@media (min-width:901px){body:not(.hs) .schil>.kb-prose:last-child:has(>p:only-child):not(.sectie-kop+.kb-prose):not(#_){grid-column:1/-1!important;max-width:72ch}}
/* kennisbankkaarten met icoontegel bij de titel */
body:not(.hs) .kb-kaart>h4:has(>.h-ico){display:flex;align-items:center;gap:10px}
body:not(.hs) .kb-kaart>h4 .h-ico{width:34px;height:34px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,#fff)}
body:not(.hs) .kb-kaart>h4 .h-ico svg{width:22px;height:22px;fill:none;stroke:#1A3752;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* offertestap: ook op home en autobelettering de nieuwe letters, knop navy behalve op home */
body.hs .stap-vraag{font-family:'Excon',sans-serif!important;font-weight:700!important}
body.hs :is(.of-naam,.stap-terug){font-family:'Supreme','Barlow',sans-serif!important}
body.hs .stap-verder{font-family:'General Sans','Supreme',sans-serif!important}
body.hs:not([data-cat=""]) .stap-verder{background:#1A3752!important;color:#fff!important;border-color:#1A3752!important}
/* gerelateerde artikelen: één pijl (bij Lees verder), compacte kaart, geen dode ruimte naar de feedbackbalk */
body:not(.hs) .kb-rel-kaart .kb-rel-titel::after{content:none!important}
body:not(.hs) .kb-rel-kaart{min-height:0!important;gap:14px}
body:not(.hs) .kb-rel-kaart .verder{padding-top:0!important}
body:not(.hs) section:has(.kb-rel-net)+section[aria-label="Feedback"]{padding-top:0!important}
/* icoontegels op kennisbankkaarten met foto, gerelateerde en meest gelezen kaarten, en de categoriekaarten */
body:not(.hs) :is(.kb-kaart-tekst>h3,.dienst-naam):has(>.h-ico){display:flex!important;align-items:center;gap:10px}
body:not(.hs) .dienst-naam:has(>.h-ico)::before{display:none!important}
body:not(.hs) :is(.kb-rel-kaart,.kb-uitgelicht>a):has(>.h-ico){display:grid!important;grid-template-columns:34px 1fr;column-gap:12px;align-items:center;align-content:start}
body:not(.hs) :is(.kb-rel-kaart,.kb-uitgelicht>a)>:not(.h-ico){grid-column:2}
body:not(.hs) :is(.kb-rel-kaart,.kb-uitgelicht>a)>.h-ico{grid-row:1}
body:not(.hs) :is(.kb-kaart-tekst>h3,.dienst-naam,.kb-rel-kaart,.kb-uitgelicht>a)>.h-ico{width:34px;height:34px;flex:none;border-radius:6px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--k) 16%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--k) 30%,#fff)}
body:not(.hs) :is(.kb-kaart-tekst>h3,.dienst-naam,.kb-rel-kaart,.kb-uitgelicht>a)>.h-ico svg{width:22px;height:22px;fill:none;stroke:#1A3752;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* kennisbankartikel: twee witte tekstsecties na elkaar krijgen een dunne lijn en de helft van de ruimte */
body:not(.hs):has(.kb-hero) main>section.sectie:not([class*="band-"])+section.sectie:not([class*="band-"]):not([aria-label="Feedback"]){padding-top:0!important}
body:not(.hs):has(.kb-hero) main>section.sectie:not([class*="band-"])+section.sectie:not([class*="band-"]):not([aria-label="Feedback"])>.schil::before{content:"";display:block;border-top:1px solid #E6E9EE;margin-bottom:56px;grid-column:1/-1}
/* kennisbankartikel op mobiel: hogere herofoto zodat het onderwerp heel in beeld staat */
@media (max-width:900px){body:not(.hs) .kb-hero-foto:not(#_){aspect-ratio:4/3;height:auto!important;min-height:0!important}body:not(.hs) .kb-hero-foto:not(#_) img{height:100%!important;width:100%;object-fit:cover}}
/* sectielink als laatste regel van de intro */
body:not(.hs) .sectie-intro>.h-sectie-link{display:block;margin:14px 0 0!important;grid-column:auto!important}
/* herofoto die heel in beeld moet (tweeluik voor/na): vierkant, niet uitgerekt */
body:not(.hs) .kb-hero-foto.kb-hero-heel:not(#_){aspect-ratio:1/1;height:auto!important;min-height:0!important;align-self:center}
body:not(.hs) .kb-hero-foto.kb-hero-heel:not(#_) img{height:100%!important;width:100%;object-fit:cover;object-position:50% 50%!important}
/* vergelijkingstabel: labelkolom smaller zodat de waarden bij hun label staan; geen kapitalen in de kop */
body:not(.hs) .prijstabel tr:has(>:nth-child(3)) td:first-child{width:30%}
body:not(.hs) .prijstabel th{text-transform:none!important;letter-spacing:0!important;font-size:.85rem!important}
@media (max-width:600px){body:not(.hs) main table:not(#_) td[data-label]::before{content:attr(data-label) ": ";font-weight:600;color:#5B6573}}
/* tegelonderschriften lopen door op twee regels in plaats van af te kappen */
body:not(.hs) .tegel figcaption:not(#_){white-space:normal!important;text-overflow:clip!important;overflow:visible!important;line-height:1.3}
/* archieffoto's zijn licht: sterker donker verloop onder het bijschrift */
body:not(.hs) .archief-muur .tegel figcaption:not(#_){background:linear-gradient(to bottom,rgba(15,30,55,0),rgba(15,30,55,.88) 55%)!important;padding-top:44px!important}
/* producthero: de fotoslider is even hoog als de tekstkolom */
@media (min-width:901px){
body:not(.hs) .detail-hero .schil>.detail-foto.product-slider:not(#_){aspect-ratio:auto!important;align-self:stretch!important;height:auto!important;min-height:520px;display:flex;flex-direction:column}
body:not(.hs) .detail-hero .product-slider:not(#_) .product-slider-track{flex:1;height:100%!important}
body:not(.hs) .detail-hero .product-slider:not(#_) :is(.product-slider-slide,.product-slider-slide img){height:100%!important}
body:not(.hs) .detail-hero .product-slider:not(#_) .product-slider-slide img{width:100%;object-fit:cover}
}
/* losse vragenlijst onder kaarten krijgt een eigen kop en ruimte */
body:not(.hs) .h-faq-kop{grid-column:1/-1;margin:56px 0 14px!important;font-family:'Excon',sans-serif;font-weight:700;font-size:1.35rem;color:#1A3752}
/* subnavigatie onder de dienstbalk: wit, dunne lijn, compacte pillen zoals de kennisbankfilters, actief = navy */
body .cat-nav:not(#_){background:#fff!important;border-top:0!important;border-bottom:1px solid #E6E9EE!important;padding:12px 0!important;box-shadow:none!important}
body .cat-nav:not(#_) .schil{gap:8px!important;align-items:center}
body .cat-nav:not(#_) .cat-link{background:#fff!important;color:#1A3752!important;border:1px solid #D9DEE5!important;box-shadow:none!important;border-radius:999px!important;padding:7px 14px!important;font-family:'General Sans','Supreme',sans-serif!important;font-weight:600!important;font-size:.82rem!important;line-height:1.2!important;min-height:0!important;gap:8px}
body .cat-nav:not(#_) .cat-link:hover{border-color:#1A3752!important}
body .cat-nav:not(#_) .cat-link.actief{background:#1A3752!important;border-color:#1A3752!important;color:#fff!important}
body .cat-nav:not(#_) .cat-link .stip{width:7px!important;height:7px!important}
body .cat-nav:not(#_) .cat-link.actief .stip{background:#fff!important}
/* één tekstletter: Hanken Grotesk. Oude lettertypenamen wijzen naar Hanken, zodat geen enkel element nog Supreme, Barlow of General Sans toont */
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Supreme';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Barlow';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'General Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Satoshi';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Sentient';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Figtree';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/huisstijl/fonts/hanken-grotesk-700.woff2') format('woff2');font-weight:900;font-display:swap}
/* compacter ritme: minder lucht tussen secties (eigenaar: "heel veel white space") */
html body main>section.sectie:not(#_){padding-top:52px!important;padding-bottom:52px!important}
html body main>section.sectie:not(#_)>:is(.schil,.raster)>:first-child{margin-top:0!important}
html body main>section.sectie:not(#_)>:is(.schil,.raster)>:last-child{margin-bottom:0!important}
@media (max-width:900px){html body main>section.sectie:not(#_){padding-top:40px!important;padding-bottom:40px!important}}
/* kennisbankartikel: opeenvolgende witte secties delen één tussenruimte met een dunne lijn */
html body:has(.kb-hero) main>section.sectie:not([class*="band-"])+section.sectie:not([class*="band-"]):not([aria-label="Feedback"]):not(#_){padding-top:0!important}
html body:has(.kb-hero) main>section.sectie:not([class*="band-"])+section.sectie:not([class*="band-"]):not([aria-label="Feedback"]):not(#_)>.schil::before{margin-bottom:44px!important}
/* subnavigatie sluit naadloos aan op de dienstbalk en spreekt dezelfde taal: glas, één kleur, actief = tint in de dienstkleur */
body .cat-nav:not(#_){top:62px!important;background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-bottom:0!important;box-shadow:0 1px 0 rgba(26,55,82,.1),0 12px 30px -18px rgba(19,41,62,.35)!important;padding:10px 0!important}
@media (min-width:1024px){body .cat-nav:not(#_){top:76px!important}}
@media (max-width:900px){body .cat-nav:not(#_){top:77.75px!important}}
body:has(.cat-nav) .h-catbalk.h-vast{box-shadow:none!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link .stip{background:var(--dk,var(--ink))!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link:hover{border-color:var(--dk,var(--ink))!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link.actief{background:color-mix(in srgb,var(--dk,var(--ink)) 14%,#fff)!important;border-color:var(--dk,var(--ink))!important;color:#1A3752!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link.actief .stip{background:var(--dk,var(--ink))!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link .stip{display:inline-block!important;border-radius:50%}
@media (max-width:900px){body .cat-nav[aria-label^="Soorten"]:not(#_) .schil{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none;padding-inline:16px}body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link{flex:none;white-space:nowrap}}
/* koppen van diensten: zelfde letter, iets dikker */
body:not(.hs) main :is(.dienst-naam,.paneel-naam){font-family:'Hanken Grotesk',sans-serif!important;font-weight:800!important;letter-spacing:-.01em}
/* autobelettering: fotostrook en kop als één zacht getint vlak, rustigere kop en kiezer zonder doos-in-doos */
body.hs section.h-strook:has(+ .h-paginakop){--k:var(--geel);padding-top:32px;background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--k) 12%,#fff) 100%)}
body.hs section.h-strook+.h-paginakop{padding-top:48px}
body.hs .h-paginakop h1{font-size:clamp(2.4rem,3.6vw,3.4rem);text-wrap:balance}
body.hs .h-paginakop .h-kiezer{background:transparent;box-shadow:none;padding:0}
body.hs .h-paginakop .h-kiezer a{box-shadow:0 0 0 1px color-mix(in srgb,var(--k) 30%,var(--wit)),0 10px 24px -18px rgba(19,41,62,.35)}
body.hs .h-paginakop .h-kiezer a:hover{box-shadow:0 0 0 2px var(--k),0 10px 24px -16px rgba(19,41,62,.4)}
@media (max-width:900px){body.hs section.h-strook:has(+ .h-paginakop){padding-top:20px}body.hs section.h-strook+.h-paginakop{padding-top:28px}}
/* rustiger kop: subnavigatie als lichte tekstregel, alleen het actieve item draagt kleur */
body .cat-nav[aria-label^="Soorten"]:not(#_){padding:0!important;box-shadow:0 1px 0 rgba(26,55,82,.08),0 12px 30px -20px rgba(19,41,62,.3)!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .schil{gap:28px!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link{background:none!important;border:0!important;border-radius:0!important;padding:13px 0 11px!important;color:#5B6B7C!important;font-weight:500!important;font-size:.86rem!important;box-shadow:inset 0 -2px 0 transparent!important;gap:7px}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link .stip{display:none!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link:hover{color:#1A3752!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link.actief{background:none!important;color:#1A3752!important;font-weight:600!important;box-shadow:inset 0 -2px 0 var(--dk,var(--ink))!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link.actief .stip{display:inline-block!important;width:6px!important;height:6px!important}
@media (max-width:900px){body .cat-nav[aria-label^="Soorten"]:not(#_) .schil{gap:22px!important}}
/* kop v4: bovenregel scrolt weg, hoofdregel blijft staan */
@media (min-width:1024px){body header.h-kop:not(#_){position:sticky!important;top:-34px!important;z-index:31}}
body .cat-nav[aria-label^="Soorten"]:not(#_) .schil{padding-top:0!important;padding-bottom:0!important;min-height:0!important}
/* geen harde overgangen: elk kleurvlak loopt vanuit wit in zijn tint en weer terug naar wit, zonder randlijn */
body:not(.hs) main>section:is(.band-geel,.band-donker):not(#_){--tb:color-mix(in srgb,var(--geel) 13%,#fff)}
body:not(.hs) main>section.band-teal:not(#_){--tb:color-mix(in srgb,var(--cta) 11%,#fff)}
body:not(.hs) main>section.band-blauw:not(#_){--tb:color-mix(in srgb,#3F51E8 6%,#fff)}
body:not(.hs) main>section.band-roze:not(#_){--tb:color-mix(in srgb,var(--roze) 7%,#fff)}
body:not(.hs) main>section.slot:not(#_){--tb:color-mix(in srgb,var(--cta) 9%,#fff)}
body:not(.hs) main>section:is(.band-geel,.band-donker,.band-teal,.band-blauw,.band-roze,.slot):not(#_){background:linear-gradient(180deg,#fff 0,var(--tb) 180px,var(--tb) 55%,#fff 100%)!important;box-shadow:none!important;border-top:0!important}
body:not(.hs) .h-hero-tint:not(#_){background:linear-gradient(180deg,#fff 0,color-mix(in srgb,var(--cta) 8%,#fff) 140px,#fff 100%)!important}
/* materiaal- en soortkaarten: geen doos, foto draagt de kaart, rustige tekst eronder */
body:not(.hs) .mat-net:not(#_){gap:44px 28px!important}
body:not(.hs) .mat.met-foto:not(#_){background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none!important}
body:not(.hs) .mat.met-foto:not(#_) .mat-foto{border-radius:14px!important;overflow:hidden!important;box-shadow:0 18px 36px -28px rgba(19,41,62,.45)}
body:not(.hs) .mat.met-foto:not(#_) .mat-foto img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body:not(.hs) a.mat.met-foto:not(#_):hover .mat-foto img{transform:scale(1.04)}
body:not(.hs) .mat.met-foto:not(#_) .mat-tekst{padding:20px 2px 0!important;background:none!important}
body:not(.hs) .mat.met-foto:not(#_) h3{font-family:'Hanken Grotesk',sans-serif!important;font-weight:800!important;font-size:1.22rem!important;letter-spacing:-.01em;margin:0 0 8px!important;display:block!important;text-decoration:none!important}
body:not(.hs) .mat.met-foto:not(#_) h3 .h-ico{display:none!important}
body:not(.hs) .mat.met-foto:not(#_) p{color:#5B6B7C!important;font-size:1rem!important;line-height:1.6!important}
body:not(.hs) .mat.met-foto:not(#_) p a{font-weight:600;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--cta) 55%,transparent)!important;box-shadow:none!important;background:none!important}
body:not(.hs) a.mat.met-foto:not(#_) h3::after{content:" \2192";color:var(--cta);opacity:0;transition:opacity .2s}
body:not(.hs) a.mat.met-foto:not(#_):hover h3::after{opacity:1}
/* afsluiter: grotere kop en tekst, bellen en appen als echte knoppen */
body:not(.hs) section.slot:not(#_) .slot-tekst h2{font-size:clamp(2.4rem,3.8vw,3.6rem)!important;line-height:1.04!important;margin-bottom:22px!important}
body:not(.hs) section.slot:not(#_) .slot-sub{font-size:1.28rem!important;line-height:1.6!important;color:#3d4a57!important}
body:not(.hs) section.slot:not(#_) .slot-bel{margin-top:30px!important;font-size:1rem!important;color:#5B6B7C!important;line-height:1.4}
body:not(.hs) section.slot:not(#_) .slot-bel a[href^="tel:"]{display:inline-flex!important;align-items:center;gap:10px;margin:14px 10px 0 0;padding:.85em 1.5em!important;border-radius:999px!important;background:var(--ink,#1A3752)!important;color:#fff!important;font-size:1.15rem!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 14px 28px -16px rgba(19,41,62,.7)!important;border:0!important;transition:transform .2s,box-shadow .2s}
body:not(.hs) section.slot:not(#_) .slot-bel a[href^="tel:"]::before{content:"Bel";font-weight:500;opacity:.8}
body:not(.hs) section.slot:not(#_) .slot-bel a[href^="tel:"]:hover{transform:translateY(-2px);box-shadow:0 18px 32px -16px rgba(19,41,62,.75)!important}
body:not(.hs) section.slot:not(#_) .slot-bel a.app-link{display:inline-flex!important;align-items:center;gap:8px;margin-top:14px;padding:.8em 1.3em!important;border-radius:999px!important;background:#fff!important;box-shadow:inset 0 0 0 2px #25D366!important;color:var(--ink,#1A3752)!important;font-size:1.05rem!important;font-weight:600!important;text-decoration:none!important;border:0!important}
body:not(.hs) section.slot:not(#_) .slot-bel a.app-link:hover{background:#25D366!important;color:#fff!important}
body:not(.hs) section.slot:not(#_) .slot-bel a.app-link::before{display:none!important}
/* tekstkaarten zonder foto: geen icoontegel, geen grijze doos, zachte tint in de dienstkleur */
body:not(.hs) .mat-tekst h3 .h-ico:not(#_){display:none!important}
body:not(.hs) .mat:not(.met-foto):not(#_){background:color-mix(in srgb,var(--cta) 6%,#fff)!important;border:0!important;box-shadow:none!important;border-radius:14px!important;padding:28px 30px 30px!important}
body:not(.hs) .mat:not(.met-foto):not(#_) .mat-tekst{padding:0!important;background:none!important}
body:not(.hs) .mat:not(.met-foto):not(#_) h3{font-family:'Hanken Grotesk',sans-serif!important;font-weight:800!important;font-size:1.2rem!important;letter-spacing:-.01em;margin:0 0 10px!important;display:block!important}
body:not(.hs) .mat:not(.met-foto):not(#_) h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cta);margin-right:10px;vertical-align:3px}
body:not(.hs) .mat:not(.met-foto):not(#_) p{color:#5B6B7C!important;font-size:1rem!important;line-height:1.6!important}
body:not(.hs) a.mat:not(.met-foto):not(#_):hover{background:color-mix(in srgb,var(--cta) 11%,#fff)!important}
body:not(.hs) .mat h3 .h-ico:not(#_),body:not(.hs) .mat h3>.h-ico{display:none!important}
/* geen herhaalde icoontegels zonder betekenis: kennisbank-verwijzingen, factorlijsten en overzichtskaarten */
body:not(.hs) :is(.kb-rel-kaart,.kb-factor,.kb-kaart,.kb-uitgelicht) .h-ico:not(#_),body:not(.hs) :is(.kb-rel-kaart,.kb-factor,.kb-kaart,.kb-uitgelicht)>.h-ico{display:none!important}
body:not(.hs) :is(.kb-rel-kaart,.kb-uitgelicht>a,.kb-kaart):not(#_){grid-template-columns:minmax(0,1fr)!important}
body:not(.hs) :is(.kb-rel-kaart,.kb-uitgelicht>a,.kb-kaart):not(#_)>*{grid-column:1/-1!important}
@media (min-width:1024px){body header.h-kop:not(#_){z-index:50!important}}
/* toen en nu: twee gelijke fotovakken naast elkaar */
body:not(.hs) .toen-nu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1080px;margin:0 auto 36px;text-align:left}
body:not(.hs) .toen-nu figure{margin:0}
body:not(.hs) .toen-nu-foto{aspect-ratio:1/1;border-radius:14px;overflow:hidden;box-shadow:0 22px 44px -30px rgba(19,41,62,.5)}
body:not(.hs) .toen-nu-foto img{width:100%;height:100%;object-fit:cover;display:block}
body:not(.hs) .toen-nu figcaption{display:flex;gap:10px;align-items:baseline;margin-top:14px;font-size:.95rem;color:#5B6B7C!important}
body:not(.hs) .toen-nu figcaption b{display:inline-flex;align-items:center;gap:8px;color:#1A3752!important;font-weight:700}
body:not(.hs) .toen-nu figcaption b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cta)}
@media (max-width:700px){body:not(.hs) .toen-nu{grid-template-columns:1fr;gap:28px}}
body:not(.hs) .toen-nu figure:not(#_),body:not(.hs) .toen-nu figcaption:not(#_){background:none!important;box-shadow:none!important;position:static!important;padding:0!important}body:not(.hs) .toen-nu figcaption:not(#_){padding-top:14px!important;margin:0!important}
body .cat-nav[aria-label^="Soorten"]:not(#_) .cat-link.actief .stip{display:none!important}
/* werkstappen: zelfde rustige kaarten als de soortkaarten, wit op de getinte band, zonder icoontegels en scheidingslijnen */
body:not(.hs) .stappen:not(#_){gap:24px!important}
body:not(.hs) .stappen .stap:not(#_){background:#fff!important;border:0!important;box-shadow:0 18px 40px -30px rgba(19,41,62,.35)!important;border-radius:14px!important;padding:28px 30px 30px!important}
body:not(.hs) .stappen .stap:not(#_)::before,body:not(.hs) .stappen .stap:not(#_)::after{display:none!important}
body:not(.hs) .stappen .stap:not(#_)>b{display:none!important}
body:not(.hs) .stappen .stap:not(#_) h3 .h-ico{display:none!important}
body:not(.hs) .stappen .stap:not(#_) h3{font-family:'Hanken Grotesk',sans-serif!important;font-weight:800!important;font-size:1.2rem!important;letter-spacing:-.01em;margin:0 0 10px!important;display:block!important}
body:not(.hs) .stappen .stap:not(#_) h3::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cta);margin-right:10px;vertical-align:3px}
body:not(.hs) .stappen .stap:not(#_) p{color:#5B6B7C!important;font-size:1rem!important;line-height:1.6!important}
@media (max-width:1023px){body .cat-nav:not(#_){top:46px!important}}
@media (max-width:900px){body .cat-nav:not(#_){top:52px!important}}
body:not(.hs) main>section.sectie:has(+ section.slot):not(#_){padding-bottom:20px!important}