/* BB Kitchen. 1rem is 10 ontwerp-pixels: de site schaalt mee met het scherm zoals in het goedgekeurde ontwerp. */
@font-face{font-family:'Bebas Neue';src:url(../fonts/BebasNeue-normal-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-normal-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-normal-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-normal-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-normal-700.woff2) format('woff2');font-weight:700;font-display:swap}

:root{--lime:#ABC917;--oranje:#EF7D00;--donker:#262724;--zwart:#141414;--licht:#F4F4F0;--grijs:#6B6B66;--kaart:#32332F;--curve:cubic-bezier(.22,1,.36,1);--bebas:'Bebas Neue','PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif;--mont:Montserrat,'PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
html:not(.wp-toolbar){font-size:clamp(8.4px,calc(100vw / 144),13.333px);scroll-padding-top:10rem;overflow-x:clip}
main{overflow-x:clip}
body:not(.wp-admin){margin:0;background:var(--donker);color:#fff;font:500 1.6rem/2.4rem var(--mont);-webkit-font-smoothing:antialiased;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,dl,dd,dt,blockquote,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-weight:400;font-family:var(--bebas)}
.skip{position:absolute;left:1rem;top:-8rem;z-index:100;background:#fff;color:#000;padding:1rem 2rem;border-radius:.8rem}
.skip:focus{top:1rem}
:focus-visible{outline:.3rem solid var(--lime);outline-offset:.3rem}
.alleen-t{display:none!important}

/* secties, schuine vlakken en banen */
.s{position:relative;background:var(--bg);min-height:var(--h);color:#fff}
.s.licht{color:#000}
.vlak{display:none}
.vlakken{position:absolute;top:0;left:calc(50% - 196rem);width:392rem;z-index:1;pointer-events:none}
.vlak.boven{top:0}.vlak.onder{bottom:0}
.banen{position:absolute;top:0;left:calc(50% - 196rem);width:392rem;pointer-events:none;z-index:2;overflow:visible}
.slang{fill:none;stroke-linecap:butt;stroke-linejoin:round}
.tsl{display:none}
.w{position:relative;z-index:3;width:112rem;max-width:calc(100% - 4.8rem);margin:0 auto}
.s h2{font-size:8.8rem;line-height:8.6rem}

/* labels en knoppen */
.lab{display:inline-block;background:var(--lime);color:#000;border-radius:.8rem;padding:.4rem 1.2rem 0;line-height:1.08;font-family:var(--bebas);font-weight:400}
.lab.oranje{background:var(--oranje)}
.lab.zwart{background:var(--zwart);color:#fff}
.knop{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:5.2rem;padding:.3rem 2.4rem 0;border:0;border-radius:.8rem;background:var(--oranje);color:#000;font:400 2.4rem/1 var(--bebas);text-decoration:none;cursor:pointer;transition:filter .2s,transform .15s}
.knop:hover{filter:brightness(1.06)}
.knop:active{transform:scale(.98)}
.pijl-i{width:1.8rem;height:1.2rem;flex:none}
.chev{width:1.8rem;height:1.1rem;flex:none;transition:transform .3s var(--curve)}
.tekstknop{font:400 2.2rem/1 var(--bebas);color:#fff;text-underline-offset:.4rem}
.band{display:flex;align-items:center;justify-content:space-between;gap:2.4rem;background:var(--kaart);border-radius:2rem;padding:2rem 2.4rem}
.band strong{display:block;font:700 1.6rem/2.4rem var(--mont);color:#fff}
.band span{font-size:1.4rem;line-height:2rem;color:#D9D9D4}
.band a:not(.knop){font-weight:700;color:#fff}

/* menubalk */
.menubalk{position:absolute;left:50%;top:4rem;width:124rem;max-width:calc(100% - 4rem);transform:translateX(-50%);z-index:50}
.menubalk.vast{position:fixed;top:1.2rem;animation:balkin .4s var(--curve)}
@keyframes balkin{from{transform:translate(-50%,-150%)}to{transform:translate(-50%,0)}}
@keyframes paneelin{from{opacity:0;translate:0 -.8rem}}
.balk{display:flex;align-items:center;height:6.8rem;padding:0 .9rem 0 2.8rem;background:rgba(20,20,20,.94);border-radius:3.4rem;color:#fff}
.logo img{height:4.2rem;width:auto}
.hoofd{display:flex;gap:.4rem;margin-left:1.4rem;flex:1;min-width:0}
.nvg{position:relative}
.nvg>button{display:flex;align-items:center;gap:.9rem;height:4rem;padding:0 1.4rem;border:0;border-radius:2rem;background:transparent;color:#fff;font:500 1.5rem/1 var(--mont);white-space:nowrap;cursor:pointer;transition:background .2s,color .2s}
.nvg>button i{width:.7rem;height:.7rem;border-right:.16rem solid currentColor;border-bottom:.16rem solid currentColor;transform:translateY(-.2rem) rotate(45deg);transition:transform .25s var(--curve)}
.nvg.nu>button{color:var(--lime)}
.nvg:hover>button,.nvg.open>button,.nvg:focus-within>button{background:#2A2B27}
.nvg:hover>button i,.nvg.open>button i{transform:translateY(.1rem) rotate(225deg)}
.nvm{position:absolute;left:0;top:calc(100% + 1.6rem);min-width:25.6rem;padding:.8rem;background:var(--zwart);border:1px solid rgba(255,255,255,.1);border-radius:1.8rem;box-shadow:0 1.8rem 4rem rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-.6rem);transition:opacity .18s,transform .22s var(--curve),visibility 0s .22s}
.nvm::before{content:'';position:absolute;left:0;right:0;top:-1.8rem;height:1.8rem}
.nvg.open .nvm,.nvg:focus-within .nvm{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .22s var(--curve),visibility 0s}
@media (hover:hover){.nvg:hover .nvm{opacity:1;visibility:visible;transform:none;transition:opacity .18s,transform .22s var(--curve),visibility 0s}}
.nvm a{display:block;padding:1.2rem 1.4rem;border-radius:1.2rem;font-size:1.5rem;line-height:2rem;color:#fff;text-decoration:none;white-space:nowrap}
.nvm a:hover{background:#2A2B27}
.nvm a[aria-current]{color:var(--lime)}
.taal{position:relative;margin-right:.8rem}
.taalknop{display:flex;align-items:center;gap:.6rem;height:4rem;padding:0 1.2rem;border:0;border-radius:2rem;background:#2A2B27;color:#fff;font:600 1.3rem/1 var(--mont);cursor:pointer}
.taalknop svg{width:1.6rem;height:1.6rem}
.taallijst{position:absolute;right:0;top:calc(100% + 1.6rem);min-width:16rem;padding:.8rem;background:var(--zwart);border-radius:1.8rem}
.taallijst a{display:block;padding:1rem 1.4rem;border-radius:1.2rem;text-decoration:none;font-size:1.5rem}
.taallijst a:hover{background:#2A2B27}
.knopbalk{display:inline-flex;align-items:center;gap:1rem;height:5rem;padding:0 2.4rem;border-radius:2.5rem;background:var(--oranje);color:#000;font:600 1.5rem/1 var(--mont);text-decoration:none;white-space:nowrap}
.knopbalk .kort,.menuknop,.paneel{display:none}

/* hero */
.held{height:clamp(64rem,100vh,90rem);min-height:0}
.held .w{position:absolute;inset:2rem;width:auto;max-width:none;margin:0}
.heldkader{position:absolute;inset:0;border-radius:3.6rem;overflow:hidden;background:var(--zwart)}
.heldkader img{width:100%;height:100%;object-fit:cover}
@keyframes heldzoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.heldkader::after{content:'';position:absolute;left:0;right:0;pointer-events:none;z-index:1}
.heldkader::after{bottom:0;height:52rem;background:linear-gradient(180deg,rgba(20,20,20,0) 0%,rgba(20,20,20,.01) 10%,rgba(20,20,20,.05) 20%,rgba(20,20,20,.14) 30%,rgba(20,20,20,.28) 40%,rgba(20,20,20,.44) 50%,rgba(20,20,20,.6) 60%,rgba(20,20,20,.74) 70%,rgba(20,20,20,.83) 80%,rgba(20,20,20,.87) 90%,rgba(20,20,20,.88) 100%)}
.heldinhoud{position:absolute;left:3.6rem;bottom:3.4rem;z-index:2;max-width:76rem}
.heldinhoud h1{font-size:8.8rem;line-height:8.6rem;color:#fff}
.heldinhoud h1 .lab{padding:.7rem 1.8rem 0;margin-top:.4rem;white-space:nowrap}
.heldinhoud p{max-width:52rem;margin-top:1.6rem;font-size:1.7rem;line-height:2.5rem;color:#fff}
.heldknoppen{display:flex;align-items:center;gap:2.8rem;margin-top:2rem}
.feiten{position:absolute;right:8rem;bottom:3.4rem;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;width:59.6rem;padding:2rem 2.8rem;background:#fff;border-radius:2rem;color:#000}
.feiten div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.feiten dd{font:400 4.4rem/4.4rem var(--bebas)}
.feiten dt{font-size:1.3rem;line-height:1.7rem;margin-top:.4rem;color:#3A3B36}

/* video */
.videoblok .w{height:var(--h);display:flex;align-items:center;justify-content:center}
.videokader{position:relative;width:62rem;height:22rem;border-radius:2.8rem;overflow:hidden;background:#000}
.videohuls{display:flex;align-items:center;justify-content:center;width:100%}
.videokader video{display:block;width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:9.6rem;height:9.6rem;margin:-4.8rem 0 0 -4.8rem;border:0;border-radius:50%;background:#fff;cursor:pointer;display:grid;place-items:center;transition:transform .2s}
.play:hover{transform:scale(1.06)}.play svg{width:3.4rem;height:3.4rem;fill:#000}
.play[hidden]{display:none}

.videoblok:has([data-vimeo]){min-height:78.2rem}.videoblok:has([data-vimeo]) .w{height:78.2rem}

/* elke foto staat in een kader, zodat hij uitgelijnd en ingezoomd kan worden */
.fk{display:block;overflow:hidden}
.fk>img{display:block;width:100%;height:100%;object-fit:cover}
.brochureblok>.fk>img{width:100%;height:auto;border-radius:1rem}

/* koppen */
.blokkop p{margin-top:1.2rem;font-size:1.9rem;line-height:2.8rem;color:#E4E4DF}

/* uitklaplijst */
.uitklap .w{padding-top:6rem}
.uitklaprij{display:grid;grid-template-columns:52rem 55.2rem;gap:4.8rem;margin-top:3.6rem}
.uitklapfotos{position:relative;height:57rem;border-radius:2.4rem;overflow:hidden;background:var(--zwart)}
.uitklapfotos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0s .4s}
.uitklapfotos img.aan{opacity:1;z-index:1;transition:opacity .4s}
.uitklaplijst{height:57rem;display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.16)}
.urij{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:center;border-top:1px solid rgba(255,255,255,.16);transition:flex-grow .3s var(--curve)}
.urij.aan{flex-grow:1.6}
.urij button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:#fff;cursor:pointer;text-align:left}
.utitel{font:400 3.8rem/4rem var(--bebas);border-radius:.8rem;padding:.4rem 1.2rem 0;margin-left:-1.2rem;transition:background .25s,color .25s}
.urij.aan .utitel{background:var(--lime);color:#000;margin-left:0}
.urij.aan .utitel.oranje{background:var(--oranje)}
.urij.aan .chev{transform:rotate(180deg)}
.utekst{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--curve)}
.utekst>div{overflow:hidden}
.urij.aan .utekst{grid-template-rows:1fr}
.utekst p{padding-top:1.2rem;font-size:1.5rem;line-height:2.3rem}

/* schuifrijen */
.rijkop{display:flex;justify-content:space-between;align-items:flex-end;gap:4rem}
.rijkop p{max-width:69rem;margin-top:1.2rem;font-size:1.7rem;line-height:2.8rem;color:#3A3B36}
.pijlen{display:flex;gap:1.8rem;flex:none}
.pijlknop{width:5.6rem;height:5.6rem;border:.2rem solid currentColor;border-radius:50%;background:none;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.pijlknop:hover{background:rgba(127,127,127,.2)}
.pijlknop.vorige .chev{transform:rotate(90deg)}.pijlknop.volgende .chev{transform:rotate(-90deg)}
.schuifrij{overflow:visible;margin-top:3.2rem;width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 56rem);clip-path:inset(-4rem 0 -4rem calc(50vw - 56rem))}
.spoor{display:flex;gap:2rem;width:max-content;transition:transform .6s cubic-bezier(.65,0,.35,1)}
.assortiment .w{padding-top:15rem}
.productkaart{width:36rem}
.pfoto{position:relative;border-radius:2.4rem;overflow:hidden;box-shadow:0 1.2rem 3rem rgba(0,0,0,.18)}
.pfoto img{width:100%;aspect-ratio:840/1003;object-fit:cover}
.pfoto .lab{position:absolute;left:1.6rem;bottom:1.6rem;font-size:3.6rem}
.productkaart p{margin-top:1.4rem;font-size:1.5rem;line-height:2.2rem;color:#3A3B36}

/* route */
.route .w{padding-top:9.2rem}
.routekop{display:flex;justify-content:space-between;align-items:flex-end;gap:4rem}
.routekop p{max-width:84rem;margin-top:1.6rem;font-size:1.7rem;line-height:2.8rem;color:#E4E4DF}
.fases{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.2rem}
.fase{display:flex;flex-direction:column;align-items:flex-start;min-height:42.7rem;padding:2.4rem;background:var(--kaart);border-radius:2.4rem}
.fase .lab{font-size:3rem}
.fase small{margin-top:1.2rem;font-size:1.4rem;color:#D9D9D4}
.fase p{margin-top:.6rem;font-size:1.5rem;line-height:2.2rem;min-height:13.6rem}
.fase ol{width:100%}
.fase li{display:flex;align-items:center;gap:1.4rem;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.12);font-size:1.4rem;line-height:2rem}
.fase li b{font:400 2.6rem/1 var(--bebas);padding-top:.2rem;min-width:2.6rem}
b.g,strong.g{color:var(--lime)}b.o,strong.o{color:var(--oranje)}
.fase.open{background:var(--oranje);color:#000}
.fase.open small{color:#000}.fase.open li{border-color:rgba(0,0,0,.2)}.fase.open b{color:#000}
.route .band{margin-top:3.2rem}
.cijfers{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.6rem;padding-top:3.6rem;border-top:1px solid rgba(255,255,255,.14)}
.cijfers div{display:flex;align-items:center;gap:1.4rem}
.cijfers dd{font:400 6.4rem/1 var(--bebas)}
.cijfers dt{font-size:1.4rem;line-height:1.8rem;color:#D9D9D4;max-width:13rem}

/* locatie */
.locatie .w{min-height:var(--h)}
.loctekst{position:absolute;left:0;top:3.8rem;width:56rem}
.loctekst h2 .lab{padding:.6rem 2rem 0;margin-top:.8rem}
.loctekst p{margin:1.6rem 0 2rem;font-size:1.8rem;line-height:2.8rem;color:#3A3B36}
.kaartnl{position:absolute;left:63rem;top:4rem;width:49rem;height:58rem}
.kaartnl img{width:100%;height:100%;object-fit:contain}
.pin{position:absolute;border-radius:50%;background:var(--oranje);border:.2rem solid var(--licht);padding:0;cursor:pointer;font:400 2.2rem/1 var(--bebas);color:#000;display:grid;place-items:center;transition:transform .15s,background-color .15s;z-index:2;padding-top:.2rem}
.pin.actief{background:var(--lime);transform:scale(1.6);z-index:3}
.pin.groep.actief{transform:scale(1.19)}
.pinkaart{position:absolute;right:calc(100% + .8rem);z-index:6;background:#fff;border-radius:2.4rem;box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.18);overflow:hidden;color:#000}
.pinkaart[hidden]{display:none}
.pinkaart .pinfoto img{object-fit:cover}
.pinkaart:not([hidden]){animation:pinin .18s var(--curve)}
@keyframes pinin{from{opacity:0;scale:.97}}
.pinkaart.los{width:26rem}
.pinkaart.los .pinfoto,.pinkaart.los .leeg{width:26rem;height:23.6rem}
.pinkaart.los .tekst{padding:1.4rem 1.8rem 1.8rem}
.pinkaart.groep{width:34.2rem;padding:1.6rem;display:grid;gap:.8rem}
.pinkaart h3{font-size:3rem;line-height:3.2rem}.pinkaart p{font-size:1.3rem;line-height:1.9rem;color:#3A3B36}
.rijkaart,.pinrij{display:grid;grid-template-columns:var(--foto,10.8rem) 1fr;gap:1.6rem;align-items:center}
.pinrij .pinfoto,.pinrij .leeg{width:var(--foto,10.8rem);height:var(--foto,10.8rem);border-radius:1.2rem}
.leeg{display:grid;place-items:center;background:var(--licht);color:var(--grijs);font:400 1.8rem/1.1 var(--bebas);text-align:center}
.pinblad{display:none}

/* ondernemers */
.ondernemers .w{padding-top:calc(var(--h) - 75.4rem)}
.onderkop{display:flex;justify-content:space-between;align-items:center;gap:3rem}
.onderrij{display:grid;grid-template-columns:repeat(3,35.7rem);justify-content:space-between;margin-top:3rem}
.onderkaart{color:inherit;text-decoration:none;display:block}
.ofoto{position:relative;height:40rem;border-radius:2.4rem;overflow:hidden;box-shadow:0 1.2rem 3rem rgba(0,0,0,.16)}
.ofoto img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--curve)}
.onderkaart:hover .ofoto img{transform:scale(1.04)}
.ofoto .lab{position:absolute;left:1.6rem;bottom:1.6rem;font-size:3rem}
.onderkaart h3{margin-top:2.2rem;font-size:3.4rem;line-height:3.6rem}
.onderkaart p{margin-top:.8rem;padding-bottom:1.6rem;border-bottom:1px solid rgba(127,127,127,.3);font-size:1.6rem;line-height:2.4rem}
.onderkaart small{display:block;margin-top:1.2rem;font-size:1.4rem;line-height:2rem;color:var(--grijs)}
.s.donker .onderkaart small{color:#D9D9D4}

/* formulier */
.formblok .w{padding:calc(var(--h) - 96rem) 0 7rem}
.formblok:has(.formintro) .w{padding-top:calc(var(--h) - 102rem)}
.formkop .lab{padding:.6rem 1.6rem 0;margin-left:.8rem}
.formintro{max-width:90rem;margin-top:1.6rem;font-size:1.9rem;line-height:2.8rem;color:#3A3B36}
.drie{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;margin-top:2.4rem}
.drie li{display:flex;gap:1.4rem;align-items:flex-start}
.drie i{flex:none;display:grid;place-items:center;width:4rem;height:4rem;border-radius:50%;background:var(--lime);color:#000;font:400 2.2rem/1 var(--bebas);padding-top:.2rem}
.drie i.o{background:var(--oranje)}
.drie strong{display:block;font:400 2.6rem/2.8rem var(--bebas)}
.drie span{display:block;font-size:1.5rem;line-height:2.1rem;color:#3A3B36}
.formraster{display:grid;grid-template-columns:52rem 55.2rem;gap:4.8rem;margin-top:3rem;align-items:start}
.contactfoto{position:relative;border-radius:2.4rem;overflow:hidden;height:38rem}
.contactfoto>img{width:100%;height:100%;object-fit:cover}
.contactnaam{position:absolute;left:2rem;bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}
.contactnaam small{background:#fff;color:#000;font-size:1.4rem;line-height:1.8rem;padding:.7rem 1.2rem;border-radius:.8rem}
.contactnaam .lab{font-size:3.2rem}
.brochureblok{display:flex;gap:2.8rem;margin-top:3rem}
.brochureblok>.fk{width:19.8rem;height:auto;align-self:flex-start;flex:none;transform:rotate(-4deg);filter:drop-shadow(0 .8rem 1.4rem rgba(0,0,0,.28))}
.brochureblok h3{font-size:2.8rem;line-height:2.8rem}
.brochureblok ul{margin:.8rem 0}
.brochureblok li{position:relative;padding-left:1.8rem;font-size:1.5rem;line-height:2.3rem;margin-bottom:.8rem;color:#3A3B36}
.brochureblok li::before{content:'';position:absolute;left:0;top:.7rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--lime)}
.brochureblok p{font-size:1.5rem;line-height:2.3rem;color:#3A3B36}.brochureblok p a{font-weight:700;color:#000}
.kaartform{display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem;background:#fff;border-radius:2.4rem;box-shadow:0 1.8rem 4.4rem rgba(0,0,0,.22);color:#000}
.keuze{display:flex;gap:.4rem;padding:.4rem;background:var(--licht);border-radius:2.8rem}
.keuze button{flex:1;height:4.4rem;padding:0;white-space:nowrap;border:0;border-radius:2.4rem;background:transparent;color:#3A3B36;font:600 1.3rem var(--mont);cursor:pointer;transition:background .25s,color .25s}
.keuze button[aria-pressed=true]{background:var(--zwart);color:#fff}
.keuze .kort,.knopbalk .kort{display:none}
.klein{font-size:1.2rem;line-height:1.6rem;color:var(--grijs)}
.rij{display:flex;gap:1.6rem}.rij[hidden]{display:none}.rij .veld{flex:1;min-width:0}
.veld{display:flex;flex-direction:column;gap:.8rem}
.veld>span,.chips legend{font:500 1.3rem/1.6rem var(--mont);color:#3A3B36}
.veld small{font-size:1.2rem;line-height:1.6rem;color:var(--grijs)}
.bbk-form input:not([type=radio]),.bbk-form textarea{width:100%;height:4.8rem;border:0;border-radius:.8rem;background:var(--licht);padding:0 1.6rem;font:500 1.5rem var(--mont);color:#000;outline:0}
.bbk-form textarea{height:8rem;padding:1.2rem 1.6rem;resize:none;line-height:2rem}
.bbk-form input:focus,.bbk-form textarea:focus{box-shadow:0 0 0 .2rem var(--lime)}
.bbk-form .fout input,.bbk-form input.fout{box-shadow:0 0 0 .2rem #D23}
.chips{border:0;padding:0;margin:0;min-width:0}.chips legend{padding:0;margin-bottom:.8rem}
.chips>div{display:flex;flex-wrap:wrap;gap:.8rem}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:flex;align-items:center;height:4rem;padding:0 1.6rem;border-radius:2rem;border:.15rem solid #D9D9D3;font:500 1.3rem var(--mont);color:#3A3B36;transition:background .2s,border-color .2s}
.chip input:checked+span{background:var(--lime);border-color:var(--lime);color:#000;font-weight:600}
.chip input:focus-visible+span{outline:.2rem solid var(--zwart);outline-offset:.2rem}
.verstuur{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:5.2rem;border:0;border-radius:.8rem;background:var(--oranje);color:#000;font:400 2.4rem/1 var(--bebas);padding:.2rem 1.6rem 0;cursor:pointer;width:100%}
.verstuur[disabled]{opacity:.6;cursor:wait}
.privacy{font-size:1.3rem;line-height:1.8rem;color:#3A3B36}
.formmelding{font-size:1.4rem;line-height:2rem;font-weight:600;color:#3A6B00}
.formmelding:empty{display:none}.formmelding.fout{color:#C2261C}
.vangnet{position:absolute!important;left:-999rem;width:1px;height:1px;overflow:hidden}

/* verhaal achter BB Kitchen */
.fotoverhaal .w{padding-top:8.4rem}
.fvrij{display:grid;grid-template-columns:52rem 55.2rem;gap:4.8rem;margin-top:3.6rem}
.fvfoto{width:100%;height:57rem;object-fit:cover;border-radius:2.4rem}
.fvtekst{display:flex;flex-direction:column;height:57rem}
.fvtekst p{font-size:1.8rem;line-height:2.8rem;margin-bottom:1.6rem;color:#E4E4DF}
.fvtekst blockquote{font:400 4.2rem/4.4rem var(--bebas);color:var(--lime);margin:2.4rem 0 3.6rem}
.jaren{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:3rem;border-top:1px solid rgba(255,255,255,.16)}
.jaren dd{font:400 5.6rem/1 var(--bebas)}.jaren dt{font-size:1.4rem;line-height:2rem;color:#D9D9D4;margin-top:.4rem}

/* collage */
.collage .w{min-height:var(--h);padding-top:15.8rem}
.coltekst{width:52rem}
.coltekst p{margin-top:2rem;font-size:1.8rem;line-height:2.8rem;color:#3A3B36}
.coltekst h2+p{margin-top:3.6rem}
.colfotos .fk{position:absolute;object-fit:cover;border:.6rem solid #fff;border-radius:2rem;box-shadow:0 1.4rem 3rem rgba(0,0,0,.25)}
.colfotos .c0{left:69.2rem;top:18.5rem;width:25rem;height:32rem;transform:rotate(4deg);z-index:2}
.colfotos .c1{left:95rem;top:14rem;width:24rem;height:24rem;transform:rotate(-5deg);z-index:2}
.colfotos .c2{left:94rem;top:37.25rem;width:30rem;height:22.5rem;transform:rotate(3deg);z-index:3}
.colfotos .c3{left:68.8rem;top:50.6rem;width:22rem;height:26.6rem;transform:rotate(-4deg);z-index:3}
.colfotos .c4{left:102.6rem;top:51.1rem;width:19.6rem;height:23.6rem;transform:rotate(6deg);z-index:4}
.colfotos .c5{left:82rem;top:51rem;width:31rem;height:23.6rem;transform:rotate(2deg);z-index:1}
.colfotos .c6{left:82rem;top:9.5rem;width:24rem;height:16.4rem;transform:rotate(-7deg);z-index:1}

/* acht kaarten */
.kaarten .w{padding:8rem 0 8rem}
.achtkaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.2rem}
.achtkaarten article{background:var(--kaart);border-radius:2rem;padding:2.4rem;min-height:24.7rem}
.achtkaarten .lab{font-size:3rem}
.achtkaarten p{margin-top:1.4rem;font-size:1.5rem;line-height:2.2rem}

/* traject */
.traject .w{padding:8rem 0 12rem}
.trajectfases{margin-top:3.6rem;display:grid;gap:4.4rem}
.tfase{display:grid;grid-template-columns:28.3rem 1fr;gap:0}
.tfkop .lab{font-size:3rem}.tfkop small{display:block;margin-top:.8rem;font-size:1.4rem;color:#D9D9D4}
.tfkaarten{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.tf3 .tfkaarten{grid-template-columns:repeat(3,1fr)}
.tfkaarten li{display:flex;gap:1.6rem;background:var(--kaart);border-radius:2rem;padding:2rem 2.4rem;min-height:14.8rem}
.tf3 .tfkaarten li{flex-direction:column;gap:.8rem;min-height:23.5rem}
.tfkaarten b{font:400 4.4rem/1 var(--bebas)}
.tfkaarten h3{font-size:2.6rem;line-height:2.8rem}
.tfkaarten p{margin-top:.4rem;font-size:1.4rem;line-height:2.1rem;color:#D9D9D4}
.tfase.open li{background:var(--oranje);color:#000}.tfase.open b,.tfase.open p{color:#000}
.traject .band{margin-top:3.2rem}

/* missie */
.missie .w{padding-top:13rem}
.missierij{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.missierij article{background:#fff;border-radius:2.4rem;padding:3.6rem;box-shadow:0 1.8rem 4rem rgba(0,0,0,.12)}
.missierij h2{font-size:5.6rem;line-height:5.6rem}
.missierij p{margin-top:1.6rem;font-size:1.7rem;line-height:2.6rem;color:#3A3B36}

/* team */
.team .w{padding-top:8.2rem}
.lid{width:35.733rem;flex:none}
.spoor:has(.lid){gap:2.37rem}
.lid .pfoto img{aspect-ratio:auto;height:40rem}
.lid .lab{font-size:3rem}
.lid h3{margin-top:2.2rem;font-size:3.4rem;line-height:3.6rem}
.lid p{margin-top:.4rem;font-size:1.6rem;line-height:2.4rem;color:#D9D9D4}

/* verwachten */
.verwachten .w{padding-top:8rem}
.vwrij{display:grid;grid-template-columns:52rem 55.2rem;gap:4.8rem;margin-top:3.6rem;align-items:start}
.vwrij>div{padding-top:3.6rem}
.vwrij>.fk{width:100%;height:50rem;object-fit:cover;border-radius:2.4rem}
.vwrij p{font-size:1.8rem;line-height:2.8rem;color:#E4E4DF}
.vwrij ul{margin-top:1.8rem}
.vwrij li{font:400 2.8rem/3rem var(--bebas);padding:1.1rem 0 .8rem;border-top:1px solid rgba(255,255,255,.14)}

/* keuzehulp */
.keuzehulp .w{padding-top:15rem}
.khkop{margin-top:1.2rem}
.khkop .lab{font-size:2.6rem}
.khkop p{max-width:76rem;margin-top:1.6rem;font-size:1.7rem;line-height:2.5rem;color:#3A3B36}
.kh{display:grid;grid-template-columns:32rem 1fr;background:#fff;border-radius:2.4rem;box-shadow:0 1.6rem 4rem rgba(0,0,0,.12);overflow:hidden;margin-top:3.2rem;color:#000}
.khfoto{position:relative;min-height:24rem}
.khfoto>img{position:absolute;inset:0}
.khrechts{padding:3.4rem 4.8rem 3.6rem}
.voortgang{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}
.voortgang i{width:6.4rem;height:.6rem;border-radius:.3rem;background:#E6E6E1;transition:background-color .35s}
.voortgang i.aan{background:var(--lime)}
.teller{margin-left:.8rem;font:600 1.2rem/1.6rem var(--mont);letter-spacing:.04em;text-transform:uppercase;color:var(--grijs)}
.khvraag{display:none}
.khvraag.aan{display:block;animation:khin .45s var(--curve)}
@keyframes khin{from{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:none}}
.khvraag h3{font-size:4.4rem;line-height:4.4rem;color:#000;outline:0}
.opties{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}
.optie{display:flex;align-items:center;gap:1.4rem;width:100%;text-align:left;border:.15rem solid #D9D9D3;background:#fff;border-radius:1.2rem;padding:.9rem 1.8rem .9rem 1rem;cursor:pointer;color:#000;transition:border-color .2s,background-color .2s}
.letter{flex:none;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--licht);font:400 2rem/1 var(--bebas);padding-top:.2rem;transition:background-color .2s}
.otekst{flex:1;min-width:0}
.optie b{display:block;font:600 1.6rem/2.2rem var(--mont)}
.optie small{display:block;font:400 1.2rem/1.7rem var(--mont);color:var(--grijs)}
.optie:hover,.optie.gekozen{border-color:var(--lime)}
.optie:hover .letter,.optie.gekozen .letter{background:var(--lime)}
.optie.gekozen{background:#F7F9EC}
.terug{margin-top:1.2rem;padding:0;border:0;background:none;font:600 1.3rem var(--mont);color:var(--grijs);text-decoration:underline;cursor:pointer}
.kh.klaar{grid-template-columns:1fr}.kh.klaar .khfoto{display:none}
.kh.klaar .teller{display:none}
.khkolommen{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem}
.advies h3{font-size:3.8rem;line-height:3.8rem}
.advies ul{margin-top:1.2rem;display:grid;gap:1rem}
.advies li{position:relative;padding-left:2.2rem;font-size:1.4rem;line-height:2.1rem;color:#3A3B36}
.advies li::before{content:'';position:absolute;left:0;top:.6rem;width:1rem;height:1rem;border-radius:50%;background:var(--lime)}
.advies li[hidden]{display:none}
.khform{display:flex;flex-direction:column;gap:.8rem}
.khform input:not([type=radio]){height:4.2rem!important}
.khform .veld{gap:.4rem}
.khchips{display:flex;flex-wrap:wrap;gap:.8rem}
.khchips span{padding:.6rem 1.2rem;background:var(--licht);border-radius:1.5rem;font-size:1.2rem;font-weight:600}

/* investeren */
.investeren .w{padding:8rem 0 11rem}
.invkaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.2rem}
.invkaarten article{background:var(--kaart);border-radius:2rem;padding:2.4rem}
.invkaarten strong{font:400 6.4rem/1 var(--bebas)}
.invkaarten h3{margin-top:.8rem;font-size:2.8rem;line-height:3rem}
.invkaarten p{margin-top:.4rem;font-size:1.4rem;line-height:2.1rem;color:#D9D9D4}
.reken{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;min-height:31.1rem}
.rekenlinks{background:#fff;color:#000;border-radius:2.4rem;padding:3rem 3.6rem}
.rekenlinks .lab{font-size:2.6rem}
.rekenlinks label{display:flex;justify-content:space-between;align-items:baseline;margin-top:5.6rem;font-size:1.5rem}
.rkinv{font:400 4.8rem/1 var(--bebas)}
#rk{width:100%;height:.8rem;margin:1.6rem 0;appearance:none;-webkit-appearance:none;border-radius:.4rem;background:linear-gradient(90deg,var(--oranje) var(--p,41%),#E6E6E1 var(--p,41%));outline-offset:.6rem}
#rk::-webkit-slider-thumb{-webkit-appearance:none;width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;border:.3rem solid var(--oranje);cursor:pointer}
#rk::-moz-range-thumb{width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;border:.3rem solid var(--oranje);cursor:pointer}
.rkgrens{display:flex;justify-content:space-between;font-size:1.3rem;color:var(--grijs)}
.rekenrechts{background:var(--kaart);border-radius:2.4rem;padding:3rem 3.6rem}
.rekenrechts>p:first-child{font-size:1.5rem;color:#D9D9D4}
.rkinbreng{display:block;font:400 9rem/1 var(--bebas);color:var(--lime);margin-top:.8rem}
.rekenrechts .klein{margin:.8rem 0 1.6rem;font-size:1.4rem;line-height:2.1rem;color:#D9D9D4}
.voetnoot{margin-top:2rem;font-size:1.3rem;color:#D9D9D4}

/* verhalen */
.verhaalblok .w{padding-top:calc(var(--h) - 58.8rem)}
.vhrij{display:grid;grid-template-columns:52rem 55.2rem;gap:4.8rem;align-items:center}
.zijde-rechts .vhrij{grid-template-columns:55.2rem 52rem}
.zijde-rechts .vhfoto{order:2}
.vhfoto{width:100%;height:50rem;object-fit:cover;border-radius:2.4rem;box-shadow:0 1.2rem 3rem rgba(0,0,0,.2)}
.vhtekst .lab{font-size:3rem}
.vhtekst h2{margin-top:1.6rem;font-size:6.4rem;line-height:6.2rem}
.vhtekst small{display:block;margin-top:.6rem;font-size:1.4rem;line-height:2rem}
.vhtekst blockquote{margin-top:2rem;font:400 3.4rem/3.8rem var(--bebas);color:var(--lime)}
.s.licht .vhtekst blockquote{color:#000}
.vhtekst p{margin-top:1.6rem;font-size:1.8rem;line-height:2.8rem}
.vhtekst .knop{margin-top:2rem}
dialog.lees{padding:0;border:0;background:transparent;width:104rem;max-width:calc(100vw - 3.2rem);max-height:min(64rem,calc(100vh - 4rem));overflow:visible}
dialog.lees::backdrop{background:rgba(20,20,20,.68);backdrop-filter:blur(.8rem)}
dialog.lees[open]{animation:leesin .3s var(--curve)}
@keyframes leesin{from{opacity:0;transform:translateY(1.6rem) scale(.98)}}
dialog.lees[open]::backdrop{animation:achterin .3s ease}
dialog.lees.dicht{animation:leesuit .18s ease forwards}
dialog.lees.dicht::backdrop{animation:achteruit .18s ease forwards}
@keyframes leesuit{to{opacity:0;transform:translateY(.8rem) scale(.99)}}
@keyframes achterin{from{opacity:0}}
@keyframes achteruit{to{opacity:0}}
.leeskaart{position:relative;display:grid;grid-template-columns:40rem 1fr;height:min(64rem,calc(100vh - 4rem));background:#fff;border-radius:2.8rem;overflow:hidden;color:#141414}
.leesfoto{position:relative;overflow:hidden}.leesfoto img{display:block;width:100%;height:100%;object-fit:cover}
.leesfoto .lab{position:absolute;left:2.4rem;bottom:2.4rem;font-size:3rem;z-index:1}
.leestekst{padding:4.8rem 5.6rem 5.6rem;overflow-y:auto}
.leestekst h2{font-size:4.8rem;line-height:4.8rem;color:#000;padding-right:3rem}
.leestekst small{display:block;margin-top:1rem;font-size:1.4rem;line-height:2rem;color:var(--grijs)}
.leestekst blockquote{margin:2.4rem 0;padding-left:1.8rem;border-left:.4rem solid var(--lime);font:400 2.8rem/3.1rem var(--bebas);color:#000}
.leestekst p{font-size:1.6rem;line-height:2.6rem;margin-bottom:1.4rem}
.leesdicht{position:absolute;right:1.8rem;top:1.8rem;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:var(--licht);font-size:2.8rem;line-height:1;cursor:pointer;color:#141414}

/* vragen */
.vragenblok .w{padding:9.6rem 0 16rem}
.vragenraster{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.vraag{background:var(--kaart);border-radius:2rem;padding:2.8rem;min-height:25.4rem}
.vraag:nth-child(-n+2){min-height:29.6rem}
.vraag h2{font-size:3.2rem;line-height:3.4rem}
.vraag button{all:unset;display:block;width:100%}
.vraag .chev{display:none}
.antwoord p{margin-top:1.2rem;font-size:1.5rem;line-height:2.3rem;color:#D9D9D4}
.tekstlink{display:inline-block;margin-top:1.2rem;font-size:1.4rem;font-weight:600;color:var(--lime)}
.vragenblok .band{margin-top:3.2rem}

/* tekstpagina's */
.tekstpagina{max-width:80rem;margin:0 auto;padding:16rem 2.4rem 8rem;color:#E4E4DF}
.tekstpagina h1{font-size:8.8rem;line-height:8.6rem;color:#fff;margin-bottom:3rem}
.tekstpagina h2{font-size:4.4rem;line-height:4.6rem;color:#fff;margin:3.6rem 0 1.2rem}
.tekstpagina h3{font-size:3rem;line-height:3.2rem;color:#fff;margin:2.4rem 0 .8rem}
.tekstpagina p,.tekstpagina ul,.tekstpagina ol,.tekstpagina table{margin-bottom:1.6rem;font-size:1.6rem;line-height:2.6rem}
.tekstpagina ul{list-style:disc;padding-left:2.4rem}
.tekstpagina table{width:100%;border-collapse:collapse}.tekstpagina td,.tekstpagina th{border:1px solid rgba(255,255,255,.2);padding:.8rem 1.2rem;text-align:left;vertical-align:top}
.tekstpagina a:not(.knop){color:var(--lime)}
.wp-block-table{margin:0 0 1.6rem;overflow-x:auto}

/* voet */
.voet{background:var(--licht);padding:0 2rem 2rem}
.voetkaart{background:var(--zwart);border-radius:3.2rem;padding:6rem 6.4rem 2.8rem;color:#fff;min-height:41.8rem;display:flex;flex-direction:column;justify-content:space-between}
body:has(.s:last-of-type.donker) .voet{background:var(--bg-voet,var(--licht))}
.voetboven{display:grid;grid-template-columns:47rem 1fr 1fr 1fr;gap:2rem}
.voetmerk img{height:5.6rem;width:auto}
.voetmerk p{margin-top:2.4rem;max-width:32rem;font-size:1.5rem;line-height:2.3rem}
.voetkol{display:flex;flex-direction:column;gap:1rem;font-size:1.5rem;line-height:2.2rem}
.voetkol h2{font-size:2.8rem;line-height:2.8rem;color:var(--lime);margin-bottom:.8rem}
.voetkol a{text-decoration:none}.voetkol a:hover{text-decoration:underline}
.voetonder{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:2.4rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.14);font-size:1.3rem;color:#D9D9D4}
.voetonder a{text-decoration:none}
.voetonder .pb{order:2}.voetonder>a{order:3;justify-self:end}
.tcta{display:none}

/* vertrekvenster */
.vertrek{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:rgba(20,20,20,.68);backdrop-filter:blur(.6rem);opacity:0;transition:opacity .3s}
.vertrek[hidden]{display:none}.vertrek.open{opacity:1}
.vertrekkaart{position:relative;width:52rem;max-width:calc(100vw - 3.2rem);background:#fff;color:#000;border-radius:2.4rem;padding:4rem}
.vertrek-label{font-weight:600;color:var(--grijs);font-size:1.4rem}
.vertrekkaart h2{font-size:5.6rem;line-height:5.6rem;margin:.4rem 0 1.2rem}
.vertrekkaart form{display:grid;gap:1.2rem;margin-top:2rem}
.vertrekkaart label{display:grid;gap:.6rem;font-size:1.3rem}
.vertrek-dicht{position:absolute;right:1.6rem;top:1.6rem;width:4.4rem;height:4.4rem;border:0;border-radius:50%;background:var(--licht);font-size:2.8rem;line-height:1;cursor:pointer}
.vertrek-nee{margin-top:1.2rem;padding:0;border:0;background:none;text-decoration:underline;font-size:1.4rem;color:var(--grijs);cursor:pointer}
.knop.vol{width:100%}

/* contactbolletje: staat altijd vast rechtsonder, alleen in de voet niet */
.hulp{position:fixed;right:2.4rem;bottom:2.4rem;z-index:45;transition:opacity .3s ease,scale .3s var(--curve),visibility 0s}
.hulp.weg{opacity:0;scale:.7;visibility:hidden;pointer-events:none;transition:opacity .25s ease,scale .25s ease,visibility 0s .25s}
.hulpknop{position:relative;display:block;width:6.8rem;height:6.8rem;padding:0;border:0;border-radius:50%;background:var(--lime);cursor:pointer;box-shadow:0 1rem 2.8rem rgba(0,0,0,.42),0 0 0 .3rem var(--lime);transition:transform .3s var(--curve),box-shadow .3s}
.hulpknop::before{content:'';position:absolute;inset:-.3rem;border-radius:50%;border:.3rem solid var(--lime);opacity:0;pointer-events:none;animation:hulpgolf 2.6s ease-out 3s 3}
@keyframes hulpgolf{0%{opacity:.7;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.55)}}
.hulpknop:hover{transform:translateY(-.3rem) scale(1.05);box-shadow:0 1.6rem 3.4rem rgba(0,0,0,.5),0 0 0 .3rem var(--lime)}
.hulprond{width:100%;height:100%;border-radius:50%;transition:opacity .22s,transform .35s var(--curve)}
.hulpknop .dicht{position:absolute;left:50%;top:50%;width:2.8rem;height:2.8rem;margin:-1.4rem 0 0 -1.4rem;color:#000;opacity:0;transform:rotate(-90deg) scale(.6);transition:opacity .22s,transform .35s var(--curve)}
.hulpdot{position:absolute;right:.15rem;bottom:.15rem;width:1.7rem;height:1.7rem;border-radius:50%;background:#9A9A94;border:.3rem solid #141414;transition:opacity .2s}
.hulp.bereikbaar .hulpdot{background:#25D366}
.hulp.open .hulprond{opacity:0;transform:scale(.6)}
.hulp.open .hulpknop .dicht{opacity:1;transform:none}
.hulp.open .hulpdot,.hulp.open .hulptip{opacity:0}
.hulp.open .hulpknop::before{animation:none}
.hulptip{position:absolute;right:calc(100% + 1.2rem);top:50%;translate:0 -50%;padding:1rem 1.6rem;background:#fff;color:#000;border-radius:1.4rem;font:600 1.4rem/2rem var(--mont);white-space:nowrap;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.28);opacity:0;scale:.9;transform-origin:right center;transition:opacity .3s ease,scale .3s var(--curve);pointer-events:none}
.hulptip::after{content:'';position:absolute;right:-.5rem;top:50%;width:1.2rem;height:1.2rem;margin-top:-.6rem;background:#fff;transform:rotate(45deg)}
.hulp.tip .hulptip{opacity:1;scale:1}
@media (hover:hover){.hulpknop:hover~.x,.hulp:not(.open):has(.hulpknop:hover) .hulptip{opacity:1;scale:1}}
.hulppaneel{position:absolute;right:0;bottom:calc(100% + 1.4rem);width:38rem;background:var(--zwart);border:1px solid rgba(255,255,255,.1);border-radius:2.4rem;box-shadow:0 2.4rem 6rem rgba(0,0,0,.55);color:#fff;overflow:hidden;transform-origin:right bottom;animation:hulpin .38s var(--curve)}
.hulppaneel[hidden]{display:none}
@keyframes hulpin{from{opacity:0;transform:translateY(1.6rem) scale(.92)}to{opacity:1;transform:none}}
.hulpkop{position:relative;height:19rem;background:#141414;overflow:hidden}
.hulpkopfoto{position:absolute;right:-4rem;top:-1rem;width:30rem;height:29.4rem;-webkit-mask-image:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.55) 38%,#000 58%);mask-image:linear-gradient(90deg,transparent 6%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.55) 38%,#000 58%)}
.hulpkop::after{content:'';position:absolute;inset:0 0 -.2rem 0;background:linear-gradient(180deg,rgba(20,20,20,0) 66%,#141414 100%);pointer-events:none}
.hulpsluit{position:absolute;right:1.2rem;top:1.2rem;z-index:2;display:grid;place-items:center;width:3.8rem;height:3.8rem;border:0;border-radius:50%;background:rgba(20,20,20,.62);color:#fff;cursor:pointer;backdrop-filter:blur(.6rem);transition:background .2s}
.hulpsluit:hover{background:#141414}
.hulpsluit svg{width:1.8rem;height:1.8rem}
.hulpnaam{position:absolute;left:2rem;right:2rem;bottom:1rem;z-index:1}
.hulpnaam h2{font-size:3.2rem;line-height:3.2rem;color:#fff}
.hulpnaam small{display:block;font-size:1.3rem;line-height:1.8rem;color:#D9D9D4}
.hulpstatus{display:inline-flex;align-items:center;gap:.7rem;padding:.4rem 1.1rem .4rem .9rem;margin-bottom:1rem;background:rgba(255,255,255,.08);border-radius:1.6rem;font-size:1.2rem;line-height:1.7rem;backdrop-filter:blur(.6rem)}
.hulpstatus i{width:.9rem;height:.9rem;border-radius:50%;background:#9A9A94}
.hulp.bereikbaar .hulpstatus i{background:#25D366;box-shadow:0 0 0 .3rem rgba(37,211,102,.25)}
.hulpstatus b{font-weight:600}
.hulpbody{padding:1.4rem 2rem 1.8rem}
.hulpvraag{font-size:1.4rem;line-height:2rem;color:#D9D9D4;margin-bottom:1.4rem}
.hulpwa{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;background:#25D366;border-radius:1.6rem;color:#000;text-decoration:none;transition:transform .25s var(--curve),filter .2s}
.hulpwa:hover{transform:translateY(-.2rem);filter:brightness(1.05)}
.hulpwa i{display:grid;place-items:center;flex:none;width:4.8rem;height:4.8rem;border-radius:50%;background:rgba(0,0,0,.14)}
.hulpwa i svg{width:2.6rem;height:2.6rem}
.hulpwa span{flex:1;min-width:0}
.hulpwa b{display:block;font:400 2.6rem/2.6rem var(--bebas);padding-top:.2rem}
.hulpwa small{display:block;font:500 1.3rem/1.8rem var(--mont)}
.hulpwa .pijl-i{transition:transform .25s var(--curve)}
.hulpwa:hover .pijl-i{transform:translateX(.4rem)}
.hulptegels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.hulptegel{display:block;padding:1.4rem 1.6rem;background:#2A2B27;border-radius:1.6rem;color:#fff;text-decoration:none;min-width:0;transition:background .2s,transform .25s var(--curve)}
.hulptegel:hover{background:#34352F;transform:translateY(-.2rem)}
.hulptegel svg{display:block;width:2.2rem;height:2.2rem;color:var(--lime);margin-bottom:.8rem}
.hulptegel b{display:block;font:400 2.2rem/2.2rem var(--bebas)}
.hulptegel small{display:block;margin-top:.3rem;font-size:1.2rem;line-height:1.6rem;color:#D9D9D4;overflow-wrap:anywhere}
.hulpbrochure{display:block;margin-top:1.4rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:1.3rem;line-height:1.8rem;color:#D9D9D4;text-decoration:none}
.hulpbrochure strong{color:var(--lime);font-weight:600}
.hulpbrochure:hover strong{text-decoration:underline}
.hulp.open .hulpkop,.hulp.open .hulpvraag,.hulp.open .hulpwa,.hulp.open .hulptegels,.hulp.open .hulpbrochure{animation:hulprij .45s var(--curve) both}
.hulp.open .hulpvraag{animation-delay:.06s}.hulp.open .hulpwa{animation-delay:.11s}.hulp.open .hulptegels{animation-delay:.16s}.hulp.open .hulpbrochure{animation-delay:.21s}
@keyframes hulprij{from{opacity:0;translate:0 1rem}to{opacity:1;translate:none}}

/* foto bij aanwijzen op de teamkaarten */
.pfoto .hobby{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
@media (hover:hover){.lid:hover .pfoto .hobby{opacity:1}}
.pfoto .lab{z-index:1}
.videoposter,.videoframe{display:block;width:100%;height:100%;object-fit:cover;border:0}

/* beweging, zoals in het goedgekeurde ontwerp */
html{scroll-behavior:smooth}
.knop{gap:0}.knop:hover{gap:1rem}
.knop:has(.pijl-i:not(.verborgen)){gap:1rem}
.knop .pijl-i.verborgen{width:0;opacity:0;transform:translateX(-.8rem);transition:width .3s var(--curve),opacity .3s,transform .3s var(--curve)}
.knop:hover .pijl-i.verborgen{width:2rem;opacity:1;transform:none}
.knop{transition:filter .2s,transform .15s,gap .3s var(--curve)}
.verstuur{gap:0;transition:gap .3s var(--curve),filter .2s}
.verstuur .pijl-i{width:0;opacity:0;transform:translateX(-.8rem);transition:width .3s var(--curve),opacity .3s,transform .3s var(--curve)}
.verstuur:hover{gap:1rem;filter:brightness(1.06)}
.verstuur:hover .pijl-i{width:2rem;opacity:1;transform:none}
.pfoto img,.ofoto img{transition:transform .5s var(--curve)}
.productkaart:hover .pfoto img{transform:scale(1.04)}
.lid:hover .pfoto img{transform:scale(1.06)}
.heldkader picture{display:block;height:100%;will-change:transform}
.w-veeg{clip-path:inset(-.4rem 100% -.4rem -.4rem);transition:clip-path .8s var(--curve)}
.w-veeg.aan{clip-path:inset(-.4rem -.4rem -.4rem -.4rem)}
html.fx .heldinhoud .lab:not(.aan){clip-path:inset(-.4rem 100% -.4rem -.4rem);animation:fxvang 0s 4s forwards}
@keyframes fxvang{to{clip-path:none}}
.w-kaart{opacity:0;translate:0 2.4rem;transition:opacity .6s ease,translate .7s var(--curve);transition-delay:calc(var(--i,0) * 70ms)}
.w-kaart.aan{opacity:1;translate:none}
.w-col{opacity:0;scale:.86;translate:0 3rem;transition:opacity .5s ease,scale .7s var(--curve),translate .7s var(--curve),transform .35s var(--curve);transition-delay:calc(var(--i,0) * 110ms),calc(var(--i,0) * 110ms),calc(var(--i,0) * 110ms),0s}
.w-col.aan{opacity:1;scale:1;translate:none}
.kaartnl .pin{opacity:0;translate:0 -3.6rem;transition:opacity .35s ease,translate .55s var(--curve),transform .15s,background-color .15s;transition-delay:calc(var(--i,0) * 60ms),calc(var(--i,0) * 60ms),0s,0s}
.kaartnl.pinsaan .pin{opacity:1;translate:none}
.kaartnl.klaar .pin{transition-delay:0s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.w-veeg,.w-kaart,.w-col,.kaartnl .pin{opacity:1!important;translate:none!important;scale:1!important;clip-path:none!important}}

/* banden en beweging voor mensen die minder beweging willen */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* tussenmaat: smalle laptop en tablet liggend */
@media (min-width:760px) and (max-width:1151.98px){
	.w{width:calc(100% - 6.4rem);max-width:none}
	.schuifrij{padding-left:3.2rem}
	.hoofd .nvg>button{padding:0 1rem}
	.uitklaprij,.fvrij,.vwrij,.formraster,.vhrij,.zijde-rechts .vhrij{grid-template-columns:minmax(0,52fr) minmax(0,55fr);gap:3.2rem}
	.onderrij{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
	.fases,.achtkaarten,.invkaarten{grid-template-columns:repeat(2,minmax(0,1fr))}
	.fase{min-height:0}.fase p{min-height:0}.fase ol{margin-top:1.6rem}
	.route,.kaarten{min-height:0}
	.cijfers{grid-template-columns:repeat(2,1fr)}
	.loctekst{width:42%}.kaartnl{left:auto;right:0}
	.colfotos{display:none}.coltekst{width:100%}.collage{min-height:0}.collage .w{padding-bottom:10rem;min-height:0}
	.tfase{grid-template-columns:18rem 1fr}
	.feiten{width:52rem}.heldinhoud{max-width:46rem}.heldinhoud h1{font-size:7.2rem;line-height:7rem}
	.traject .w{padding-bottom:18rem}
	.voetboven{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.voetkaart{padding:4rem 3.2rem 2.4rem}
}

@media (min-width:760px) and (max-width:1023.98px){
	.held{height:clamp(72rem,100vh,90rem)}
	.heldinhoud{bottom:15.6rem}
	.feiten{left:3.6rem;right:auto;width:60rem;max-width:calc(100% - 7.2rem)}
}

/* telefoon: 1rem is 10 pixels op een scherm van 390 breed */
@media (max-width:759.98px){
	html:not(.wp-toolbar){font-size:calc(100vw / 39);scroll-padding-top:8rem}
	.alleen-l,.banen,.pijlen{display:none!important}.alleen-t{display:block!important}
	.tsl{display:block;position:absolute;left:-2rem;width:43rem;pointer-events:none;overflow:visible;z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s var(--curve)}
	.tsl.rechts{clip-path:inset(0 0 0 100%)}.tsl.aan{clip-path:inset(0)}
	.s{min-height:var(--th)}
	.vlakken{display:none}.vlak{display:block;position:absolute;left:0;right:0;height:calc(var(--vh) * .5);z-index:1;pointer-events:none}
	.w{width:auto;max-width:none;margin:0 2.4rem}
	.s h2{font-size:4.8rem;line-height:4.7rem}
	.menubalk{top:2.2rem;width:36.6rem;max-width:none}
	.menubalk.vast{top:1rem}
	.balk{height:5.6rem;padding:0 .6rem 0 1.4rem}
	.logo img{height:3.4rem}
	.hoofd,.taal{display:none}
	.knopbalk{margin-left:auto;height:4.4rem;padding:0 1.6rem;font-size:1.4rem;gap:.8rem}
	.knopbalk .lang{display:none}.knopbalk .kort{display:inline}
	.menuknop{display:grid;place-content:center;gap:.5rem;width:4.4rem;height:4.4rem;margin-left:.6rem;border:0;border-radius:50%;background:#2A2B27;cursor:pointer}
	.menuknop i{display:block;width:1.8rem;height:.2rem;background:#fff;transition:transform .25s}
	.menubalk.open .menuknop i:first-child{transform:translateY(.35rem) rotate(45deg)}
	.menubalk.open .menuknop i:last-child{transform:translateY(-.35rem) rotate(-45deg)}
	.paneel{display:block;margin-top:.8rem;padding:2rem;background:var(--zwart);border-radius:2.4rem;max-height:calc(100vh - 11rem);overflow:auto}
	.paneel[hidden]{display:none}
	.paneel:not([hidden]){animation:paneelin .22s var(--curve)}
	.paneel nav a{display:block;padding:1rem 0;font:400 3.4rem/3.6rem var(--bebas);color:#fff;text-decoration:none}
	.paneel nav a[aria-current]{color:var(--lime)}
	.paneeltaal{display:flex;gap:1.6rem;margin-top:1.6rem}.paneeltaal a{color:#fff;font-weight:600}
	.paneelcontact{margin-top:1.6rem;font-size:1.4rem;color:#D9D9D4}.paneelcontact a{text-decoration:none}
	/* hero */
	.held{height:auto;min-height:var(--th);padding-bottom:3.2rem}
	.held .w{position:relative;inset:auto;margin:0 1.2rem;padding-top:1.2rem}
	.heldkader{position:relative;inset:auto;height:64rem;border-radius:3.2rem}
	.heldkader img{transform-origin:50% 40%;animation:heldzoom 16s cubic-bezier(.2,.6,.3,1) both}
	.heldkader::after{height:38rem}
	.heldinhoud{left:2rem;right:2rem;bottom:2.4rem}
	.heldinhoud h1{font-size:5.6rem;line-height:5.4rem}
	.heldinhoud p{margin-top:1.2rem;font-size:1.6rem;line-height:2.3rem}
	.heldknoppen{flex-direction:column;align-items:flex-start;gap:1.6rem;margin-top:1.6rem}
	.feiten{position:relative;right:auto;bottom:auto;width:auto;margin:1.6rem 1.2rem 0;padding:1.8rem 2rem;gap:1.4rem}
	.feiten dd{font-size:3rem;line-height:3rem}.feiten dt{font-size:1.1rem;line-height:1.5rem}
	/* video */
	.videoblok,.videoblok:has([data-vimeo]){min-height:0}.videoblok .w,.videoblok:has([data-vimeo]) .w{height:auto;padding:3rem 0}
	.videokader{width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:2rem;transform:scale(var(--g,1))}
	.play{width:6.4rem;height:6.4rem;margin:-3.2rem 0 0 -3.2rem}.play svg{width:2.4rem;height:2.4rem}
	/* uitklap */
	.uitklap .w{padding:4rem 0 4rem}
	.blokkop p{font-size:1.7rem;line-height:2.5rem}
	.uitklaprij{display:block;margin-top:2.4rem}
	.uitklapfotos{height:34.2rem}
	.uitklaplijst{height:auto;margin-top:2.4rem;border-bottom:0}
	.uitklaplijst{display:block}.urij,.urij.aan{display:block;flex:none;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.16)}
	.urij:first-child{border-top:0}
	.urij button{pointer-events:none}.urij .chev{display:none}
	.utitel{font-size:3rem;line-height:3.2rem;margin-left:0;padding:0}
	.urij.aan .utitel{padding:.3rem 1rem 0;background:var(--lime)}
	.utekst,.urij.aan .utekst{grid-template-rows:1fr}
	.utekst p{padding-top:.6rem;font-size:1.5rem;line-height:2.3rem}
	/* schuifrijen */
	.assortiment .w{padding-top:7.2rem}
	.rijkop{display:block}.rijkop p{font-size:1.7rem;line-height:2.5rem}
	.schuifrij{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;width:39rem;margin-left:-2.4rem;padding:0 2.4rem;clip-path:none;margin-top:2.4rem;scrollbar-width:none}
	.schuifrij::-webkit-scrollbar{display:none}
	.spoor,.spoor:has(.lid){gap:1.6rem;transform:none!important}
	.spoor>[aria-hidden]{display:none}
	.productkaart,.lid{width:28rem;flex:none;scroll-snap-align:center}
	.pfoto .lab{font-size:2.4rem;left:1.2rem;bottom:1.2rem}
	.lid .pfoto img{height:32rem}
	/* route */
	.route .w{padding:5.6rem 0 15.4rem}.route .band{margin-top:2.4rem;gap:1.3rem;padding-bottom:2.3rem}.route .band .knop{font-size:2rem}
	.routekop{display:block}.routekop p{margin-top:2.9rem;font-size:1.6rem;line-height:2.4rem}.routekop .knop{width:24.1rem;margin-top:1.8rem}
	.fases{display:flex;overflow-x:auto;gap:1.2rem;width:39rem;margin:2.4rem 0 0 -2.4rem;padding:0 2.4rem;scroll-snap-type:x mandatory;scrollbar-width:none}
	.fases::-webkit-scrollbar{display:none}
	.fase{flex:none;width:30rem;min-height:42.8rem;padding-bottom:2.1rem;scroll-snap-align:center}
	.band{flex-direction:column;align-items:stretch;padding:2rem}
	.band .knop{font-size:1.9rem;padding:.3rem .8rem 0;white-space:nowrap}
	.cijfers{grid-template-columns:15.1rem 1fr;gap:2.4rem;margin-top:2.8rem;padding-top:2.4rem}
	.cijfers div{display:block}.cijfers dd{font-size:4rem;line-height:3.9rem}.cijfers dt{margin-top:.9rem}
	/* locatie */
	.locatie .w{min-height:0;padding:3.6rem 0 0}
	.loctekst{position:static;width:auto}.loctekst p{font-size:1.6rem;line-height:2.4rem}
	.kaartnl.alleen-t{position:relative;left:auto;top:auto;width:33.5rem;height:39.2rem;margin:3rem 0 3rem .7rem}
	/* ondernemers */
	.ondernemers .w{padding:4.8rem 0 5.6rem}
	.ondernemers.licht .vlak.boven~.w{padding-top:8rem}
	.onderkop{display:block}.onderkop .knop{margin-top:1.6rem}
	.onderrij{display:flex;overflow-x:auto;gap:1.6rem;width:39rem;margin:2.4rem 0 0 -2.4rem;padding:0 2.4rem;scroll-snap-type:x mandatory;scrollbar-width:none}
	.onderrij::-webkit-scrollbar{display:none}
	.onderkaart{flex:none;width:28rem;scroll-snap-align:center}
	.ofoto{height:31.3rem}.ofoto .lab{font-size:2.4rem;left:1.2rem;bottom:1.2rem}
	.onderkaart h3{margin-top:1rem;font-size:2.6rem;line-height:2.8rem}
	/* formulier */
	.formblok .w,.formblok:has(.formintro) .w{padding:5.6rem 0 5.6rem}
	.formblok:has(.vlak.boven) .w{padding-top:8.8rem}
	.formkop .lab{margin:.6rem 0 0}
	.formintro{font-size:1.6rem;line-height:2.4rem}
	.drie{grid-template-columns:1fr;gap:1.6rem;margin-top:2rem}
	.formraster{display:block}
	.contactfoto{height:33.4rem}.contactnaam{left:1.2rem;bottom:1.2rem;gap:.6rem}.contactnaam .lab{font-size:2.4rem}.contactnaam small{font-size:1.2rem;padding:.5rem 1rem}.brochureblok p a{white-space:nowrap}
	.brochureblok{gap:1.2rem;margin-top:2rem}.brochureblok>.fk{width:11rem;height:9rem}
	.brochureblok h3{font-size:2.4rem;line-height:2.4rem}.brochureblok li{font-size:1.4rem;line-height:2rem;margin-bottom:.4rem}.brochureblok p{font-size:1.4rem}
	.kaartform{margin-top:2.4rem;padding:2.4rem 2rem}
	.keuze button{font-size:1.2rem}.keuze .lang{display:none}.keuze .kort{display:inline}
	.rij{flex-direction:column}
	/* overige blokken */
	.fvtekst{height:auto}.vwrij>div{padding-top:0}.reken{min-height:0}.achtkaarten article,.vraag,.vraag:nth-child(-n+2),.tfkaarten li,.tf3 .tfkaarten li{min-height:0}
	.heldinhoud h1 .lab{white-space:nowrap}
	.fotoverhaal .w,.verwachten .w,.investeren .w,.kaarten .w,.traject .w{padding:4.8rem 0 6rem}
	.fvrij,.vwrij,.vhrij,.zijde-rechts .vhrij,.missierij,.reken,.khkolommen,.kh,.tfase,.tfkaarten,.tf3 .tfkaarten,.vragenraster{display:block}
	.fvfoto{height:34.2rem;margin-bottom:2rem}
	.fvtekst blockquote{font-size:3.2rem;line-height:3.4rem}
	.collage .w{min-height:0;padding:7rem 0 5rem}.coltekst{width:auto}
	.colfotos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.4rem}
	.colfotos .fk{position:static;width:100%!important;height:18rem!important;border-width:.4rem}
	.colfotos .c0,.colfotos .c3{transform:rotate(-2deg)}.colfotos .c1,.colfotos .c2,.colfotos .c4{transform:rotate(2deg)}
	.achtkaarten,.invkaarten,.tfkaarten,.tf3 .tfkaarten{display:flex;overflow-x:auto;gap:1.2rem;width:39rem;margin-left:-2.4rem;padding:0 2.4rem;scroll-snap-type:x mandatory;scrollbar-width:none}
	.achtkaarten::-webkit-scrollbar,.invkaarten::-webkit-scrollbar,.tfkaarten::-webkit-scrollbar{display:none}
	.achtkaarten article,.invkaarten article,.tfkaarten li,.tf3 .tfkaarten li{flex:none;width:26rem;scroll-snap-align:center;margin:0}
	.achtkaarten article:nth-child(odd) .lab{background:var(--lime)}.achtkaarten article:nth-child(even) .lab{background:var(--oranje)}
	.trajectfases{gap:2.9rem;margin-top:2.9rem}.tfkaarten li,.tf3 .tfkaarten li{flex-direction:column}.tfkaarten p{margin-top:.7rem}
	.tfase:first-child li:first-child p{font-size:1.33rem;line-height:1.99rem}
	.traject .w{padding:5.6rem 0 6.9rem}.traject .band{margin-top:2.4rem;gap:1.8rem}.traject .band>div>span{display:block;max-width:24rem;margin-top:.2rem;line-height:2rem}.traject .band .knop{font-size:2rem}
	.tfkop .lab,.vhtekst .lab,.fase .lab{padding:.5rem 1.2rem .3rem}
	.missie .w{padding:9.6rem 0 4.1rem}.missierij article{padding:2.7rem 2.8rem 2.4rem;margin-bottom:2.4rem}.missierij h2{font-size:4rem;line-height:4rem}.missierij p{margin-top:2rem;font-size:1.6rem;line-height:2.5rem}.missierij article+article{padding-top:3.1rem;padding-bottom:2rem}
	.team,.fotoverhaal{min-height:0}
	.team .w{padding:4.8rem 0 5.6rem}.lid h3{font-size:2.8rem;line-height:3rem}.lid p{font-size:1.4rem;line-height:2.1rem}
	.verwachten .w{padding:5.5rem 0 5.2rem}.verwachten h2{max-width:26rem;font-size:4.68rem;line-height:4.58rem}.vwrij{margin-top:3rem}.vwrij>.fk{height:32.8rem;margin-bottom:2.4rem}.vwrij p{font-size:1.6rem;line-height:2.5rem}
	.keuzehulp .w{padding:7rem 0 5rem}.khfoto{height:23.6rem;min-height:0}
	.khrechts{padding:2.4rem 2rem}.voortgang i{flex:1;width:auto}.khvraag h3{font-size:3.8rem;line-height:3.7rem}
	.kh.klaar .khfoto{display:none}.khform{margin-top:2rem}
	.rekenlinks,.rekenrechts{padding:2rem;margin-top:1.2rem}.rekenlinks{padding:2.1rem 2rem 1.5rem}.rkinbreng{margin-top:1.4rem;font-size:6.4rem}
	.investeren .w{padding:5.5rem 0 6.5rem}.investeren h2{max-width:28rem;font-size:4.56rem;line-height:4.46rem}.reken{margin-top:2.4rem}
	#rk{margin:2.6rem 0 2.4rem}.rkgrens{font-size:1.2rem}.rekenrechts>p:first-child{font-size:1.3rem}.rekenrechts .klein{margin:1.4rem 0 1.4rem;font-size:1.3rem;line-height:2rem}.rekenrechts .knop{width:100%;font-size:2rem}
	.verhaalblok{min-height:0}.verhaalblok .w{padding:5.6rem 0 5.6rem}
	.verhaalblok:has(.vlak.boven) .w{padding-top:9.6rem}
	.vhfoto{height:32.9rem}.vhtekst{margin-top:2.4rem}.zijde-rechts .vhtekst{margin:0 0 2.4rem}.zijde-rechts .vhfoto{order:0}
	.zijde-rechts .vhrij{display:flex;flex-direction:column;align-items:stretch}.zijde-rechts .vhrij:has(.knop){gap:0}.zijde-rechts .vhfoto{order:2}
	.vhtekst h2{margin-top:2.4rem;font-size:4rem;line-height:3.9rem}.vhtekst small{margin-top:2.8rem}
	.vhtekst blockquote{margin-top:1.5rem;font-size:2.6rem;line-height:2.9rem}.vhtekst p{display:none}
	.vhtekst .knop{width:25rem;min-height:4.8rem;margin-top:.9rem;font-size:2.2rem}.zijde-rechts .vhtekst .knop{min-height:4.4rem;margin-top:.3rem}.verhaalblok:not(.zijde-rechts):has(.vhtekst .knop) .w{padding-bottom:1.7rem}
	.leeskaart{display:block;height:calc(100dvh - 3.2rem);overflow-y:auto}.leesfoto{height:30rem}
	dialog.lees{max-height:none}.leestekst{padding:2.4rem 2rem 3.2rem;overflow:visible}.leestekst h2{font-size:3.6rem;line-height:3.6rem}
	.vragenblok .w{padding:5.6rem 0 6.3rem}.vragenblok .band{margin-top:2.4rem;gap:1.7rem}.vragenblok .band>div>span{display:block;max-width:23rem;margin-top:.4rem;line-height:2rem}.vragenblok .band .knop{font-size:2rem}.antwoord .tekstlink{font-size:1.5rem}
	.vraag{padding:1.8rem 2rem;margin-bottom:1rem}.vraag h2{font-size:2.6rem;line-height:2.8rem}
	.vraag button{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;cursor:pointer}.vraag .chev{display:block}
	.vraag.open .chev{transform:rotate(180deg)}
	.antwoord{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--curve)}.antwoord>div{overflow:hidden}.vraag.open .antwoord{grid-template-rows:1fr}
	:lang(zh-Hans) .heldinhoud h1{font-size:4.4rem;line-height:5.2rem}
	.tekstpagina{padding-top:11rem}.tekstpagina h1{font-size:5.6rem;line-height:5.4rem}
	/* voet */
	.voet{padding:0 1.2rem 1.2rem}
	.voetkaart{padding:3.2rem 2.4rem 2.4rem}
	.voetboven{grid-template-columns:1fr 1fr;gap:2.8rem 1.6rem}.voetmerk{grid-column:1/-1}
	.voetonder{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.voetonder>a{order:0}.voetonder .pb{order:3;align-self:center}
	.hulp{right:2.2rem;bottom:7.6rem}.hulpknop{width:6rem;height:6rem}.hulpdot{width:1.6rem;height:1.6rem}.hulppaneel{right:-1rem;width:calc(100vw - 2.4rem);max-height:calc(100dvh - 18rem);overflow-y:auto}.hulpkop{height:17rem}.hulpwa{padding:1.2rem}.hulptegel{padding:1.2rem}.hulptegel small{font-size:1.15rem;overflow-wrap:normal}
	.tcta{position:fixed;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:40;display:flex;align-items:center;justify-content:center;gap:1rem;height:5.2rem;border-radius:.8rem;background:var(--oranje);color:#000;font:400 2.4rem/1 var(--bebas);text-decoration:none;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.35);transform:translateY(calc(100% + 2rem));visibility:hidden;transition:transform .3s var(--curve),visibility 0s .3s}
	.tcta.zicht{transform:none;visibility:visible;transition:transform .3s var(--curve)}
	.pinblad{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;color:#000;border-radius:2.4rem 2.4rem 0 0;padding:2rem;max-height:60vh;overflow:auto;transform:translateY(100%);transition:transform .35s var(--curve);box-shadow:0 -1rem 3rem rgba(0,0,0,.3)}
	.pinblad[hidden]{display:none}.pinblad.open{transform:none}
	.pinblad-dicht{position:absolute;right:1.2rem;top:1.2rem;width:4rem;height:4rem;border:0;border-radius:50%;background:var(--licht);font-size:2.4rem;line-height:1}
	.pinblad .pinrij{margin-bottom:1.2rem;padding-right:4rem}
	.pinblad h3{font-size:2.6rem;line-height:2.8rem}.pinblad p{font-size:1.3rem;line-height:1.9rem}
	.vertrek{display:none!important}
	/* gelijk aan de telefoonversie van de demo: maten */
	.heldinhoud h1{font-size:4.8rem;line-height:4.7rem}.heldinhoud h1 .lab{padding:.6rem 1rem 0}
	.heldinhoud p{line-height:2.4rem}
	.heldknoppen .knop{padding:.3rem 3.2rem 0}.heldknoppen .tekstknop{margin-left:1.8rem}
	.feiten{padding:1.8rem 2.8rem;gap:1rem}.feiten dd{font-size:2.4rem;line-height:2.8rem}
	.blokkop p,.rijkop p{font-size:1.6rem;line-height:2.5rem}.formintro,.loctekst p,.routekop p{line-height:2.5rem}
	.drie strong{font-size:2.2rem;line-height:2.2rem}.drie span{font-size:1.4rem}
	.band strong{font-size:1.5rem;line-height:2.2rem}.band span{line-height:2.1rem}
	.kaartform{padding:2.8rem}.keuze button{font-size:1.3rem}.verstuur{font-size:2.2rem;line-height:2.2rem}
	.voetkaart{padding:3.2rem 2.8rem 2.4rem}.voetkol h2{font-size:2.2rem;line-height:2.4rem}
	.voetkol a,.voetkol span,.voetmerk p,.voetonder,.voetonder a,.voetonder span{color:#D9D9D4}.voetmerk p{line-height:2.4rem}.voetonder{line-height:2rem}
	.pfoto .lab,.ofoto .lab{font-size:2.35rem;line-height:2.51rem}
	.achtkaarten article,.invkaarten article{width:28rem;padding:2.4rem}.achtkaarten p,.invkaarten p,.productkaart p{line-height:2.3rem}
	.invkaarten{margin-top:3rem}.invkaarten article{padding-bottom:1.2rem}.invkaarten h3{margin-top:3.3rem}.invkaarten p{margin-top:.8rem}
	.invkaarten strong{font-size:4rem;line-height:3.9rem}.invkaarten h3{font-size:3rem;line-height:3.2rem}.invkaarten p{font-size:1.5rem}
	.fase p{margin-top:.8rem;min-height:13.6rem;line-height:2.3rem}.fase:first-child p{max-width:22.4rem}.fase ol{margin-top:1rem}.fase small,.tfkop small{line-height:2rem}.fase li{gap:1.5rem;padding:.55rem 0}.fase li b{min-width:1.9rem;font-size:2.4rem;line-height:2.6rem}
	.tfkaarten li,.tf3 .tfkaarten li{padding:2rem 2rem 1.7rem}.tfkaarten b{font-size:3rem;line-height:3.1rem}.tfkaarten h3{font-size:2.2rem;line-height:2.4rem}
	.vwrij li{font-size:2.6rem;line-height:2.8rem}.lid h3{font-size:2.6rem;line-height:2.8rem}
	.fvtekst p,.coltekst p{font-size:1.6rem;line-height:2.5rem}
	.contactnaam .lab{font-size:1.97rem;line-height:2.1rem}.contactnaam small{font-size:.92rem;line-height:1.32rem}
	.brochureblok>.fk{width:9.3rem;height:auto}.brochureblok p,.brochureblok p a{font-size:1.3rem;line-height:1.9rem}
	.rekenlinks .lab{font-size:2rem}.rekenlinks label{margin-top:1.6rem;font-size:1.4rem}.rekenrechts p{font-size:1.3rem;line-height:2rem}.rkinv{font-size:3.2rem;line-height:3.2rem}
	.khkop .lab{font-size:2.4rem}.khkop p{font-size:1.5rem;line-height:2.2rem}.voetnoot{margin-top:1.3rem;font-size:1.4rem;line-height:2rem}
	.utitel{padding:.45rem 0 0;transition:background-color .35s,padding .35s var(--curve),color .35s}.urij.aan .utitel{padding:.45rem 1.2rem 0}
	/* vragen: kaart met rond plusje dat naar min draait */
	.vraag{padding:0;margin-bottom:2.4rem;background:#31322E;border-radius:2.4rem;box-shadow:0 1.2rem 3rem rgba(0,0,0,.13)}
	.vraag .chev{display:none}
	.vraag button{position:relative;display:block;width:100%;min-height:8.6rem;padding:2.8rem 7.4rem 2.8rem 2.8rem;text-align:left}
	.vraag.open button{padding-bottom:.4rem}
	.vraag button::before{content:'';position:absolute;right:2.8rem;top:2.6rem;width:3.2rem;height:3.2rem;border-radius:50%;background:linear-gradient(#000,#000) center/1.4rem .3rem no-repeat,#ABC917}
	.vraag button::after{content:'';position:absolute;right:3.7rem;top:4.05rem;width:1.4rem;height:.3rem;background:#000;transform:rotate(90deg);transition:transform .4s var(--curve)}
	.vraag.open button::after{transform:rotate(0)}
	.antwoord{transition:grid-template-rows .4s var(--curve)}.antwoord>div{padding:0 2.8rem}.vraag.open .antwoord>div{padding-bottom:2.6rem}.antwoord p{font-size:1.5rem;line-height:2.3rem;color:#D9D9D4}
	.menubalk{width:34.6rem}.menubalk.vast{width:37rem}
	.feiten{padding:1.8rem 2.4rem}
	.voetboven{grid-template-columns:1fr}
	.brochureblok p a{display:block}
	.s h2 .lab,.heldinhoud h1 .lab{line-height:4.69rem}
	.pfoto .lab,.ofoto .lab{padding-left:1rem;padding-right:1rem}.contactnaam .lab{padding-left:.9rem;padding-right:.9rem}.formkop .lab{padding:.6rem 1.3rem 0}
	.productkaart p{font-weight:400}
	.heldinhoud h1 .lab{display:table;margin-top:2rem}
	.heldknoppen:has(.tekstknop){gap:2.7rem;margin-top:3.8rem}
	.feiten dd{line-height:4.6rem}
	.uitklap .w{padding-top:5.6rem}.uitklaplijst{margin-top:4.9rem}.urij,.urij.aan{padding:1.95rem 0}.utekst p{padding-top:1rem}
	.assortiment .w{padding-top:9.6rem}.rijkop h2{margin-bottom:1.7rem}
	.team .w{padding-top:5.6rem}
	.tfkaarten{margin-top:2rem}.tfkaarten li{gap:1.8rem}
	.tf3 .tfkaarten b{font-size:4.4rem;line-height:4.6rem}.tf3 .tfkaarten li{gap:.5rem;padding-bottom:4.6rem}.tf3 .tfkaarten h3{font-size:2.6rem;line-height:2.8rem}
	.voetboven{gap:1.6rem}.voetkol{gap:.8rem}.voetkol h2{margin-bottom:0}
	.voetonder{margin-top:1.6rem;padding-top:1.6rem;gap:1.6rem}.voetonder,.voetonder a,.voetonder span{color:#A9A9A3}.voetonder>span:first-child{max-width:22rem}
	.onderkaart p,.onderkaart small{color:#3A3B36}
	.collage .w{padding-top:9.6rem}.coltekst p{margin-top:2.4rem}
	.colfotos{display:block;position:relative;width:39rem;height:38rem;margin:2.4rem 0 0 -2.4rem}
	.colfotos .fk{position:absolute;border-width:.35rem;border-radius:1.1rem}
	.colfotos .c0{left:3rem;top:1.35rem;width:14.6rem!important;height:18.7rem!important;transform:rotate(-3deg)}
	.colfotos .c1{left:18.65rem;top:1.25rem;width:13.9rem!important;height:13.5rem!important;transform:rotate(4deg)}
	.colfotos .c2{left:17.6rem;top:15.65rem;width:17.2rem!important;height:12.7rem!important;transform:rotate(-3deg)}
	.colfotos .c3{left:3.9rem;top:22rem;width:12.6rem!important;height:15.3rem!important;transform:rotate(4deg)}
	.colfotos .c5,.colfotos .c6{display:none}
	.colfotos .c4{left:24.5rem;top:23.35rem;width:11.4rem!important;height:13.3rem!important;transform:rotate(-6deg)}
	.feiten{grid-template-columns:10.2rem 10.2rem 1fr;column-gap:.47rem;row-gap:0;padding:1.6rem 2.4rem}.feiten dt{margin-top:0}
	.formkop .lab{margin-top:2.9rem}.drie span{margin-top:.4rem}
	.heldinhoud p{max-width:29.4rem}.heldknoppen:has(.tekstknop){margin-top:1.2rem}
	.videoblok .w,.videoblok:has([data-vimeo]) .w{padding:0 0 4rem}.videokader{aspect-ratio:auto;height:21.2rem!important}
	.brochureblok ul.alleen-t li{font-size:1.3rem;line-height:1.9rem}
	.feiten{padding-left:1.6rem;padding-right:1.6rem}.feiten div{min-width:0}
	.vraag button{box-sizing:border-box}
	.vwrij ul{margin-top:.5rem}.vwrij li{padding:.9rem 0 .6rem;text-wrap:balance}
	/* onderblad van de kaart */
	.pinblad{padding:1.2rem 2rem calc(2rem + env(safe-area-inset-bottom));max-height:72vh;transform:translateY(105%);transition:transform .4s var(--curve)}
	.pinblad::before{content:'';display:block;width:4rem;height:.4rem;margin:0 auto 1.4rem;border-radius:.2rem;background:#D0D0C8}
	.pinblad-dicht{right:1.4rem;width:3.6rem;height:3.6rem}
	.pinblad .pinrij{--foto:9.6rem;gap:1.4rem;padding:.6rem 4.4rem .6rem 0;margin-bottom:0}.pinblad .pinrij+.pinrij{padding-right:0}.pinblad p{font-size:1.4rem;line-height:2rem}
	/* animaties zoals de demo */
	.w-veeg{transition-delay:.15s}
	.w-kaart{translate:0 3rem;transition:opacity .5s,translate .7s var(--curve);transition-delay:calc(var(--i,0) * 100ms)}
	.w-zoom img{transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.w-zoom.aan img{transform:none}
	@keyframes veeghint{0%,100%{transform:none}45%{transform:translateX(-5.6rem)}}
	.hint>*{animation:veeghint 1.3s var(--curve) both}
	.tcta{transform:translateY(170%);transition:transform .45s var(--curve),visibility 0s .45s}.tcta.zicht{transition:transform .45s var(--curve),visibility 0s}
	.knop,.verstuur,.vraag button,.tcta,.onderkaart{-webkit-tap-highlight-color:transparent}
	.knop:active,.verstuur:active,.vraag button:active{transform:scale(.96)}.onderkaart.aan:active{transform:scale(.98);transition:transform .15s}.tcta.zicht:active{transform:scale(.97)}
}

/* Knoppen blijven op één regel, ook als de pijl bij aanwijzen verschijnt */
@media (min-width:760px){
	.knop{white-space:nowrap}
	.routekop .knop{flex:none;min-width:25.4rem}
}

/* Formulierblok laptop, naar Figma (Formulierblok, voorstel 9 nov) */
@media (min-width:1152px){
	.formblok{min-height:0}
	.formblok .w,.formblok:has(.formintro) .w{padding:4.8rem 0}
	.formblok:has(.vlak.boven) .w{padding-top:11.4rem}
	.s .formkop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 2rem;font-size:10rem;line-height:10.4rem}
	.s .formkop .lab{display:flex;align-items:center;height:10.4rem;margin:0;padding:.5rem 3rem 0;border-radius:1.4rem;line-height:1}
	html:not([lang^=nl]) .s .formkop{font-size:8.4rem;line-height:9rem}
	html:not([lang^=nl]) .s .formkop .lab{height:9rem;padding:.4rem 2.4rem 0}
	html[lang^=zh] .s .formkop{font-size:7rem}
	.drie{display:none}
	.formraster{grid-template-columns:52rem 55.2rem;gap:4.8rem;margin-top:2.6rem}
	.formlinks{position:relative}
	.contactfoto{height:55rem;box-shadow:0 1.8rem 4.4rem rgba(0,0,0,.22)}
	.contactnaam{gap:.4rem}
	.contactnaam small{display:flex;align-items:center;height:3.6rem;padding:0 1.2rem;font-weight:500;line-height:1}
	.contactnaam .lab{display:flex;align-items:center;height:4rem;padding:.3rem 1.2rem 0;font-size:3rem;line-height:1}
	.brochureblok{position:absolute;left:31.8rem;top:40.6rem;display:block;width:21.4rem;margin:0;z-index:2}
	.brochureblok>div{display:none}
	.brochureblok>.fk{display:block;width:21.4rem;transform:rotate(-5deg);filter:drop-shadow(0 1.4rem 1.5rem rgba(0,0,0,.32)) drop-shadow(0 .2rem .3rem rgba(0,0,0,.18))}
	.kaartform{gap:1.6rem;min-height:55rem;padding:2.8rem;border-radius:2.4rem;box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.18)}
	.kaartform>.klein{display:none}
	.kaartform .keuze{gap:.2rem;padding:.4rem;border-radius:1rem}
	.kaartform .keuze button{flex:1 1 auto;height:3.4rem;border-radius:.8rem;font-size:1.3rem}
	.kaartform .veld{gap:.6rem}.kaartform .veld small{line-height:1.5rem}
	.kaartform input:not([type=radio]){height:4.4rem}.kaartform textarea{height:5.1rem;padding:.8rem 1.6rem}
	.kaartform .chips legend{margin-bottom:.6rem}
	.kaartform .chips>div{flex-wrap:nowrap;gap:.8rem}.kaartform .chip{flex:1 1 auto}
	.kaartform .chip span{justify-content:center;height:3.6rem;padding:0 1rem;border-radius:.8rem;white-space:nowrap}
	.kaartform .verstuur{min-height:5rem}
	.kaartform .privacy{margin-top:-.8rem;font-size:1.2rem;line-height:1.5rem}
}

/* Witte cijferkaart: kaart komt omhoog, cijfers tellen op, woorden rollen in beeld */
html.fx .feiten{opacity:0;translate:0 2.4rem;transition:opacity .5s,translate .7s var(--curve)}
html.fx .feiten.aan{opacity:1;translate:none}
html.fx .feiten>div{opacity:0;translate:0 1.2rem;transition:opacity .4s,translate .6s var(--curve);transition-delay:calc(.12s + var(--i,0) * .12s)}
html.fx .feiten.aan>div{opacity:1;translate:none}
.feiten dd{font-variant-numeric:tabular-nums}
.feiten dd.letters{overflow:hidden}
.feiten dd.letters span{display:inline-block;translate:0 105%;transition:translate .55s var(--curve)}
.feiten dd.letters.los span{translate:none}

/* Overgang tussen pagina's: de nieuwe pagina vloeit rustig in, de menubalk blijft staan */
@media (prefers-reduced-motion:no-preference){
	@view-transition{navigation:auto}
	.menubalk{view-transition-name:menubalk}
	::view-transition-old(root){animation:none;mix-blend-mode:normal}
	::view-transition-new(root){animation:paginain .24s ease-out both;mix-blend-mode:normal}
}
@keyframes paginain{from{opacity:0}}

/* Kaart op telefoon: rondjes groen, cijfer precies in het midden (ook op iPhone) */
@media (max-width:759.98px){
	.kaartnl.alleen-t .pin{background:var(--lime);padding:0 0 .1rem}
	.kaartnl.alleen-t .pin.actief{background:var(--oranje)}
}

/* Effecten bij aanwijzen, gelijk aan de demo */
.pfoto .lab{transition:transform .35s var(--curve)}
.knopbalk{transition:background-color .2s}.knopbalk .pijl-i{transition:transform .25s var(--curve)}
.taalknop,.leesdicht{transition:background-color .2s}
.taalknop[aria-expanded=true]{background:#3A3B36}
.taallijst a[aria-current]{background:#2A2B27;color:var(--lime)}
.optie.gekozen{box-shadow:inset 0 0 0 .05rem var(--lime)}
.optie:active{transform:scale(.99)}
@media (hover:hover) and (min-width:760px){
	.colfotos .fk{cursor:pointer}
	.colfotos .fk:hover{transform:rotate(0) scale(1.05);z-index:9}
	.lid:hover .pfoto .lab{transform:translateY(-.6rem)}
	.knopbalk:hover{background:#F28F1F}.knopbalk:hover .pijl-i{transform:translateX(.4rem)}
	.taalknop:hover{background:#3A3B36}
	.optie:hover{box-shadow:inset 0 0 0 .05rem var(--lime)}
	.leesdicht:hover{background:#E6E6E1}
}