@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/plus-jakarta-sans-400.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/plus-jakarta-sans-500.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/plus-jakarta-sans-600.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/plus-jakarta-sans-700.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/plus-jakarta-sans-800.woff2') format('woff2')}

:root{
  --aub:#32142F; --oranje:#FF5A36; --lav:#D9CBE8; --wit:#F7F1DF; --aub-zacht:#5A4357; --lijn:#E4D9C3;
  --kop:"Bricolage Grotesque","Arial Black",Arial,sans-serif; --tekst:Manrope,"Segoe UI",Arial,sans-serif;
  --sectie:clamp(64px,9vw,128px);
  box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --aub:#32142F; --oranje:#FF5A36; --lav:#D9CBE8; --wit:#F7F1DF; --aub-zacht:#5A4357; } }
:root[data-theme="dark"]{ --aub:#32142F; --oranje:#FF5A36; --lav:#D9CBE8; --wit:#F7F1DF; --aub-zacht:#5A4357; }
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
body{margin:0;background:var(--wit);color:var(--aub);font-family:var(--tekst);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--oranje);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--kop);font-weight:800;letter-spacing:-.03em;margin:0}
p{margin:0}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(20px,5vw,56px)}
.sectie{padding:var(--sectie) 0}
.label{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aub-zacht)}
.kop-l{font-size:clamp(32px,4.6vw,64px);line-height:1}
.kop-m{font-size:clamp(24px,2.6vw,34px);line-height:1.08}
.intro{margin-top:18px;max-width:40em;font-size:clamp(17px,1.5vw,20px);color:var(--aub-zacht)}
.zacht{color:var(--aub-zacht)}
.klein{font-size:14px;line-height:1.55}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:8px;font:700 17px var(--tekst);text-decoration:none;border:0;cursor:pointer;transition:background-color .2s}
.btn-primair{background:var(--oranje);color:var(--aub)}.btn-primair:hover{background:#ff7352}
.btn-lijn{background:transparent;color:inherit;border:2px solid currentColor}
.link{font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.placeholder{background:var(--lav);border-radius:14px;display:grid;place-items:center;text-align:center;padding:16px;color:var(--aub-zacht);font-size:15px}

/* navigatie, compacter na scrollen */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:rgba(50,20,47,.9);backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px);color:var(--wit);transition:background-color .3s}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;transition:min-height .3s}
.nav.klein .nav-in{min-height:52px}
.merk{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none}
.woordmerk{font-family:var(--kop);font-weight:800;font-size:25px;line-height:1;letter-spacing:-.045em;white-space:nowrap;transition:font-size .3s}
.nav.klein .woordmerk{font-size:21px}
.woordmerk span{color:var(--oranje);margin-left:.16em}
.merkregel{font-size:9px;font-weight:700;letter-spacing:.42em;text-transform:uppercase;color:var(--lav);transition:opacity .2s,height .2s}
.nav.klein .merkregel{opacity:0;height:0;overflow:hidden}
.nav-links{display:flex;align-items:center;gap:24px;font-size:15px;font-weight:600}
.nav-links a{text-decoration:none;opacity:.88}.nav-links a:hover{opacity:1}
.nav-links .btn{min-height:40px;padding:0 16px;font-size:15px;opacity:1}
@media (max-width:900px){.nav-links a:not(.btn){display:none}.merkregel{display:none}}

/* hero */
.hero{background:var(--aub);color:var(--wit);padding:calc(68px + clamp(40px,7vw,96px)) 0 clamp(48px,7vw,96px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center}
.hero h1{font-size:clamp(52px,8.2vw,128px);line-height:.9;letter-spacing:-.04em}
.hero h1 .ch{display:inline-block}
.hero .sub{margin-top:24px;font-size:clamp(20px,2.2vw,28px);line-height:1.3;color:var(--lav);font-weight:500;max-width:22em}
.hero .acties{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}
.hero-zes{position:relative;justify-self:center;width:min(100%,460px)}
.hero-zes svg{width:100%;height:auto;display:block;overflow:visible;will-change:transform}
.stand{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);background:rgba(247,241,223,.1);border:1px solid rgba(217,203,232,.3);color:var(--wit);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;white-space:nowrap}
.hero-foto{display:none;margin-top:28px;aspect-ratio:16/9}
@media (max-width:820px){
  .hero{position:relative;padding-bottom:150px}
  .hero-grid{grid-template-columns:1fr}
  .hero-zes{position:absolute;right:-60px;bottom:-110px;width:210px;pointer-events:none}
  .hero-zes .stand{display:none}
  .hero .tekst{position:relative;z-index:1}
  .hero-foto{display:grid}
}
.hero .tekst{min-width:0}

/* drie oplossingen */
.drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.drie article{background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.drie .beeld{aspect-ratio:4/3;border-radius:0}
.drie .inhoud{padding:22px 24px 26px}
.drie h3{font-size:clamp(22px,2vw,28px);line-height:1.05}
.drie p{margin-top:8px;font-size:16px;color:var(--aub-zacht)}
.drie .nr{font-family:var(--kop);font-weight:800;color:var(--oranje);font-size:15px;margin-bottom:6px}
@media (max-width:860px){.drie{grid-template-columns:1fr}.drie article{flex-direction:row}.drie .beeld{width:38%;aspect-ratio:auto;min-height:130px}.drie .inhoud{padding:18px}}

/* demo */
.demo{background:var(--aub);color:var(--wit);position:relative;overflow:hidden}
.demo .label{color:var(--lav)}
.demo-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}
.video{position:relative;aspect-ratio:16/9;border-radius:16px;background:#22101F;border:1px solid rgba(217,203,232,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px;text-decoration:none;color:var(--wit)}
.video .play{width:76px;height:76px;border-radius:50%;background:var(--oranje);display:grid;place-items:center}
.video small{color:var(--lav);font-size:14px}
.hoofdstukken{margin:0;padding:0;list-style:none;counter-reset:h}
.hoofdstukken li{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;padding:16px 0;border-top:1px solid rgba(217,203,232,.22)}
.hoofdstukken li:last-child{border-bottom:1px solid rgba(217,203,232,.22)}
.hoofdstukken .t{font-family:var(--kop);font-weight:800;color:var(--oranje);font-size:20px;grid-row:span 2}
.hoofdstukken strong{font-size:17px}
.hoofdstukken span.u{font-size:15px;color:var(--lav)}
.demo-zes{position:absolute;right:-90px;top:-120px;width:280px;opacity:.12;pointer-events:none}
@media (max-width:860px){.demo-grid{grid-template-columns:1fr}.demo-zes{display:none}}

/* praktijk + vergelijking */
.voordelen{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.voordelen div{border-top:2px solid var(--aub);padding-top:16px}
.voordelen h3{font-family:var(--tekst);font-weight:700;letter-spacing:0;font-size:18px}
.voordelen p{margin-top:6px;font-size:16px;color:var(--aub-zacht)}
@media (max-width:860px){.voordelen{grid-template-columns:1fr;gap:4px}}
.verg{margin-top:56px;background:#fff;border-radius:16px;padding:clamp(20px,3vw,36px)}
.verg-kop,.verg-rij{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px;align-items:start}
.verg-kop{padding-bottom:14px;border-bottom:2px solid var(--aub);font-family:var(--kop);font-weight:800;font-size:18px}
.verg-kop .mt{color:var(--oranje)}
.verg-rij{padding:14px 0;border-bottom:1px solid var(--lijn);font-size:16px}
.verg-rij:last-child{border-bottom:0}
.verg-rij .e{font-weight:700}
.verg-rij .w{color:var(--aub-zacht)}
.verg-rij .m{font-weight:600}
.verg-rij .lbl{display:none;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aub-zacht);margin-bottom:2px}
@media (max-width:700px){.verg-kop{display:none}.verg-rij{grid-template-columns:1fr 1fr;gap:6px 16px}.verg-rij .e{grid-column:1/-1}.verg-rij .lbl{display:block}}

/* rekentool */
.reken{background:var(--aub);color:var(--wit)}
.reken .label{color:var(--lav)}.reken .intro{color:var(--lav)}
.reken-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}
.invoer{background:var(--wit);color:var(--aub);border-radius:16px;padding:8px 24px 20px}
.veld{padding:14px 0;border-bottom:1px solid var(--lijn)}
.veld-kop{display:flex;justify-content:space-between;gap:12px;font-size:16px;font-weight:600}
.veld-kop output{font-family:var(--kop);font-weight:800;font-size:19px;white-space:nowrap}
.veld small{display:block;color:var(--aub-zacht);font-size:13px;font-weight:500}
input[type=range]{width:100%;margin-top:8px;accent-color:var(--oranje);height:30px}
.uitkomst{display:flex;flex-direction:column;gap:14px}
.u-groot{border:2px solid var(--oranje);border-radius:16px;padding:24px}
.u-groot .g{font-family:var(--kop);font-weight:800;font-size:clamp(44px,5.4vw,76px);line-height:.95;letter-spacing:-.04em;color:var(--oranje)}
.u-rij{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.u-klein{background:var(--wit);color:var(--aub);border-radius:16px;padding:18px 20px}
.u-klein .g{font-family:var(--kop);font-weight:800;font-size:28px;line-height:1.1;letter-spacing:-.02em}
details.methode{background:rgba(217,203,232,.1);border-radius:12px;padding:14px 18px;font-size:15px;color:var(--lav)}
details.methode summary{cursor:pointer;font-weight:700;color:var(--wit);list-style:none}
details.methode summary::-webkit-details-marker{display:none}
details.methode ul{margin:10px 0 0;padding-left:18px}
@media (max-width:860px){.reken-grid{grid-template-columns:1fr}.u-rij{grid-template-columns:1fr}}

/* voor wie */
.tabs{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}
.tab{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--aub);background:transparent;color:var(--aub);font:600 15px var(--tekst);cursor:pointer}
.tab[aria-selected="true"]{background:var(--aub);color:var(--wit)}
.paneel{margin-top:24px;background:#fff;border-radius:16px;padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 48px}
.paneel h3{font-size:clamp(26px,2.6vw,36px);line-height:1}
.paneel .nuance{margin-top:12px;font-size:15px;color:var(--aub-zacht)}
.plussen{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.plussen li{display:flex;gap:12px;align-items:baseline;font-size:16px}
.plussen .p{font-family:var(--kop);font-weight:800;color:var(--oranje);font-size:20px;line-height:1;flex:none;width:14px}
details.meer{margin-top:14px}
details.meer summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;text-decoration:underline;text-underline-offset:4px}
details.meer summary::-webkit-details-marker{display:none}
details.meer .plussen{margin-top:12px}
@media (max-width:820px){.paneel{grid-template-columns:1fr}}

/* mogelijkheden */
.mog{background:var(--lav)}
.mog-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start}
.functies details{border-top:2px solid var(--aub);padding:14px 0}
.functies details:last-of-type{border-bottom:2px solid var(--aub)}
.functies summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:40px 1fr 24px;gap:8px;align-items:baseline}
.functies summary::-webkit-details-marker{display:none}
.functies .nr{font-family:var(--kop);font-weight:800;color:var(--aub)}
.functies .titel{font-weight:700;font-size:17px}
.functies .kort{grid-column:2/3;font-size:15px;color:var(--aub-zacht)}
.functies .plus{font-family:var(--kop);font-weight:800;font-size:22px;transition:transform .2s}
.functies details[open] .plus{transform:rotate(45deg)}
.functies .lang{margin:10px 0 2px 48px;font-size:15px;color:var(--aub-zacht)}
.subkop{margin-top:28px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aub-zacht)}
.extra{margin:10px 0 0;padding:0;list-style:none}
.extra li{padding:10px 0;border-bottom:1px solid rgba(50,20,47,.15);font-size:16px}
.specs .rij{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(50,20,47,.15);font-size:16px}
.specs dt{color:var(--aub-zacht)}.specs dd{margin:0;font-weight:600;text-align:right}
.keur{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px}
.keur span{display:block;background:rgba(50,20,47,.4);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}
@media (max-width:860px){.mog-grid{grid-template-columns:1fr}}

/* pilot */
.pilot-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 56px;align-items:start}
.esmee{background:#fff;border-radius:16px;overflow:hidden}
.esmee img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 18%;display:block}
.esmee .in{padding:20px 22px 24px}
.esmee h3{font-size:24px}
.esmee p{margin-top:8px;font-size:16px;color:var(--aub-zacht)}
.stappen{margin:32px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.stappen li{border-top:2px solid var(--aub);padding-top:14px}
.stappen .n{font-family:var(--kop);font-weight:800;font-size:28px;line-height:1;color:var(--oranje)}
.stappen h3{font-family:var(--tekst);letter-spacing:0;font-weight:700;font-size:17px;margin-top:8px}
.stappen p{margin-top:4px;font-size:15px;color:var(--aub-zacht)}
.route{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.route div{background:var(--lav);border-radius:14px;padding:18px 20px}
.route h3{font-size:20px}
.route p{margin-top:6px;font-size:15px;color:var(--aub-zacht)}
@media (max-width:900px){.pilot-grid{grid-template-columns:1fr}.stappen{grid-template-columns:1fr 1fr}.route{grid-template-columns:1fr}}
@media (max-width:520px){.stappen{grid-template-columns:1fr}}

/* manifest */
.manifest{background:var(--oranje);color:var(--aub)}
.manifest h2{font-size:clamp(36px,5.6vw,84px);line-height:.95;letter-spacing:-.04em;max-width:13ch}
.beloftes{margin:36px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.beloftes li{border-top:2px solid var(--aub);padding:14px 0 18px;display:flex;gap:12px;align-items:baseline}
.beloftes .n{font-family:var(--kop);font-weight:800;font-size:24px;line-height:1}
.beloftes strong{display:block;font-size:17px}
.beloftes span.u{font-size:15px}
@media (max-width:860px){.beloftes{grid-template-columns:1fr}}

/* faq + contact */
.faq-lijst{margin-top:32px;max-width:900px}
.faq-lijst details{border-top:2px solid var(--aub);padding:16px 0}
.faq-lijst details:last-child{border-bottom:2px solid var(--aub)}
.faq-lijst summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:700;font-size:18px;min-height:40px;align-items:center}
.faq-lijst summary::-webkit-details-marker{display:none}
.faq-lijst .plus{font-family:var(--kop);font-size:24px;transition:transform .2s}
.faq-lijst details[open] .plus{transform:rotate(45deg)}
.faq-lijst p{margin-top:8px;color:var(--aub-zacht);max-width:44em;font-size:16px}
.contact{background:var(--aub);color:var(--wit);position:relative;overflow:hidden}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 56px;align-items:start;position:relative;z-index:1}
.contact h2{font-size:clamp(34px,4.6vw,64px);line-height:1}
.contact .intro{color:var(--lav)}
.kaartje{margin-top:28px;display:flex;gap:16px;align-items:center}
.kaartje img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--oranje);flex:none}
.kaartje a{color:var(--wit)}
.form{background:var(--wit);color:var(--aub);border-radius:16px;padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600}
.form label .opt{font-weight:500;color:var(--aub-zacht)}
.form input,.form select{height:52px;border:2px solid var(--lav);border-radius:8px;padding:0 12px;background:#fff;color:var(--aub);font:500 17px var(--tekst);width:100%}
.form .vol{grid-column:1/-1}
.form .fout{color:#A3241A;font-size:14px;font-weight:600}
.meegestuurd{background:var(--lav);border-radius:10px;padding:12px 14px;font-size:14px}
.contact-zes{position:absolute;right:-140px;bottom:-220px;width:420px;opacity:.16;pointer-events:none;z-index:0}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}.contact-zes{display:none}}

/* strakker, rustiger: gecentreerde koppen, zachte kaarten */
.kop-blok{text-align:center;max-width:820px;margin:0 auto}
.kop-blok .label{margin-bottom:12px}
.kop-blok .intro{margin:16px auto 0}
.drie article,.verg,.paneel,.esmee,.u-klein{border-radius:22px}
.drie article{box-shadow:0 1px 0 rgba(50,20,47,.04)}
.voordelen div{background:#fff;border-top:0;border-radius:22px;padding:24px 26px}
.voordelen{gap:16px}
.verg{max-width:980px;margin-left:auto;margin-right:auto}
.ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:10px;font-size:13px;font-weight:800;vertical-align:-4px}
.ic.ja{background:rgba(50,20,47,.08);color:var(--aub)}
.ic.nee{background:transparent;color:var(--aub-zacht);border:1.5px solid rgba(90,67,87,.35)}
.ic.oranje{background:var(--oranje);color:var(--aub)}
.verg-rij .w,.verg-rij .m{display:block}
.tabs{justify-content:center;background:rgba(217,203,232,.55);border-radius:999px;padding:6px;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;overflow-x:auto}
.tab{border:0;min-height:40px;white-space:nowrap}
.tab[aria-selected="true"]{background:#fff;color:var(--aub);box-shadow:0 2px 8px rgba(50,20,47,.12)}
@media (max-width:820px){.tabs{width:auto;border-radius:18px;justify-content:flex-start}}
.paneel{max-width:980px;margin-left:auto;margin-right:auto}
.groep{border:0;margin:0;padding:6px 0 4px}
.groep legend{font-family:var(--kop);font-weight:800;font-size:18px;padding:14px 0 2px}
.groep + .groep{margin-top:18px}
.u-doel{display:flex;justify-content:space-between;gap:12px;align-items:baseline;background:rgba(217,203,232,.12);border-radius:14px;padding:14px 18px;color:var(--lav);font-size:15px}
.u-doel strong{font-family:var(--kop);font-size:24px;color:var(--wit);white-space:nowrap}
.u-groot{border-radius:22px}
.btn-breed{width:100%}
.reken-grid,.demo-grid,.drie,.voordelen{margin-top:48px}
.mog-grid{margin-top:48px}
/* voor je cliënt */
.clientsectie{background:var(--lav)}
.client-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.client-grid article{background:#fff;border-radius:22px;padding:26px 26px 28px}
.client-grid .nr{font-family:var(--kop);font-weight:800;color:var(--oranje);font-size:15px}
.client-grid h3{margin-top:8px;font-size:clamp(21px,1.9vw,26px);line-height:1.1}
.client-grid p:last-child{margin-top:8px;font-size:16px;color:var(--aub-zacht)}
@media (max-width:900px){.client-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.client-grid{grid-template-columns:1fr}}
.hero-mens{margin-top:14px;font-size:clamp(16px,1.4vw,19px);font-weight:600;color:var(--wit)}
.u-client{background:var(--oranje);color:var(--aub);border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:2px}
.u-client span{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.u-client strong{font-family:var(--kop);font-size:clamp(22px,2.2vw,30px);line-height:1.1}
.u-client small{font-size:14px}
/* hero opgeschoond */
.hero h1 .regel{display:block}
.hero .acties .btn-lijn{color:var(--wit);border-color:rgba(247,241,223,.5)}
@media (max-width:820px){
  .hero{padding-top:calc(68px + 28px)}
  .hero-label{display:none}
  .hero h1{font-size:clamp(46px,13.5vw,72px)}
  .hero .sub{margin-top:16px;font-size:18px;line-height:1.45;max-width:none}
  .hero .acties{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero .acties .btn{padding:0 12px;font-size:15px;min-height:48px}
  .hero-foto{margin-top:20px;aspect-ratio:16/10}
}
/* drie kaarten: beeld altijd even breed */
@media (max-width:860px){
  .drie article{display:grid;grid-template-columns:38% minmax(0,1fr);flex-direction:initial}
  .drie .beeld{width:auto;min-height:0;height:100%;aspect-ratio:auto}
}
/* draai het om */
.manifest .label{margin-bottom:14px}
.m-intro{margin-top:22px;max-width:40em;font-size:clamp(18px,1.6vw,22px);line-height:1.5;font-weight:500}
.omdraai{margin:40px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.omdraai li{background:var(--wit);border-radius:22px;padding:22px 22px 24px;display:flex;gap:14px;align-items:flex-start}
.omdraai .n{font-family:var(--kop);font-weight:800;font-size:22px;line-height:1.1}
.omdraai .van{font-size:16px;text-decoration:line-through;text-decoration-thickness:2px;color:var(--aub-zacht)}
.omdraai .n{color:var(--oranje)}
.omdraai .naar{margin-top:6px;font-family:var(--kop);font-weight:800;font-size:clamp(20px,1.8vw,24px);line-height:1.1}
@media (max-width:900px){.omdraai{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.omdraai{grid-template-columns:1fr}}
.hero-foto{display:block !important;grid-column:1/-1;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:22px;margin-top:clamp(24px,4vw,56px);background:var(--lav)}
@media (min-width:821px){.hero-foto{aspect-ratio:16/8;object-position:50% 60%}}
/* de 6 beweegt voor de foto langs */
.hero-zes{z-index:2}
.hero-foto{position:relative;z-index:1}
@media (min-width:821px){.hero-zes{position:relative;margin-bottom:-220px;align-self:end}.hero-foto{margin-top:0}.hero .tekst{padding-bottom:clamp(24px,4vw,48px)}}
@media (max-width:820px){.hero{padding-bottom:56px}.hero-zes{bottom:-90px;right:-50px;width:200px}}
/* resultaat rekentool, rustig en overtuigend */
@media (min-width:861px){.uitkomst{position:sticky;top:96px}}
.resultaat{background:var(--wit);color:var(--aub);border-radius:24px;padding:clamp(24px,3vw,36px)}
.r-kop{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--aub-zacht)}
.r-basis{margin-top:4px;font-size:15px;color:var(--aub-zacht)}
.r-groot{margin-top:22px;font-family:var(--kop);font-weight:800;font-size:clamp(64px,8vw,104px);line-height:.9;letter-spacing:-.05em;color:var(--oranje)}
.r-groot .eenheid{color:var(--aub);font-size:.42em;letter-spacing:-.02em}
.r-uitleg{margin-top:10px;font-size:18px;line-height:1.45;max-width:24em}
.r-uitleg strong{font-weight:700}
.r-duo{margin-top:26px;padding-top:22px;border-top:1px solid var(--lijn);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.r-getal{font-family:var(--kop);font-weight:800;font-size:clamp(26px,2.6vw,34px);line-height:1.05;letter-spacing:-.03em}
.r-lbl{margin-top:4px;font-size:14px;line-height:1.4;color:var(--aub-zacht)}
.r-client{margin-top:22px;padding-top:20px;border-top:1px solid var(--lijn)}
.r-zin{margin-top:4px;font-family:var(--kop);font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.1;letter-spacing:-.02em}
.r-zin strong{color:var(--oranje)}
.methode{background:transparent !important;padding:4px 2px !important}
/* cliënt: evenwijdige tegels */
.client-grid{grid-auto-rows:1fr}
.client-grid article{display:flex;flex-direction:column;gap:10px;padding:28px;min-height:0}
.client-grid .ico{width:52px;height:52px;border-radius:14px;background:var(--aub);color:var(--oranje);display:grid;place-items:center;margin-bottom:8px}
.client-grid h3{margin-top:0;font-size:clamp(22px,2vw,28px)}
.client-grid p:last-child{margin-top:0}
@media (max-width:600px){.client-grid{grid-template-columns:1fr 1fr;gap:12px}.client-grid article{padding:18px}.client-grid .ico{width:42px;height:42px;border-radius:12px}.client-grid h3{font-size:19px}.client-grid p:last-child{font-size:14px}}
/* doelgroepkeuze: evenwijdig raster */
.tabs{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:100% !important;max-width:980px;border-radius:18px !important;padding:6px;overflow:visible}
.tab{width:100%;padding:0 8px;text-align:center;min-height:44px;border-radius:12px;font-size:15px}
@media (max-width:820px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tab{font-size:14px}}
/* esmee */
.esmee img{aspect-ratio:4/5;object-position:50% 0}
@media (max-width:900px){.esmee{display:grid;grid-template-columns:40% 1fr;align-items:center}.esmee img{height:100%;aspect-ratio:auto}}
.esmee .rol{margin-top:2px;font-size:14px;font-weight:600;color:var(--oranje)}
.foot-r{text-align:right}
@media (max-width:700px){.foot-r{text-align:left}}
/* fundament */
.fundament{background:var(--wit)}
.fund-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.fund-grid article{background:#fff;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
.fund-grid .nr{font-family:var(--kop);font-weight:800;color:var(--oranje);font-size:15px}
.fund-grid h3{font-size:20px;line-height:1.1}
.fund-grid p:last-child{font-size:15px;color:var(--aub-zacht)}
@media (max-width:900px){.fund-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.fund-grid{gap:12px}.fund-grid article{padding:18px}.fund-grid h3{font-size:17px}.fund-grid p:last-child{font-size:14px}}
/* contact opgeschoond */
.contact h2{font-size:clamp(34px,4.4vw,60px)}
.contact .intro{margin-top:14px}
.kanalen{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid rgba(217,203,232,.2)}
.kanalen li{display:grid;grid-template-columns:40px 72px minmax(0,1fr);align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid rgba(217,203,232,.2);font-size:17px}
.k-ico{width:36px;height:36px;border-radius:10px;background:rgba(217,203,232,.12);color:var(--oranje);display:grid;place-items:center}
.k-lbl{color:var(--lav);font-size:15px}
.kanalen a{color:var(--wit);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kanalen a:hover{text-decoration:underline}
.aanspreek{margin-top:24px;display:flex;gap:14px;align-items:center}
.aanspreek img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.aanspreek p{display:flex;flex-direction:column;font-size:15px;line-height:1.4}
.aanspreek span{color:var(--lav)}
.form{gap:12px;padding:clamp(18px,3vw,28px)}
.form label{font-size:14px;gap:5px}
.form input,.form select{height:48px;border-width:1.5px;border-radius:10px}
@media (max-width:860px){.contact-grid{gap:28px}}
/* gelijke tegels: kolommen nooit breder door lange woorden */
.fund-grid,.client-grid{grid-auto-rows:1fr}
.fund-grid article,.client-grid article{min-width:0;height:100%;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:900px){.fund-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* omdraai-kaarten: de bezoeker draait ze zelf om */
.omdraai-balk{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between}
.omdraai-hint{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:17px}
.omdraai-hint span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--aub);color:var(--wit);font-size:18px}
.omdraai-alles{background:transparent;border:2px solid var(--aub);color:var(--aub);border-radius:999px;min-height:42px;padding:0 18px;font:700 15px var(--tekst);cursor:pointer}
.omdraai{margin-top:20px !important}
.omdraai li{background:none !important;padding:0 !important;display:block !important;perspective:1100px}
.flip-in{position:relative;display:block;width:100%;min-height:168px;border:0;padding:0;background:none;text-align:left;cursor:pointer;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);font:inherit;color:inherit;border-radius:22px}
.flip-in.om{transform:rotateY(180deg)}
.flip-in:hover .draai-chip{background:var(--aub);color:var(--wit)}
.face{position:absolute;inset:0;border-radius:22px;padding:22px 22px 24px;display:flex;gap:14px;align-items:flex-start;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.voor{background:var(--wit);color:var(--aub)}
.achter{background:var(--aub);color:var(--wit);transform:rotateY(180deg)}
.face .n{font-family:var(--kop);font-weight:800;font-size:22px;line-height:1.1;color:var(--oranje)}
.f-tekst{display:flex;flex-direction:column}
.f-lbl{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;color:var(--aub-zacht)}
.achter .f-lbl{color:var(--lav)}
.voor .van{font-family:var(--kop);font-weight:800;font-size:clamp(20px,1.8vw,24px);line-height:1.1;text-decoration:none;color:var(--aub);opacity:1}
.achter .naar{font-family:var(--kop);font-weight:800;font-size:clamp(20px,1.8vw,24px);line-height:1.1}
.draai-chip{position:absolute;right:16px;bottom:14px;font-size:13px;font-weight:700;border:1.5px solid var(--aub);border-radius:999px;padding:4px 10px;transition:background-color .2s,color .2s}
.omdraai-slot{margin-top:20px;min-height:1.6em;font-weight:600;font-size:17px}
@media (prefers-reduced-motion: reduce){.flip-in{transition:none}}
.voortgang{display:flex;align-items:center;gap:14px}
.stippen{display:flex;gap:6px}
.stip{width:14px;height:14px;border-radius:50%;border:2px solid var(--aub);background:transparent;transition:background-color .2s}
.stip.aan{background:var(--aub)}
.flip-in.om .achter{box-shadow:inset 0 0 0 2px rgba(255,90,54,.55)}
.teller{font-weight:700;font-size:16px}
.vonk{position:fixed;z-index:80;pointer-events:none;margin:-4px 0 0 -4px;will-change:transform,opacity}
.compliment{position:fixed;z-index:81;pointer-events:none;font-family:var(--kop);font-weight:800;font-size:clamp(26px,3vw,36px);color:var(--wit);background:var(--aub);padding:6px 16px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 24px rgba(50,20,47,.3)}
.m-intro-2{margin-top:14px}
.omdraai-balk{justify-content:flex-start}
.vink{position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--oranje);display:grid;place-items:center;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1) .55s}
.flip-in.om .vink{transform:scale(1)}
@media (prefers-reduced-motion: reduce){.vink{transition:none}}
/* direct huren of kopen */
.bestellen{background:var(--lav)}
.modus{margin:32px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:360px;background:rgba(255,255,255,.5);border-radius:16px;padding:6px}
.modus .tab{border:0;border-radius:12px;min-height:44px;font:700 16px var(--tekst);background:transparent;color:var(--aub);cursor:pointer}
.modus .tab[aria-selected="true"]{background:#fff;box-shadow:0 2px 8px rgba(50,20,47,.12)}
.best-grid{margin-top:32px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.best-kaart{background:#fff;border-radius:24px;padding:clamp(20px,3vw,32px)}
.best-groep{border:0;margin:0;padding:0 0 24px}
.best-groep + .best-groep{padding-top:24px;border-top:1px solid var(--lijn)}
.best-groep legend{font-family:var(--kop);font-weight:800;font-size:20px;margin-bottom:14px;padding:0}
.best-rij{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stepper{background:var(--wit);border-radius:14px;padding:12px 14px}
.s-lbl{display:block;font-size:14px;font-weight:600;color:var(--aub-zacht)}
.s-knoppen{margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.s-knoppen button{width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--aub);font-size:20px;cursor:pointer;box-shadow:0 1px 3px rgba(50,20,47,.15)}
.s-knoppen output{font-family:var(--kop);font-weight:800;font-size:20px}
.keuzes{display:grid;gap:10px}
.keuze{position:relative;display:grid;gap:4px;border:2px solid var(--lijn);border-radius:16px;padding:14px 16px;cursor:pointer;transition:border-color .2s}
.keuze input{position:absolute;opacity:0;pointer-events:none}
.keuze.gekozen{border-color:var(--aub);box-shadow:inset 0 0 0 1px var(--aub)}
.keuze:focus-within{outline:3px solid var(--oranje);outline-offset:2px}
.k-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:17px}
.tag{background:var(--oranje);color:var(--aub);font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;white-space:nowrap}
.k-uit{font-size:14px;color:var(--aub-zacht)}
.k-prijs{font-size:14px;font-weight:700}
.spoed{margin-top:12px;background:rgba(255,90,54,.12);border-left:4px solid var(--oranje);border-radius:10px;padding:12px 14px;font-size:15px}
.spoed a{font-weight:700}
.datum,.anders{margin-top:14px;display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
.datum input,.anders input{height:46px;border:1.5px solid var(--lav);border-radius:10px;padding:0 12px;font:500 16px var(--tekst);color:var(--aub);background:#fff}
.lev{display:flex;flex-wrap:wrap;gap:8px}
.lev-optie{position:relative;border:2px solid var(--lijn);border-radius:999px;padding:9px 16px;font-weight:600;font-size:15px;cursor:pointer}
.lev-optie input{position:absolute;opacity:0;pointer-events:none}
.lev-optie.gekozen{border-color:var(--aub);background:var(--aub);color:var(--wit)}
.lev-optie:focus-within{outline:3px solid var(--oranje);outline-offset:2px}
.form-raster{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-raster label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
.form-raster .vol{grid-column:1/-1}
.form-raster .vol label{width:100%}
.form-raster input{height:46px;border:1.5px solid var(--lav);border-radius:10px;padding:0 12px;font:500 16px var(--tekst);color:var(--aub);background:#fff;width:100%}
.best-overzicht{background:var(--aub);color:var(--wit);border-radius:24px;padding:clamp(20px,3vw,28px)}
@media (min-width:901px){.best-overzicht{position:sticky;top:96px}}
.best-overzicht .r-kop{color:var(--lav)}
.o-dag{margin-top:10px;font-family:var(--kop);font-weight:800;font-size:clamp(40px,4.4vw,56px);line-height:1;color:var(--oranje)}
.o-dag span{display:block;margin-top:6px;font-family:var(--tekst);font-weight:500;font-size:15px;color:var(--lav)}
.o-lijst{margin:20px 0;font-size:15px}
.o-lijst div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(217,203,232,.18)}
.o-lijst dt{color:var(--lav)}.o-lijst dd{margin:0;font-weight:600;white-space:nowrap}
.o-sub{padding-top:12px !important}
.o-tot{border-bottom:0 !important;padding-top:14px !important}
.o-tot dt{color:var(--wit) !important;font-weight:700}.o-tot dd{font-family:var(--kop);font-size:22px;color:var(--wit)}
.o-btw{border-bottom:0 !important;padding-top:0 !important;font-size:14px}
.best-overzicht .fout{color:#FFB4A3;font-weight:600;font-size:14px;margin-bottom:10px}
.best-overzicht .zacht{color:var(--lav)}
.koop{margin-top:32px;max-width:860px;margin-left:auto;margin-right:auto;display:grid;gap:20px}
.koop .fout{color:#A3241A;font-weight:600;font-size:14px}
.koop-tekst p{margin-top:8px;color:var(--aub-zacht)}
.bevestiging{margin:32px auto 0;max-width:700px;text-align:center}
.bevestiging p{margin-top:10px;color:var(--aub-zacht)}
@media (max-width:900px){.best-grid{grid-template-columns:1fr}}
@media (max-width:560px){.best-rij,.form-raster{grid-template-columns:1fr}}
/* hero: twee kolommen, foto rechts, statische 6 in de hoek */
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;align-items:center}
.hero-media{position:relative;min-width:0}
.hero-media .hero-foto{margin-top:0 !important;aspect-ratio:4/3 !important;object-position:50% 50% !important;width:100%;border-radius:22px;grid-column:auto}
.hero-zes{position:absolute !important;right:-28px !important;bottom:-46px !important;top:auto !important;left:auto !important;width:24% !important;margin:0 !important;z-index:2;pointer-events:none;justify-self:auto}
.hero-zes .stand{display:none}
.hero-link{display:inline-block;margin-top:18px;color:var(--wit)}
.hero{padding-bottom:clamp(64px,8vw,112px) !important}
@media (max-width:820px){
  .hero-grid{grid-template-columns:1fr !important}
  .hero-media{margin-top:24px}
  .hero-zes{width:28% !important;right:-12px !important;bottom:-30px !important}
  .hero{padding-bottom:64px !important}
}
.btn-nav-lijn{background:transparent;color:var(--wit);border:1.5px solid rgba(247,241,223,.5);min-height:40px;padding:0 14px;font-size:15px}
.nav-links .kort{display:none}
@media (max-width:900px){.nav-links{gap:8px}.nav-links .lang{display:none}.nav-links .kort{display:inline}.nav-links .btn{padding:0 12px;font-size:14px}}
.r-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.r-ctas .btn{width:100%;padding:0 12px;font-size:15px}
.r-ctas .btn-lijn{color:var(--wit);border-color:rgba(247,241,223,.5)}
@media (max-width:480px){.r-ctas{grid-template-columns:1fr}}
.lev{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.lev-optie{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:0 8px !important;border-radius:12px !important;font-size:15px}
@media (max-width:640px){.lev{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:400px){.lev{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero h1 .regel{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero h1 .regel-in{display:inline-block}
.lev{grid-template-columns:repeat(auto-fit,minmax(132px,1fr)) !important}
.lev-optie{white-space:nowrap}
@media (max-width:640px){.lev{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
.huurbanner{background:var(--wit);padding:clamp(32px,5vw,56px) 0}
.hb-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;background:#fff;border-radius:24px;padding:clamp(22px,3vw,32px) clamp(22px,3vw,40px)}
.hb-kop{font-family:var(--kop);font-weight:800;font-size:clamp(22px,2.2vw,30px);line-height:1.1}
.hb-tekst{margin-top:4px;color:var(--aub-zacht);font-size:16px}
.hp-kop{background:var(--lav);padding:calc(68px + 24px) 0 0}
.terug{font-weight:700;text-decoration:none;font-size:15px}
.terug:hover{text-decoration:underline}
.huren-pagina .bestellen{padding-top:24px}
.hp-pilot{background:var(--lav);padding-top:0}
/* heroknoppen: strak en even groot */
.hero .acties{display:grid !important;grid-template-columns:none !important;grid-auto-flow:column;grid-auto-columns:1fr;width:max-content;max-width:100%;gap:12px !important;align-items:stretch}
.hero .acties .btn{white-space:nowrap;min-height:52px;padding:0 24px;font-size:16px;width:100%}
@media (max-width:820px){.hero .acties{grid-auto-flow:row;grid-template-columns:1fr !important;width:100%;max-width:420px}.hero .acties .btn{min-height:50px;font-size:16px;padding:0 20px}}
/* ===== drie huisstijlen ===== */
:root{
  --knop:var(--oranje); --knop-tekst:var(--aub);
  --accent-tekst:var(--oranje); --accent-donker:var(--oranje);
  --hero-bg:var(--aub); --hero-tekst:var(--wit); --hero-sub:var(--lav); --hero-lijn:rgba(247,241,223,.5); --hero-punt:inherit;
  --nav-bg:rgba(50,20,47,.9); --nav-tekst:var(--wit); --nav-sub:var(--lav); --nav-lijn:rgba(247,241,223,.5); --nav-accent:var(--oranje);
  --manifest-bg:var(--oranje); --manifest-tekst:var(--aub);
  --vorm1:transparent; --vorm2:transparent;
}
html[data-stijl="salie"]{
  --aub:#2B3D34; --oranje:#E84D3C; --lav:#CBB8E6; --wit:#EDE5D9; --aub-zacht:#4E5C54; --lijn:#DCD2C2;
  --kop:"Plus Jakarta Sans",Arial,sans-serif; --tekst:"Plus Jakarta Sans",Arial,sans-serif;
  --knop:#B8392B; --knop-tekst:#FFFFFF; --accent-tekst:#B8392B; --accent-donker:#F28B7E;
  --hero-bg:#EDE5D9; --hero-tekst:#2B3D34; --hero-sub:#4E5C54; --hero-lijn:rgba(43,61,52,.4); --hero-punt:#E84D3C;
  --nav-bg:rgba(237,229,217,.92); --nav-tekst:#2B3D34; --nav-sub:#4E5C54; --nav-lijn:rgba(43,61,52,.35); --nav-accent:#E84D3C;
  --manifest-bg:#546A56; --manifest-tekst:#EDE5D9;
  --vorm1:#546A56; --vorm2:#CBB8E6;
}
html[data-stijl="teal"]{
  --aub:#005F5B; --oranje:#FF6B6B; --lav:#B7E3D4; --wit:#FAF7EF; --aub-zacht:#3F6663; --lijn:#E5DFD0;
  --kop:"Plus Jakarta Sans",Arial,sans-serif; --tekst:"Plus Jakarta Sans",Arial,sans-serif;
  --knop:#C9403E; --knop-tekst:#FFFFFF; --accent-tekst:#C9403E; --accent-donker:#FFB3B0;
  --hero-bg:#FAF7EF; --hero-tekst:#005F5B; --hero-sub:#3F6663; --hero-lijn:rgba(0,95,91,.4); --hero-punt:#005F5B;
  --nav-bg:rgba(250,247,239,.92); --nav-tekst:#005F5B; --nav-sub:#3F6663; --nav-lijn:rgba(0,95,91,.35); --nav-accent:#FF6B6B;
  --manifest-bg:#B7E3D4; --manifest-tekst:#005F5B;
  --vorm1:#B7E3D4; --vorm2:#FF6B6B;
}
.btn-primair{background:var(--knop) !important;color:var(--knop-tekst) !important}
.btn-primair:hover{filter:brightness(1.06)}
.nav{background:var(--nav-bg) !important;color:var(--nav-tekst) !important}
.merkregel{color:var(--nav-sub) !important}
.nav .woordmerk span{color:var(--nav-accent)}
.btn-nav-lijn{color:var(--nav-tekst) !important;border-color:var(--nav-lijn) !important}
.hero{background:var(--hero-bg) !important;color:var(--hero-tekst) !important}
.hero .sub{color:var(--hero-sub) !important}
.hero-label{color:var(--hero-sub) !important}
.hero-link{color:var(--hero-tekst) !important}
.hero .acties .btn-lijn{color:var(--hero-tekst) !important;border-color:var(--hero-lijn) !important}
.hero h1 .punt{color:var(--hero-punt)}
.manifest{background:var(--manifest-bg) !important;color:var(--manifest-tekst) !important}
.manifest .label{color:var(--manifest-tekst) !important}
.manifest .stip{border-color:var(--manifest-tekst)}
.manifest .stip.aan{background:var(--manifest-tekst)}
.r-groot,.drie .nr,.fund-grid .nr,.stappen .n,.voor .n,.verg-kop .mt,.esmee .rol,.r-zin strong,footer .woordmerk span{color:var(--accent-tekst) !important}
.o-dag,.hoofdstukken .t,.achter .n,.client-grid .ico,.k-ico,.contact .woordmerk span{color:var(--accent-donker) !important}
.tag{background:var(--knop) !important;color:var(--knop-tekst) !important}
/* vormtaal van de nieuwe huisstijlen: zachte, afgeronde vormen achter de foto */
.hero-media::before,.hero-media::after{content:"";position:absolute;z-index:0;pointer-events:none;display:none}
.hero-media .hero-foto{position:relative;z-index:1}
html[data-stijl="salie"] .hero-media::before,html[data-stijl="teal"] .hero-media::before{display:block;width:46%;aspect-ratio:1;left:-9%;top:-12%;background:var(--vorm1);border-radius:0 100% 0 0}
html[data-stijl="salie"] .hero-media::after,html[data-stijl="teal"] .hero-media::after{display:block;width:30%;aspect-ratio:1;right:-6%;bottom:-10%;background:var(--vorm2);border-radius:50%}
html[data-stijl="teal"] .hero-media::before{border-radius:100% 0 100% 0}
html[data-stijl="salie"] .demo-zes,html[data-stijl="salie"] .contact-zes,html[data-stijl="teal"] .demo-zes,html[data-stijl="teal"] .contact-zes{display:none}
html[data-stijl="salie"] .hero h1,html[data-stijl="teal"] .hero h1{letter-spacing:-.045em}
/* huisstijlkiezer */
.stijlkiezer{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:6px;box-shadow:0 6px 24px rgba(0,0,0,.18);font:600 13px "Plus Jakarta Sans",Manrope,Arial,sans-serif;color:#222}
.sk-lbl{padding:0 8px 0 10px;color:#555}
.stijlkiezer button{display:flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:6px 10px;min-height:36px;cursor:pointer;font:inherit;color:inherit}
.stijlkiezer button[aria-pressed="true"]{background:#222;color:#fff}
.sk-kleur{display:flex}
.sk-kleur i{width:12px;height:12px;border-radius:50%;margin-left:-3px;border:1.5px solid #fff}
.sk-kleur i:first-child{margin-left:0}
@media (max-width:600px){.sk-lbl{display:none}.sk-naam{display:none}.stijlkiezer button{padding:6px 8px}}
@media print{.stijlkiezer{display:none}}
.hero .sub .sub-1,.hero .sub .sub-2{display:block}
.hero .sub .sub-2{margin-top:6px}
/* minder witruimte bovenaan */
.sectie{padding-top:calc(var(--sectie) * .62) !important}
.hero{padding-top:calc(68px + clamp(20px,3.5vw,48px)) !important}
.hp-kop{padding-top:calc(68px + 16px) !important}
.huren-pagina .bestellen{padding-top:16px !important}
.kop-blok .intro{margin-top:12px}
/* volgende-knop: klein, glas, past zich aan de achtergrond aan */
.verder{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:70;width:38px;height:38px;margin-left:-19px;border-radius:50%;display:grid;place-items:center;cursor:pointer;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);transition:opacity .35s,transform .35s,background-color .35s,color .35s,border-color .35s}
.verder.op-donker{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);color:rgba(255,255,255,.92)}
.verder.op-licht{background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08);color:rgba(20,20,20,.75);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.verder::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid currentColor;opacity:0;animation:pulseer 2.8s ease-out infinite}
.verder:hover{transform:translateY(2px)}
.verder.weg{opacity:0;pointer-events:none;transform:translateY(8px)}
@keyframes pulseer{0%{transform:scale(1);opacity:.35}70%{transform:scale(1.55);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion: reduce){.verder::after{animation:none}}
@media print{.verder{display:none}}
.r-kop{font-size:14px !important;font-weight:800 !important;color:var(--aub) !important;letter-spacing:.16em !important}
.r-client-kop{font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--aub)}
.r-client-rij{margin-top:8px;display:flex;align-items:center;gap:14px}
.r-client-getal{padding-bottom:2px}
.r-client-getal{font-family:var(--kop);font-weight:800;font-size:clamp(40px,4.4vw,56px);line-height:1;letter-spacing:-.04em;color:var(--accent-tekst)}
.r-client-tekst{font-size:18px;font-weight:600;line-height:1.25}
/* leesbaarheid op donkere vlakken */
.demo .intro,.reken .intro,.contact .intro{color:var(--lav) !important}
.demo .kop-blok .label,.reken .kop-blok .label{color:var(--lav) !important}
.best-overzicht .r-kop{color:var(--lav) !important}
.best-overzicht .klein,.best-overzicht .zacht{color:var(--lav) !important}
/* huurtool */
.o-aantal{margin-top:8px;font-weight:700;font-size:16px}
.o-dag{margin-top:4px}
.o-dag span{display:block}
.o-sub{margin-top:20px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.o-lijst{margin-top:6px !important}
.schakel-rij{margin:14px 0 6px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pil{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border:2px solid var(--lijn);border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;text-align:center;padding:0 10px}
.pil input{position:absolute;opacity:0;pointer-events:none}
.pil.gekozen{border-color:var(--aub);background:var(--aub);color:var(--wit)}
.pil:focus-within{outline:3px solid var(--oranje);outline-offset:2px}
.loc-velden{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.loc-velden label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600}
.loc-velden .vol{grid-column:1/-1}
.loc-velden input{height:46px;border:1.5px solid var(--lav);border-radius:10px;padding:0 12px;font:500 16px var(--tekst);color:var(--aub);background:#fff;width:100%}
.locs{display:grid;gap:12px;margin-top:8px}
.loc{background:var(--wit);border-radius:16px;padding:14px 16px}
.loc-kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.loc-aantal{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.loc-aantal .s-knoppen{margin-top:0;gap:10px}
.loc-aantal .s-knoppen button{width:34px;height:34px}
.loc-weg,.loc-plus{background:none;border:0;font:700 14px var(--tekst);color:var(--aub);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:6px 0}
.loc-plus{justify-self:start;font-size:15px}
.s-knoppen button:disabled{opacity:.35;cursor:default}
.factuur{margin-top:14px;background:var(--wit);border-radius:16px;padding:14px 16px}
.check{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:600;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--aub)}
@media (max-width:560px){.loc-velden,.schakel-rij{grid-template-columns:1fr}}
.o-info{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:rgba(217,203,232,.12);font-size:14px;line-height:1.5;color:var(--lav)}
.o-info strong{color:var(--wit)}
.o-info-kop{font-weight:700;color:var(--wit);margin-bottom:6px}
.o-info dl{margin:0}
.o-info dl div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}
.o-info dd{margin:0;font-weight:600;color:var(--wit);white-space:nowrap}
.o-info-voet{margin-top:6px;font-size:13px}
.loc-kop{margin-bottom:10px}
.loc-aantal{display:flex !important;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1.5px solid var(--lav);border-radius:12px;padding:10px 12px}
.loc-aantal .s-lbl{font-size:15px;font-weight:700;color:var(--aub)}
.loc-aantal .s-knoppen{margin-top:0 !important;gap:12px}
.loc-aantal .s-knoppen button{width:38px !important;height:38px !important;background:var(--wit);box-shadow:none;border:1.5px solid var(--aub)}
.loc-aantal output{min-width:24px;text-align:center}
/* pilot-uitnodiging: glazen kaart in Apple-stijl, blokkeert niets */
.uitnodiging{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:85;width:min(540px,calc(100vw - 32px));transform:translateX(-50%);display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:center;padding:12px 18px 12px 12px;border-radius:28px;color:var(--aub);background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px);border:1px solid rgba(255,255,255,.65);box-shadow:0 24px 60px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.06);animation:uitnIn .7s cubic-bezier(.16,1,.3,1) both}
@keyframes uitnIn{from{opacity:0;transform:translate(-50%,28px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translate(-50%,0) scale(1);filter:none}}
@media (prefers-reduced-motion: reduce){.uitnodiging{animation:none}}
.uitn-beeld{width:132px;height:132px;border-radius:20px;overflow:hidden;background:var(--lav)}
.uitn-beeld img{width:100%;height:100%;object-fit:cover;object-position:60% 55%;display:block}
.uitn-label{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--accent-tekst)}
.uitn-kop{margin-top:4px;font-family:var(--kop);font-weight:800;font-size:26px;line-height:1.05;letter-spacing:-.03em;padding-right:24px}
.uitn-tekst{margin-top:6px;font-size:15px;line-height:1.45;color:var(--aub-zacht)}
.uitn-acties{margin-top:12px;display:flex;align-items:center;gap:16px}
.uitn-ja{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border-radius:999px;background:var(--knop);color:var(--knop-tekst);font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s,filter .2s}
.uitn-ja:hover{filter:brightness(1.06);transform:scale(1.02)}
.uitn-later{background:none;border:0;font:600 15px var(--tekst);color:var(--aub-zacht);cursor:pointer;padding:8px 0}
.uitn-later:hover{color:var(--aub)}
.uitn-sluit{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.07);color:var(--aub-zacht);display:grid;place-items:center;cursor:pointer}
.uitnodiging-open .verder{opacity:0;pointer-events:none}
@media (max-width:600px){
  .uitnodiging{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:10px 14px 10px 10px;border-radius:24px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .uitn-beeld{width:88px;height:112px;border-radius:16px}
  .uitn-kop{font-size:21px}
  .uitn-tekst{font-size:14px}
  .uitn-acties{margin-top:10px;gap:12px}
  .uitn-ja{min-height:38px;padding:0 14px;font-size:14px}
}
.aanspreek a{color:var(--wit)}
.o-knop{margin-top:16px}
.best-overzicht .fout{margin-top:12px}
.huurbalk{display:none}
@media (max-width:900px){
  .huurbalk{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:75;align-items:center;justify-content:space-between;gap:12px;background:var(--aub);color:var(--wit);border-radius:18px;padding:10px 10px 10px 16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
  .huurbalk div{display:flex;flex-direction:column;line-height:1.25;min-width:0}
  .huurbalk strong{font-size:17px}
  .huurbalk span{font-size:13px;color:var(--lav);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .huurbalk .btn{min-height:44px;padding:0 16px;font-size:15px;white-space:nowrap}
  .huren-pagina .bestellen{padding-bottom:110px}
  .huren-pagina ~ .verder, html:has(.huurbalk) .verder{opacity:0;pointer-events:none}
}
.huren-pagina .modus{margin-top:8px}
.lazy{display:contents}
.lazy-plek{display:block}
/* terugdraaien: even grauw */
.flip-in .voor{transition:background-color 1.4s ease,color 1.4s ease}
.flip-in .voor .n{transition:color 1.4s ease}
.flip-in.grauw .voor{background:#CFCAC2;color:#6E6A66;transition:background-color .2s ease,color .2s ease}
.flip-in.grauw .voor .n,.flip-in.grauw .voor .van{color:#6E6A66 !important}
.flip-in.grauw .draai-chip{opacity:.4}
.flip-in:not(.om) .vink{transition:transform .2s ease 0s}
.stip{transition:background-color .5s ease}
@media (prefers-reduced-motion: reduce){.flip-in .voor,.flip-in.grauw .voor{transition:none}}
.woordmerk .wm-6{display:inline-block;margin-left:.16em}
.woordmerk .wm-6-in{display:inline-block;margin-left:0 !important}
/* demo: wat het team blijft doen */
.blijft{margin-top:18px;background:rgba(217,203,232,.1);border-radius:16px;padding:16px 18px}
.blijft-kop{font-weight:700;font-size:15px;color:var(--wit)}
.blijft ul{margin:8px 0 0;padding-left:18px;color:var(--lav);font-size:15px;line-height:1.6}
/* cliënten en naasten */
.naasten{margin-top:40px;background:#fff;border-radius:22px;padding:clamp(20px,3vw,32px)}
.naasten-lijst{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.naasten details{border-top:1px solid var(--lijn);padding:12px 0}
.naasten summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:16px;min-height:36px;align-items:center}
.naasten summary::-webkit-details-marker{display:none}
.naasten .plus{font-family:var(--kop);font-size:22px;transition:transform .2s}
.naasten details[open] .plus{transform:rotate(45deg)}
.naasten details p{margin-top:6px;font-size:15px;color:var(--aub-zacht)}
@media (max-width:700px){.naasten-lijst{grid-template-columns:1fr}}
/* onderbouwing */
.onderbouwing{background:var(--wit)}
.ob-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.ob-grid article{background:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ob-grid .nr{font-family:var(--kop);font-weight:800;font-size:15px;color:var(--accent-tekst)}
.ob-grid h3{font-size:21px;line-height:1.1}
.ob-grid ul{margin:0;padding-left:18px;font-size:15px;line-height:1.6;color:var(--aub-zacht)}
.ob-grid p{font-size:15px;color:var(--aub-zacht)}
.bron-r{margin-top:auto !important;font-size:13px !important;padding-top:8px}
.geschikt{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.geschikt > div{background:#fff;border-radius:22px;padding:24px 26px}
.geschikt h3{font-size:20px;margin-bottom:12px}
.plussen.let .p{color:var(--aub)}
@media (max-width:900px){.ob-grid{grid-template-columns:1fr;grid-auto-rows:auto}.geschikt{grid-template-columns:1fr}}
/* delen */
.delen{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;background:#fff;border-radius:22px;padding:20px 24px}
.delen-kop{font-weight:700}
.delen p:not(.delen-kop){font-size:15px;color:var(--aub-zacht);margin-top:2px}
/* opgeruimd: ruimere, consistente witruimte en een rustige menubalk */
:root{--sectie:clamp(64px,8vw,120px)}
.sectie{padding-top:calc(var(--sectie) * .75) !important;padding-bottom:var(--sectie)}
.nav-links{gap:28px}
.nav-links a:not(.btn){font-size:14px;font-weight:500;opacity:.8}
.nav-links .btn{min-height:34px !important;padding:0 14px !important;font-size:14px !important;border-radius:999px}
.nav-in{min-height:56px}
.nav.klein .nav-in{min-height:48px}
@media (max-width:900px){.nav-links a:not(.btn){display:none}}
.kop-blok .intro{max-width:36em}
details.alles{margin-top:24px;background:#fff;border-radius:22px;padding:0 clamp(20px,3vw,32px)}
details.alles > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:64px;font-weight:700;font-size:17px}
details.alles > summary::-webkit-details-marker{display:none}
details.alles .plus{font-family:var(--kop);font-size:24px;transition:transform .2s}
details.alles[open] > summary .plus{transform:rotate(45deg)}
.mog-in{padding:0 0 28px}
.mog-in .mog-grid{margin-top:8px}
.mog-in .functies details:last-of-type{border-bottom:2px solid var(--aub)}
/* strak en promotioneel */
.fundament-band{background:var(--lav);padding:clamp(36px,5vw,56px) 0}
.fb-in{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px}
.fb-kop{font-family:var(--kop);font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em}
.fb-tekst{font-size:16px;color:var(--aub-zacht)}
.stappen p{font-size:15px}
.stappen{gap:16px 24px}
.faq-specs{margin-top:20px;max-width:900px}
.faq-lijst{margin-left:auto;margin-right:auto}
#faq .wrap{max-width:900px}
.faq-specs{margin-left:auto;margin-right:auto}
.hp-pilot .hb-in{max-width:1240px;margin:0 auto}
/* hulp en handleiding, Apple-stijl */
.handleiding{background:var(--wit);--hl-accent:var(--oranje);--hl-zacht:var(--lav);--hl-wit:#fff;--hl-rood:#E0322B}
.hl-groep{margin-top:44px}
.hl-groepkop{font-size:22px;letter-spacing:-.02em;margin-bottom:14px}
.hl-tegels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hl-tegel{background:#fff;border:0;border-radius:22px;padding:18px 18px 20px;display:flex;flex-direction:column;gap:12px;text-align:left;cursor:pointer;color:var(--aub);font:inherit;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.hl-tegel:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 34px rgba(0,0,0,.08)}
.hl-ill{display:block;background:var(--wit);border-radius:16px;aspect-ratio:240/170;color:var(--aub);overflow:hidden}
.hl-ill svg,.hl-paneel-ill svg{width:100%;height:100%;display:block}
.hl-titel{font-weight:700;font-size:17px;line-height:1.25}
.hl-hulp{margin:44px auto 0;max-width:560px;display:flex;align-items:center;gap:14px;justify-content:center;text-align:left}
.hl-hulp img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.hl-hulp p{display:flex;flex-direction:column;font-size:15px}
.hl-hulp span{color:var(--aub-zacht)}
.hl-hulp a{font-weight:700}
.hl-achter{position:fixed;inset:0;z-index:95;background:rgba(20,10,20,.38);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:hlFade .3s ease both}
.hl-paneel{position:fixed;z-index:96;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 24px));max-height:calc(100vh - 48px);overflow:auto;background:var(--wit);color:var(--aub);border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.3);animation:hlIn .5s cubic-bezier(.16,1,.3,1) both;overscroll-behavior:contain}
@keyframes hlFade{from{opacity:0}to{opacity:1}}
@keyframes hlIn{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion: reduce){.hl-achter,.hl-paneel{animation:none}}
.hl-paneel-ill{background:var(--lav);height:220px;padding:16px;color:var(--aub)}
.hl-paneel .hl-paneel-ill{--hl-zacht:#fff}
.hl-paneel-in{padding:24px 28px 26px}
.hl-paneel h3{font-size:28px;letter-spacing:-.03em;line-height:1.1}
.hl-intro{margin-top:8px;font-size:17px;color:var(--aub-zacht)}
.hl-stappen{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.hl-stappen li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;font-size:16px}
.hl-n{width:28px;height:28px;border-radius:50%;background:var(--aub);color:var(--wit);font:700 13px var(--tekst);display:grid;place-items:center}
.hl-voet{margin-top:22px;padding-top:16px;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px}
.hl-link,.hl-volgende{background:none;border:0;padding:6px 0;font:600 15px var(--tekst);color:var(--aub);cursor:pointer}
.hl-link{text-decoration:underline;text-underline-offset:4px}
.hl-volgende{color:var(--aub)}
.hl-sluit{position:absolute;right:14px;top:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.8);color:var(--aub);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.hl-open .verder,.hl-open .uitnodiging{opacity:0;pointer-events:none}
@media (max-width:900px){.hl-tegels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hl-paneel{top:auto;bottom:0;left:0;right:0;transform:none;width:100%;max-height:88vh;border-radius:24px 24px 0 0;animation:hlUp .45s cubic-bezier(.16,1,.3,1) both}.hl-paneel-ill{height:170px}.hl-titel{font-size:15px}.hl-tegel{padding:12px 12px 14px;border-radius:18px}}
@keyframes hlUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
/* hero: kop kleiner, belofte sterker, één hoofdactie */
.hero h1{font-size:clamp(40px,6.3vw,98px) !important}
.hero .belofte{margin-top:22px;font-family:var(--kop);font-weight:800;font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-.02em;color:var(--hero-tekst)}
.hero .sub{margin-top:14px !important;font-size:clamp(16px,1.3vw,18px) !important;line-height:1.5 !important;font-weight:500;color:var(--hero-sub) !important;max-width:30em}
.hero .acties{display:flex !important;flex-wrap:wrap;align-items:center;gap:14px 26px !important;width:auto !important;grid-auto-flow:unset}
.hero .acties .btn{width:auto !important}
.hero-link{display:inline-flex !important;align-items:center;gap:6px;margin-top:0 !important;font-weight:700;font-size:16px;text-decoration:none;color:var(--hero-tekst) !important}
.hero-link span{transition:transform .2s}
.hero-link:hover span{transform:translateX(4px)}
.hero-media::before,.hero-media::after{display:none !important}
@media (max-width:1000px){.hero-grid{grid-template-columns:1fr !important}.hero-media{margin-top:28px;max-width:640px}}
@media (max-width:480px){.hero .acties .btn{width:100% !important}}
/* ===== rustiger, productgericht ===== */
.hero{padding-top:calc(56px + clamp(36px,6vw,88px)) !important;padding-bottom:clamp(64px,8vw,112px) !important}
.hero-grid{align-items:start !important;gap:clamp(28px,5vw,72px) !important}
.hero h1{font-size:clamp(46px,6.6vw,104px) !important;line-height:.92}
.hero h1 .regel{display:block;overflow:visible}
.hero .belofte{margin-top:clamp(18px,2vw,28px) !important;font-family:var(--tekst) !important;font-weight:400 !important;font-size:clamp(19px,2.2vw,34px) !important;line-height:1.3 !important;letter-spacing:-.01em !important;color:var(--hero-tekst)}
.hero .acties{margin-top:clamp(24px,2.6vw,36px) !important}
.hero-media{margin-top:.6vw}
.speel{position:absolute;left:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);color:var(--aub);font-weight:600;font-size:15px;text-decoration:none;transition:background-color .2s}
.speel:hover{background:rgba(255,255,255,.95)}
.speel-ic{width:30px;height:30px;border-radius:50%;background:var(--aub);color:#fff;display:grid;place-items:center;padding-left:2px}
/* nav: compact, proefknop pas nadruk na de hero */
.nav-in{min-height:52px !important}
.nav.klein .nav-in{min-height:48px !important}
.nav:not(.cta-actief) .nav-links .btn-primair{background:transparent !important;color:var(--nav-tekst) !important;box-shadow:inset 0 0 0 1.5px var(--nav-lijn)}
.nav .nav-links .btn-primair{transition:background-color .3s,color .3s,box-shadow .3s}
@media (max-width:900px){.nav:not(.cta-actief) .nav-links .btn-primair{opacity:0;pointer-events:none}}
/* werking */
.werking{background:var(--wit)}
.wk-grid{margin-top:48px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.wk-beeld{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--lav)}
.wk-beeld img{width:100%;height:100%;object-fit:cover;display:block}
.wk-lijst{margin:0;padding:0;list-style:none;display:grid;gap:28px}
.wk-lijst li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}
.wk-n{font-family:var(--kop);font-weight:800;font-size:15px;color:var(--accent-tekst);padding-top:4px}
.wk-lijst h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15}
.wk-lijst p{margin-top:6px;font-size:16px;color:var(--aub-zacht)}
.wk-meer{margin-top:40px}
@media (max-width:860px){.wk-grid{grid-template-columns:1fr}}
/* resultaten */
.resultaten{background:#fff}
.res-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.res-grid article{background:var(--wit);border-radius:22px;padding:28px}
.res-getal{font-family:var(--kop);font-weight:800;font-size:clamp(36px,3.6vw,52px);line-height:1;letter-spacing:-.03em;color:var(--aub)}
.res-tekst{margin-top:12px;font-size:16px}
.res-bron{margin-top:12px;font-size:13px;color:var(--aub-zacht)}
.res-praktijk{margin-top:16px;background:var(--wit);border-radius:22px;padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.res-praktijk h3{font-size:20px}
.res-praktijk p{margin-top:6px;font-size:15px;color:var(--aub-zacht);max-width:44em}
@media (max-width:860px){.res-grid{grid-template-columns:1fr}}
/* aanbod */
.aanbod{background:var(--wit)}
.ab-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:980px;margin-left:auto;margin-right:auto}
.ab-kaart{background:#fff;border-radius:24px;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.ab-hoofd{background:var(--aub);color:var(--wit)}
.ab-kaart h3{font-size:clamp(22px,2vw,28px)}
.ab-kaart ul{margin:0;padding-left:20px;font-size:16px;line-height:1.7}
.ab-hoofd ul{color:var(--lav)}
.ab-kaart:not(.ab-hoofd) ul{color:var(--aub-zacht)}
.ab-kaart .btn{align-self:flex-start;margin-top:auto}
.ab-prijs{font-family:var(--kop);font-weight:800;font-size:40px;line-height:1}
.ab-prijs span{font-family:var(--tekst);font-weight:500;font-size:15px;color:var(--aub-zacht)}
.ab-persoon{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;color:var(--aub-zacht)}
.ab-persoon img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.ab-persoon strong{color:var(--aub)}
@media (max-width:760px){.ab-grid{grid-template-columns:1fr}}
/* werking: drie losse beelden + video */
.wk-kaarten{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk-kaarten article{background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.wk-ph{aspect-ratio:4/3;border-radius:0}
.wk-in{padding:22px 24px 26px}
.wk-in h3{font-size:clamp(20px,1.8vw,26px);line-height:1.15;margin-top:4px}
.wk-in p:last-child{margin-top:8px;font-size:16px;color:var(--aub-zacht)}
.wk-video{position:relative;margin-top:16px;border-radius:24px;overflow:hidden}
.wk-video-ph{aspect-ratio:16/7;border-radius:24px}
@media (max-width:860px){.wk-kaarten{grid-template-columns:1fr}.wk-video-ph{aspect-ratio:16/9}}
button.speel{border:0;cursor:pointer;font-family:var(--tekst)}
/* videospeler */
.vs-achter{position:fixed;inset:0;z-index:97;background:rgba(10,20,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:hlFade .3s ease both}
.vs-venster{position:fixed;z-index:98;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1100px,calc(100vw - 32px));aspect-ratio:16/9;max-height:calc(100vh - 64px);background:#000;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:hlIn .45s cubic-bezier(.16,1,.3,1) both}
.vs-venster video{width:100%;height:100%;display:block;background:#000}
.vs-leeg{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--aub);color:var(--wit);text-align:center;padding:24px}
.speel-ic.groot{width:72px;height:72px;background:var(--wit);color:var(--aub)}
.vs-sluit{position:absolute;right:14px;top:14px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#111;display:grid;place-items:center;cursor:pointer}
@media (prefers-reduced-motion: reduce){.vs-achter,.vs-venster{animation:none}}
/* pop-up beeld als placeholder */
.uitn-beeld.placeholder{display:grid;place-items:center;font-size:12px;color:var(--aub-zacht)}
/* teruggedraaid langer grijs, rustiger terug */
.flip-in .voor{transition:background-color 2.2s ease,color 2.2s ease !important}
/* contact: alleen symbolen, grotere foto */
.kanalen li{grid-template-columns:44px minmax(0,1fr) !important}
.aanspreek{margin-top:28px !important;gap:18px !important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:14px 18px 14px 14px;max-width:460px}
.aanspreek img{width:96px !important;height:96px !important;border-radius:18px !important;object-fit:cover;object-position:50% 12%;border:0 !important}
.aanspreek strong{font-size:18px}
/* werking-knop en deelregel */
.wk-knop{margin-top:20px;display:flex;justify-content:center}
.speel-los{position:static !important;background:#fff !important;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.r-mail{margin-top:8px;font-size:14px;color:var(--lav)}
.r-mail a{color:var(--wit);text-decoration:underline;text-underline-offset:3px}
main > section, main .lazy > section{scroll-margin-top:52px}



/* terugdraai-knop op de achterkant */
.terug-chip{border-color:rgba(255,255,255,.55) !important;color:var(--wit)}
.flip-in:hover .terug-chip{background:var(--wit) !important;color:var(--aub) !important}
/* omdraaibare cijfertegels, subtiel */
.res-grid{grid-auto-rows:1fr}
.res-kaart{perspective:2200px;min-height:300px}
.res-binnen{position:relative;height:100%;min-height:300px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.65,0,.35,1)}
.res-kaart.om .res-binnen{transform:rotateY(180deg)}
.res-voor,.res-achter{position:absolute;inset:0;border-radius:22px;padding:28px 28px 64px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.res-voor{background:var(--wit)}
.res-achter{background:var(--aub);color:var(--wit);transform:rotateY(180deg);padding:24px 26px 60px}
.res-achter h3{font-size:19px;line-height:1.2;letter-spacing:-.01em}
.res-achter p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--lav)}
.res-knop{position:absolute;right:16px;bottom:16px;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;font:500 22px/1 var(--tekst);transition:transform .3s,background-color .2s}
.res-voor .res-knop{background:var(--aub);color:var(--wit)}
.res-achter .res-knop{background:rgba(255,255,255,.16);color:var(--wit)}
.res-knop:hover{transform:scale(1.08)}
@media (max-width:860px){.res-kaart,.res-binnen{min-height:340px}}

@media (prefers-reduced-motion: reduce){.res-binnen{transition:none}}
.res-grid .res-voor{background:var(--wit);padding:28px 28px 64px}
.res-grid .res-achter{background:var(--aub);color:var(--wit);padding:24px 26px 60px}
.res-achter h3{color:var(--wit)}
.res-achter p{font-size:15px !important}
.res-kaart,.res-binnen{min-height:310px !important}

@media (max-width:860px){.res-kaart,.res-binnen{min-height:340px !important}}
.omdraai .face{padding-bottom:50px !important}
.flip-in{min-height:132px !important}

@media (min-width:861px){.res-kaart,.res-binnen{min-height:340px !important}}
/* draaitegels ruimer */
.flip-in{min-height:172px !important}
.omdraai .face{padding:24px 24px 64px !important}
/* cijfertegels: hoogte volgt de langste kant, bron onderaan */
.res-kaart,.res-binnen{min-height:0 !important}
.res-binnen{display:grid;height:100%}
.res-voor,.res-achter{position:relative !important;inset:auto !important;grid-area:1/1;display:flex;flex-direction:column;padding:28px 28px 30px !important}
.res-achter{transform:rotateY(180deg)}
.res-bron{margin-top:auto !important;padding-top:18px;padding-right:52px}
.res-achter .res-bron{color:var(--lav)}
.res-knop{right:18px !important;bottom:22px !important;padding:0;line-height:0}
.res-knop svg{display:block}
.uitn-ja{white-space:nowrap}
/* foto's in werking-kaarten */
.wk-foto{position:relative;overflow:hidden;background:var(--lav)}
.wk-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* instelbaar per zorgvraag */
.zorgvraag{margin-top:16px;background:#fff;border-radius:22px;padding:clamp(22px,3vw,32px)}
.zorgvraag h3{font-size:clamp(20px,1.8vw,26px)}
.zorgvraag dl{margin:16px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.zorgvraag dt{font-weight:700;font-size:16px}
.zorgvraag dd{margin:4px 0 0;font-size:15px;color:var(--aub-zacht)}
@media (max-width:860px){.zorgvraag dl{grid-template-columns:1fr}}
/* zorgvraag in specificaties */
.zorgvraag-lijst{margin:10px 0 0;display:grid;gap:12px}
.zorgvraag-lijst dt{font-weight:700;font-size:15px}
.zorgvraag-lijst dd{margin:2px 0 0;font-size:15px;color:var(--aub-zacht)}
/* uitklapregel: duidelijk klikbaar, rustige uitnodiging */
details.alles > summary{cursor:pointer;transition:color .2s}
details.alles > summary .plus{width:34px;height:34px;border-radius:50%;background:var(--aub);color:var(--wit);display:grid;place-items:center;font-family:var(--tekst);font-size:22px;font-weight:400;line-height:1;position:relative;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .2s}
details.alles > summary:hover .plus{transform:scale(1.08)}
details.alles[open] > summary .plus{transform:rotate(45deg)}
details.alles:not([open]) > summary .plus::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--aub);opacity:0;animation:uitnodig 2.6s ease-out 1.2s 3}
@keyframes uitnodig{0%{transform:scale(.9);opacity:.45}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}

@media (prefers-reduced-motion: reduce){details.alles > summary .plus::after{animation:none}}
/* koppen: iets meer woordafstand */
.kop-l,.hero h1,.manifest h2{word-spacing:.06em}
/* cijfertegels: voorkant groen, achterkant licht */
.res-grid .res-voor{background:var(--aub) !important;color:var(--wit)}
.res-voor .res-getal{color:var(--wit) !important}
.res-voor .res-tekst{color:var(--wit)}
.res-voor .res-bron{color:var(--lav) !important}
.res-voor .res-knop{background:var(--wit) !important;color:var(--aub) !important}
.res-grid .res-achter{background:var(--wit) !important;color:var(--aub) !important}
.res-achter h3{color:var(--aub) !important}
.res-achter p{color:var(--aub-zacht) !important}
.res-achter .res-knop{background:var(--aub) !important;color:var(--wit) !important}
/* plus exact in het midden */
details.alles > summary .plus{font-size:0 !important;color:transparent !important;background:var(--aub) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22/%3E%3C/svg%3E") center/16px 16px no-repeat !important}
/* tweede scherm een eigen achtergrond */
.werking{background:#fff !important}
.werking .wk-kaarten article{background:var(--wit)}
.werking details.alles{background:var(--wit)}
/* bronregels op gelijke hoogte */
.res-bron{min-height:3.1em;line-height:1.5}
.res-voor .res-bron{display:flex;align-items:flex-start}
/* cijfertegels: voetregel met bron en knop */
.res-voet{margin-top:auto;padding-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.res-voet .res-bron{margin:0 !important;padding:0 !important;min-height:0;flex:1}
.res-knop{position:static !important;flex:none}
.res-voor,.res-achter{padding-bottom:24px !important}
.res-voor .res-bron{display:block}
/* rekentool: per dag tegenover huur */
.r-dag{margin-top:16px;padding-top:14px;border-top:1px solid var(--lijn)}
.r-dag-rij{margin-top:6px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.r-dag-zin{margin-top:10px;font-size:16px}
.r-dag-zin strong{color:var(--accent-tekst);font-weight:800}
.r-groot .eenheid{color:var(--accent-tekst) !important}
.r-klein{margin-top:12px;background:rgba(0,95,91,.06);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.5}
.r-klein strong{color:var(--aub)}
.r-bij{margin-top:8px;font-size:13px;color:var(--aub-zacht)}
.r-krijg{margin-top:10px;font-size:14px;color:var(--lav)}
.r-client-getal{min-width:0;flex:none}
.r-client-rij{gap:18px !important}
/* foto-plekken */
.m-kop-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.m-foto{aspect-ratio:4/3;border-radius:22px;background:rgba(255,255,255,.55)}
.res-praktijk{flex-wrap:nowrap !important;align-items:center}
.res-foto{flex:none;width:200px;aspect-ratio:3/2;border-radius:16px}
.res-praktijk-tekst{flex:1}
.ab-foto{aspect-ratio:16/9;border-radius:14px;margin-bottom:4px}
.ab-hoofd .ab-foto{background:rgba(255,255,255,.12);color:var(--lav)}
@media (max-width:860px){.m-kop-grid{grid-template-columns:1fr}.res-praktijk{flex-wrap:wrap !important}.res-foto{width:100%}}
.r-terug{margin-top:14px;display:flex;align-items:center;gap:18px;background:rgba(0,95,91,.06);border-radius:16px;padding:16px 20px}
.r-terug-getal{font-family:var(--kop);font-weight:800;font-size:clamp(56px,6vw,80px);line-height:.9;letter-spacing:-.04em;color:var(--accent-tekst);flex:none}
.r-terug-kop{font-weight:700;font-size:17px;color:var(--aub)}
.r-terug-tekst{margin-top:4px;font-size:15px;line-height:1.5;color:var(--aub-zacht)}
/* hero met sfeerbeeld */
.hero.hero-beeld{position:relative;display:flex;align-items:center;min-height:clamp(560px,46vw,820px);padding:0 !important;overflow:hidden;background:var(--wit) !important}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;display:block}
.hero.hero-beeld::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(250,247,239,.92) 0%,rgba(250,247,239,.75) 28%,rgba(250,247,239,0) 52%)}
.hero-in{position:relative;z-index:2;width:100%;padding-top:96px;padding-bottom:64px}
.hero-in .tekst{max-width:min(560px,46vw)}
@media (max-width:760px){
  .hero.hero-beeld{display:flex;flex-direction:column-reverse;min-height:0;align-items:stretch}
  .hero.hero-beeld::after{display:none}
  .hero-bg{position:relative;inset:auto;height:auto;aspect-ratio:4/3;object-position:72% center}
  .hero-in{padding-top:88px;padding-bottom:32px}
  .hero-in .tekst{max-width:none}
}
/* menubalk: transparant boven, lichte kleur bij scrollen */
.nav{transition:background-color .35s ease,backdrop-filter .35s ease,box-shadow .35s ease}
.nav:not(.klein){background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.nav.klein{background:rgba(250,247,239,.88) !important;backdrop-filter:saturate(170%) blur(18px) !important;-webkit-backdrop-filter:saturate(170%) blur(18px) !important;box-shadow:0 1px 0 rgba(0,95,91,.08)}
/* rekentool-uitkomst: eenvoudig en strak */
.resultaat .r-kop{margin-bottom:6px}
.resultaat .r-groot{margin-top:4px !important}
.r-sub{margin-top:10px;font-size:17px;line-height:1.45;color:var(--aub);max-width:28em}
.r-paar{margin-top:24px;padding-top:20px;border-top:1px solid var(--lijn);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.r-waarde{font-family:var(--kop);font-weight:800;font-size:clamp(28px,2.6vw,38px);line-height:1;letter-spacing:-.03em;color:var(--aub)}
.r-paar .r-lbl{margin-top:6px}
.r-feiten{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--lijn)}
.r-feiten li{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--lijn);font-size:16px;line-height:1.4;color:var(--aub)}
.r-feiten li:last-child{border-bottom:0;padding-bottom:0}
.r-feit-getal{font-family:var(--kop);font-weight:800;font-size:34px;line-height:1;letter-spacing:-.03em;color:var(--accent-tekst)}
/* menubalk standaard licht transparant */
.nav:not(.klein){background:rgba(250,247,239,.62) !important;backdrop-filter:saturate(160%) blur(12px) !important;-webkit-backdrop-filter:saturate(160%) blur(12px) !important}
/* sfeerbeeld iets naar rechts */
.hero-bg{transform:translateX(7vw);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
@media (max-width:760px){.hero-bg{transform:none;-webkit-mask-image:none;mask-image:none;object-position:62% center}}
.m-foto-beeld{position:relative;overflow:hidden;background:var(--lav)}
.m-foto-beeld img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
@media (max-width:860px){
  .res-praktijk{flex-direction:column !important;align-items:stretch !important;gap:18px !important}
  .res-praktijk-tekst{flex:none}
  .res-praktijk .btn{align-self:flex-start;width:100%}
}
.hero h1 .h1-boven{display:block;margin-bottom:14px;font-family:var(--tekst);font-weight:700;font-size:clamp(12px,1.05vw,14px);line-height:1.3;letter-spacing:.18em;text-transform:uppercase;word-spacing:0;color:var(--hero-sub)}
.uitn-beeld img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;display:block}
.foot-r a{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* draaitegels: geen rode rand na omdraaien */
.flip-in.om .achter{box-shadow:none !important}
.flip-in:focus:not(:focus-visible){outline:none}
/* werking zonder nummers */
.wk-in h3{margin-top:0 !important}
/* specificaties: voorproefje met fade */
.specs-blok{margin-top:28px;background:var(--wit);border-radius:22px;overflow:hidden}
.specs-kop{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:0;background:none;cursor:pointer;font:700 17px/1.3 var(--kop);color:var(--aub);text-align:left}
.specs-kop .plus{flex:none;width:34px;height:34px;border-radius:50%;position:relative;background:var(--aub) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22/%3E%3C/svg%3E") center/16px 16px no-repeat;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.specs-kop:hover .plus{transform:scale(1.08)}
.specs-blok.open .specs-kop .plus{transform:rotate(45deg)}
.specs-blok:not(.open) .specs-kop .plus::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--aub);opacity:0;animation:uitnodig 2.6s ease-out 1.2s 3}
.specs-teaser{position:relative;padding:0 22px 6px;max-height:150px;overflow:hidden;cursor:pointer;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent)}
.specs-teaser dl,.specs-vol .specs dl{margin:0}
.specs-teaser dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.specs-teaser dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--lijn);font-size:15px}
.specs-teaser dt{color:var(--aub-zacht)}
.specs-teaser dd{margin:0;font-weight:600;color:var(--aub);text-align:right}
.specs-vol{padding:0 22px 22px}
@media (max-width:760px){.specs-teaser dl{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.specs-blok .plus::after{animation:none}}
/* demonstratieknop als link */
a.speel{text-decoration:none}
/* navigatie: Wisselwijzer ook op mobiel */
/* Wisselwijzer-band op de homepage */
.ww-band{padding:clamp(40px,5vw,64px) 0;background:var(--wit)}
.ww-band-in{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;flex-wrap:wrap;background:#fff;border-radius:24px;padding:clamp(22px,3vw,36px)}
.ww-band-in h2{font-family:var(--kop);font-weight:800;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.02em;color:var(--aub)}
.ww-band-in p:not(.label){margin-top:8px;color:var(--aub-zacht);max-width:40em}
/* ===== Wisselwijzer (Apple-achtig: rustig, ruim, één ding per scherm) ===== */
.ww-pagina{background:var(--wit);padding:calc(56px + clamp(28px,5vw,72px)) 0 clamp(56px,7vw,96px)}
.ww-pagina.ww-vol{padding:56px 0 0;min-height:100svh;display:flex}
html.ww-bezig .verder,html.ww-bezig #contact,html.ww-bezig footer{display:none !important}
.ww-start{width:min(860px,calc(100% - 40px));margin:0 auto;text-align:center}
.ww-h1{font-family:var(--kop);font-weight:800;font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.04em;word-spacing:.06em;color:var(--aub)}
.ww-intro-1{margin:22px auto 0;max-width:30em;font-size:clamp(20px,1.9vw,26px);line-height:1.4;color:var(--aub)}
.ww-intro-2{margin:14px auto 0;max-width:38em;font-size:17px;line-height:1.6;color:var(--aub-zacht)}
.ww-startknop{margin-top:32px;min-height:52px;padding:0 28px;font-size:17px}
.ww-onder{margin-top:12px;font-size:14px;color:var(--aub-zacht)}
.ww-wat{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;text-align:left}
.ww-wat li{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(0,40,38,.04)}
.ww-wat-nr{font-family:var(--kop);font-weight:800;font-size:44px;line-height:1;letter-spacing:-.04em;color:var(--accent-tekst)}
.ww-wat strong{margin-top:6px;color:var(--aub);font-size:17px}
.ww-wat span:last-child{font-size:15px;line-height:1.5;color:var(--aub-zacht)}
.ww-afzender{margin-top:28px;font-size:13px;color:var(--aub-zacht)}
@media (max-width:720px){.ww-wat{grid-template-columns:1fr}}
/* podium: altijd één scherm */
.ww-podium{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2.5vw,32px) clamp(12px,3vw,32px)}
.ww-kaart{width:min(980px,100%);height:min(760px,calc(100svh - 56px - 2*clamp(14px,2.5vw,32px)));display:flex;flex-direction:column;background:#fff;border-radius:32px;box-shadow:0 1px 2px rgba(0,40,38,.05),0 24px 60px rgba(0,60,58,.10);overflow:hidden;animation:wwIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes wwIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.ww-kaart{animation:none}}
.ww-kaart-kop{padding:22px clamp(22px,4vw,44px) 0}
.ww-voortgang{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--aub-zacht)}
.ww-balk{display:flex;gap:6px;margin-top:10px}
.ww-balk span{flex:1;height:4px;border-radius:2px;background:rgba(0,95,91,.12);transition:background-color .4s}
.ww-balk span.aan{background:var(--aub)}
.ww-kaart-romp{flex:1;overflow:auto;padding:clamp(18px,2.6vw,30px) clamp(22px,4vw,44px)}
.ww-kaart-voet{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px clamp(22px,4vw,44px) 18px;border-top:1px solid rgba(0,95,91,.08);background:#fff}
.ww-kaart-voet .ww-hint{flex:1;margin:0;text-align:right;font-size:14px;color:var(--accent-tekst)}
.ww-kaart-voet .btn{min-height:48px;padding:0 26px}
.ww-terug{border:0;background:none;padding:10px 0;font:600 16px var(--tekst);color:var(--aub);cursor:pointer}
.ww-terug::before{content:"‹ ";font-size:18px}
.ww-context{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(0,95,91,.07);font-size:13px;font-weight:600;color:var(--aub)}
.ww-vraag-kop{margin-top:14px;font-family:var(--kop);font-weight:800;font-size:clamp(23px,2.5vw,34px);line-height:1.12;letter-spacing:-.025em;color:var(--aub);outline:none}
.ww-uitleg{margin-top:6px;color:var(--aub-zacht);font-size:15px}
.ww-opties{margin-top:18px;display:grid;gap:10px}
.ww-opties.twee{grid-template-columns:repeat(2,minmax(0,1fr))}
.ww-optie,.ww-tegel{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 16px;border-radius:16px;border:1.5px solid rgba(0,95,91,.14);background:#fff;color:var(--aub);font:500 15.5px/1.35 var(--tekst);text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}
.ww-optie:hover,.ww-tegel:hover{border-color:rgba(0,95,91,.45)}
.ww-optie:active,.ww-tegel:active{transform:scale(.99)}
.ww-optie.gekozen,.ww-tegel.gekozen{border-color:var(--aub);background:rgba(0,95,91,.06);font-weight:600}
.ww-teken{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid rgba(0,95,91,.3);display:grid;place-items:center;font:700 12px/1 var(--tekst);color:#fff;transition:background-color .15s}
.ww-optie.meer .ww-teken{border-radius:7px}
.gekozen > .ww-teken,.ww-teken.aan{background:var(--aub);border-color:var(--aub);color:#fff}
.ww-veldkop{margin-top:18px;font-size:14px;font-weight:700;color:var(--aub)}
.ww-tegels{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ww-tegel{min-height:48px;padding:10px 14px;font-size:15px}
.ww-velden{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.ww-velden label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--aub)}
.ww-velden input[type=text],.ww-velden input[type=email]{min-height:46px;border-radius:12px;border:1.5px solid rgba(0,95,91,.18);padding:0 14px;font:500 16px var(--tekst);color:var(--aub);background:#fff}
.ww-velden input:focus{border-color:var(--aub);outline:none}
.ww-breed{grid-column:1/-1}
.ww-opt{font-weight:500;color:var(--aub-zacht)}
.ww-check{flex-direction:row !important;align-items:center;gap:10px !important;font-weight:500 !important;color:var(--aub-zacht) !important}
.ww-check input{width:18px;height:18px;accent-color:var(--aub)}
.ww-reden{margin:14px 0 0;padding:14px 16px 6px;border:0;border-radius:16px;background:var(--wit)}
.ww-reden legend{float:left;width:100%;padding:0;margin-bottom:10px;font-weight:700;font-size:15px;color:var(--aub)}
.ww-chip{display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;min-height:38px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(0,95,91,.2);background:#fff;color:var(--aub);font:500 14.5px/1 var(--tekst);cursor:pointer}
.ww-chip.gekozen{background:var(--aub);color:#fff;border-color:var(--aub)}
.ww-inzicht-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.ww-lead{font-size:15px;font-weight:600;color:var(--aub-zacht)}
.ww-tekst{margin-top:12px;font-size:17px;line-height:1.6;color:var(--aub)}
.ww-vandaag{padding:20px;border-radius:20px;background:var(--wit)}
.ww-vandaag-kop{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-tekst);margin-bottom:8px}
.ww-vandaag p:not(.ww-vandaag-kop){font-size:16px;line-height:1.55;color:var(--aub)}
.ww-mini{margin-top:14px;border:0;background:none;padding:0;font:600 14px var(--tekst);color:var(--aub);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.ww-extra,.ww-waarom{margin-top:14px;border-top:1px solid var(--lijn);padding-top:12px}
.ww-extra summary,.ww-waarom summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--aub);list-style:none}
.ww-extra summary::-webkit-details-marker,.ww-waarom summary::-webkit-details-marker{display:none}
.ww-extra summary::after,.ww-waarom summary::after{content:"  +";color:var(--aub-zacht)}
.ww-extra[open] summary::after,.ww-waarom[open] summary::after{content:"  −"}
.ww-extra p,.ww-waarom li{margin-top:8px;font-size:14.5px;line-height:1.55;color:var(--aub-zacht)}
.ww-waarom ul{margin:4px 0 0;padding-left:18px}
.ww-waarom a{color:var(--aub)}
.ww-datum{margin-top:6px;font-size:12.5px;color:var(--aub-zacht)}
@media (max-width:760px){
  .ww-opties.twee{grid-template-columns:1fr}
  .ww-tegels{grid-template-columns:1fr 1fr}
  .ww-velden{grid-template-columns:1fr}
  .ww-inzicht-grid{grid-template-columns:1fr}
  .ww-kaart{border-radius:24px}
  .ww-optie{min-height:48px;padding:10px 14px;font-size:15px}
  .ww-kaart-voet .ww-hint{display:none}
  .ww-kaart-voet .btn{flex:1;max-width:220px}
}
/* rapport */
.ww-rapport{width:min(1080px,calc(100% - 40px));margin:0 auto}
.ww-r-kop{text-align:center;max-width:820px;margin:0 auto}
.ww-r-meta{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aub-zacht)}
.ww-r-h1{margin-top:12px;font-family:var(--kop);font-weight:800;font-size:clamp(44px,6.5vw,84px);line-height:1;letter-spacing:-.045em;word-spacing:.06em;color:var(--aub);outline:none}
.ww-r-sub{margin-top:10px;font-size:clamp(20px,2vw,28px);font-weight:600;color:var(--aub)}
.ww-r-intro{margin:16px auto 0;max-width:38em;font-size:17px;line-height:1.6;color:var(--aub-zacht)}
.ww-r-mail{margin-top:14px;font-size:15px;color:var(--aub)}
.ww-r-kop .ww-knoppen{justify-content:center}
.ww-r-kop .ww-hint{text-align:center;min-height:1.4em;margin-top:8px;font-size:14px;color:var(--aub)}
.ww-r-blok-tekst{max-width:760px;margin:24px auto 0;text-align:center;font-size:17px;line-height:1.6;color:var(--aub)}
.ww-r-sectie{margin-top:clamp(40px,6vw,72px)}
.ww-r-h2{font-family:var(--kop);font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:1.08;letter-spacing:-.03em;color:var(--aub);text-align:center;margin-bottom:22px}
.ww-r-h3{font-family:var(--kop);font-weight:800;font-size:22px;letter-spacing:-.015em;color:var(--aub)}
.ww-r-h4{margin-top:6px;font-family:var(--kop);font-weight:800;font-size:21px;line-height:1.15;color:var(--aub)}
.ww-r-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ww-r-grid.ww-drie{grid-template-columns:repeat(3,minmax(0,1fr))}
.ww-r-kaart{background:#fff;border-radius:26px;padding:clamp(20px,2.6vw,30px);box-shadow:0 1px 2px rgba(0,40,38,.04)}
.ww-r-nr{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-tekst)}
.ww-r-antw{margin-top:10px;font-size:18px;font-weight:700;line-height:1.35;color:var(--aub)}
.ww-r-duid{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--aub-zacht)}
.ww-r-twee{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ww-r-vinklijst{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.ww-r-vinklijst li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--aub)}
.ww-r-lijst-k{margin:12px 0 0;padding-left:20px;font-size:16px;line-height:1.7;color:var(--aub)}
.ww-r-plan{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:plan}
.ww-r-plan li{background:#fff;border-radius:26px;padding:clamp(20px,2.6vw,30px);position:relative}
.ww-r-wanneer{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-tekst)}
.ww-r-actie{margin-top:10px;font-size:17px;font-weight:600;line-height:1.45;color:var(--aub)}
.ww-r-grid.ww-drie .ww-vandaag{margin-top:14px;padding:16px}
.ww-r-vragen{max-width:820px;margin:0 auto;padding:0;list-style:none;counter-reset:v;display:grid;gap:10px}
.ww-r-vragen li{counter-increment:v;display:grid;grid-template-columns:44px 1fr;align-items:center;background:#fff;border-radius:18px;padding:14px 18px;font-size:16.5px;line-height:1.45;color:var(--aub)}
.ww-r-vragen li::before{content:counter(v);font-family:var(--kop);font-weight:800;font-size:22px;color:var(--accent-tekst)}
.ww-r-reken{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.ww-r-mt{margin-top:10px;font-size:18px;line-height:1.55}
.ww-r-voet{text-align:center;color:var(--aub)}
.ww-r-voet .ww-knoppen,.ww-r-voet .ww-sublinks{justify-content:center}
.ww-r-voet .ww-klein{max-width:640px;margin:14px auto 0}
.ww-r-lijst{display:grid;gap:10px;margin-top:22px}
.ww-item{background:#fff;border-radius:20px;padding:0 22px}
.ww-item > summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;cursor:pointer;font-weight:700;font-size:17px;color:var(--aub)}
.ww-item > summary::-webkit-details-marker{display:none}
.ww-item > summary .plus::before{content:"+";font-size:24px;font-weight:400}
.ww-item[open] > summary .plus::before{content:"−"}
.ww-item-in{padding-bottom:20px}
.ww-item-in .ww-vandaag{margin-top:12px}
.ww-klein{font-size:14px;line-height:1.55;color:var(--aub-zacht);margin-top:8px}
.ww-knoppen{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.ww-sublinks{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 22px}
.ww-sublinks button{border:0;background:none;padding:6px 0;font:600 15px var(--tekst);color:var(--aub);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.ww-kopie textarea{width:100%;margin-top:8px;border-radius:12px;border:1px solid var(--lijn);padding:12px;font:14px/1.5 var(--tekst);color:var(--aub)}
.ww-multiturn{background:var(--aub) !important;color:var(--wit)}
.ww-multiturn .ww-r-nr,.ww-multiturn .ww-r-mt{color:var(--wit) !important}
.ww-multiturn .btn-lijn{color:var(--wit) !important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7) !important;border-color:rgba(255,255,255,.7) !important}
.ww-multiturn .link{color:var(--wit) !important}
@media (max-width:860px){.ww-r-grid,.ww-r-grid.ww-drie,.ww-r-twee,.ww-r-plan{grid-template-columns:1fr}}
@media (max-width:560px){.ww-knoppen .btn{width:100%}}
@media print{
  .nav,footer,.verder,#contact,.ww-noprint,.uitnodiging,.ww-sublinks,.ww-mini{display:none !important}
  .ww-pagina{padding:0 !important;background:#fff !important}
  .ww-r-kaart,.ww-r-plan li,.ww-r-vragen li{border:1px solid #ddd;box-shadow:none;break-inside:avoid}
  .ww-waarom{display:block}.ww-waarom > *{display:block !important}
  .ww-r-sectie{margin-top:24px}
  .ww-r-h1{font-size:40px}
}
/* compacter waar de hoogte krap is */
.ww-velden select{min-height:46px;border-radius:12px;border:1.5px solid rgba(0,95,91,.18);padding:0 12px;font:500 16px var(--tekst);color:var(--aub);background:#fff}
.ww-velden{grid-template-columns:1fr 1fr 1.4fr}
.ww-velden .ww-breed:first-child{grid-column:1/-1}
.ww-velden label:nth-child(4){grid-column:auto}
.ww-check{grid-column:1/-1}
@media (max-height:860px) and (min-width:761px){
  .ww-optie{min-height:46px;padding:9px 14px;font-size:15px}
  .ww-vraag-kop{font-size:clamp(22px,2.2vw,28px);margin-top:10px}
  .ww-kaart-romp{padding-top:14px;padding-bottom:14px}
  .ww-chip{min-height:34px;margin-bottom:6px}
  .ww-reden{padding:10px 14px 4px;margin-top:10px}
  .ww-tegel{min-height:42px;padding:8px 12px}
  .ww-veldkop{margin-top:12px}
  .ww-velden{margin-top:12px}
}
@media (max-width:760px){
  .ww-velden{grid-template-columns:1fr 1fr}
  .ww-velden label:nth-child(4){grid-column:1/-1}
  .ww-vraag-kop{font-size:21px;margin-top:10px}
  .ww-kaart-kop{padding:16px 18px 0}
  .ww-kaart-romp{padding:14px 18px}
  .ww-kaart-voet{padding:10px 18px 12px}
  .ww-optie{min-height:44px;padding:8px 12px;font-size:14.5px;gap:10px;border-radius:14px}
  .ww-opties{gap:7px;margin-top:12px}
  .ww-teken{width:22px;height:22px}
  .ww-tegel{min-height:42px;padding:8px 10px;font-size:14px}
  .ww-tekst{font-size:15.5px;line-height:1.5;margin-top:8px}
  .ww-vandaag{padding:14px}
  .ww-vandaag p:not(.ww-vandaag-kop){font-size:15px}
  .ww-context{font-size:12px;padding:5px 10px}
  .ww-uitleg{font-size:13.5px}
  .ww-chip{min-height:34px;font-size:13.5px;margin:0 6px 6px 0;padding:0 11px}
  .ww-reden{padding:10px 12px 4px}
  .ww-velden input[type=text],.ww-velden input[type=email],.ww-velden select{min-height:42px}
  .ww-extra,.ww-waarom{margin-top:10px;padding-top:8px}
}
/* breedte nooit groter dan het scherm */
.ww-podium,.ww-kaart,.ww-kaart-romp{min-width:0}
.ww-velden label{min-width:0}
.ww-velden input[type=text],.ww-velden input[type=email],.ww-velden select{width:100%;min-width:0;box-sizing:border-box}
.nav-links .btn .kortst{display:none !important}
@media (max-width:340px){.nav-links .btn .kortst{display:inline !important}}
@media (max-width:760px){
  .ww-context{font-size:11.5px;padding:4px 9px}
  .ww-velden .ww-opt{font-size:12px}
  .ww-chip{min-height:30px;font-size:12.5px;padding:0 10px;margin:0 5px 5px 0}
  .ww-reden legend{font-size:14px;margin-bottom:6px}
  .ww-check{font-size:13px}
}
.ww-wijzig{display:none}
@media (max-width:760px){
  .ww-opties.ingeklapt .ww-optie:not(.gekozen){display:none}
  .ww-wijzig{display:inline-block;margin-top:6px;border:0;background:none;padding:4px 0;font:600 14px var(--tekst);color:var(--aub);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  .ww-tegel{min-height:38px;padding:6px 10px}
  .ww-tegels{gap:6px}
  .ww-veldkop{margin-top:10px}
  .ww-velden{gap:8px 12px;margin-top:10px}
}
.faq-meer p + p{margin-top:12px}
/* ===== ruimer en losser (geen interne scroll) ===== */
.ww-pagina.ww-vol{display:block;min-height:0;padding:calc(56px + clamp(32px,5vw,64px)) 0 clamp(64px,8vw,112px)}
.ww-podium{display:block;padding:0 clamp(16px,3vw,32px)}
.ww-kaart{height:auto !important;max-height:none;margin:0 auto;width:min(1000px,100%);overflow:visible}
.ww-kaart-kop{padding:clamp(24px,3vw,40px) clamp(24px,5vw,64px) 0}
.ww-kaart-romp{overflow:visible;padding:clamp(24px,3.4vw,44px) clamp(24px,5vw,64px) clamp(28px,3.6vw,48px)}
.ww-kaart-voet{padding:18px clamp(24px,5vw,64px) 22px}
.ww-opties{gap:12px;margin-top:24px}
.ww-optie{min-height:58px !important;padding:14px 18px !important}
.ww-vraag-kop{margin-top:16px}
@media (max-width:760px){
  .ww-pagina.ww-vol{padding:calc(56px + 20px) 0 56px}
  .ww-podium{padding:0 12px}
  .ww-kaart-kop{padding:20px 20px 0}
  .ww-kaart-romp{padding:20px}
  .ww-kaart-voet{padding:14px 20px 16px;position:sticky;bottom:0;border-radius:0 0 24px 24px}
  .ww-optie{min-height:50px !important;padding:11px 14px !important}
  .ww-opties{gap:9px}
}
/* startpagina met brochure */
.ww-start{width:min(1120px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,72px);text-align:left}
.ww-start .ww-intro-2{margin-left:0;font-size:clamp(17px,1.5vw,20px);color:var(--aub)}
.ww-start-beeld{width:100%;max-width:460px;height:auto;justify-self:center;filter:drop-shadow(0 24px 40px rgba(0,60,58,.12))}
@media (max-width:860px){.ww-start{grid-template-columns:1fr;text-align:center}.ww-start .ww-intro-2{margin-left:auto}.ww-start-beeld{max-width:260px;order:2}}
/* band op de homepage met brochure (alleen desktop) */
.ww-band-in{display:grid !important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;overflow:hidden;padding-top:0 !important;padding-bottom:0 !important}
.ww-band-tekst{padding:clamp(24px,3vw,40px) 0}
.ww-band-tekst .btn{margin-top:18px}
.ww-band-beeld{width:100%;max-width:300px;height:auto;justify-self:end;margin:-10px 0 -40px;filter:drop-shadow(0 18px 30px rgba(0,60,58,.12))}
@media (max-width:860px){.ww-band-in{grid-template-columns:1fr}.ww-band-beeld{display:none}}
/* ===== rapport: één strak ritme ===== */
.ww-rapport{--g:16px}
.ww-r-sectie{margin-top:64px !important}
.ww-r-h2{margin:0 0 24px !important}
.ww-r-grid,.ww-r-grid.ww-drie,.ww-r-twee,.ww-r-plan{gap:var(--g) !important;align-items:stretch}
.ww-r-twee{margin-top:var(--g) !important}
.ww-r-sectie.ww-r-twee{margin-top:64px !important}
.ww-r-kaart,.ww-r-plan li{padding:28px !important;border-radius:24px !important;display:flex;flex-direction:column}
.ww-r-kaart > :first-child,.ww-r-plan li > :first-child{margin-top:0 !important}
.ww-r-antw{margin-top:12px !important}
.ww-r-antw + .ww-r-antw{margin-top:6px !important}
.ww-r-duid{margin-top:10px !important}
.ww-r-h4{margin-top:8px !important}
.ww-r-grid.ww-drie .ww-vandaag{margin-top:16px !important}
.ww-r-grid.ww-drie .ww-waarom{margin-top:auto !important;padding-top:14px}
.ww-r-grid.ww-drie .ww-vandaag{margin-bottom:14px}
.ww-r-vragen{gap:10px !important}
.ww-r-vragen li{padding:16px 20px !important;border-radius:18px !important}
.ww-r-reken{padding:28px !important;flex-direction:row !important}
.ww-r-kop .ww-knoppen{margin-top:24px}
@media (max-width:860px){
  .ww-rapport{width:calc(100% - 32px)}
  .ww-r-kop{text-align:left}
  .ww-r-kop .ww-knoppen{justify-content:flex-start}
  .ww-r-kop .ww-hint{text-align:left}
  .ww-r-intro{margin-left:0}
  .ww-r-h1{font-size:44px}
  .ww-r-h2{text-align:left;font-size:28px;margin-bottom:16px !important}
  .ww-r-sectie,.ww-r-sectie.ww-r-twee{margin-top:44px !important}
  .ww-rapport{--g:12px}
  .ww-r-kaart,.ww-r-plan li{padding:20px !important;border-radius:20px !important}
  .ww-r-reken{flex-direction:column !important;align-items:flex-start !important}
  .ww-r-vragen li{grid-template-columns:34px 1fr;padding:14px 16px !important;font-size:15.5px}
  .ww-r-voet{text-align:left}
  .ww-r-voet .ww-knoppen,.ww-r-voet .ww-sublinks{justify-content:flex-start}
  .ww-r-voet .ww-klein{margin-left:0}
  .ww-r-blok-tekst{text-align:left}
}
.ww-r-h4,.ww-r-h3{margin-bottom:0 !important}
.ww-r-vragen{max-width:none !important}
/* minder witruimte boven, kleinere brochure */
.ww-pagina{padding-top:calc(56px + clamp(16px,3vw,36px)) !important}
.ww-pagina.ww-vol{padding-top:calc(56px + clamp(14px,2.4vw,28px)) !important}
.ww-start-beeld{max-width:340px !important}
.ww-band-beeld{max-width:230px !important}
@media (max-width:860px){.ww-start-beeld{max-width:200px !important}}
/* intake: velden altijd binnen beeld */
.ww-velden{grid-template-columns:1fr 1fr 1.4fr}
.ww-velden .ww-opt{font-size:12.5px;font-weight:500;color:var(--aub-zacht)}
.ww-tegel{min-width:0;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:760px){
  .ww-velden{grid-template-columns:1fr !important}
  .ww-velden > *{grid-column:1/-1 !important}
  .ww-tegels{grid-template-columns:1fr 1fr}
}
/* rapport: in het kort */
.ww-kort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g)}
.ww-kort-tegel{background:#fff;border-radius:24px;padding:28px}
.ww-kort-tekst{margin-top:10px;font-size:17px;line-height:1.5;font-weight:600;color:var(--aub)}
.ww-kort-accent{background:var(--aub)}
.ww-kort-accent .ww-r-nr{color:var(--lav) !important}
.ww-kort-accent .ww-kort-tekst{color:var(--wit)}
/* rapport: jullie praktijk als nette rijen */
.ww-praktijk{padding:8px 28px !important}
.ww-praktijk-rij{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:20px 0;border-top:1px solid var(--lijn)}
.ww-praktijk-rij:first-child{border-top:0}
.ww-praktijk-rij .ww-r-nr{padding-top:4px}
.ww-praktijk-rij .ww-r-antw{margin-top:0 !important}
.ww-richtlijn{display:grid !important;grid-template-columns:220px minmax(0,1fr);gap:8px 24px;align-items:start}
.ww-richtlijn .ww-r-lijst-k{margin:0}
.ww-richtlijn .ww-waarom{grid-column:2;margin-top:4px}
.ww-r-twee-k{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.ww-r-reken{flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important}
.ww-r-reken .btn{margin-top:18px}
.ww-r-twee-k .ww-r-kaart{height:100%}
@media (max-width:860px){
  .ww-kort,.ww-r-twee-k{grid-template-columns:1fr}
  .ww-kort-tegel{padding:20px}
  .ww-praktijk{padding:4px 20px !important}
  .ww-praktijk-rij{grid-template-columns:1fr;gap:6px;padding:16px 0}
  .ww-richtlijn{grid-template-columns:1fr}
  .ww-richtlijn .ww-waarom{grid-column:1}
}
@media (max-width:480px){.ww-tegels{grid-template-columns:1fr !important}.ww-tegel{min-height:44px}}
/* startpagina Wisselwijzer: zelfde linkerlijn als de homepage */
.wrap.ww-start{width:auto !important;max-width:1240px}
/* brochure in het blok volledig zichtbaar */
.ww-band-beeld{margin:20px 0 !important}
.ww-band-in{padding-top:0 !important;padding-bottom:0 !important}
/* actieplan: 'Waarom' op dezelfde hoogte */
.ww-r-plan li{display:flex;flex-direction:column}
.ww-r-plan .ww-r-waarom{margin-top:auto !important;padding-top:14px}
/* meerdere antwoorden onder elkaar */
.ww-praktijk-rij .ww-r-antw + .ww-r-antw{margin-top:4px !important}
.ww-praktijk-rij .ww-r-duid + .ww-r-duid{margin-top:6px !important}
/* bovenregel optisch gelijk met de D van de kop */
.hero h1 .h1-boven{padding-left:calc(clamp(46px,6.6vw,104px) * .062 - .5px)}
.ww-accent{color:var(--accent-tekst);white-space:nowrap}
.ww-rapport.ww-alle{width:auto !important;max-width:1240px}
/* Wisselwijs-score */
.ww-score{display:grid !important;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:center;flex-direction:row !important}
.ww-score-ring{position:relative;width:220px;height:220px;justify-self:center}
.ww-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ww-ring-achter{fill:none;stroke:rgba(0,95,91,.1);stroke-width:10}
.ww-ring-voor{fill:none;stroke:var(--accent-tekst);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.ww-score-getal{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ww-score-getal span{font-family:var(--kop);font-weight:800;font-size:64px;line-height:1;letter-spacing:-.04em;color:var(--aub)}
.ww-score-getal small{margin-top:4px;font-size:14px;color:var(--aub-zacht)}
.ww-score-zin{margin-top:8px;font-size:18px;font-weight:600;line-height:1.45;color:var(--aub)}
.ww-score-delen{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:14px}
.ww-score-rij{display:flex;justify-content:space-between;font-size:15px;font-weight:600;color:var(--aub)}
.ww-score-balk{margin-top:6px;height:6px;border-radius:3px;background:rgba(0,95,91,.1);overflow:hidden}
.ww-score-balk span{display:block;height:100%;border-radius:3px;background:var(--aub)}
.ww-score-delen .ww-klein{margin-top:4px}
.ww-score-noot{margin-top:12px}
@media (max-width:860px){.ww-score{grid-template-columns:1fr;gap:20px}.ww-score-ring{width:180px;height:180px}.ww-score-getal span{font-size:52px}}
@media print{.ww-score{border:1px solid #ddd}}
/* ===== rapport in Apple-stijl ===== */
.ww-rap{--g:16px}
.ww-rap .ww-r-sectie{margin-top:clamp(56px,7vw,96px) !important;text-align:center}
.ww-oog{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-tekst);text-align:center}
.ww-oog.licht{color:var(--lav)}
.ww-rap .ww-r-h2{margin:8px 0 28px !important;text-align:center}
.ww-score2{display:flex;flex-direction:column;align-items:center;margin-top:18px}
.ww-score2 .ww-score-ring{width:220px;height:220px}
.ww-score-niveau{margin-top:18px;font-family:var(--kop);font-weight:800;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em;color:var(--aub)}
.ww-score2 .ww-score-zin{max-width:34em;margin:8px auto 0;font-size:18px;font-weight:500;color:var(--aub-zacht);text-align:center}
.ww-r-rij3{margin:32px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--g);text-align:left}
.ww-r-rij2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--g);text-align:left}
.ww-r-rij1{display:grid;grid-template-columns:minmax(0,720px);justify-content:center;text-align:left}
.ww-tegel3{background:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column}
.ww-tegel3 .ww-score-balk{margin-top:10px}
.ww-tegel-tekst{margin-top:12px;font-size:15.5px;line-height:1.55;color:var(--aub-zacht)}
.ww-tegel-tekst strong{color:var(--aub);font-weight:700}
.ww-mt{margin-top:auto;padding-top:18px}
.ww-mt{border-top:0}
.ww-mt-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-tekst)}
.ww-mt p:not(.ww-mt-label){margin-top:6px;font-size:15px;line-height:1.55;color:var(--aub)}
.ww-tegel3 .ww-tegel-tekst + .ww-mt{margin-top:auto}
.ww-r-rij3 .ww-tegel3 > .ww-tegel-tekst{margin-bottom:18px}
.ww-doel-kop{margin-top:8px;font-family:var(--kop);font-weight:800;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.02em;color:var(--aub)}
.ww-r-noot{margin:16px auto 0 !important;max-width:640px;text-align:center}
.ww-rap .ww-praktijk{text-align:left;padding:8px 28px !important}
.ww-plan li{margin:0}
.ww-rap .ww-r-vragen{text-align:left}
.ww-cta{background:var(--aub);border-radius:32px;padding:clamp(36px,5vw,64px) clamp(24px,5vw,64px);text-align:center;color:var(--wit)}
.ww-cta-kop{margin-top:10px;font-family:var(--kop);font-weight:800;font-size:clamp(32px,4.4vw,56px);line-height:1.05;letter-spacing:-.035em;color:var(--wit)}
.ww-cta-tekst{max-width:34em;margin:14px auto 0;font-size:18px;line-height:1.55;color:var(--lav)}
.ww-cta-lijst{margin:22px auto 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.ww-cta-lijst li{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-size:14px;font-weight:600;color:var(--wit)}
.ww-cta .ww-knoppen{justify-content:center;margin-top:28px}
.ww-cta-link{border:0;background:none;padding:6px 0;font:600 16px var(--tekst);color:var(--wit);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media (max-width:860px){
  .ww-rap{--g:12px}
  .ww-rap .ww-r-sectie{text-align:left}
  .ww-oog,.ww-rap .ww-r-h2{text-align:left}
  .ww-score2{align-items:flex-start}
  .ww-score2 .ww-score-zin{text-align:left;margin-left:0}
  .ww-score2 .ww-score-ring{width:180px;height:180px}
  .ww-r-rij3,.ww-r-rij2{grid-template-columns:1fr}
  .ww-r-rij1{grid-template-columns:1fr}
  .ww-tegel3{padding:20px;border-radius:20px}
  .ww-r-noot{text-align:left;margin-left:0 !important}
  .ww-cta{text-align:left;border-radius:24px}
  .ww-cta-lijst,.ww-cta .ww-knoppen{justify-content:flex-start}
  .ww-rap .ww-praktijk{padding:4px 20px !important}
}
@media print{.ww-tegel3{border:1px solid #ddd;break-inside:avoid}}
/* gelijke hoogtes binnen de tegels */
.ww-pijlers .ww-tegel3{display:flex}
.ww-pijlers .ww-tegel-tekst{min-height:calc(3 * 1.55em)}
.ww-pijlers .ww-tegel-tekst{margin-bottom:0 !important}
.ww-pijlers .ww-mt{margin-top:0 !important;padding-top:18px}
.ww-plan .ww-r-wanneer{margin:0}
.ww-plan .ww-r-waarom{margin-top:auto !important;padding-top:14px}
.ww-doel-kop{margin-bottom:0 !important}
.ww-doel .ww-tegel-tekst + .ww-tegel-tekst{margin-top:10px}
@media (max-width:1100px) and (min-width:861px){.ww-pijlers .ww-tegel-tekst{min-height:calc(4 * 1.55em)}}
@media (max-width:860px){.ww-pijlers .ww-tegel-tekst{min-height:0}}
/* score als blikvanger */
.ww-score-sectie{margin-top:clamp(28px,4vw,48px) !important}
.ww-score-titel{outline:none}
.ww-ring-groot{width:clamp(240px,26vw,320px) !important;height:clamp(240px,26vw,320px) !important;margin-top:8px}
.ww-ring-groot .ww-ring-achter{stroke-width:9}
.ww-ring-groot .ww-ring-voor{stroke-width:9;transition:none}
.ww-ring-groot .ww-score-getal span{font-size:clamp(72px,8vw,108px)}
.ww-ring-groot .ww-score-getal small{font-size:15px}
.ww-rap .ww-r-kop{margin-bottom:0}
.ww-rap .ww-r-kop .ww-knoppen{margin-top:16px}
@media (max-width:860px){.ww-ring-groot{width:220px !important;height:220px !important}.ww-ring-groot .ww-score-getal span{font-size:68px}.ww-score2{align-items:center !important}.ww-score-niveau,.ww-score2 .ww-score-zin{text-align:center !important;margin-left:auto !important}.ww-score-titel{text-align:center !important}}
/* zorgomgeving even hoog als de andere velden */
.ww-velden input[type=text],.ww-velden input[type=email],.ww-velden select{height:46px !important;min-height:46px !important;line-height:normal}
.ww-velden select{-webkit-appearance:none;appearance:none;padding-right:40px !important;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%20stroke%3D%22%23005F5B%22%20stroke-width%3D%222.2%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") right 14px center/16px 16px no-repeat}
@media (max-width:860px){
  .ww-score-sectie,.ww-score-sectie .ww-r-meta,.ww-score-sectie .ww-r-kop,.ww-score-sectie .ww-r-mail,.ww-score-sectie .ww-hint{text-align:center !important}
  .ww-score-niveau{width:100%;margin-left:0 !important}
  .ww-score2 .ww-score-zin{margin-left:auto !important;margin-right:auto !important}
  .ww-score-sectie .ww-r-kop .ww-knoppen{justify-content:center !important}
}
/* hamburgermenu (mobiel) */
.hamburger{display:none}
.mobiel-menu{display:none}
@media (max-width:900px){
  .hamburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;margin-left:6px;padding:0 10px;border:0;border-radius:12px;background:transparent;cursor:pointer}
  .hamburger span{display:block;height:2px;border-radius:1px;background:var(--aub);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
  .menu-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-open .hamburger span:nth-child(2){opacity:0}
  .menu-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobiel-menu:not([hidden]){display:flex;flex-direction:column;padding:8px 20px 22px;background:rgba(250,247,239,.97);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px);border-bottom:1px solid rgba(0,95,91,.08);animation:menuIn .3s cubic-bezier(.2,.8,.2,1) both}
  .mobiel-menu a:not(.btn){padding:14px 2px;font-family:var(--kop);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--aub);text-decoration:none;border-bottom:1px solid rgba(0,95,91,.08)}
  .mobiel-menu .btn{margin-top:18px;justify-content:center}
  .menu-open{background:rgba(250,247,239,.97) !important}
}
@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.mobiel-menu{animation:none !important}}
/* schuifknop pilot / demo */
.schuif{position:relative;display:grid;grid-template-columns:1fr 1fr;height:50px;padding:4px;border-radius:999px;background:rgba(0,95,91,.08);cursor:grab;user-select:none;touch-action:none;outline:none}
.schuif:focus-visible{box-shadow:0 0 0 3px rgba(0,95,91,.3)}
.schuif-duim{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:999px;background:#fff;box-shadow:0 2px 8px rgba(0,40,38,.15);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.schuif-duim.sleept{transition:none}
.schuif-optie{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font:600 15px var(--tekst);color:var(--aub-zacht);transition:color .2s;pointer-events:none}
.schuif-optie.aan{color:var(--aub)}
/* plus-cirkel bij Alle inzichten */
.ww-item > summary .plus{flex:none;width:34px;height:34px;border-radius:50%;margin-left:auto;background:var(--aub) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22/%3E%3C/svg%3E") center/16px 16px no-repeat;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ww-item > summary .plus::before{content:none !important}
.ww-item[open] > summary .plus{transform:rotate(45deg)}
.ww-item > summary:hover .plus{transform:scale(1.08)}
.ww-item[open] > summary:hover .plus{transform:rotate(45deg) scale(1.08)}
/* pop-up in Apple-stijl: kaart onderin (desktop), sheet van onderen (mobiel) */
.uitn-achter{position:fixed;inset:0;z-index:84;background:rgba(10,30,28,.28);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:uitnFade .35s ease both}
.uitnodiging.uitn2{display:block !important;grid-template-columns:none !important;left:50% !important;right:auto !important;bottom:calc(28px + env(safe-area-inset-bottom,0px)) !important;transform:translateX(-50%);width:min(420px,calc(100vw - 32px)) !important;padding:40px 32px 28px !important;border-radius:28px !important;background:rgba(255,255,255,.97) !important;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:0 !important;box-shadow:0 1px 2px rgba(0,40,38,.06),0 30px 80px rgba(0,40,38,.25) !important;text-align:center;animation:uitnOp .55s cubic-bezier(.2,.9,.25,1) both !important}
.uitn2 .uitn-greep{display:none}
.uitn2 .uitn-kop{margin:0 auto !important;padding:0 !important;max-width:12em;font-size:30px !important;line-height:1.08 !important;color:var(--aub)}
.uitn2 .uitn-tekst{margin:12px auto 0 !important;max-width:24em;font-size:16px !important;line-height:1.5 !important}
.uitn2 .uitn-acties{margin-top:24px !important;display:block !important}
.uitn2 .uitn-ja{display:flex !important;width:100%;justify-content:center;min-height:52px !important;padding:0 20px !important;border-radius:14px !important;font-size:17px !important;font-weight:600}
.uitn2 .uitn-sluit{right:14px !important;top:14px !important;width:30px !important;height:30px !important}
@keyframes uitnOp{from{opacity:0;transform:translate(-50%,40px) scale(.98)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes uitnFade{from{opacity:0}to{opacity:1}}
@media (max-width:600px){
  .uitnodiging.uitn2{left:0 !important;right:0 !important;bottom:0 !important;transform:none;width:100% !important;border-radius:28px 28px 0 0 !important;padding:30px 24px calc(24px + env(safe-area-inset-bottom,0px)) !important;animation:uitnSheet .5s cubic-bezier(.2,.9,.25,1) both !important}
  .uitn2 .uitn-greep{display:block;position:absolute;left:50%;top:8px;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:rgba(0,40,38,.18)}
  .uitn2 .uitn-kop{font-size:27px !important}
}
@keyframes uitnSheet{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion: reduce){.uitnodiging.uitn2,.uitn-achter{animation:none !important}}
@media (max-width:900px){.nav-links > .btn-nav{display:none !important}}
/* menu: pagina dimmen, kleinere koppen */
.menu-achter{position:fixed;inset:0;z-index:98;background:rgba(10,30,28,.45);animation:uitnFade .3s ease both}
@media (min-width:901px){.menu-achter{display:none}}
@media (max-width:900px){.mobiel-menu a:not(.btn){font-size:18px !important;padding:12px 2px !important}}
/* aanvraag: twee knoppen, pilot voorop */
.aanvraag-knoppen{display:flex;flex-wrap:wrap;gap:10px}
.aanvraag-knoppen .btn{flex:1 1 180px;justify-content:center}
/* werking: één pomp */
.wk-een{margin-top:16px;background:var(--wit);border-radius:22px;padding:20px 24px}
.wk-een p{font-size:16px;line-height:1.55;color:var(--aub-zacht)}
.wk-een strong{color:var(--aub)}
.hero-video{margin-left:10px}
/* proeftraject */
.traject{margin:32px auto 0;max-width:980px;background:#fff;border-radius:24px;padding:clamp(22px,3vw,36px)}
.traject-kop{font-family:var(--kop);font-weight:800;font-size:clamp(22px,2.2vw,28px);color:var(--aub)}
.traject-stappen{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.traject-stappen li{display:flex;flex-direction:column;gap:4px}
.traject-nr{width:30px;height:30px;border-radius:50%;background:var(--aub);color:#fff;display:grid;place-items:center;font:700 14px var(--tekst);margin-bottom:6px}
.traject-stappen strong{color:var(--aub);font-size:16px}
.traject-stappen span:last-child{font-size:14.5px;line-height:1.5;color:var(--aub-zacht)}
.traject-feiten{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--lijn);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.traject-feiten dt{font-weight:700;font-size:15px;color:var(--aub)}
.traject-feiten dd{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--aub-zacht)}
@media (max-width:760px){.traject-stappen{grid-template-columns:1fr 1fr}.traject-feiten{grid-template-columns:1fr}}
/* samen beslissen */
.beslissen{background:#fff}
.bs-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bs-kaart{background:var(--wit);border-radius:22px;padding:24px}
.bs-kaart h3{font-family:var(--kop);font-weight:800;font-size:19px;color:var(--aub)}
.bs-kaart p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--aub-zacht)}
.bs-acties{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;justify-content:center}
.bs-melding{font-size:14px;color:var(--aub)}
@media (max-width:860px){.bs-grid{grid-template-columns:1fr}.bs-acties{justify-content:flex-start}}
/* rekentool: keuze, voorzichtig, kosten */
.r-modus{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:14px 0 6px;border-radius:999px;background:rgba(0,95,91,.08)}
.r-modus button{min-height:38px;border:0;border-radius:999px;background:transparent;font:600 14px var(--tekst);color:var(--aub-zacht);cursor:pointer}
.r-modus button.aan{background:#fff;color:var(--aub);box-shadow:0 1px 4px rgba(0,40,38,.12)}
.r-voorzichtig{margin-top:10px;font-size:15px;color:var(--aub)}
.r-aannames{margin-top:6px;font-size:13px;line-height:1.5;color:var(--aub-zacht)}
.r-kosten{margin-top:16px;padding-top:14px;border-top:1px solid var(--lijn)}
.r-kosten-kop{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--aub-zacht)}
.r-kosten-getal{margin-top:4px;font-family:var(--kop);font-weight:800;font-size:28px;color:var(--aub)}
.r-kosten-uitleg{font-size:13px;color:var(--aub-zacht)}
/* Wisselwijzer: mailkaart en info-tegel */
.ww-mailkaart{max-width:760px;margin:0 auto;background:#fff;border-radius:28px;padding:clamp(24px,4vw,44px);text-align:center;box-shadow:0 1px 2px rgba(0,40,38,.04)}
.ww-mail-kop{margin-top:8px;font-family:var(--kop);font-weight:800;font-size:clamp(26px,3vw,36px);letter-spacing:-.03em;color:var(--aub)}
.ww-mail-tekst{margin:10px auto 0;max-width:32em;font-size:16px;line-height:1.55;color:var(--aub-zacht)}
.ww-mail-velden{margin-top:22px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;text-align:left}
.ww-mail-velden label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--aub);min-width:0}
.ww-mail-velden input{height:46px;width:100%;box-sizing:border-box;border-radius:12px;border:1.5px solid rgba(0,95,91,.18);padding:0 14px;font:500 16px var(--tekst);color:var(--aub);background:#fff}
.ww-mail-velden input:focus{border-color:var(--aub);outline:none}
.ww-mailkaart .ww-check{margin-top:12px;justify-content:center;display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--aub-zacht)}
.ww-mail-acties{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:8px}
.ww-mail-acties .btn{min-width:240px;justify-content:center}
.ww-mail-fout{font-size:14px;color:var(--accent-tekst);min-height:1.2em}
.ww-balk-leeg{background:transparent !important;border-top:1px dashed rgba(0,95,91,.2);height:0 !important;margin-top:13px !important}
@media (max-width:760px){.ww-mail-velden{grid-template-columns:1fr}.ww-mailkaart{text-align:left}.ww-mailkaart .ww-check{justify-content:flex-start}.ww-mail-acties{align-items:stretch}.ww-mail-acties .btn{min-width:0}}
.nav.menu-open{z-index:99 !important}
.wk-een-kop{font-weight:800;font-family:var(--kop);font-size:18px;color:var(--aub) !important;margin-bottom:6px}
.wk-een-knop{margin-top:16px}
@media (max-width:600px){.uitn2 .uitn-sluit{display:none !important}}
/* score als indrukwekkende opening */
.ww-score-sectie{position:relative;overflow:hidden;isolation:isolate;margin-top:clamp(8px,2vw,24px) !important;padding:clamp(36px,5vw,64px) clamp(20px,4vw,48px) clamp(32px,4vw,52px);border-radius:36px;background:radial-gradient(120% 90% at 50% 0%,#0B7A74 0%,var(--aub) 55%,#00423F 100%);color:var(--wit);text-align:center !important}
.ww-score-sectie::before{content:"";position:absolute;z-index:-1;left:50%;top:clamp(90px,10vw,130px);width:clamp(320px,36vw,460px);height:clamp(320px,36vw,460px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,107,107,.38) 0%,rgba(255,107,107,0) 65%);animation:wwGloed 4.5s ease-in-out infinite}
.ww-score-sectie::after{content:"";position:absolute;z-index:-1;inset:auto -10% -40% -10%;height:60%;background:radial-gradient(60% 100% at 50% 100%,rgba(183,227,212,.18),transparent 70%)}
@keyframes wwGloed{0%,100%{opacity:.75;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
@media (prefers-reduced-motion: reduce){.ww-score-sectie::before{animation:none}}
.ww-score-sectie .ww-r-meta{color:rgba(250,247,239,.7) !important}
.ww-score-sectie .ww-score-titel{color:#FFB3A8 !important;margin-top:6px}
.ww-score-sectie .ww-ring-achter{stroke:rgba(255,255,255,.14) !important}
.ww-score-sectie .ww-ring-voor{stroke:#FF6B6B !important}
.ww-score-sectie .ww-score-getal span{color:#fff !important}
.ww-score-sectie .ww-score-getal small{color:rgba(250,247,239,.7) !important}
.ww-score-sectie .ww-score-niveau{color:#fff !important;font-size:clamp(34px,4.4vw,56px) !important}
.ww-score-sectie .ww-score-zin{color:var(--lav) !important}
.ww-score-sectie .ww-r-kop{margin-top:6px}
.ww-score-sectie .btn-lijn{color:#fff !important;border-color:rgba(255,255,255,.7) !important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7) !important;background:transparent !important}
.ww-score-sectie .ww-hint{color:var(--lav) !important}
.ww-score-sectie .ww-r-rij3{margin-top:36px}
.ww-score-sectie .ww-tegel3{background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--wit)}
.ww-score-sectie .ww-score-rij{color:#fff}
.ww-score-sectie .ww-score-balk{background:rgba(255,255,255,.14)}
.ww-score-sectie .ww-score-balk span{background:#B7E3D4}
.ww-score-sectie .ww-tegel-tekst{color:rgba(250,247,239,.75)}
.ww-score-sectie .ww-mt-label{color:#FFB3A8}
.ww-score-sectie .ww-mt p:not(.ww-mt-label){color:#fff}
.ww-score-sectie .ww-balk-leeg{border-top-color:rgba(255,255,255,.25)}
.ww-score-sectie .ww-r-noot{color:rgba(250,247,239,.6) !important}
@media (max-width:860px){.ww-score-sectie{border-radius:26px;padding:32px 18px 24px}.ww-score-sectie .ww-tegel3{text-align:left}}
@media print{.ww-score-sectie{background:#fff !important;color:#000}.ww-score-sectie *{color:#003 !important}}
.r-modus-kop{margin-top:14px;font-size:14px;font-weight:700;color:var(--aub)}
.r-modus-kop + .r-modus{margin-top:8px}
.r-modus-uitleg{margin:6px 2px 4px;font-size:13px;line-height:1.45;color:var(--aub-zacht)}
.r-feit-getal{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.r-feit-getal small{font-family:var(--tekst);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--aub-zacht);margin-bottom:4px}
.r-feiten li{grid-template-columns:72px minmax(0,1fr) !important}
/* contact altijd binnen handbereik */
.nav-links a.nav-tel{display:inline-flex;align-items:center;gap:7px;font-weight:600;white-space:nowrap}
.nav-tel svg{flex:none;opacity:.85}
@media (max-width:1180px) and (min-width:901px){.nav-links a.nav-tel span{display:none}}
@media (max-width:900px){
  .nav-links a.nav-tel{display:inline-flex !important;width:42px;height:42px;justify-content:center;border-radius:12px;color:var(--aub)}
  .nav-links a.nav-tel span{display:none}
  .nav-links a.nav-tel svg{width:20px;height:20px}
  .menu-contact{margin-top:18px;display:flex;flex-direction:column;gap:2px}
  .menu-contact a{display:flex !important;align-items:center;gap:10px;padding:10px 2px !important;border:0 !important;font-family:var(--tekst) !important;font-weight:600 !important;font-size:15px !important;color:var(--aub) !important;text-decoration:none}
}
@media (min-width:901px){.menu-contact{display:none}}
@media (max-width:900px){.nav-links{gap:2px !important}.hamburger{margin-left:0 !important}}
/* mobiel: alle knoppen even breed als de bovenste */
@media (max-width:600px){
  main .btn,.ww-pagina .btn,.mobiel-menu .btn{width:100% !important;max-width:none !important;justify-content:center;text-align:center}
  main .acties,.ww-knoppen,.ab-kaart,.hb-in,.res-praktijk,.ww-band-tekst,.r-ctas,.aanvraag-knoppen,.ww-mail-acties,.ww-cta .ww-knoppen{align-items:stretch}
  .r-ctas{display:flex !important;flex-direction:column;gap:10px}
  .ww-kaart-voet .btn{width:auto !important;flex:1;max-width:220px !important}
}
.huurbalk{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s}
.huurbalk.huurbalk-weg{transform:translateY(110%);opacity:0;pointer-events:none}
/* 'Meer tijd voor elkaar' zoals 'Zes plekken' */
.wk-tijd .res-praktijk-tekst h3{font-family:var(--kop);font-weight:800;color:var(--aub)}
.wk-tijd .btn{flex:none}
/* rekentool: getallen gecentreerd */
.r-feit-getal{align-items:center !important;text-align:center;justify-content:center}
/* telefoon: desktop rechts van de proefknop, alleen het icoon */
@media (min-width:901px){
  .nav-links a.nav-tel{order:10;width:40px;height:40px;justify-content:center;border-radius:50%;margin-left:-6px;color:var(--aub);transition:background-color .2s}
  .nav-links a.nav-tel:hover{background:rgba(0,95,91,.08)}
  .nav-links a.nav-tel span{display:none !important}
  .nav-links a.nav-tel svg{width:18px;height:18px}
}
/* menubalk-knop: nooit rood, de aandacht ligt bij de andere CTA's */
.btn-nav{background:transparent !important;color:var(--aub) !important;box-shadow:inset 0 0 0 1.5px rgba(0,95,91,.35) !important;border:0 !important;min-height:38px;padding:0 16px !important;font-size:14px !important;transition:box-shadow .2s,background-color .2s}
.btn-nav:hover{background:rgba(0,95,91,.06) !important;box-shadow:inset 0 0 0 1.5px var(--aub) !important}
.mobiel-menu .btn-nav{min-height:48px;font-size:16px !important;justify-content:center;margin-top:18px}
/* rekentool: wat het nu kost per jaar */
.r-jaar{margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,107,107,.08);display:flex;flex-direction:column;gap:2px}
.r-jaar-getal{font-family:var(--kop);font-weight:800;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;color:var(--accent-tekst);line-height:1.1}
.r-jaar-tekst{font-size:14.5px;color:var(--aub)}
/* scorepaneel op desktop: alles in één scherm */
.ww-themas{display:none}
@media (min-width:861px){
  .ww-pagina:has(.ww-score-sectie){padding-top:calc(56px + 18px) !important}
  .ww-score-sectie{margin-top:0 !important;padding:36px 48px 36px !important}
  .ww-score-sectie .ww-score2{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:56px;margin-top:20px;text-align:left}
  .ww-score-sectie .ww-ring-groot{width:280px !important;height:280px !important;margin:0}
  .ww-score-sectie .ww-ring-groot .ww-score-getal span{font-size:96px}
  .ww-score-sectie .ww-score-info{text-align:left}
  .ww-score-sectie .ww-score-niveau{margin-top:0 !important;font-size:52px !important;text-align:left !important}
  .ww-score-sectie .ww-score2 .ww-score-zin{text-align:left !important;margin:18px 0 0 !important;max-width:34em;font-size:18px}
  .ww-score-sectie .ww-r-kop{text-align:left !important;max-width:none;margin:22px 0 0 !important}
  .ww-score-sectie .ww-r-kop .ww-knoppen{justify-content:flex-start !important;margin-top:0 !important}
  .ww-score-sectie .ww-hint{text-align:left !important;min-height:0}
  .ww-score-sectie .ww-r-meta,.ww-score-sectie .ww-score-titel{text-align:left !important}
  .ww-themas{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none;max-width:560px}
  .ww-themas li{opacity:0;transform:translateY(8px);animation:themaIn .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.5s + var(--i) * .18s)}
  .ww-thema-rij{display:flex;align-items:baseline;gap:10px;font-size:17px;color:#fff}
  .ww-thema-naam{font-weight:600;white-space:nowrap}
  .ww-thema-stip{flex:1;border-bottom:2px dotted rgba(255,255,255,.28);transform:translateY(-4px)}
  .ww-thema-rij strong{font-family:var(--kop);font-weight:800;font-size:22px;color:#fff;white-space:nowrap}
  .ww-thema-balk{margin-top:8px;height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
  .ww-thema-balk span{display:block;height:100%;width:0;border-radius:3px;background:#B7E3D4;animation:themaBalk 1.2s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.7s + var(--i) * .18s)}
  .ww-score-sectie .ww-r-rij3{margin-top:32px}
}
@media (min-width:861px){
  .ww-rap .ww-r-sectie.ww-score-sectie{margin-top:0 !important}
  .ww-score-sectie::before{left:188px !important;top:150px !important;width:420px !important;height:420px !important;margin-left:-210px;transform:none !important;animation-name:wwGloedL !important}
}
@keyframes wwGloedL{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes themaIn{to{opacity:1;transform:none}}
@keyframes themaBalk{to{width:var(--w)}}
@media (prefers-reduced-motion: reduce){.ww-themas li{animation:none;opacity:1;transform:none}.ww-thema-balk span{animation:none;width:var(--w)}}
@media print{.ww-themas li{opacity:1;transform:none}.ww-thema-balk span{width:var(--w)}}
.r-jaar-link{color:var(--aub);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.aanspreek-tekst{display:block;margin:4px 0 2px;font-size:13.5px;line-height:1.45;opacity:.85}
/* FAQ-bronnen */
.faq-bron{margin-top:10px !important;font-size:13px !important;line-height:1.5;color:var(--aub-zacht) !important}
.faq-bron a{color:var(--aub);text-decoration:underline;text-underline-offset:3px}
/* specificaties: regels onder elkaar */
.specs-teaser dd,.specs-vol dd,.specs dd{white-space:pre-line}
/* telefoon op desktop: kaartje zoals bij Apple */
.nav-tel-wrap{position:relative;display:inline-flex;order:10}
.tel-kaart{position:absolute;right:-8px;top:calc(100% + 12px);width:280px;padding:20px 20px 18px;border-radius:20px;background:rgba(255,255,255,.98);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 2px rgba(0,40,38,.06),0 20px 50px rgba(0,40,38,.18);text-align:left;animation:telIn .25s cubic-bezier(.2,.8,.2,1) both;z-index:5}
.tel-kaart::before{content:"";position:absolute;right:22px;top:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}
.tel-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-tekst)}
.tel-nummer{margin-top:4px;font-family:var(--kop);font-weight:800;font-size:28px;letter-spacing:-.02em;color:var(--aub);user-select:all}
.tel-sub{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--aub-zacht)}
.tel-acties{margin-top:12px;padding-top:12px;border-top:1px solid var(--lijn);display:flex;flex-direction:column;gap:6px}
.tel-acties a{font-size:14px;font-weight:600;color:var(--aub) !important;text-decoration:none}
.tel-acties a:hover{text-decoration:underline}
@keyframes telIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:900px){.nav-tel-wrap{order:0}.tel-kaart{display:none}}
/* resetknop in de uitslag */
.ww-score-sectie .ww-reset{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font:600 14px var(--tekst);cursor:pointer;transition:background-color .2s}
.ww-score-sectie .ww-reset:hover{background:rgba(255,255,255,.22)}
/* contact: formulier onderaan gelijk met de kaart van Esmee */
.contact-grid{align-items:stretch !important}
.contact-links{display:flex;flex-direction:column}
.contact-links .aanspreek{margin-top:auto !important}
@media (max-width:860px){.contact-links .aanspreek{margin-top:28px !important}}
/* veelgestelde vragen in groepen */
.faq-tabs{display:flex;gap:4px;width:max-content;max-width:100%;margin:28px auto 28px;padding:4px;border-radius:999px;background:rgba(0,95,91,.08);overflow-x:auto}
.faq-tabs button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:600 15px var(--tekst);color:var(--aub-zacht);white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s}
.faq-tabs button.aan{background:#fff;color:var(--aub);box-shadow:0 1px 4px rgba(0,40,38,.12)}
.faq-lijst[hidden]{display:none}
@media (max-width:600px){.faq-tabs{width:100%}.faq-tabs button{flex:1;padding:0 10px;font-size:14px}}
@media (max-width:860px){.ww-score-sectie .ww-reset{position:static;display:flex;width:max-content;margin:0 0 14px auto}}
/* Wisselwijs-quiz */
.quiz-stelling{font-size:clamp(24px,2.8vw,36px) !important}
.quiz-keuze{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quiz-knop{min-height:64px;border-radius:18px;border:1.5px solid rgba(0,95,91,.18);background:#fff;font:700 18px var(--tekst);color:var(--aub);cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s}
.quiz-knop:not(:disabled):hover{border-color:var(--aub)}
.quiz-knop:not(:disabled):active{transform:scale(.99)}
.quiz-knop:disabled{cursor:default}
.quiz-knop.juist{background:var(--aub);border-color:var(--aub);color:#fff}
.quiz-knop.fout{background:rgba(255,107,107,.12);border-color:#FF6B6B;color:var(--accent-tekst)}
.quiz-uitleg{margin-top:18px;padding:18px 20px;border-radius:18px;background:var(--wit);animation:wwIn .4s cubic-bezier(.2,.8,.2,1) both}
.quiz-uitleg p{font-size:15.5px;line-height:1.55;color:var(--aub)}
.quiz-oordeel{font-family:var(--kop);font-weight:800;font-size:19px !important;margin-bottom:6px}
.is-goed .quiz-oordeel{color:var(--aub)}
.is-fout .quiz-oordeel{color:var(--accent-tekst)}
.quiz-mt{margin-top:10px}
.quiz-mt span{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-tekst);margin-bottom:2px}
.quiz-bron{margin-top:10px;font-size:13px !important;color:var(--aub-zacht) !important}
.quiz-bron a{color:var(--aub)}
.ww-kaart-voet .btn:disabled{opacity:.4;cursor:default}
.quiz-terug{margin:0;padding:0;list-style:none;display:grid;gap:10px;text-align:left}
.quiz-terug li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;background:#fff;border-radius:18px;padding:16px 20px}
.quiz-teken{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--aub)}
.quiz-terug li.fout .quiz-teken{background:#FF6B6B}
.quiz-terug-s{font-weight:700;color:var(--aub)}
.ww-band-quiz{margin-top:12px !important;font-size:14px;color:var(--aub-zacht)}
@media (max-width:600px){.quiz-keuze{grid-template-columns:1fr 1fr}.quiz-knop{min-height:56px;font-size:17px}}
.quiz-teken svg{display:block}
.quiz-ww-lijst{margin:16px auto 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.quiz-ww-lijst li{padding:8px 14px;border-radius:999px;background:rgba(0,95,91,.07);font-size:14px;font-weight:600;color:var(--aub)}
@media (max-width:760px){.quiz-ww-lijst{justify-content:flex-start}}
.confetti{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:120}
.quiz-keuze.mc{grid-template-columns:1fr}
.quiz-keuze.mc .quiz-knop{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 18px;text-align:left;font-size:16.5px;font-weight:600}
.quiz-letter{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(0,95,91,.08);font-size:13px;font-weight:800}
.quiz-knop.juist .quiz-letter{background:rgba(255,255,255,.2);color:#fff}
.ww-band-acties{margin-top:18px;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}
.ww-band-acties .btn{margin-top:0 !important}
.ww-band-acties .ww-band-quiz{margin:0 !important}
@media (max-width:600px){.ww-band-acties{flex-direction:column;align-items:stretch}}
.quiz-ww-lijst{display:grid !important;grid-template-columns:repeat(2,max-content);justify-content:center;gap:8px !important}
.quiz-ww-lijst li{text-align:center}
@media (max-width:760px){.quiz-ww-lijst{grid-template-columns:1fr;justify-content:stretch}}
.ww-pijlers .ww-tegel-tekst{min-height:0 !important}
.ww-pijler-boven{display:block}
.ai-noot{margin-top:6px;font-size:11.5px !important;opacity:.7}
.clientsectie{background:#fff}
.client-drie{margin-top:40px;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important}
.client-drie article{background:var(--wit);border-radius:24px;padding:28px}
.client-drie h3{margin-top:14px;font-family:var(--kop);font-weight:800;font-size:22px;color:var(--aub)}
.client-drie p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--aub-zacht)}
@media (max-width:860px){.client-drie{grid-template-columns:1fr !important}.client-drie article{padding:22px}}
/* ===== startanimaties ===== */
.ra,.qa{position:relative;justify-self:center;width:min(440px,100%);aspect-ratio:1/1.02;display:grid;place-items:center}
.ra-blob{position:absolute;right:-4%;bottom:2%;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 40%,#B7E3D4,rgba(183,227,212,.35) 70%);animation:raBlob 7s ease-in-out infinite}
.ra-blob2{right:auto;left:-6%;top:4%;bottom:auto;width:34%;background:radial-gradient(circle,rgba(255,107,107,.32),rgba(255,107,107,0) 70%);animation-delay:-3s}
@keyframes raBlob{50%{transform:translate(-10px,8px) scale(1.04)}}
.ra-kaart{position:relative;z-index:1;width:88%;background:#fff;border-radius:28px;padding:26px 26px 22px;box-shadow:0 2px 4px rgba(0,40,38,.05),0 30px 60px rgba(0,60,58,.16);transform:rotate(-2.5deg);animation:raIn .9s cubic-bezier(.2,.8,.2,1) both,raZweef 6s ease-in-out 1.2s infinite}
@keyframes raIn{from{opacity:0;transform:translateY(30px) rotate(2deg) scale(.96)}to{opacity:1;transform:rotate(-2.5deg)}}
@keyframes raZweef{50%{transform:translateY(-8px) rotate(-2deg)}}
.ra-kop{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--aub-zacht)}
.ra-merk{letter-spacing:-.02em;text-transform:none;font-family:var(--kop);font-weight:800;font-size:15px;color:var(--aub)}
.ra-merk b{color:#FF6B6B}
.ra-titel{margin-top:14px;font-family:var(--kop);font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--aub)}
.ra-score{margin-top:14px;display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:var(--wit)}
.ra-ring{position:relative;width:62px;height:62px;flex:none}
.ra-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ra-ring-a{fill:none;stroke:rgba(0,95,91,.1);stroke-width:6}
.ra-ring-v{fill:none;stroke:#FF6B6B;stroke-width:6;stroke-linecap:round;stroke-dashoffset:var(--o);animation:raRing 1.6s cubic-bezier(.2,.8,.2,1) .6s forwards}
@keyframes raRing{to{stroke-dashoffset:var(--d)}}
.ra-ring span{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--kop);font-weight:800;font-size:19px;color:var(--aub)}
.ra-niv{font-family:var(--kop);font-weight:800;font-size:18px;color:var(--aub)}
.ra-sub{font-size:12.5px;color:var(--aub-zacht)}
.ra-lijst{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:11px}
.ra-lijst li{display:grid;grid-template-columns:22px minmax(0,1fr) 90px;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--aub);opacity:0;transform:translateX(-8px);animation:raRij .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(1s + var(--i) * .25s)}
@keyframes raRij{to{opacity:1;transform:none}}
.ra-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--aub);color:#fff;font-size:12px;font-weight:800}
.ra-let{background:#E8A33C}
.ra-naam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ra-balk{height:6px;border-radius:3px;background:rgba(0,95,91,.1);overflow:hidden}
.ra-balk i{display:block;height:100%;width:0;border-radius:3px;background:var(--aub);animation:raBalk 1.1s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(1.2s + var(--i) * .25s)}
.ra-balk-k i{background:#E8A33C}
@keyframes raBalk{to{width:var(--w)}}
.ra-actie{margin-top:16px;padding-top:14px;border-top:1px solid var(--lijn);display:flex;align-items:center;gap:10px;font-size:13px;color:var(--aub-zacht);opacity:0;animation:raRij .5s ease forwards 2.1s}
.ra-actie-l{padding:5px 10px;border-radius:999px;background:rgba(255,107,107,.12);color:var(--accent-tekst);font-weight:700;font-size:12px}
.ra-stempel{position:absolute;z-index:2;top:6%;right:-2%;padding:8px 18px;border:3px solid var(--aub);border-radius:12px;font-family:var(--kop);font-weight:800;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--aub);background:rgba(250,247,239,.92);transform:rotate(8deg);opacity:0;animation:raStempel .45s cubic-bezier(.3,1.6,.5,1) 2.5s forwards}
@keyframes raStempel{from{opacity:0;transform:rotate(8deg) scale(1.9)}to{opacity:1;transform:rotate(8deg) scale(1)}}
/* quiz */
.qa-kaart{position:absolute;width:82%;height:62%;border-radius:28px;background:#fff;box-shadow:0 2px 4px rgba(0,40,38,.05),0 24px 50px rgba(0,60,58,.13)}
.qa-achter2{transform:rotate(7deg) translate(18px,14px);opacity:.55}
.qa-achter1{transform:rotate(3.5deg) translate(8px,6px);opacity:.8}
.qa-voor{position:relative;z-index:1;height:auto;min-height:62%;padding:24px 24px 20px;transform:rotate(-2deg);animation:qaIn .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes qaIn{from{opacity:0;transform:translateX(40px) rotate(4deg)}to{opacity:1;transform:rotate(-2deg)}}
.qa-kop{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--aub-zacht)}
.qa-dots{display:flex;gap:4px}
.qa-dots i{width:14px;height:4px;border-radius:2px;background:rgba(0,95,91,.12)}
.qa-dots i.aan{background:var(--aub)}
.qa-chip{display:inline-block;margin-top:16px;padding:4px 10px;border-radius:999px;background:rgba(0,95,91,.07);font-size:11.5px;font-weight:600;color:var(--aub)}
.qa-stelling{margin-top:10px;font-family:var(--kop);font-weight:800;font-size:clamp(18px,1.7vw,22px);line-height:1.2;letter-spacing:-.02em;color:var(--aub);min-height:3.6em}
.qa-knoppen{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qa-knop{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:14px;border:1.5px solid rgba(0,95,91,.18);font-weight:700;font-size:14.5px;color:var(--aub);background:#fff}
.qa-juist{animation:qaJuist .35s ease 1.5s forwards}
@keyframes qaJuist{to{background:var(--aub);border-color:var(--aub);color:#fff}}
.qa-v{display:none;width:18px;height:18px;border-radius:50%;place-items:center;background:rgba(255,255,255,.22)}
.qa-juist .qa-v{display:grid;opacity:0;animation:raRij .3s ease 1.6s forwards}
.qa-uitleg{margin-top:12px;font-size:13px;font-weight:600;color:var(--aub);opacity:0;animation:raRij .4s ease 1.9s forwards}
.qa-punt{position:absolute;z-index:3;right:12%;top:30%;font-family:var(--kop);font-weight:800;font-size:28px;color:#FF6B6B;opacity:0;animation:qaPunt 1.2s ease 1.7s forwards}
@keyframes qaPunt{0%{opacity:0;transform:translateY(10px) scale(.8)}25%{opacity:1;transform:translateY(0) scale(1.1)}100%{opacity:0;transform:translateY(-30px) scale(1)}}
.qa-score{position:absolute;z-index:2;left:2%;bottom:8%;display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border-radius:16px;background:var(--aub);color:#fff;box-shadow:0 16px 30px rgba(0,60,58,.25);transform:rotate(-4deg)}
.qa-score span{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lav)}
.qa-score b{font-family:var(--kop);font-weight:800;font-size:24px}
@media (max-width:860px){.ra,.qa{width:min(360px,100%);margin-top:28px}}
@media (prefers-reduced-motion: reduce){
  .ra-kaart,.ra-blob,.qa-voor{animation:none !important}
  .ra-lijst li,.ra-actie,.qa-uitleg{animation:none !important;opacity:1;transform:none}
  .ra-balk i{animation:none !important;width:var(--w)}
  .ra-ring-v{animation:none !important;stroke-dashoffset:var(--d)}
  .ra-stempel{animation:none !important;opacity:1}
  .qa-juist{animation:none !important;background:var(--aub);border-color:var(--aub);color:#fff}
  .qa-juist .qa-v{animation:none !important;opacity:1}
  .qa-punt{display:none}
}
.ra,.qa{text-align:left}
@media (max-width:860px){.ra-stempel{top:-1%;right:0;font-size:16px;padding:6px 14px}}
.ra:not(.speel) *{animation-play-state:paused !important}
.ra-klein{width:min(360px,100%);aspect-ratio:auto;padding:24px 0;justify-self:center;align-self:center}
.ra-klein .ra-kaart{width:100%;padding:22px 22px 18px}
.ra-klein .ra-titel{font-size:22px}
.ra-klein .ra-stempel{font-size:16px;padding:6px 14px;top:2%;right:2%}
@media (max-width:860px){.ww-band-in .ra-klein{display:grid;margin:8px auto 0;width:min(320px,92%)}}
.ra-klein{padding:46px 0 34px !important}
.ra-klein .ra-merk{display:none}
.ra-klein .ra-stempel{top:22px !important;right:-2% !important}
@media (max-width:860px){
  .ww-band-in .ra-klein{width:100% !important;max-width:360px;padding:40px 0 28px !important}
  .ra-klein .ra-kaart{padding:20px 18px 16px}
  .ra-klein .ra-lijst li{grid-template-columns:22px minmax(0,1fr) 56px;font-size:13px}
  .ra-klein .ra-stempel{right:0 !important;top:18px !important}
}
.ra-klein{padding-top:60px !important}
.ra-klein .ra-stempel{top:30px !important;right:4px !important}
@media (max-width:860px){.ra-klein .ra-stempel{right:10px !important;top:26px !important}}
/* compacte animatie in het homepageblok */
.ww-band-in .ra-klein{width:270px !important;max-width:270px;padding:44px 0 30px !important;margin-right:clamp(16px,3vw,44px)}
.ww-band-in .ra-klein .ra-kaart{padding:16px 16px 14px;border-radius:20px;box-shadow:0 2px 4px rgba(0,40,38,.05),0 18px 36px rgba(0,60,58,.13)}
.ww-band-in .ra-klein .ra-kop{font-size:9px}
.ww-band-in .ra-klein .ra-titel{margin-top:8px;font-size:17px}
.ww-band-in .ra-klein .ra-score{margin-top:10px;padding:10px;gap:10px;border-radius:14px}
.ww-band-in .ra-klein .ra-ring{width:44px;height:44px}
.ww-band-in .ra-klein .ra-ring span{font-size:14px}
.ww-band-in .ra-klein .ra-niv{font-size:14px}
.ww-band-in .ra-klein .ra-sub{font-size:10.5px}
.ww-band-in .ra-klein .ra-lijst{margin-top:10px;gap:8px}
.ww-band-in .ra-klein .ra-lijst li{grid-template-columns:18px minmax(0,1fr) 54px;gap:7px;font-size:11px}
.ww-band-in .ra-klein .ra-ok{width:18px;height:18px;font-size:10px}
.ww-band-in .ra-klein .ra-ok svg{width:9px;height:9px}
.ww-band-in .ra-klein .ra-balk{height:5px}
.ww-band-in .ra-klein .ra-actie{margin-top:10px;padding-top:10px;font-size:11px}
.ww-band-in .ra-klein .ra-actie-l{font-size:10px;padding:4px 8px}
.ww-band-in .ra-klein .ra-stempel{font-size:12px !important;padding:5px 10px !important;border-width:2px;border-radius:9px;top:28px !important;right:-8px !important}
.ww-band-in .ra-klein .ra-blob{width:60%;right:-10%;bottom:4%}
.ww-band-in .ra-klein .ra-blob2{display:none}
@media (max-width:860px){.ww-band-in .ra-klein{width:250px !important;max-width:250px;margin:0 auto 4px;padding:38px 0 26px !important}.ww-band-in .ra-klein .ra-stempel{right:-4px !important;top:24px !important}}
@media (min-width:861px){.ww-band-in .ra-klein{padding:60px 0 44px !important}.ww-band-in .ra-klein .ra-stempel{top:42px !important}}
.ww-band-in .ra-klein{zoom:.78}
@media (max-width:860px){.ww-band-in .ra-klein{zoom:.82}}
@media (min-width:861px){.ww-band-in .ra-klein{padding:80px 0 56px !important}.ww-band-in .ra-klein .ra-stempel{top:58px !important}}
/* homepage-band */
.ww-band-in h2{margin-top:0}
footer{background:var(--wit);padding:36px 0 calc(36px + env(safe-area-inset-bottom,0px));font-size:15px}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.foot .woordmerk{font-size:24px}
.reveal{will-change:transform,opacity}
@media (prefers-reduced-motion: reduce){*{transition:none !important}}

/* ================= Verfijningslaag: typografie, ritme, diepte, focus =================
   Alleen vorm. Geen inhoud. Merkkleuren en lettertype blijven gelijk. */
:root{
  --r-paneel:32px; --r-kaart:22px; --r-veld:14px;
  --schaduw-1:0 1px 2px rgba(0,63,60,.05),0 4px 12px rgba(0,63,60,.05);
  --schaduw-2:0 1px 2px rgba(0,63,60,.05),0 18px 40px rgba(0,63,60,.10);
  --schaduw-3:0 2px 4px rgba(0,63,60,.06),0 30px 70px rgba(0,63,60,.16);
  --kicker:#B23A37;
}
/* typografie: rustige regels, geen weeskinderen, cijfers in kolommen */
h1,h2,h3,.ww-h1,.ww-r-h1,.ww-r-h2,.ww-mail-kop,.ww-vraag-kop,.cta-kop,.ww-cta-kop,.traject-kop{text-wrap:balance}
p,li,dd,summary{text-wrap:pretty}
.intro,.sub,.ww-intro-2,.ww-mail-tekst,.ww-score-zin,.r-sub,.res-praktijk p{max-width:62ch}
body{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.r-groot,.r-waarde,.r-jaar-getal,.r-feit-getal,.ww-score-getal span,.ww-thema-rij strong,.ww-score-rij strong,.tegel-getal,.res-getal,.r-kosten-getal,.ra-ring span,.qa-score b,.tel-nummer{font-variant-numeric:tabular-nums lining-nums}
/* labels: van schreeuwende hoofdletters naar een rustige kop in zinsvorm */
.label,.subkop,.r-kop,.o-sub,.f-lbl,.ww-oog,.ww-r-meta,.ww-r-nr,.ww-r-wanneer,.ww-vandaag-kop,.ww-voortgang,.ww-mt-label,.quiz-mt span,.tel-label,.u-client span,.r-client-kop,.r-kosten-kop,.verg-rij .lbl{
  text-transform:none !important;letter-spacing:-.005em !important;font-weight:700 !important}
.label,.subkop,.r-kop,.ww-oog{font-size:15px !important;color:var(--kicker) !important}
.ww-score-sectie .ww-oog,.ww-score-sectie .ww-score-titel,.ww-cta .ww-oog.licht{color:#FFB3A8 !important}
.ww-r-meta{font-size:14px !important;font-weight:600 !important}
.ww-r-nr,.ww-r-wanneer,.ww-mt-label,.quiz-mt span,.tel-label,.ww-voortgang,.ww-vandaag-kop,.r-kosten-kop{font-size:13.5px !important}
.ra-kop,.qa-kop{text-transform:none !important;letter-spacing:0 !important;font-size:12px !important}
.qa-score span{text-transform:none !important;letter-spacing:0 !important;font-size:12px !important}
/* diepte: één familie van schaduwen, getint in het teal van het merk */
.ww-kaart,.ra-kaart,.qa-voor,.contact-kaart,.formkaart{box-shadow:var(--schaduw-3)}
.ww-mailkaart,.bs-kaart,.client-drie article,.ww-tegel3:not(.ww-score-sectie *),.traject,.res-praktijk,.faq-lijst details[open]{box-shadow:var(--schaduw-1)}
.tel-kaart{box-shadow:var(--schaduw-3) !important}
/* vormtaal: radius volgt de hiërarchie (paneel > kaart > veld) */
.ww-score-sectie,.ww-cta{border-radius:var(--r-paneel) !important}
.client-drie article,.res-praktijk,.traject,.ww-mailkaart{border-radius:var(--r-kaart) !important}
input,select,textarea{border-radius:var(--r-veld)}
/* focus: altijd zichtbaar, rustig en in merkkleur */
:focus{outline:none}
:focus-visible{outline:3px solid #0B7A74 !important;outline-offset:3px !important;box-shadow:none !important;border-radius:6px}
.btn:focus-visible,.quiz-knop:focus-visible,.ww-optie:focus-visible,.ww-tegel:focus-visible{outline-offset:4px !important;border-radius:16px}
/* knoppen: duidelijk klikgevoel zonder geflikker */
.btn{transition:background-color .2s ease,box-shadow .2s ease,transform .12s ease}
.btn:active{transform:translateY(1px)}
/* selectie in huisstijl */
::selection{background:#B7E3D4;color:#003F3C}
/* scrollmarge zodat ankers niet onder de menubalk verdwijnen */
section[id]{scroll-margin-top:72px}
@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:active{transform:none}}
[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none !important;box-shadow:none !important}
.hero-knop-tekst{display:inline-block;animation:heroWissel .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroWissel{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hero-knop.is-pilot{box-shadow:0 0 0 0 rgba(255,107,107,.5);animation:heroPuls 1.6s ease-out .2s 2}
@keyframes heroPuls{0%{box-shadow:0 0 0 0 rgba(255,107,107,.45)}100%{box-shadow:0 0 0 14px rgba(255,107,107,0)}}
@media (prefers-reduced-motion: reduce){.hero-knop-tekst,.hero-knop.is-pilot{animation:none}}

/* ===== consistentie ===== */
/* één knopmaat en één afronding */
.btn{min-height:52px !important;height:auto !important;padding:0 24px !important;font-size:16px !important;border-radius:10px !important;line-height:1.2}
.btn-nav{min-height:36px !important;padding:0 16px !important;font-size:14px !important;border-radius:10px !important}
.mobiel-menu .btn{min-height:52px !important}
/* sectiekoppen overal even groot */
.sectie h2.kop-l,.sectie .kop h2,#omdraaien h2,#contact h2,.sectie > .wrap > h2{font-size:clamp(38px,4.6vw,64px) !important;line-height:1.02 !important;letter-spacing:-.03em !important}
/* label op lichte achtergronden altijd in dezelfde kleur */
#omdraaien .label{color:var(--kicker) !important}
/* gelijke witruimte onder elke sectie */
#faq.sectie{padding-bottom:var(--sectie) !important}
.aanvraag-knoppen .btn{height:52px !important;min-height:52px !important;padding-top:0 !important;padding-bottom:0 !important}
.traject{max-width:none !important;margin:16px 0 0 !important;padding:24px 28px !important;border-radius:var(--r-kaart) !important;background:var(--wit) !important}
.traject-kop{font-size:20px !important}
.pdf-link{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px 22px;font-weight:600;font-size:15px;color:var(--aub);text-decoration:underline;text-underline-offset:3px}
.faq-kennis{margin-top:24px;text-align:center;font-size:15px;color:var(--aub-zacht)}
.quiz-reeks{display:inline-block;margin-bottom:8px;padding:4px 12px;border-radius:999px;background:rgba(255,107,107,.14);font-weight:800;font-size:14px;color:var(--accent-tekst);animation:reeksIn .5s cubic-bezier(.3,1.6,.5,1) both}
@keyframes reeksIn{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.quiz-record{display:inline-block;margin-bottom:10px;padding:5px 14px;border-radius:999px;background:#FF6B6B;color:#fff;font-weight:800;font-size:14px;animation:reeksIn .6s cubic-bezier(.3,1.6,.5,1) .6s both}
.quiz-knop.juist{animation:juistPop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes juistPop{50%{transform:scale(1.04)}}
@media (prefers-reduced-motion: reduce){.quiz-reeks,.quiz-record,.quiz-knop.juist{animation:none}}

/* Aanpassingen oktober (stonden in <style id="aanpassing-okt">) */
.r-ctas .btn{min-width:0;white-space:normal;text-align:center}
.client-grid .client-kaart-foto{padding:0;overflow:hidden;display:flex;flex-direction:column}
.client-kaart-foto .ckf-beeld{position:relative;aspect-ratio:4/3;overflow:hidden;background:#E8E2D6}
.client-kaart-foto .ckf-beeld img{position:absolute;left:0;top:-6%;width:100%;height:112%;object-fit:cover;will-change:transform}
.client-kaart-foto .ckf-tekst{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px}


.r-meer{margin-top:4px}.r-meer summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--teal,#005F5B);padding:8px 0;list-style:none}.r-meer summary::-webkit-details-marker{display:none}.r-meer summary::after{content:' +';font-weight:800}.r-meer[open] summary::after{content:' −'}
.faq-alles{margin:22px 0 0;text-align:center}
.kanalen li:last-child{border-bottom:0 !important}
.r-feiten-ruim li{grid-template-columns:118px minmax(0,1fr) !important;column-gap:14px !important}.r-feiten-ruim .r-feit-getal{font-size:26px !important;align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important;white-space:nowrap}
@media(max-width:600px){.r-feiten-ruim li{grid-template-columns:96px minmax(0,1fr) !important}.r-feiten-ruim .r-feit-getal{font-size:22px !important}}
.r-modus-3{display:flex}.r-modus-3 button{flex:1 1 0;min-width:0;white-space:nowrap;padding-left:8px;padding-right:8px}
@media(max-width:600px){.r-modus-3 button{white-space:normal;font-size:13px;line-height:1.2;padding:9px 6px;min-height:44px}}
.o-vertrouwen{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px}.o-vertrouwen li{position:relative;padding-left:24px;font-size:14px;line-height:1.4}.o-vertrouwen li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#B7E3D4;color:#005F5B;font-size:11px;font-weight:800}
.o-gerust{margin:8px 0 0;font-size:13.5px;text-align:center;opacity:.85}.o-afspraak{font-size:14px;font-weight:700}
.faq-lees{margin:12px 0 0;font-size:15px;font-weight:600}
.ww-lees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.ww-lees-k{text-align:left;align-items:flex-start;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:#fff;border:1px solid rgba(0,95,91,.12);text-decoration:none;color:#005F5B;transition:box-shadow .2s,transform .2s}
.ww-lees-k:hover{box-shadow:0 10px 26px rgba(0,63,60,.10);transform:translateY(-2px)}
.ww-lees-l{font-size:12.5px;font-weight:700;color:#B23A37}.ww-lees-k b{font-size:16px;line-height:1.3}.ww-lees-m{margin-top:auto;padding-top:6px;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.r-lees{margin:14px 0 0;font-size:15px}
@media(max-width:760px){.ww-lees{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ww-lees-k{transition:none}.ww-lees-k:hover{transform:none}}
.datum-info{margin-top:12px;padding:12px 14px;border-radius:12px;background:#EEF7F3;font-size:14.5px;line-height:1.5;color:#005F5B}

.best-overzicht dd.eur,.o-lijst dd.eur{display:inline-grid !important;width:6.6rem;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}
.eur-t{text-align:left}.eur-g{text-align:right}
.datum input[type=date]{accent-color:#005F5B;color:#005F5B !important;font:500 16px var(--tekst) !important;background:#fff !important;border:1.5px solid rgba(0,95,91,.18) !important;border-radius:12px !important;min-height:46px;padding:0 12px !important;color-scheme:light}
.datum input[type=date]:focus{outline:3px solid #0B7A74;outline-offset:2px;border-color:transparent !important}
.datum input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005F5B' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/18px no-repeat}
.specs dd,.specs-teaser dd,.specs-vol dd{white-space:pre-line}

.btn-nav.btn-primair{background:#C9403E !important;color:#fff !important;box-shadow:none !important}
.btn-nav.btn-primair:hover{background:#B23A37 !important}
.nav:not(.cta-actief) .btn-nav.btn-primair{background:transparent !important;color:var(--aub) !important;box-shadow:inset 0 0 0 1.5px rgba(0,95,91,.35) !important}
.r-ctas .btn{white-space:nowrap}
.specs-kop .specs-pijl{flex:none;width:34px;height:34px;border-radius:50%;background:var(--aub) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23fff' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px 18px no-repeat !important;transition:transform .35s cubic-bezier(.2,.8,.2,1);animation:none !important}
.specs-kop .specs-pijl::before,.specs-kop .specs-pijl::after{content:none !important;display:none !important}
.specs-blok.open .specs-kop .specs-pijl{transform:rotate(180deg)}
.specs-kop:hover .specs-pijl{transform:translateY(2px)}
.specs-blok.open .specs-kop:hover .specs-pijl{transform:rotate(180deg) translateY(2px)}
.specs-kop span:first-child{text-decoration:underline;text-decoration-color:rgba(0,95,91,.3);text-underline-offset:4px}
.ai-noot{text-align:center !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important}
@media (max-width:900px){.nav-links > .btn-nav{display:none !important}}