@font-face{font-family:'Geist';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/geist-latin.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/newsreader-latin.woff2) format('woff2')}
/* KlusNoord – rustig, licht, betrouwbaar. Variabelen worden ook door dash.css gebruikt. */
:root{--ink:#14233b;--navy:#14233b;--paper:#f7f6f3;--paper2:#efede8;--white:#fff;--line:#e4e2dc;--line2:#d5d2ca;--mute:#5b6576;--acc:#e5612a;--acc2:#c94f1c;--acc-soft:#fdf0ea;--ok:#2f7a4d;--serif:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--r:12px;--pad:24px;--sh:0 1px 2px rgba(20,35,59,.05),0 4px 16px rgba(20,35,59,.05);--sh2:0 2px 4px rgba(20,35,59,.05),0 12px 32px rgba(20,35,59,.09)}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--ink)}
h1{font-size:clamp(34px,4.6vw,52px);letter-spacing:-.03em}
h2{font-size:clamp(28px,3.2vw,38px)}
h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
em{font-style:normal}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
.eyebrow{font:600 13px/1 var(--sans);letter-spacing:.02em;color:var(--acc2);display:inline-block;margin-bottom:12px}
.lead{font-size:18px;color:var(--mute);max-width:600px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:999;background:#fff;padding:10px;border-radius:8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
section{position:relative}
.sec{padding:96px 0}
.sec.alt{background:var(--paper)}
.shead{max-width:640px;margin-bottom:48px}
.shead.c{margin-left:auto;margin-right:auto;text-align:center}
.shead p{color:var(--mute);font-size:17px;margin:12px 0 0}
@media(max-width:700px){.sec{padding:64px 0}.shead{margin-bottom:32px}:root{--pad:20px}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:10px;font:600 15px/1 var(--sans);text-decoration:none;border:1px solid var(--acc);background:var(--acc);color:#fff;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,color .2s;white-space:nowrap}
.btn:hover{background:var(--acc2);border-color:var(--acc2)}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line2)}.btn.ghost:hover{border-color:var(--ink)}
.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.light:hover{background:var(--paper2);border-color:var(--paper2)}
.btn.navy{background:var(--ink);border-color:var(--ink)}.btn.navy:hover{background:#0c1729}
.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(3px)}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hdr.solid{border-bottom-color:var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.logo{display:inline-flex;align-items:center;gap:8px;font:700 20px/1 var(--sans);letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.logo i{font-style:normal;color:var(--acc)}
.logo:before{content:"";width:28px;height:28px;border-radius:8px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-6 8 6v8H4z'/%3E%3Cpath d='M10 19v-5h4v5'/%3E%3C/svg%3E") center/18px no-repeat}
.nav{display:flex;gap:32px;font-size:15px;font-weight:500}.nav a{text-decoration:none;color:var(--mute);transition:color .2s}.nav a:hover{color:var(--ink)}
.hdr-act{display:flex;align-items:center;gap:8px}
.nav-login{font:500 15px/1 var(--sans);text-decoration:none;color:var(--ink);padding:12px 14px;border-radius:8px}.nav-login:hover{background:var(--paper)}
.hdr .btn{height:40px;padding:0 16px;font-size:14px}
@media(max-width:960px){.nav{display:none}}
@media(max-width:420px){.hdr .btn{display:none}}
/* hero */
.hero{padding:64px 0 80px;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{max-width:15ch;margin-bottom:16px}
.hero .sub1{font-size:19px;color:var(--mute);margin:0 0 32px;max-width:52ch}
.search{display:grid;grid-template-columns:1.4fr 1fr auto;gap:0;background:#fff;border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:var(--sh2)}
.search .f{padding:8px 16px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);min-width:0}
.search .f:nth-child(2){border:0}
.search label{font-size:12px;font-weight:600;color:var(--ink)}
.search select,.search input{border:0;background:transparent;font:400 16px var(--sans);color:var(--ink);padding:2px 0;outline:0;width:100%;-webkit-appearance:none;appearance:none;min-height:28px}
.search select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6576' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right center/16px no-repeat;padding-right:22px;cursor:pointer}
.search select:invalid{color:var(--mute)}
.search input::placeholder{color:#8a92a0}
.search .f:focus-within{background:var(--paper);border-radius:10px}
.search .btn{height:56px;padding:0 28px;font-size:16px}
.popular{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--mute)}
.popular button,.popular a{border:1px solid var(--line2);background:#fff;border-radius:100px;padding:6px 14px;font:500 14px var(--sans);color:var(--ink);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s}
.popular button:hover{border-color:var(--ink)}
.assure{display:flex;gap:24px;flex-wrap:wrap;margin:32px 0 0;padding:0;list-style:none;font-size:14px;color:var(--mute)}
.assure li{display:flex;align-items:center;gap:8px}
.assure svg,.ico-ok{width:18px;height:18px;color:var(--ok);flex:none}
.hero-img{border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sh2);position:relative}
.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-img .tag{position:absolute;left:16px;bottom:16px;right:16px;background:rgba(255,255,255,.96);border-radius:12px;padding:14px 16px;font-size:14px;display:flex;gap:12px;align-items:center;box-shadow:var(--sh)}
.hero-img .tag b{display:block;font-size:15px}
.hero-img .tag span{color:var(--mute)}
.pin{width:36px;height:36px;border-radius:10px;background:var(--acc-soft);color:var(--acc2);display:flex;align-items:center;justify-content:center;flex:none}
.pin svg{width:20px;height:20px}
@media(max-width:900px){.hero{padding:40px 0 56px}.hero .wrap{grid-template-columns:1fr;gap:40px}.hero-img{aspect-ratio:16/10}.search{grid-template-columns:1fr;padding:8px}.search .f{border-right:0;border-bottom:1px solid var(--line);padding:12px}.search .f:nth-child(2){border-bottom:0}.search .btn{width:100%;margin-top:4px}}
/* services */
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .25s,border-color .25s,transform .25s}
.scard:hover{box-shadow:var(--sh2);border-color:var(--line2);transform:translateY(-2px)}
.scard .imgbox{aspect-ratio:3/2;border-radius:0}
.scard .bd{padding:16px 20px 20px}
.scard h3{margin-bottom:4px}
.scard p{color:var(--mute);font-size:14px;margin:0}
.more{display:flex;justify-content:center;margin-top:40px}
@media(max-width:1000px){.sgrid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.scard .bd{padding:12px 14px 16px}.scard p{font-size:13px}}
.imgbox{overflow:hidden;border-radius:var(--r);position:relative;background:var(--paper2)}
.imgbox img{width:100%;height:100%;object-fit:cover}
/* steps */
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.step .n{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;margin-bottom:20px}
.step h3{margin-bottom:8px;font-size:20px}
.step p{color:var(--mute);margin:0}
@media(max-width:860px){.steps3{grid-template-columns:1fr;gap:16px}.step{padding:24px}}
/* why */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.why .imgbox{aspect-ratio:4/3;border-radius:20px}
.points{display:grid;grid-template-columns:1fr 1fr;gap:32px 32px;margin-top:40px}
.points h3{margin:16px 0 6px}
.points p{color:var(--mute);font-size:15px;margin:0}
.icn{width:44px;height:44px;border-radius:12px;background:var(--acc-soft);color:var(--acc2);display:flex;align-items:center;justify-content:center}
.icn svg{width:22px;height:22px}
@media(max-width:900px){.why{grid-template-columns:1fr;gap:40px}.why .imgbox{order:2}}
@media(max-width:520px){.points{grid-template-columns:1fr;gap:24px}}
/* prices */
.ptable{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.ptable table{width:100%;border-collapse:collapse}
.ptable th,.ptable td{padding:18px 24px;border-bottom:1px solid var(--line);text-align:left}
.ptable tr:last-child td{border-bottom:0}
.ptable th{font-size:13px;font-weight:600;color:var(--mute);background:var(--paper)}
.ptable td.p,.ptable th.p{text-align:right;white-space:nowrap;font-weight:600}
.chip{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);background:var(--paper2);padding:4px 8px;border-radius:6px;margin-right:8px;vertical-align:middle}
.note{font-size:14px;color:var(--mute);margin-top:16px}
@media(max-width:600px){.ptable th,.ptable td{padding:14px 16px;font-size:15px}.ptable .chip{display:none}}
.two{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:32px}}
/* pro band */
.pro{background:var(--ink);color:#fff;border-radius:20px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}
.pro>div{padding:56px}
.pro h2{color:#fff;margin-bottom:16px}
.pro p{color:rgba(255,255,255,.75);max-width:48ch}
.pro ul{list-style:none;padding:0;margin:24px 0 32px;display:grid;gap:10px;color:rgba(255,255,255,.88);font-size:15px}
.pro li{display:flex;gap:10px;align-items:center}.pro li svg{width:18px;height:18px;color:#8fd3a8}
.pro .imgbox{border-radius:0;min-height:100%}
@media(max-width:860px){.pro{grid-template-columns:1fr}.pro>div{padding:32px 24px}.pro .imgbox{min-height:220px;order:-1}}
/* reviews */
.rev{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.rev-empty{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;text-align:center}
.rev-empty .st{color:var(--line2);font-size:24px;letter-spacing:4px;margin-bottom:8px}
.rev-empty b{display:block;font-size:17px;margin-bottom:4px}
.rev-empty p{color:var(--mute);font-size:15px;margin:0}
.policy{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:16px}
.policy li{display:flex;gap:12px;font-size:15px;color:var(--mute)}
.policy b{display:block;color:var(--ink);font-weight:600}
.policy svg{margin-top:3px}
@media(max-width:900px){.rev{grid-template-columns:1fr;gap:32px}}
/* faq */
.faq-list{max-width:800px;margin:0 auto}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-weight:600;font-size:17px;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"";position:absolute;right:4px;top:50%;width:10px;height:10px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq-list details[open] summary:after{transform:translateY(-30%) rotate(-135deg)}
.faq-list summary:hover{color:var(--acc2)}
.faq-list details p{color:var(--mute);padding:0 40px 20px 0;margin:0}
/* cta */
.cta{text-align:center;background:var(--acc-soft);border-radius:20px;padding:64px 24px}
.cta h2{margin-bottom:12px}
.cta p{color:var(--mute);margin-bottom:28px}
/* footer */
footer{background:var(--paper);color:var(--mute);font-size:14px;padding:64px 0 32px;border-top:1px solid var(--line)}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer h4{color:var(--ink);font:600 14px var(--sans);margin:0 0 16px}
footer a{display:block;text-decoration:none;margin-bottom:10px}footer a:hover{color:var(--ink)}
footer .logo{margin-bottom:16px}
footer .region{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:var(--ink);font-weight:500}
footer .legal{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:800px){footer .cols{grid-template-columns:1fr 1fr}footer .cols>div:first-child{grid-column:1/-1}footer{padding-bottom:96px}}
/* sticky mobile cta, cookie */
.mcta{position:fixed;left:16px;right:84px;bottom:16px;z-index:40;display:none;height:52px;box-shadow:var(--sh2)}
@media(max-width:700px){.mcta{display:flex}}
.js .mcta{opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}
.js .mcta.show{opacity:1;transform:none;pointer-events:auto}
.cookie{position:fixed;left:16px;bottom:16px;max-width:360px;z-index:60;background:#fff;color:var(--ink);border:1px solid var(--line);padding:16px 18px;border-radius:12px;font-size:14px;box-shadow:var(--sh2);display:flex;gap:16px;align-items:center}
.cookie[hidden]{display:none}
.cookie p{margin:0;color:var(--mute)}
.cookie .btn{height:36px;padding:0 14px;font-size:13px;background:var(--ink);border-color:var(--ink)}
@media(max-width:700px){.cookie{right:16px;bottom:80px;max-width:none}}
/* reveal */
.js .rv{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
/* subpages */
.sub-main{padding:56px 0 0}
.page-head{padding:24px 0 40px}
.page-head h1{margin-bottom:12px}
.thanks{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:72px 0 96px}
.thanks .imgbox{aspect-ratio:4/3;border-radius:20px}
.thanks h1{margin-bottom:16px}
.thanks .lead{margin-bottom:28px}
@media(max-width:800px){.thanks{grid-template-columns:1fr;gap:32px;padding:40px 0 64px}}
/* chat (gescoped onder .chat) */
.chat-btn{position:fixed;right:16px;bottom:16px;z-index:70;width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh2);transition:border-color .2s,box-shadow .2s}
.chat-btn:hover{border-color:var(--line2);box-shadow:0 4px 8px rgba(20,35,59,.06),0 16px 40px rgba(20,35,59,.12)}
.chat-btn svg{width:22px;height:22px}
.chat{position:fixed;right:16px;bottom:80px;z-index:70;width:min(380px,calc(100vw - 32px));height:min(580px,calc(100svh - 112px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 64px rgba(20,35,59,.16);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;transition:opacity .2s,transform .2s}
.chat[hidden]{display:flex;opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}
.chat header{background:#fff;color:var(--ink);padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.chat header .av{width:34px;height:34px;border-radius:10px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:700 15px var(--sans)}
.chat header b{font:600 15px var(--sans);display:block}
.chat header small{font-size:12px;color:var(--mute)}
.chat header button{margin-left:auto;background:none;border:0;color:var(--mute);font-size:22px;cursor:pointer;line-height:1;padding:6px 10px;border-radius:8px}.chat header button:hover{background:var(--paper)}
.chat .log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain;background:var(--paper)}
.chat .msg{max-width:85%;padding:10px 14px;border-radius:14px;font-size:14.5px;line-height:1.5;white-space:pre-line;margin:0}
.chat .msg.bot{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}
.chat .msg.me{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.chat .msg a{color:var(--acc2)}
.chat .msg .btn{height:38px;padding:0 16px;font-size:13px;margin-top:10px;color:#fff}
.typing{display:flex;gap:4px;padding:14px 16px}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:bl 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,100%{opacity:.25}50%{opacity:1}}
.chat .chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px;background:var(--paper)}
.chat .chips:empty{display:none}
.chat .chips button{border:1px solid var(--line2);background:#fff;border-radius:100px;padding:7px 12px;font:500 13px var(--sans);cursor:pointer;color:var(--ink)}
.chat .chips button:hover{border-color:var(--ink)}
.chat form{display:flex;border-top:1px solid var(--line);background:#fff}
.chat input{flex:1;border:0;padding:14px 16px;font:15px var(--sans);outline:0;background:transparent;min-width:0}
.chat form button{border:0;background:none;padding:0 16px;font:600 14px var(--sans);color:var(--acc2);cursor:pointer}
.chat .disc{font-size:11px;color:var(--mute);text-align:center;padding:4px 12px 10px;background:#fff}
@media(max-width:700px){.chat{bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.js .rv{opacity:1;transform:none}}
.logo i{margin-left:-8px}
.pro .imgbox img{position:absolute;inset:0}

/* ===== v2: gedeelde componenten ===== */
.hdr .wrap{height:72px}
.nav a[aria-current=page]{color:var(--ink);font-weight:600}
.nav .nav-m{display:none}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.burger svg{width:22px;height:22px}
@media(max-width:960px){.burger{display:inline-flex}.nav{position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;flex-direction:column;gap:0;padding:8px var(--pad) 24px;display:flex;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:49;overflow:auto}
 .nav a{padding:16px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink)}.nav .nav-m{display:block}
 .nav-open .nav{opacity:1;transform:none;visibility:visible}.nav-open{overflow:hidden}.nav-login{display:none}}
@media(max-width:420px){.hdr .btn{display:none}}
.btn svg.ar{width:18px;height:18px}
.btn.sm{height:36px;padding:0 14px;font-size:14px;border-radius:8px}
.btn.full{width:100%}
.btn.danger{background:#b4372a;border-color:#b4372a}.btn.danger:hover{background:#962c21;border-color:#962c21}
.btn.ok{background:var(--ok);border-color:var(--ok)}.btn.ok:hover{background:#25633e}
.btn.ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.btn.ghost-dark:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.row-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.row-btns.c{justify-content:center}.row-btns.end{justify-content:flex-end}
.tlink{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--acc2);text-decoration:none}.tlink svg{width:16px;height:16px;transition:transform .2s}.tlink:hover svg{transform:translateX(3px)}
.tlink.sm{font-size:14px;margin-top:10px}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--acc2);text-decoration:underline;cursor:pointer}
.mute{color:var(--mute)}.small{font-size:14px}.c{text-align:center}.note.c{text-align:center;margin-top:32px}
.pt0{padding-top:0!important}
.eyebrow.on-dark{color:#f4a582}
.r32{aspect-ratio:3/2}.r43{aspect-ratio:4/3}
.imgbox img{width:100%;height:100%;object-fit:cover}
.pin.sm{width:28px;height:28px}.pin.sm svg{width:16px;height:16px}
.search .btn{gap:8px}
.ferr{color:#a8321f;font-size:14px;margin:6px 0 0;font-weight:500}.ferr[hidden]{display:none}
.okmsg{color:var(--ok);font-size:14px;font-weight:500;margin:8px 0}
.okbanner{background:#e8f4ec;border:1px solid #b9dcc5;color:var(--ok);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:16px}
#heroErr{margin-top:12px}
.popular a:hover{border-color:var(--ink)}
/* trust strip */
.trust{border-bottom:1px solid var(--line);background:#fff}
.trust-list{list-style:none;margin:0;padding:40px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.trust-list li{display:flex;gap:14px;align-items:flex-start}.trust-list b{display:block;font-size:15px;margin-bottom:4px}.trust-list p{margin:0;font-size:14px;color:var(--mute);line-height:1.5}
.trust .icn{flex:none;width:40px;height:40px}
@media(max-width:1000px){.trust-list{grid-template-columns:1fr 1fr}}@media(max-width:560px){.trust-list{grid-template-columns:1fr;gap:20px;padding:32px 0}}
.steps3{list-style:none;padding:0;margin:0}.steps3.four{grid-template-columns:repeat(4,1fr)}@media(max-width:1000px){.steps3.four{grid-template-columns:1fr 1fr}}@media(max-width:600px){.steps3.four{grid-template-columns:1fr}}
.steps3+.more{margin-top:40px}
.pro .row-btns{margin-top:8px}
.pro .imgbox{position:relative}
/* page head, breadcrumbs */
.phead{padding:48px 0 48px;background:linear-gradient(180deg,#fff,var(--paper));border-bottom:1px solid var(--line);margin-bottom:64px}
.phead h1{max-width:22ch;margin-bottom:12px}.phead .lead{margin:0}
.crumbs{display:flex;gap:8px;font-size:13px;color:var(--mute);margin-bottom:20px;flex-wrap:wrap}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}
.h-sm{font-size:22px;margin:56px 0 20px}.h-sm0{font-size:18px;margin:0 0 12px}
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.xcard{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .2s,box-shadow .2s}
.xcard:hover{border-color:var(--line2);box-shadow:var(--sh)}.xcard b{display:block;font-size:16px}.xcard span span{font-size:14px;color:var(--mute)}.xcard .xa{width:18px;height:18px;margin-left:auto;color:var(--mute);flex:none}.xcard .icn{flex:none}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:900px){.cards3{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards3{grid-template-columns:1fr}}
.icard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px}.icard h3{margin:16px 0 8px}.icard p{color:var(--mute);font-size:15px;margin:0 0 8px}
.prose{max-width:760px}.prose h2{font-size:22px;margin:40px 0 12px}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:#3a4557}.prose ul{padding-left:20px}.prose li{margin-bottom:6px}.prose a{color:var(--acc2)}
.legal-doc{margin-bottom:24px}
.fill{background:#fff4d6;border-radius:4px;padding:0 4px;color:#6b4a14;font-weight:500}
.dtable{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0 8px;border:1px solid var(--line)}.dtable th,.dtable td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.dtable th{background:var(--paper);font-size:13px}
@media(max-width:600px){.dtable,.dtable tbody,.dtable tr,.dtable td{display:block}.dtable thead{display:none}.dtable tr{border-bottom:1px solid var(--line);padding:8px 0}.dtable td{border:0;padding:4px 12px}.dtable td:first-child{font-weight:600}}
.tline{list-style:none;padding:0;margin:0;border-left:2px solid var(--line);max-width:760px}.tline li{position:relative;padding:0 0 32px 28px}.tline li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px #fff}.tline b{font-size:17px}.tline p{color:var(--mute);margin:6px 0 0}.tline a{color:var(--acc2)}
.two.r{grid-template-columns:7fr 5fr}
/* forms */
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:var(--sh)}
@media(max-width:600px){.card{padding:22px}}
.form{display:grid;gap:20px}
.field{display:grid;gap:6px;min-width:0;border:0;padding:0;margin:0}
.field>label,.field legend{font-size:14px;font-weight:600;color:var(--ink);padding:0}
.opt-l{font-weight:400;color:var(--mute)}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{font:400 16px var(--sans);color:var(--ink);background:#fff;border:1px solid var(--line2);border-radius:10px;padding:12px 14px;width:100%;transition:border-color .15s,box-shadow .15s}
.form textarea{resize:vertical;min-height:120px;line-height:1.5}
.form select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6576' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding-right:36px}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,35,59,.12)}
.form [aria-invalid=true]{border-color:#c0392b!important;box-shadow:0 0 0 3px rgba(192,57,43,.12)!important}
.form input[readonly]{background:var(--paper)}
.hint{font-size:13px;color:var(--mute);margin:0}.hint .cnt{float:right}
.grid2f{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:600px){.grid2f{grid-template-columns:1fr}}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--mute)!important}.chk input{width:18px;height:18px;margin-top:2px;accent-color:var(--acc2);flex:none}.chk a{color:var(--acc2)}
.hp{position:absolute;left:-9999px}
.side-info{display:grid;gap:16px;align-content:start}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.opts.two{grid-template-columns:1fr 1fr}
@media(max-width:700px){.opts{grid-template-columns:1fr 1fr}}@media(max-width:380px){.opts{grid-template-columns:1fr}}
.opt{position:relative;display:block;cursor:pointer}.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt span{display:flex;align-items:center;min-height:52px;padding:12px 16px;border:1px solid var(--line2);border-radius:10px;font-size:15px;font-weight:500;background:#fff;transition:border-color .15s,background .15s}
.opt:hover span{border-color:var(--ink)}.opt input:checked+span{border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}.opt input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
fieldset.kstep{border:0;padding:0;margin:0;min-width:0}fieldset.kstep legend{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:20px;padding:0}
.stepno{display:block;font-size:13px;font-weight:600;color:var(--acc2);margin-bottom:6px;letter-spacing:0}
.kstep>*+*{margin-top:16px}
.kp{background:var(--paper);padding:40px 0 96px}.kp-wrap{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.kp h1{font-size:clamp(30px,3.4vw,40px);margin-bottom:8px}.kp .lead{margin-bottom:28px}
.kp-side{position:sticky;top:96px;display:grid;gap:20px}.kp-side .icard{padding:24px}
@media(max-width:960px){.kp-wrap{grid-template-columns:1fr}.kp-side{position:static}}
.stepper{list-style:none;padding:0;margin:0 0 20px;display:flex;gap:6px;counter-reset:s}
.stepper li{flex:1;font-size:12px;font-weight:600;color:var(--mute);display:flex;flex-direction:column;gap:8px}
.stepper li span{display:none}.stepper li:before{content:"";height:4px;border-radius:4px;background:var(--line2)}
.stepper li.done:before,.stepper li.on:before{background:var(--acc)}.stepper li.on{color:var(--ink)}
@media(max-width:600px){.stepper li{font-size:0}.stepper li.on{font-size:12px}}
.kp-nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.kp-nav #kNext,.kp-nav #kSubmit{margin-left:auto}
.summary{margin:0;display:grid;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.summary div{display:grid;grid-template-columns:140px 1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:start}.summary div:last-child{border:0}
.summary dt{font-size:13px;font-weight:600;color:var(--mute)}.summary dd{margin:0;white-space:pre-line;word-break:break-word}
@media(max-width:600px){.summary div{grid-template-columns:1fr auto}.summary dt{grid-column:1/-1}}
.loginbox{background:var(--acc-soft);border:1px solid #f6d6c6;border-radius:12px;padding:20px}.loginbox p{color:var(--mute);font-size:14px;margin:6px 0 14px}
.done{text-align:left}.done h2{margin:12px 0}
.okmark{display:inline-flex;width:48px;height:48px;border-radius:50%;background:#e8f4ec;color:var(--ok);align-items:center;justify-content:center;margin-bottom:16px}.okmark svg{width:24px;height:24px}
.mini{padding-left:20px;margin:0;color:var(--mute);font-size:14px;display:grid;gap:8px}
.assure.col{flex-direction:column;gap:10px;margin:0}
.callout{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--acc-soft);border:1px solid #f6d6c6;border-radius:12px;padding:18px 20px;margin-bottom:24px}.callout p{margin:4px 0 0;color:var(--mute);font-size:14px}.callout.bad{background:#fbeceb;border-color:#f0c9c4}
@media(max-width:600px){.callout{flex-direction:column;align-items:flex-start}}
/* auth */
.authp{background:var(--paper);padding:48px 0 96px}
.auth2{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px;align-items:start}.auth2.one{grid-template-columns:minmax(0,560px);justify-content:center}
.authcard h1{font-size:30px;margin:20px 0 6px}.authcard .eyebrow{margin-top:4px}
.auth-aside{display:grid;gap:24px}.auth-aside .imgbox{border-radius:16px}
@media(max-width:900px){.auth2{grid-template-columns:1fr}.auth-aside{display:none}}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border-radius:10px;padding:4px}
.seg button{border:0;background:none;padding:10px;border-radius:8px;font:600 14px var(--sans);color:var(--mute);cursor:pointer}.seg button[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.pw{position:relative}.pw input{padding-right:48px!important}.pwt{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--mute);cursor:pointer;border-radius:8px}.pwt svg{width:20px;height:20px}.pwt:hover{background:var(--paper)}
.demo-l{margin-top:16px}
.roles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.roles button{text-align:left;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:400 14px var(--sans);color:var(--mute)}
.roles button:hover,.roles button:focus-visible{border-color:var(--acc)}.roles b{display:block;font:600 16px var(--sans);color:var(--ink)}
.authcard .note,.app .note{font-size:14px;color:var(--mute);background:var(--paper);border-left:3px solid var(--acc);padding:12px 16px;border-radius:6px;margin:0 0 16px}.app .note{background:#fff}
.rules{list-style:none;padding:0;margin:8px 0 0;font-size:13px;color:var(--mute);display:flex;gap:14px;flex-wrap:wrap}.rules li:before{content:"○ "}.rules li.ok{color:var(--ok)}.rules li.ok:before{content:"✓ "}
.skel-wrap{display:grid;gap:12px}.skel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:10px}
.skel i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--paper2) 25%,#f6f5f1 50%,var(--paper2) 75%);background-size:200% 100%;animation:sk 1.2s infinite}.skel i:nth-child(2){width:80%}.skel i:nth-child(3){width:55%}
@keyframes sk{to{background-position:-200% 0}}
/* footer v2 */
.ftr .fh{color:var(--ink);font:600 14px var(--sans);margin:0 0 16px;letter-spacing:0}
.ftr .legal nav{display:flex;gap:20px;flex-wrap:wrap}.ftr .legal nav a{margin:0}
.cookie a{color:var(--acc2)}
.thanks .row-btns{margin-top:8px}
@media(max-width:700px){.ptable .p{white-space:normal}}
/* modal + toasts */
dialog.modal{border:0;border-radius:16px;padding:28px;max-width:480px;width:calc(100vw - 32px);box-shadow:0 30px 80px rgba(20,35,59,.3)}
dialog.modal::backdrop{background:rgba(20,35,59,.5)}
dialog.modal form{display:grid;gap:12px}dialog.modal textarea{font:15px var(--sans);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;width:100%}
.toasts{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px;max-width:min(420px,calc(100vw - 40px))}
.toast{display:flex;gap:10px;align-items:flex-start;background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;box-shadow:var(--sh2);transform:translateY(12px);opacity:0;transition:transform .25s,opacity .25s}
.toast.on{transform:none;opacity:1}.toast.bad{background:#a8321f}
.ti{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}
@media(max-width:900px){.two.r{grid-template-columns:minmax(0,1fr)}}
.kp-wrap{grid-template-columns:minmax(0,1fr) 320px}@media(max-width:960px){.kp-wrap{grid-template-columns:minmax(0,1fr)}}
.kp-main,.opt span{min-width:0}.opt span{overflow-wrap:anywhere}
.opts{grid-template-columns:repeat(3,minmax(0,1fr))}.opts.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.opts,.opts.two{grid-template-columns:minmax(0,1fr)}}
.form{grid-template-columns:minmax(0,1fr)}
[hidden]:not(.chat){display:none!important}

.pwstr{font-size:13px;margin:6px 0 0;font-weight:500}.pwstr[data-s="1"]{color:#b42318}.pwstr[data-s="2"]{color:#9a6700}.pwstr[data-s="3"]{color:var(--ok)}
#fpView h1{outline:none}
/* ===== Next level (2026-10-12): rustiger, volwassener, meer witruimte ===== */
:root{--sh:0 1px 2px rgba(20,35,59,.04),0 2px 10px rgba(20,35,59,.04);--sh2:0 1px 2px rgba(20,35,59,.04),0 10px 30px rgba(20,35,59,.07);--mute:#556072}
body{font-feature-settings:"cv11","ss01";color:var(--ink)}
h1{font-weight:700;letter-spacing:-.032em;line-height:1.08}
h2{letter-spacing:-.025em;line-height:1.15}
.lead{line-height:1.6}
.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:600;color:var(--acc2)}
.sec{padding:112px 0}
@media(max-width:700px){.sec{padding:72px 0}}
.sec.pt0{padding-top:0}
/* logo: nieuw merkteken */
.logo{gap:10px;font-size:19px;letter-spacing:-.025em}
.logo i{color:inherit}
.logo:before{width:30px;height:30px;border-radius:0;background:url(../img/logo/mark.svg) center/contain no-repeat}
.logo.light{color:#fff}.logo.light:before{background:url(../img/logo/mark-white.svg) center/contain no-repeat}
/* header */
.hdr{background:rgba(255,255,255,.9)}
.hdr.solid{box-shadow:0 1px 0 var(--line),0 6px 24px rgba(20,35,59,.04);border-bottom-color:transparent}
.hdr .wrap{height:76px}
.nav{gap:28px}.nav a{font-size:15px;position:relative;padding:6px 0}
.nav a[aria-current=page]{color:var(--ink)}
.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--acc)}
@media(max-width:1100px){.nav{gap:20px}}
/* knoppen en focus */
.btn{border-radius:10px;letter-spacing:-.005em}
:focus-visible{outline:2px solid var(--acc2);outline-offset:3px;border-radius:4px}
.btn:focus-visible{outline-offset:3px}
/* animaties: subtiel */
.rv{transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.scard:hover{transform:none}
.scard .imgbox img{transition:transform .6s ease}.scard:hover .imgbox img{transform:scale(1.025)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
/* trust: 5 punten */
.trust-list{grid-template-columns:repeat(5,1fr)!important;gap:32px!important}
@media(max-width:1100px){.trust-list{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:700px){.trust-list{grid-template-columns:1fr!important;gap:20px!important}}
/* regio */
.regio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.regio-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.sec.alt .regio-card{border-color:transparent}
.regio-card h3,.regio-card h2{font-size:20px;margin-bottom:10px}
.regio-card p{color:var(--mute);font-size:15px}
.regio-card ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:2px}
.regio-card li a{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;font-weight:500;font-size:15px}
.regio-card li a:after{content:"→";color:var(--mute);transition:transform .2s}
.regio-card li a:hover{color:var(--acc2)}.regio-card li a:hover:after{transform:translateX(3px)}
.region{background:#fff}
@media(max-width:900px){.regio-grid{grid-template-columns:1fr}}
/* landings- en contentpagina's */
.phead{padding:56px 0 64px}
.phead.lp{background:linear-gradient(180deg,#fff,var(--paper));border-bottom:1px solid var(--line);margin-bottom:0}
.lp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.lp-grid h1{font-size:clamp(32px,4vw,48px);margin-bottom:16px}
.lp-grid .lead{margin-bottom:28px}
.search.sm{grid-template-columns:1fr auto;max-width:520px}
.search.sm .f{border-right:0}
.phead .assure{margin-top:20px}
.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:64px;align-items:start}
.side-card{background:var(--paper);border-radius:16px;padding:32px;position:sticky;top:100px}
.side-card .ptable th,.side-card .ptable td{padding:12px 14px;font-size:14px}
@media(max-width:900px){.lp-grid,.two-col{grid-template-columns:1fr;gap:40px}.side-card{position:static}}
.prose{max-width:68ch}
.prose h2{font-size:clamp(22px,2.2vw,28px);margin:48px 0 14px}.prose h2:first-child{margin-top:0}
.prose p,.prose li{color:#3d4859;font-size:17px;line-height:1.7}
.prose ul{padding-left:20px;margin:0 0 1em}.prose li{margin-bottom:6px}
.prose a{color:var(--acc2);text-underline-offset:3px}
.prose .ptable{margin:20px 0}
.checks{list-style:none;padding:0!important;margin:20px 0 0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks .ico-ok{width:20px;height:20px;flex:none;color:var(--ok);margin-top:4px}
.h-sec{font-size:clamp(24px,2.6vw,32px);margin-bottom:32px}
.h-sm{font-size:19px;margin-bottom:16px}
.h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.narrow{max-width:800px}
.narrow .faq-list{margin:0}
.r21{aspect-ratio:2/1}
.mini3 .step{padding:28px}
.links-block{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:48px;border-top:1px solid var(--line)}
@media(max-width:800px){.links-block{grid-template-columns:1fr;gap:32px}}
.chips-l{display:flex;flex-wrap:wrap;gap:8px}
.chip-l{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--line2);border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;background:#fff;transition:border-color .2s,color .2s}
.chip-l:hover{border-color:var(--ink)}
.xgrid.one{grid-template-columns:1fr 1fr}
@media(max-width:700px){.xgrid.one{grid-template-columns:1fr}}
.meta{font-size:14px;color:var(--mute);margin-top:16px}
.art{margin-top:48px}
.callout-nl{margin:56px 0 24px;padding:36px;border-radius:16px;background:var(--ink);color:#fff}
.callout-nl h2{color:#fff}.callout-nl p{color:#c9cfd9}
.callout-nl .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.sgrid.kb{grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:900px){.sgrid.kb{grid-template-columns:1fr}}
.sm-cols{columns:3 260px;column-gap:48px}
.sm-group{break-inside:avoid;margin-bottom:36px}.sm-group ul{list-style:none;padding:0;margin:0}.sm-group li{padding:3px 0;font-size:15px}.sm-group a{text-decoration:none;color:var(--mute)}.sm-group a:hover{color:var(--ink);text-decoration:underline}
/* footer: navy, rustig */
.ftr{background:var(--ink);color:#c9cfd9;padding:88px 0 32px;border:0}
.ftr a{color:#c9cfd9;text-decoration:none}.ftr a:hover{color:#fff}
.ftr-top{display:grid;grid-template-columns:1.1fr 2.6fr;gap:64px}
.ftr-brand p{margin:20px 0 24px;max-width:34ch;font-size:15px;line-height:1.6;color:#aab3c2}
.ftr .cols{display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.ftr .cols>div:first-child{grid-column:auto}
.ftr .cols a{display:block;padding:5px 0;font-size:14px}
.ftr .fh{color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px}
.ftr-co{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:64px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#8d97a8}
.ftr .legal{margin-top:16px;padding-top:0;border:0;font-size:13px;color:#8d97a8}
.ftr .legal nav{display:flex;gap:20px;flex-wrap:wrap}
.ftr .legal a{color:#aab3c2}
@media(max-width:1000px){.ftr-top{grid-template-columns:1fr;gap:48px}.ftr .cols{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ftr{padding:64px 0 120px}.ftr .cols{grid-template-columns:1fr 1fr;gap:28px 20px}}
/* mobiele CTA */
.mcta{border-radius:12px;box-shadow:0 8px 24px rgba(20,35,59,.18)}
@media(max-width:700px){.hdr .wrap{height:64px}}
.eyebrow{color:#b5461a}
/* ================================================================
   Vakmannoord designsysteem v4 — rustig, premium. Ink + steen + één gedempte messingtint.
   Typografie: Newsreader (koppen) + Geist (tekst/UI).
   ================================================================ */
:root{--ink:#17212b;--navy:#17212b;--ink2:#222e3a;--paper:#f6f4ef;--paper2:#eeeae2;--white:#fff;--line:#e4dfd5;--line2:#cfc8bb;--mute:#4f5a66;--acc:#7a5c34;--acc2:#6a4f2c;--acc-soft:#f3ede3;--brass:#b89466;--brass-l:#d2b68e;--ok:#2f6b4f;--serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;--r:8px;--sh:0 1px 2px rgba(23,33,43,.04);--sh2:0 1px 2px rgba(23,33,43,.04),0 18px 40px -18px rgba(23,33,43,.18)}
body{background:#fbfaf7;color:var(--ink);font:400 16px/1.65 var(--sans);font-feature-settings:"ss01","cv11"}
h1,h2,h3,.h-sec{font-family:var(--serif);font-weight:500;letter-spacing:-.012em;line-height:1.1;color:var(--ink)}
h1{font-size:clamp(38px,5.2vw,64px);letter-spacing:-.022em}
h2{font-size:clamp(30px,3.4vw,44px)}
h3{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;line-height:1.3}
.lead,.shead p{color:var(--mute);font-size:18px}
.eyebrow{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:12px;margin-bottom:20px}
.eyebrow:before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.eyebrow.on-dark,.hero .eyebrow,.cta .eyebrow{color:var(--brass-l)}
.sec{padding:112px 0}.sec.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:700px){.sec{padding:72px 0}}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}
/* knoppen */
.btn{height:48px;padding:0 22px;border-radius:6px;font:500 15px/1 var(--sans);letter-spacing:0;background:var(--ink);border:1px solid var(--ink);color:#fff;box-shadow:none}
.btn:hover{background:#0e151c;border-color:#0e151c}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}.btn.ghost:hover{border-color:var(--ink);background:#fff}
.btn.light{background:#f4f1ea;color:var(--ink);border-color:#f4f1ea}.btn.light:hover{background:#fff;border-color:#fff}
.btn.navy,.navy{background:var(--ink);border-color:var(--ink)}
.btn.sm{height:38px;padding:0 14px;font-size:14px;border-radius:6px}
.btn.ok{background:var(--ok);border-color:var(--ok)}
/* logo */
.logo{gap:11px;font:500 25px/1 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.logo i{font-style:normal;color:inherit;margin:0}
.logo:before{width:32px;height:32px;border-radius:0;background:url(../img/logo/mark.svg) center/contain no-repeat}
.logo.light{color:#f4f1ea}.logo.light:before{background-image:url(../img/logo/mark-white.svg)}
/* header */
.hdr{background:rgba(251,250,247,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:none}
.hdr.solid{box-shadow:none;border-bottom-color:var(--line)}
.hdr .wrap{height:76px}
.nav a{font-size:14.5px;font-weight:450;color:var(--mute)}
.nav a[aria-current=page]{color:var(--ink);font-weight:500}
.nav a[aria-current=page]:after{height:1px;bottom:-4px;background:var(--ink)}
.nav-login{font-size:14.5px}.nav-login:hover{background:var(--paper2)}
.hdr .btn{height:40px;padding:0 16px;font-size:14px}
@media(max-width:960px){.hdr .wrap{height:64px}.nav{top:64px;background:#fbfaf7}.nav a{font:500 22px/1.2 var(--serif);color:var(--ink)}}
/* hero — donker vlak, rustig */
.hero{background:var(--ink);color:#e9e5dc;padding:96px 0 104px;border:0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/96px 100%;pointer-events:none}
.hero .wrap{position:relative;grid-template-columns:1.1fr .9fr;gap:72px}
.hero h1{color:#f4f1ea;max-width:14ch;margin-bottom:24px}
.hero .sub1{color:rgba(233,229,220,.78);font-size:18px;max-width:50ch;margin-bottom:40px}
.search{background:#fff;border:0;border-radius:8px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);padding:8px;gap:0}
.search .f{border:0;border-radius:4px;background:transparent}
.search .f+.f{border-left:1px solid var(--line)}
.search label{font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.search .f:focus-within{background:var(--paper);box-shadow:none}
.search .btn{border-radius:5px}
.hero .ferr{color:#f2c9a8}
.popular{color:rgba(233,229,220,.7);font-size:14px;margin-top:22px}
.popular a,.popular button{background:transparent;border:1px solid rgba(244,241,234,.22);color:#efebe3;border-radius:999px}
.popular a:hover{border-color:#f4f1ea;background:rgba(255,255,255,.05);color:#fff}
.hero .assure{color:rgba(233,229,220,.82);border-top:1px solid rgba(244,241,234,.14);padding-top:22px;margin-top:32px}
.hero .assure svg,.hero .ico-ok{color:var(--brass-l)}
.hero-img{border-radius:4px;box-shadow:none;aspect-ratio:4/5;outline:1px solid rgba(244,241,234,.12);outline-offset:12px}
.hero-img img{filter:saturate(.72) contrast(1.02)}
.hero-img .tag{background:#fbfaf7;border-radius:4px;box-shadow:none;left:0;right:auto;bottom:0;max-width:85%;padding:16px 20px}
.hero-img .tag .pin{background:var(--ink);color:var(--brass-l);border-radius:50%}
@media(max-width:900px){.hero{padding:56px 0 64px}.hero .wrap{grid-template-columns:1fr;gap:48px}.hero-img{aspect-ratio:16/10;outline-offset:8px}.search .f+.f{border-left:0;border-top:1px solid var(--line)}}
/* trust */
.trust{background:#fbfaf7;border-bottom:1px solid var(--line)}
.trust-list li{border-color:var(--line)}
.trust .icn,.icn{background:transparent;border:1px solid var(--line2);color:var(--ink);border-radius:50%}
/* kaarten */
.scard,.xcard,.icard,.regio-card,.side-card,.card{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:none}
.scard:hover,.xcard:hover{border-color:var(--ink);box-shadow:none;transform:none}
.scard .imgbox,.imgbox{border-radius:3px}
.scard .imgbox img{filter:saturate(.75);transition:transform .6s ease,filter .6s}
.scard:hover .imgbox img{transform:scale(1.025);filter:saturate(.95)}
.scard h3,.xcard h3,.regio-card h3,.regio-card h2{font:500 22px/1.15 var(--serif);letter-spacing:-.01em}
.more,.tlink{color:var(--ink);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:5px}
.step .n{font:400 44px/1 var(--serif);color:var(--acc);background:none;border:0;width:auto;height:auto}
.step{border-top:1px solid var(--ink);padding-top:24px;background:none;box-shadow:none}
.faq-list details{border-color:var(--line)}
.faq-list summary{font:500 20px/1.3 var(--serif)}
.chip,.chip-l,.badge{border-radius:999px}
.chip-l{background:#fff;border:1px solid var(--line)}.chip-l:hover{border-color:var(--ink)}
.cta{background:var(--ink);color:#e9e5dc;border-radius:6px}.cta h2{color:#f4f1ea}.cta p{color:rgba(233,229,220,.78)}
.pro{background:var(--ink);border-radius:6px}.pro h2{color:#f4f1ea}
.phead{background:var(--paper);border-bottom:1px solid var(--line)}
.crumbs a{color:var(--mute)}
.prose a,.regio-card li a:hover{color:var(--acc)}
.ptable th{background:var(--paper);font-weight:600}
.callout,.callout-nl,.note{border-radius:6px}
/* formulieren */
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{border:1px solid var(--line2);border-radius:6px;background:#fff;min-height:48px}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,33,43,.12);outline:0}
.field>label,.field legend{font-weight:500;font-size:14.5px}
.opt span{border-radius:6px;border-color:var(--line2)}.opt input:checked+span{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper)}
.stepper li.done:before,.stepper li.on:before{background:var(--ink);border-color:var(--ink)}
.authcard{border-radius:8px;box-shadow:var(--sh2)}

.authcard h1,.kp h1,.phead h1{font-family:var(--serif)}
.seg button[aria-selected=true],.seg button.on{background:var(--ink);color:#fff}
/* footer */
footer,.ftr{background:#121a22;color:rgba(233,229,220,.72)}
.ftr .fh,footer h4{font:600 11.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass-l)}
footer a{color:rgba(233,229,220,.8)}footer a:hover{color:#fff}
.ftr .legal,.ftr-co{border-color:rgba(244,241,234,.1);color:rgba(233,229,220,.6)}
.ftr-brand p{color:rgba(233,229,220,.7)}
.ftr .btn.sm{background:#f4f1ea;color:var(--ink);border-color:#f4f1ea}
/* chat/cookie */
.chat-btn{background:var(--ink);color:#f4f1ea;box-shadow:0 12px 30px -10px rgba(23,33,43,.5)}
.chat header{background:var(--ink)}.chat .msg.me{background:var(--ink)}
.cookie{border-radius:6px;border:1px solid var(--line)}
.logo{gap:0}.logo:before{margin-right:11px}
.hero-img .tag{color:var(--ink)}.hero-img .tag b{color:var(--ink)}.hero-img .tag span{color:var(--mute)}
.chat-btn{border:1px solid rgba(244,241,234,.35)}
/* ===== v2: redactioneel ontwerp (body.v2) ===== */
.v2{--ink:#17212b;--paper:#f6f4ef;--paper2:#ece8df;--line:#dcd6ca;--line2:#c9c1b2;--mute:#5a5f63;--acc:#17212b;--acc2:#0d141b;--brass:#9a7a4c;--serif:'Newsreader',Georgia,serif;background:#fbfaf7;color:var(--ink)}
.v2 h1,.v2 h2,.v2 h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em}
.v2 h1{font-size:clamp(38px,5.4vw,68px);line-height:1.02;letter-spacing:-.025em}
.v2 h2{font-size:clamp(26px,2.8vw,36px);line-height:1.1}
.v2 h3{font-size:20px}
.v2 .btn{border-radius:2px;background:var(--ink);border-color:var(--ink);color:#fff;height:46px}
.v2 .btn:hover{background:#000}
.v2 .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.v2 .btn.ghost:hover{background:var(--ink);color:#fff}
.v2 .tlink{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--brass);display:inline-flex;gap:6px;align-items:center}
.v2 .tlink svg{width:16px;height:16px}
.v2 .hdr{background:#fbfaf7;backdrop-filter:none;border-bottom:1px solid var(--ink)}
.v2 .hdr .wrap{height:68px}
.v2 .nav{gap:26px}.v2 .nav a{color:var(--ink);font-size:14.5px}.v2 .nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--brass)}
.v2 .logo{font-family:var(--serif);font-weight:500;font-size:22px}
.kicker{font:600 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 18px}
.v2 .sub1{font-size:19px;line-height:1.55;color:#3c4247;max-width:560px;margin-top:22px}
.v2 .lead{color:#3c4247;font-size:18px}
/* masthead */
.mast{padding:72px 0 64px;border-bottom:1px solid var(--line)}
.mast-g{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:end}
.mast-f{border-top:3px solid var(--ink);padding-top:22px}
.v2 .search.stack{display:flex;flex-direction:column;gap:14px;background:none;box-shadow:none;border:0;padding:0;border-radius:0}
.v2 .search.stack .f{border:0;padding:0}
.v2 .search label{display:block;font:600 13px/1 var(--sans);color:var(--ink);margin-bottom:8px}
.v2 .search select,.v2 .search input{width:100%;height:48px;border:1px solid var(--line2);border-radius:2px;background:#fff;padding:0 12px;font:16px var(--sans);color:var(--ink)}
.v2 .search .btn{width:100%;margin-top:4px}
.mast-n{font-size:14px;color:var(--mute);margin:14px 0 0}
/* blokken */
.blk{padding:88px 0}
.blk.tint{background:var(--paper)}
.blk.pt0{padding-top:0}
.kop{display:grid;grid-template-columns:72px 1fr;align-items:baseline;border-top:1px solid var(--ink);padding-top:18px;margin-bottom:44px}
.kop-no{font:500 15px/1 var(--serif);color:var(--brass)}
.kop h2{max-width:760px}
.ix{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 64px}
.ix-g h3{font:600 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin:24px 0 6px}
.ix-g ul{list-style:none;margin:0;padding:0}
.ix-g li a{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.ix-g li a b{font:500 21px/1.2 var(--serif)}
.ix-g li a span{color:var(--mute);font-size:15px;align-self:center}
.ix-g li a:hover b{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:4px}
.aside-l{margin-top:28px}
.fig{margin:0}
.fig img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.fig figcaption{font-size:13.5px;color:var(--mute);margin-top:10px;line-height:1.5}
.fig .credit{display:block;font-size:12px;opacity:.8}
.wide-photo{padding:0}
.fig.full img{aspect-ratio:21/9;max-height:620px}
.fig.full figcaption{max-width:1200px;margin:12px auto 0;padding:0 var(--pad)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.prose-l p{font-size:18px;line-height:1.65}
.drop:first-letter{font:500 64px/.8 var(--serif);float:left;margin:8px 10px 0 0;color:var(--brass)}
.welniet{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line2)}
.welniet>div{padding:28px 40px 8px 0}.welniet>div+div{border-left:1px solid var(--line2);padding-left:40px}
.welniet h3{font-size:26px;margin-bottom:12px}
.welniet ul{margin:0;padding:0;list-style:none}.welniet li{padding:12px 0;border-bottom:1px dotted var(--line2);font-size:16.5px}
.v2 .ptable{border-radius:0;box-shadow:none;border:0;border-top:2px solid var(--ink);background:none}
.v2 .ptable th,.v2 .ptable td{background:none;padding:14px 0;border-bottom:1px solid var(--line)}
.v2 .ptable .p{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.reg2{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}
.prov3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}
.prov3 h3{font-size:19px;border-bottom:1px solid var(--ink);padding-bottom:8px;margin-bottom:8px}
.prov3 ul{list-style:none;margin:0;padding:0}.prov3 li{padding:4px 0}.prov3 a{text-decoration:none}.prov3 a:hover{text-decoration:underline}
.note-pro{max-width:720px}.note-pro h2{margin-bottom:14px}.note-pro p{font-size:17.5px}
.narrow2{max-width:860px}
.faq-list.v2 details{border:0;border-bottom:1px solid var(--line2);border-radius:0;background:none;padding:0;margin:0;box-shadow:none}
.faq-list.v2 summary{font:500 20px/1.3 var(--serif);padding:20px 32px 20px 0;cursor:pointer;list-style:none;position:relative}
.faq-list.v2 summary::-webkit-details-marker{display:none}
.faq-list.v2 summary:after{content:"+";position:absolute;right:0;top:18px;font:400 24px/1 var(--sans);color:var(--brass)}
.faq-list.v2 details[open] summary:after{content:"–"}
.faq-list.v2 p{padding:0 0 20px;margin:0;max-width:680px;color:#3c4247}
/* paginakop */
.phead2{padding:56px 0 40px;border-bottom:1px solid var(--line)}
.phead2 h1{margin:14px 0 14px}
.v2 .crumbs{font-size:13px;color:var(--mute);display:flex;gap:8px;flex-wrap:wrap}.v2 .crumbs a{color:var(--mute)}
/* diensten */
.dwrap{display:grid;grid-template-columns:1fr 280px;gap:64px;padding-top:48px;padding-bottom:88px}
.dwrap>.dg{grid-column:1}
.dnote{grid-column:2;grid-row:1/span 4;position:sticky;top:96px;align-self:start;background:var(--paper);padding:24px;font-size:15px}
.dnote h2{font-size:22px;margin-bottom:10px}
.dg{margin-bottom:48px}.dg>h2{font-size:28px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.dl{list-style:none;margin:0;padding:0}
.dl li{display:grid;grid-template-columns:1.3fr 1fr auto;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.dl h3{font-size:22px;margin-bottom:4px}.dl p{margin:0;color:var(--mute);font-size:15px}
.dl-p{font-size:14px;color:#3c4247}
.dl-a{display:flex;flex-direction:column;gap:6px;align-items:flex-end;font-size:14px}
.dl-a a{color:var(--ink)}.dl-a .go{font-weight:600;display:inline-flex;gap:6px;align-items:center}.dl-a svg{width:15px;height:15px}
/* artikel */
.art{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:72px;padding-top:56px;padding-bottom:72px}
.essay{max-width:680px}.essay p{font-size:18px;line-height:1.7}.essay h2{font-size:28px;margin:40px 0 12px}
.art-side h2{font-size:22px;margin:28px 0 8px}.art-side .fig+h2{margin-top:32px}
.chap{list-style:none;counter-reset:c;margin:0;padding:0;max-width:720px}
.chap>li{counter-increment:c;position:relative;padding:0 0 36px 76px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.chap>li:before{content:counter(c,decimal-leading-zero);position:absolute;left:0;top:2px;font:500 34px/1 var(--serif);color:var(--brass)}
.chap h2{font-size:28px;margin-bottom:12px}.chap p{font-size:17.5px;line-height:1.65}
.chap.compact{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;max-width:none}
.chap.compact>li{padding:56px 0 0;border:0;border-top:1px solid var(--ink);margin:0}
.chap.compact>li:before{top:14px}.chap.compact h3{margin-bottom:8px}.chap.compact p{font-size:15.5px}
/* vakmensen */
.pro2{padding:56px 0 72px;border-bottom:1px solid var(--line)}
.pro2-g{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:end}
.pro2 h1{margin-top:20px}.pro2 .row-btns{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-top:1px solid var(--line2)}
.facts>div{padding:24px 28px 24px 0;border-bottom:1px solid var(--line2)}
.facts dt{font:500 22px/1.2 var(--serif);margin-bottom:8px}.facts dd{margin:0;color:#3c4247;font-size:15.5px}
.endline{margin-top:40px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:17px}
/* contact */
.ct{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;padding-top:48px}
.v2 .card.form{border-radius:0;box-shadow:none;border:1px solid var(--line2);background:#fff}
.ct-side h2{font-size:22px;margin:0 0 6px}.ct-side p{margin-bottom:26px}
.credits{padding-left:18px;font-size:14.5px;color:#3c4247}
/* landingspagina's */
.lp2{padding:40px 0 64px;border-bottom:1px solid var(--line)}
.lp2-g{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;margin-top:28px}
.lp2-f{background:var(--paper);padding:28px;border-top:3px solid var(--ink)}
.lp2-f .h-sm{margin:0 0 14px;font-size:22px}
.v2 .search.sm{display:flex;gap:8px;background:none;box-shadow:none;border:0;padding:0;border-radius:0;align-items:flex-end}
.v2 .search.sm .f{flex:1;border:0;padding:0}
.v2 .search.sm .btn{width:auto}
.lp2-b{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px}
.lp2-b .prose h2{font-size:26px;margin:36px 0 10px}.lp2-b .prose h2:first-child{margin-top:0}
.lp2-b .prose p{font-size:17px;line-height:1.65}
ul.dash{list-style:none;padding:0}ul.dash li{padding:8px 0 8px 22px;position:relative;border-bottom:1px dotted var(--line2)}ul.dash li:before{content:"—";position:absolute;left:0;color:var(--brass)}
ol.num{padding-left:22px}ol.num li{margin-bottom:8px}
.lp2-side{align-self:start;position:sticky;top:92px}
.lp2-l{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.lnk{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}.lnk li{padding:4px 0;break-inside:avoid}.lnk a{color:var(--ink)}
.v2 .h-sec{margin-bottom:20px}
.v2 .ftr{background:var(--ink)}
.v2 .ftr-mail a{color:#fff}
.v2 .mcta{border-radius:2px}
@media(max-width:960px){.mast-g,.pro2-g,.lp2-g,.reg2,.art,.ct,.lp2-b,.dwrap{grid-template-columns:1fr;gap:40px}.dnote{grid-column:1;grid-row:auto;position:static}.lp2-side{position:static}.chap.compact{grid-template-columns:1fr 1fr}.facts{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.blk{padding:56px 0}.mast{padding:40px 0 48px}.ix,.cols2,.welniet,.prov3,.lp2-l,.facts,.chap.compact{grid-template-columns:1fr;gap:0}.cols2{gap:8px}.lp2-l{gap:32px}.welniet>div+div{border-left:0;padding-left:0}.welniet>div{padding-right:0}.ix-g li a{grid-template-columns:1fr;gap:2px}.kop{grid-template-columns:44px 1fr;margin-bottom:28px}.dl li{grid-template-columns:1fr;gap:8px}.dl-a{align-items:flex-start;flex-direction:row;gap:16px}.chap>li{padding-left:56px}.chap.compact>li{margin-bottom:24px}.fig.full img{aspect-ratio:4/3}.prov3>div{margin-bottom:20px}.v2 .search.sm{flex-direction:column;align-items:stretch}.v2 .search.sm .btn{width:100%}.lp2-f{padding:20px}}
.v2 .hero{background:#fbfaf7;color:var(--ink);overflow:visible}
.v2 .hero:before{display:none}
.v2 .hero h1{color:var(--ink);max-width:none}
.v2 .hero .sub1{color:#3c4247;margin-bottom:0}
.v2 .hero .wrap{grid-template-columns:1.35fr 1fr;gap:72px;align-items:end}
.v2 .hero .ferr{color:#a3361b}
.v2 .mast{padding:72px 0 64px;border-bottom:1px solid var(--line)}
.v2 .pro2{padding:56px 0 72px}
@media(max-width:960px){.v2 .hero .wrap{grid-template-columns:1fr;gap:40px}}
@media(max-width:700px){.v2 .mast{padding:40px 0 48px}}
.fig.full img{object-position:50% 80%}
.nav-buurt{color:#1f7a6d;font-weight:600}
@media (max-width:900px){.hdr-act .nav-buurt{display:inline-block;font-size:13px;padding:8px 10px}}
.kp-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.kp-thumbs a,.kp-thumbs .th{position:relative;display:block;width:88px;height:88px;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#f4f4f4}.kp-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.kp-thumbs .th button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;line-height:24px;padding:0;font-size:14px}
/* ==GREEN== */
/* Groene huisstijl – zie /workspace/redesign-green/DESIGN.md */
@font-face{font-family:"Manrope";src:url(../fonts/manrope-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root,body,body.v2,body.app{--g900:#0E3B22;--g800:#14532D;--g700:#166534;--g500:#22A35A;--g300:#A7E3BC;--sage:#CFE3D5;--mint:#E8F3EC;--mint-2:#F1F7F3;--bg:#F7FAF7;--text:#3F5247;--muted:#55675C;--line-2:#CADBCF;--r-sm:12px;--r-lg:36px;--f:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.7,.2,1);
--ink:#0E1F16;--navy:#14532D;--ink2:#1B3326;--paper:#F1F7F3;--paper2:#E8F3EC;--white:#fff;--line:#E1ECE4;--line2:#CADBCF;--mute:#55675C;--acc:#14532D;--acc2:#0E3B22;--acc-soft:#E8F3EC;--brass:#22A35A;--brass-l:#A7E3BC;--ok:#22A35A;--serif:var(--f);--sans:var(--f);--r:22px;
--sh:0 1px 2px rgba(14,59,34,.05),0 16px 36px -20px rgba(20,83,45,.35);--sh2:0 2px 4px rgba(14,59,34,.05),0 24px 48px -20px rgba(20,83,45,.35)}
body,body.v2{background:var(--bg);color:var(--ink);font:400 16.5px/1.65 var(--f);font-feature-settings:normal}
body.app{background:var(--bg)}
body h1,body h2,body h3,body .h-sec,body.v2 h1,body.v2 h2,body.v2 h3{font-family:var(--f);font-weight:800;letter-spacing:-.035em;color:var(--g800)}
body.v2 h1,body h1{font-size:clamp(36px,5vw,64px);line-height:1.03;letter-spacing:-.045em}
body.v2 h2,body h2{font-size:clamp(28px,3.2vw,42px);line-height:1.08}
body.v2 h3,body h3{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3}
body.v2 .sub1,body.v2 .lead,body .lead{color:var(--text)}
body :focus-visible{outline:3px solid var(--g500);outline-offset:2px;border-radius:10px}
body .kicker,body .eyebrow{font:700 13.5px/1.2 var(--f);letter-spacing:0;text-transform:none;color:var(--g700);background:var(--mint);border-radius:999px;padding:7px 15px;display:inline-flex;width:auto}
body .eyebrow:before{display:none}
body .hero .kicker,body .cta .eyebrow,body .eyebrow.on-dark{background:rgba(167,227,188,.16);color:var(--g300)}
/* knoppen */
body .btn,body.v2 .btn{height:48px;padding:0 22px;border-radius:999px;font:700 15.5px/1 var(--f);background:var(--g800);border:1px solid var(--g800);color:#fff;box-shadow:none;transition:background .2s,box-shadow .2s,transform .2s}
body .btn:hover,body.v2 .btn:hover{background:var(--g900);border-color:var(--g900);box-shadow:0 10px 22px -12px rgba(14,59,34,.8)}
body .btn.ghost,body.v2 .btn.ghost{background:#fff;color:var(--g800);border-color:var(--line-2)}
body .btn.ghost:hover,body.v2 .btn.ghost:hover{background:var(--mint);color:var(--g800);border-color:var(--g800)}
body .btn.light{background:#fff;color:var(--g800);border-color:#fff}body .btn.light:hover{background:var(--mint);border-color:var(--mint)}
body .btn.navy,body .navy.btn{background:var(--g800);border-color:var(--g800)}
body .btn.ok{background:var(--g500);border-color:var(--g500)}
body .btn.danger{background:#B42318;border-color:#B42318}body .btn.danger:hover{background:#912018;border-color:#912018}
body .btn.sm,body.v2 .btn.sm{height:38px;padding:0 16px;font-size:14px;border-radius:999px}
body .tlink,body.v2 .tlink{color:var(--g800);font-weight:700;text-decoration-color:var(--g300);text-decoration-thickness:2px}
body a.lnk{color:var(--g700)}
/* logo */
body .logo,body.v2 .logo{font:800 21px/1 var(--f);letter-spacing:-.02em;color:var(--g800);gap:0}
body .logo:before,body.v2 .logo:before{width:32px;height:32px;margin-right:10px;border-radius:0;background:url(../img/logo/mark-green.svg) center/contain no-repeat}
body .logo.light{color:#fff}body .logo.light:before{background-image:url(../img/logo/mark-green-light.svg)}
/* header + drawer */
body .hdr,body.v2 .hdr{background:rgba(247,250,247,.88);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent}
body .hdr.solid,body.v2 .hdr.solid{border-bottom-color:var(--line);box-shadow:none}
body .hdr .wrap,body.v2 .hdr .wrap{height:76px;max-width:1280px}
body .nav,body.v2 .nav{gap:4px}
body .nav a,body.v2 .nav a{font:600 15px/1 var(--f);color:var(--text);padding:10px 13px;border-radius:999px;text-decoration:none;transition:background .2s,color .2s}
body .nav a:hover,body.v2 .nav a:hover{background:var(--mint);color:var(--g800)}
body .nav a[aria-current=page],body.v2 .nav a[aria-current=page]{background:var(--mint);color:var(--g800);text-decoration:none}
body .nav a[aria-current=page]:after{display:none}
body .nav-login{font:600 15px/1 var(--f);color:var(--text);padding:10px 13px;border-radius:999px}body .nav-login:hover{background:var(--mint);color:var(--g800)}
body .hdr .btn{height:42px;padding:0 20px;font-size:15px}
body .burger{width:44px;height:44px;border:0;border-radius:50%;background:var(--mint);color:var(--g800)}
body .burger:hover{background:var(--sage)}
@media(max-width:1140px){
 body .burger{display:inline-flex}
 body .hdr,body.v2 .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}
 body .nav,body.v2 .nav{position:fixed;top:76px;left:0;right:0;bottom:0;margin:0;background:var(--bg);flex-direction:column;gap:6px;padding:16px var(--pad) 32px;display:flex;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease),visibility .2s;z-index:49;overflow:auto}
 body .nav a,body.v2 .nav a{font:700 19px/1.2 var(--f);color:var(--g800);padding:16px 18px;border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:18px;background:#fff}
 body .nav .nav-m{display:block;background:var(--mint);border-color:var(--mint)}
 body.nav-open .nav{opacity:1;transform:none;visibility:visible}
 body.nav-open{overflow:hidden}
 body .nav-login{display:none}
}
@media(max-width:640px){body .hdr .wrap,body.v2 .hdr .wrap{height:66px}body .nav,body.v2 .nav{top:66px}}
@media(max-width:380px){body .hdr .btn{display:none}}
/* hero/masthead (subpagina's) */
body .hero{background:var(--g800);color:#D7E8DD}
body .hero:before{display:none}
body .hero h1{color:#fff}body .hero .sub1{color:#D7E8DD}
body .mast{border-bottom:0}
body .mast-f{border-top:0}
body .phead,body .phead2{border-color:var(--line)}
body .crumbs,body .crumbs a{color:var(--mute);font-size:14px}
/* formulieren */
body input:not([type=checkbox]):not([type=radio]):not([type=range]),body select,body textarea{font-family:var(--f)}
body .field input:not([type=checkbox]):not([type=radio]),body .field select,body .field textarea,body.v2 .search select,body.v2 .search input,body .lp2-f input,body .lp2-f select,body .authcard input:not([type=checkbox]):not([type=radio]){border:1px solid var(--line-2);border-radius:14px;background:var(--mint-2);color:var(--ink);font-weight:600;transition:background .2s,box-shadow .2s,border-color .2s}
body .field input:focus,body .field select:focus,body .field textarea:focus,body.v2 .search select:focus,body.v2 .search input:focus,body .lp2-f input:focus,body .authcard input:focus{background:#fff;border-color:var(--g500);box-shadow:0 0 0 3px rgba(34,163,90,.18);outline:none}
body .field label,body.v2 .search label{font:700 13px/1.2 var(--f);color:var(--g700);letter-spacing:0;text-transform:none}
body [aria-invalid=true]{border-color:#B42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.12)!important}
body .ferr{color:#B42318;font-size:13.5px;font-weight:600}
body input[type=checkbox],body input[type=radio]{accent-color:var(--g800)}
/* kaarten */
body .card,body .authcard,body .side-card,body .xcard,body .scard,body .regio-card,body .callout,body .summary{border-radius:22px;border-color:var(--line);box-shadow:none}
body .card,body .authcard,body .side-card,body .regio-card{background:#fff;border:1px solid var(--line)}
body .authcard{box-shadow:var(--sh)}
body .lp2-side h2{font-size:clamp(26px,2.4vw,32px)}
body .lp2-side .ptable td,body .lp2-side .ptable th{font-size:15px}
body .xcard:hover,body .scard:hover,body .regio-card:hover{border-color:var(--line-2);box-shadow:var(--sh)}
body .imgbox,body .imgbox img,body .fig img,body .art img{border-radius:22px}
body .chip,body .chip-l{border-radius:999px;background:var(--mint);color:var(--g800);border-color:transparent}
body .ico-ok{color:var(--g500)}
body .icn{background:var(--sage);color:var(--g800);border-radius:50%}
body .num,body .stepno,body .kop-no{color:var(--g500)}
body .kop{border-top:0;padding-top:0}
body .blk.tint,body .sec.alt{background:#fff;border-color:var(--line)}
/* stepper (klus-plaatsen) */
body .stepper li:before,body .stepper li.on:before,body .stepper li.done:before{border-radius:999px}
body .stepper li.on,body .stepper li.done{color:var(--g800)}
/* tabellen */
body .ptable,body .dtable{border-collapse:collapse}
body .ptable th,body .dtable th{color:var(--mute);font-weight:700}
body .ptable td,body .dtable td{border-color:var(--line-2)}
/* faq */
body .faq-list summary,body .faq-list.v2 summary{font:700 17px/1.35 var(--f);color:var(--g800);letter-spacing:-.01em}
body .faq-list details{border-color:var(--line-2)}
/* footer */
body .ftr,body footer.ftr{background:var(--g900);color:#B9CFC1;border-top:0}
body .ftr .fh{color:#fff;font:700 14px/1.2 var(--f);letter-spacing:0;text-transform:none}
body .ftr a{color:#B9CFC1}body .ftr a:hover{color:#fff}
body .ftr .ftr-mail a{color:var(--g300);font-weight:700}
body .ftr .legal,body .ftr .ftr-co{color:#93AE9D;border-color:rgba(255,255,255,.12)}
/* overig */
body .mcta{border-radius:999px;background:var(--g800);border-color:var(--g800)}
body .cookie{border-radius:20px;border:1px solid var(--line);box-shadow:var(--sh2);background:#fff}
body .cookie .btn{height:40px}
body .chat-btn{background:var(--g800);border:0}
body .prose a,body .legal-doc a{color:var(--g700);text-decoration-color:var(--g300)}
body .drop:first-letter{color:var(--g500);font-family:var(--f);font-weight:800}
body .chap>li:before,body .facts dt{font-family:var(--f);font-weight:800;color:var(--g500)}
body .facts dt{color:var(--g800)}
body .ix-g li a b{font:700 17px/1.3 var(--f);color:var(--g800)}

body .seg{background:var(--mint);border-radius:999px;padding:4px}body .seg button{border-radius:999px;font-family:var(--f);font-weight:700}body .seg button[aria-selected=true],body .seg button.on{background:var(--g800);color:#fff}

body h1,body h2,body h3{overflow-wrap:break-word;hyphens:manual}
body .prose{min-width:0;overflow-wrap:break-word}
body .two-col>*,body .lp2-g>*,body .lp2-b>*,body .mast-g>*{min-width:0}
@media(max-width:960px){body .two-col{grid-template-columns:minmax(0,1fr)}}
body .dtable td,body .dtable th,body .ptable td,body .ptable th{overflow-wrap:anywhere}
body .legal-doc .dtable{max-width:100%}


.g-hero-wrap{padding:0 clamp(12px,2.2vw,32px)}
.g-hero{max-width:1376px;margin:0 auto;background:var(--mint);border-radius:var(--r-lg);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:620px}
.g-hero-copy{padding:clamp(40px,5.5vw,84px) clamp(24px,4.5vw,72px);align-self:center}
.g-pill{display:inline-block;background:#fff;color:var(--g700);border-radius:999px;padding:7px 15px;font-weight:700;font-size:13.5px;margin:0}
.g-hero h1{font-size:clamp(40px,5.4vw,74px);line-height:1.01;letter-spacing:-.045em;margin:22px 0 20px}
.g-lede{font-size:clamp(17px,1.4vw,19px);color:var(--text);margin:0 0 32px;max-width:520px}
.g-search{background:#fff;border-radius:var(--r);padding:8px;display:grid;grid-template-columns:1.25fr 1fr auto;gap:6px;max-width:600px;box-shadow:var(--sh)}
.g-field{padding:8px 16px;border-radius:14px;background:var(--mint-2);transition:background .2s,box-shadow .2s}
.g-field:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--g500)}
.g-field label{display:block;font-size:12px;font-weight:700;color:var(--g700)}
.g-field select,.g-field input{appearance:none;width:100%;border:0;background:transparent;outline:none;padding:2px 0;font:600 16px/1.4 var(--f);color:var(--ink)}
.g-field select{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314532D' stroke-width='1.8'/%3E%3C/svg%3E") right center no-repeat;padding-right:18px}
.g-field input::placeholder{color:#7D8E83}
.g-btn-go{border-radius:16px;padding:0 28px;min-height:58px}
.g-note{font-size:14px;color:var(--text);margin:14px 0 0}
.g-hero-media{margin:0;position:relative;min-height:100%}
.g-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0 var(--r-lg) var(--r-lg) 140px;animation:fade 1s var(--ease) both}
.g-facts{position:absolute;left:28px;bottom:28px;margin:0;padding:18px 22px;list-style:none;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:20px;display:grid;gap:9px;font-weight:700;font-size:14.5px;color:var(--g800);box-shadow:var(--sh)}
.g-facts li{display:flex;align-items:center;gap:10px}
.g-facts svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--g500);color:#fff;flex:none}
.g-hero-cap{font-size:12.5px;color:var(--muted);margin-top:12px;max-width:1376px}.g-hero-cap span{opacity:.85}
@keyframes fade{from{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}
@keyframes up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.g-hero-copy>*{animation:up .7s var(--ease) both}.g-hero-copy>*:nth-child(2){animation-delay:.05s}.g-hero-copy>*:nth-child(3){animation-delay:.1s}.g-hero-copy>*:nth-child(4){animation-delay:.15s}

.g-section{padding:clamp(64px,8vw,112px) 0}
.g-s-steps,.g-s-price{background:#fff}
.g-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(32px,4vw,52px)}
.g-sec-num{display:block;font-weight:800;color:var(--g500);font-size:15px;margin-bottom:8px}
.g-stack{display:block}.g-stack p{color:var(--text);margin:18px 0 0;max-width:32em}.g-stack a{color:var(--g700);font-weight:700;text-decoration-color:var(--g300);text-decoration-thickness:2px;text-underline-offset:3px}
.g-link-more{font-weight:700;font-size:15px;color:var(--g800);text-decoration:none;white-space:nowrap;padding:11px 18px;border-radius:999px;background:var(--mint);transition:background .2s}
.g-link-more:hover{background:var(--sage)}
/* categories */
.g-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-cat-group{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:10px}
.g-grp{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--muted);padding:12px 12px 10px;margin:0}
.g-cat-group ul{list-style:none;margin:0;padding:0}
.g-cat{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;text-decoration:none;transition:background .2s}
.g-cat:hover{background:var(--mint-2)}
.g-cat-ico{width:44px;height:44px;flex:none;border-radius:50%;background:var(--sage);color:var(--g800);display:grid;place-items:center;transition:background .2s,color .2s}
.g-cat:hover .g-cat-ico{background:var(--g800);color:var(--g300)}
.g-cat-t{flex:1;min-width:0}.g-cat-name{display:block;font-weight:700;color:var(--g800);font-size:16px;line-height:1.3}.g-cat-desc{display:block;font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.g-arr{color:var(--g500);opacity:0;transform:translateX(-4px);transition:.2s var(--ease)}.g-cat:hover .g-arr{opacity:1;transform:none}
/* steps */
.g-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.g-step{background:var(--mint);border-radius:var(--r);padding:28px 26px 30px}
.g-step-num{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--g800);color:var(--g300);font-weight:800;font-size:17px;margin-bottom:22px}
.g-step h3{font-size:20px;letter-spacing:-.02em;margin-bottom:10px}.g-step p{margin:0;color:var(--text);font-size:15px}
.g-steps-cta{margin-top:36px}
/* trust */
.g-trust{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g-card{border-radius:var(--r);padding:clamp(28px,3.2vw,44px);background:#fff;border:1px solid var(--line)}
.g-card.g-yes{background:var(--g800);border-color:var(--g800);color:#E3EFE7}.g-card.g-yes h3,.g-card.g-yes strong{color:#fff}
.g-card h3{font-size:26px;margin-bottom:22px}
.g-card ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.g-card li{display:flex;gap:14px;align-items:flex-start}.g-card li span{flex:1}
.g-card li svg{flex:none;width:28px;height:28px;padding:5px;border-radius:50%;margin-top:-1px}
.g-yes li svg{background:var(--g500);color:#fff}.g-no li svg{background:var(--mint);color:var(--muted)}.g-no li span{color:var(--text)}
/* price */
.g-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:start}
.g-tcard{background:var(--mint-2);border:1px solid var(--line);padding:6px 28px}.g-home table{width:100%;border-collapse:collapse}.g-home caption{text-align:left;font-weight:800;color:var(--g800);font-size:17px;padding:22px 0 8px}.g-home th,.g-home td{text-align:left;padding:17px 0;border-bottom:1px solid var(--line-2);font-weight:500}.g-home thead th{font-size:13px;color:var(--muted);font-weight:700}.g-home thead th:last-child,.g-home td{text-align:right}.g-home td{font-weight:800;color:var(--g800);white-space:nowrap;padding-left:16px}.g-home tbody tr:last-child>*{border:0}
/* region */
.g-region{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,88px);align-items:center}
.g-provs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 28px}
.g-prov{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 12px}
.g-prov h3{font-size:18px;margin-bottom:8px}.g-prov ul{list-style:none;margin:0;padding:0}
.g-prov a{display:block;padding:5px 0;text-decoration:none;color:var(--text);font-weight:600;font-size:15px;transition:color .2s}.g-prov a:hover{color:var(--g500)}
.g-region-media{margin:0}.g-region-media img{border-radius:120px var(--r-lg) var(--r-lg) var(--r-lg);aspect-ratio:4/5;object-fit:cover;width:100%}.g-home figcaption{font-size:12.5px;color:var(--muted);margin-top:12px}
/* pro */
.g-s-pro{padding:0 0 clamp(64px,8vw,112px)}
.g-pro{background:var(--g800);color:#D7E8DD;border-radius:var(--r-lg);padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;position:relative;overflow:hidden}
.g-pro::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(167,227,188,.22),transparent 70%)}
.g-pro-kick{display:inline-block;background:rgba(167,227,188,.16);color:var(--g300);border-radius:999px;padding:6px 14px;font-weight:700;font-size:13.5px;margin:0 0 16px}
.g-pro h2{color:#fff;max-width:16ch}.g-pro p{max-width:36em;margin:16px 0 0}.g-pro .g-btn{position:relative;z-index:1}
/* faq */
.g-faq{display:grid;gap:10px}.g-faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px;transition:border-color .2s}
.g-faq details[open]{border-color:var(--line-2);box-shadow:var(--sh)}
.g-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-weight:700;color:var(--g800)}
.g-faq summary::-webkit-details-marker{display:none}
.g-plus{flex:none;width:30px;height:30px;border-radius:50%;background:var(--mint);position:relative;transition:transform .25s var(--ease),background .2s}
.g-plus::before,.g-plus::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:var(--g800);transform:translate(-50%,-50%)}.g-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] .g-plus{transform:rotate(45deg);background:var(--g800)}details[open] .g-plus::before,details[open] .g-plus::after{background:#fff}
.g-faq p{margin:-4px 0 20px;color:var(--text)}

@media (max-width:1140px){.g-nav-links{display:none}.g-nav-cta{margin-left:auto}.g-cats{grid-template-columns:repeat(2,1fr)}.g-steps{grid-template-columns:repeat(2,1fr)}.g-foot-grid{grid-template-columns:repeat(3,1fr)}.g-foot-brand{grid-column:1/-1}}
@media (max-width:960px){.g-hero{grid-template-columns:1fr;min-height:0}.g-hero-media{min-height:0}.g-hero-media img{position:static;aspect-ratio:4/3;border-radius:120px var(--r-lg) var(--r-lg) var(--r-lg)}.g-hero-media{padding:0 10px 10px}.g-facts{left:24px;bottom:24px}
.g-split,.g-region,.g-trust{grid-template-columns:1fr}.g-pro{grid-template-columns:1fr}.g-region-media img{aspect-ratio:16/10}.g-sec-head{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){body{font-size:16px}.g-nav{height:66px}.g-link-login{display:none}
.g-hero{border-radius:28px}.g-hero-copy{padding:36px 20px 28px}
.g-search{grid-template-columns:1fr;padding:6px;border-radius:20px}.g-btn-go{width:100%;min-height:56px;margin-top:2px}
.g-hero-media img{aspect-ratio:1/1;border-radius:90px 22px 22px 22px}.g-hero-media{padding:0 6px 6px}
.g-facts{position:static;margin-top:8px;box-shadow:none;background:#fff;font-size:14px}
.g-cats,.g-steps,.g-provs{grid-template-columns:1fr}.g-arr{opacity:.6;transform:none}
.g-tcard{padding:4px 18px}.g-home th,.g-home td{font-size:15px}
.g-foot-grid{grid-template-columns:1fr 1fr}.g-foot-legal{flex-direction:column}.g-btn{white-space:normal;text-align:center}.g-pro .g-btn,.g-steps-cta .g-btn{width:100%}
.g-region-media img{border-radius:80px 22px 22px 22px}}
/* home: wrapper + live heroformulier (#heroSearch, JS-hooks behouden) */
.g-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.g-home main h2{font-size:clamp(30px,3.6vw,46px)}
.g-home .g-hero h1{font-size:clamp(40px,5.4vw,74px);line-height:1.01;letter-spacing:-.045em;margin:22px 0 20px;max-width:none;color:var(--g800)}
body.v2 .g-hero .search.stack{background:#fff;border-radius:22px;padding:8px;display:grid;grid-template-columns:1.25fr 1fr auto;gap:6px;max-width:600px;box-shadow:var(--sh);flex-direction:row}
body.v2 .g-hero .search.stack .f{padding:8px 16px;border-radius:14px;background:var(--mint-2);transition:background .2s,box-shadow .2s;border:0}
body.v2 .g-hero .search.stack .f:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--g500)}
body.v2 .g-hero .search label{display:block;font:700 12px/1.3 var(--f);color:var(--g700);margin:0}
body.v2 .g-hero .search select,body.v2 .g-hero .search input{appearance:none;-webkit-appearance:none;height:auto;width:100%;border:0;border-radius:0;background:transparent;outline:none;padding:2px 0;box-shadow:none;font:600 16px/1.4 var(--f);color:var(--ink)}
body.v2 .g-hero .search select{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2314532D' stroke-width='1.8'/%3E%3C/svg%3E") right center no-repeat;padding-right:18px}
body.v2 .g-hero .search input::placeholder{color:#7D8E83}
body.v2 .g-hero .search .btn{width:auto;height:auto;min-height:58px;margin:0;border-radius:16px;padding:0 28px}
body.v2 .g-hero .search [aria-invalid=true]{box-shadow:none!important}
.g-hero .search .f:has([aria-invalid=true]){box-shadow:inset 0 0 0 2px #B42318}
.g-hero .ferr{margin:12px 0 0}
.g-home .g-cat,.g-home .g-prov a,.g-home .g-link-more{text-decoration:none}
.g-home .g-faq summary{font:700 16.5px/1.4 var(--f);color:var(--g800)}
.g-home .g-faq details{border-bottom:1px solid var(--line)}
.g-home .g-card h3{font-size:26px}
.g-home .g-pro h2{color:#fff}
.g-home .g-yes h3{color:#fff}
@media(max-width:640px){body.v2 .g-hero .search.stack{grid-template-columns:1fr;padding:6px;border-radius:20px}body.v2 .g-hero .search .btn{width:100%;min-height:56px}}
body.v2 h1,body.v2 h2,body.v2 h3,body h1,body h2,body h3{hyphens:manual;-webkit-hyphens:manual}
body.v2 .g-grp{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--muted);padding:12px 12px 10px;margin:0;line-height:1.3}
body.v2 .g-step h3{font-size:20px}
body.v2 .g-prov h3{font-size:18px;margin-bottom:8px}
body.v2 .g-card h3{font-size:26px}
body.v2 .g-yes h3{color:#fff}
body.v2 .g-pro h2{color:#fff}
body.v2 .g-sec-head h2{font-size:clamp(30px,3.6vw,46px)}

/* ---- contact + klus-plaatsen: kaartlayout (DESIGN.md §2) ---- */
/* paginakop als mint-blok */
body.g-contact .phead2,body.g-kp .kp-head{background:var(--mint);border:0;border-radius:var(--r-lg);max-width:1376px;margin:0 auto;padding:clamp(32px,4.5vw,64px) 0}
body.g-contact .phead2{margin:0 clamp(12px,2.2vw,32px)}
@media(min-width:1440px){body.g-contact .phead2{margin:0 auto}}
body.g-contact .phead2 h1,body.g-kp .kp-main>h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;margin:14px 0 12px}
body.g-contact .phead2 .lead{font-size:18px;margin:0;color:var(--text)}
body.g-contact .crumbs a,body.g-kp .crumbs a{text-decoration:none}
/* contact */
body.g-contact .ct{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:24px;padding-top:32px;align-items:start}
body.g-contact .ct>.card.form{border-radius:28px;padding:clamp(24px,3.4vw,44px);box-shadow:var(--sh);border:1px solid var(--line)}
body.g-contact .ct>.card.form:before{content:"Stuur ons een bericht";display:block;font:800 26px/1.15 var(--f);letter-spacing:-.03em;color:var(--g800);margin-bottom:22px}
body.g-contact .ct-side{display:grid;gap:14px}
body.g-contact .g-ccard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}
body.g-contact .g-ccard:first-child{background:var(--g800);border-color:var(--g800);color:#D7E8DD}
body.g-contact .g-ccard:first-child h2{color:#fff}body.g-contact .g-ccard:first-child a{color:var(--g300)}
body.g-contact .g-ci{flex:none;width:44px;height:44px;border-radius:50%;background:var(--sage);color:var(--g800);display:grid;place-items:center}
body.g-contact .g-ccard:first-child .g-ci{background:rgba(167,227,188,.18);color:var(--g300)}
body.g-contact .g-ci svg{width:22px;height:22px}
body.g-contact .ct-side h2{font-size:18px;margin:2px 0 4px;letter-spacing:-.02em}
body.g-contact .ct-side p{margin:0;font-size:15px;color:var(--text)}
body.g-contact .g-ccard:first-child p{color:#D7E8DD;font-weight:700;font-size:16px}
body .field textarea{border-radius:16px;padding:14px 16px;min-height:150px}
body .field input:not([type=checkbox]):not([type=radio]):not([type=file]),body .field select{height:52px;padding:0 16px}
body .field{margin-bottom:18px}
body .field .hint,body .hint{font-size:13.5px;color:var(--muted)}
body .chk{align-items:flex-start}
body .chk input{width:20px;height:20px;accent-color:var(--g800)}
body .form>.btn[type=submit]{width:100%;height:54px;font-size:16px}
@media(max-width:960px){body.g-contact .ct{grid-template-columns:minmax(0,1fr)}}
/* klus-plaatsen */
body.g-kp main.kp{background:var(--bg);padding:12px 0 96px}
body.g-kp .kp-main>.crumbs,body.g-kp .kp-main>h1,body.g-kp .kp-main>.lead{position:relative;z-index:1}
body.g-kp .kp-main{position:relative}
body.g-kp .kp-main:before{content:"";position:absolute;z-index:0;left:calc(-1*clamp(16px,3vw,40px));right:calc(-1*clamp(16px,3vw,40px));top:-12px;height:var(--kph,260px);background:var(--mint);border-radius:var(--r-lg)}
body.g-kp .kp-main>.crumbs{padding-top:28px}
body.g-kp .kp-main>.lead{margin:0 0 36px;max-width:560px;color:var(--text)}
body.g-kp .stepper{position:relative;z-index:1;display:flex;gap:6px;margin:0 0 16px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:var(--sh)}
body.g-kp .stepper li{flex:1;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:8px 6px;border-radius:999px;font:700 13px/1 var(--f);color:var(--muted);white-space:nowrap}
body.g-kp .stepper li:before{display:none}
body.g-kp .stepper li span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mint);color:var(--g800);font-size:12.5px;flex:none}
body.g-kp .stepper li.done{color:var(--g800)}
body.g-kp .stepper li.done span{background:var(--g500);color:transparent;position:relative}
body.g-kp .stepper li.done span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px}
body.g-kp .stepper li.on{background:var(--g800);color:#fff}
body.g-kp .stepper li.on span{background:var(--g300);color:var(--g900)}
body.g-kp #kp.card{position:relative;z-index:1;border-radius:28px;padding:clamp(22px,3.4vw,44px);box-shadow:var(--sh);border:1px solid var(--line)}
body.g-kp fieldset.kstep legend{display:block;font:800 clamp(24px,2.4vw,30px)/1.15 var(--f);letter-spacing:-.03em;color:var(--g800);margin-bottom:24px}
body.g-kp .stepno{display:inline-block;background:var(--mint);color:var(--g700);border-radius:999px;padding:6px 12px;font:700 12.5px/1 var(--f);letter-spacing:0;margin-bottom:14px}
body.g-kp legend .stepno{display:table}
body .opt span{min-height:58px;padding:14px 16px 14px 46px;border:1px solid var(--line-2);border-radius:16px;font:700 15.5px/1.3 var(--f);color:var(--g800);background:var(--mint-2);position:relative;transition:border-color .15s,background .15s,box-shadow .15s}
body .opt span:before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:2px solid var(--line-2);background:#fff;transition:.15s}
body .opt:hover span{border-color:var(--g500);background:#fff}
body .opt input:checked+span{border-color:var(--g800);background:#fff;box-shadow:inset 0 0 0 1px var(--g800),var(--sh)}
body .opt input:checked+span:before{border-color:var(--g800);background:var(--g800);box-shadow:inset 0 0 0 3px #fff}
body .opt input:focus-visible+span{outline:3px solid var(--g500);outline-offset:2px}
body.g-kp .opts{gap:10px}
body.g-kp .kp-nav{border-top:1px solid var(--line);padding-top:22px;margin-top:28px}
body.g-kp .kp-nav .btn{height:52px;padding:0 26px}
body.g-kp .summary{border-radius:20px;background:var(--mint-2);border-color:var(--line)}
body.g-kp .summary div{border-color:var(--line-2)}
body.g-kp .summary dt{color:var(--g700);font-weight:700}
body.g-kp .loginbox{background:var(--mint);border:1px solid var(--line-2);border-radius:20px;padding:22px}
body.g-kp .loginbox b{color:var(--g800)}
body.g-kp .kp-alert{position:relative;z-index:1;border-radius:16px}
body.g-kp .card.done{border-radius:28px;text-align:center;padding:48px 28px;box-shadow:var(--sh)}
body.g-kp .okmark{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--g500);color:#fff;margin-bottom:18px}body.g-kp .okmark svg{width:32px;height:32px}
body.g-kp .card.done .row-btns{justify-content:center}
body.g-kp .kp-side{top:100px}
body.g-kp .kp-side .icard{background:var(--g800);border:0;border-radius:24px;color:#D7E8DD;padding:28px}
body.g-kp .kp-side .icard h2{color:#fff;font-size:22px}
body.g-kp .mini{padding-left:0;list-style:none;counter-reset:m;margin:16px 0 0;display:grid;gap:12px}
body.g-kp .mini li{counter-increment:m;display:flex;gap:12px;font-size:14.5px;line-height:1.5}
body.g-kp .mini li:before{content:counter(m);flex:none;width:26px;height:26px;border-radius:50%;background:rgba(167,227,188,.18);color:var(--g300);display:grid;place-items:center;font-weight:800;font-size:13px}
body.g-kp .assure.col{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;gap:12px;font-weight:600;color:var(--g800)}
body.g-kp .assure svg{color:#fff;background:var(--g500);border-radius:50%;padding:3px;width:22px;height:22px}
body.g-kp .kp-thumbs a,body.g-kp .kp-thumbs .th{border-radius:14px}
body .field input[type=file]{padding:12px;border:1px dashed var(--line-2);border-radius:16px;background:var(--mint-2);width:100%}
@media(max-width:960px){body.g-kp .kp-side{margin-top:8px}}
@media(max-width:700px){body.g-kp .stepper li{font-size:0;gap:0;padding:6px 2px}body.g-kp .stepper li.on{font-size:12.5px;gap:8px;flex:2.4;padding:6px 10px}
 body.g-kp .kp-main:before{left:-14px;right:-14px}
 body.g-kp .kp-nav .btn{flex:1}}
@media(max-width:700px){body.g-kp #kp.card{padding:22px 16px}body .opt span{padding:12px 10px 12px 36px;font-size:14px;overflow-wrap:normal;word-break:normal;min-height:54px}body .opt span:before{left:12px;width:16px;height:16px;margin-top:-8px}}

/* ==/GREEN== */