:root{--kleur-tekst: #ffffff;--kleur-tekst-zacht: rgba(255,255,255,.82);--kleur-knop-rand: rgba(255,255,255,.85);--kleur-knop-tekst: #ffffff;--kleur-knop-hover-bg: rgba(255,255,255,.14);--overlay-kleur: 18, 30, 48;--overlay-links: .82;--overlay-midden: .42;--overlay-rechts: .08;--pagina-breedte: 1280px;--pagina-marge-zijkant: 48px;--hero-hoogte: 100vh;--nav-hoogte: 90px;--nav-logo-grootte: 26px;--nav-logo-hoogte: 40px;--nav-link-grootte: 16px;--nav-link-afstand: 34px;--nav-rechts-afstand: 26px;--hero-tekst-breedte: 560px;--hero-tekst-links: 0px;--hero-tekst-omhoog: -10px;--titel-grootte: clamp(40px, 5vw, 72px);--titel-regelhoogte: 1.06;--titel-letterspatie: -1px;--titel-marge-onder: 22px;--sub-grootte: 18px;--sub-regelhoogte: 1.6;--sub-breedte: 430px;--sub-marge-onder: 34px;--knop-padding-y: 14px;--knop-padding-x: 34px;--knop-grootte: 16px;--knop-radius: 999px;--knop-randdikte: 1.5px;--foto-positie-x: right;--foto-positie-y: center;--foto-grootte: cover;--prod-achtergrond: #ffffff;--prod-tekst: #14233a;--prod-tekst-zacht: #5a6b7d;--accent: #2f5070;--prod-breedte: 1380px;--kaart-radius: 32px;--kaart-padding: 88px;--kaart-gat: 64px;--kaart-afstand: 56px;--kaart-beeld-breedte: 42%;--kaart-beeld-hoogte: 500px;--kaart-kleur-1: #f2ece0;--kaart-kleur-2: #e4f0e6;--kaart-kleur-3: #ddeef0;--ring-rechts: 47.45vw;--ring-omlaag: 2.4vw;--ring-breedte: 3.9vw;--ring-hoogte: 4.15vw;--ring-rotatie: 0deg;--ring-dikte: .2vw;--ring-helderheid: 1;--ring-puls-snelheid: 3.2s;--ring-puls-min: .18;--kring-rechts: 9.9vw;--kring-omlaag: -3.68vw;--kring-breedte: 5.6vw;--kring-hoogte: 5.6vw;--kring-rotatie: 0deg;--kring-dikte: .22vw;--kring-helderheid: 1;--kring-puls-snelheid: 3.2s;--kring-puls-min: .18;--pring-rechts: 9.65vw;--pring-omlaag: -2.28vw;--pring-breedte: 3.2vw;--pring-hoogte: 3.2vw;--pring-rotatie: 0deg;--pring-dikte: .18vw;--pring-kleur: 64, 214, 122;--pring-helderheid: 1;--pring-puls-snelheid: 3.2s;--pring-puls-min: .2;--lring-rechts: 50.1%;--lring-omlaag: -4.4vw;--lring-breedte: 6.6vw;--lring-hoogte: 6.7vw;--lring-rotatie: 0deg;--lring-dikte: .25vw;--lring-helderheid: 1;--lring-puls-snelheid: 3.2s;--lring-puls-min: .18;--waarom-foto: url(/waarom.jpg);--waarom-hoogte: 780px;--waarom-breedte: 1380px;--waarom-kolom: 600px;--waarom-zijde: 48px;--waarom-scrim: .35;--verhaal-hoogte: 540px;--verhaal-radius: 24px;--verhalen-breedte: 2040px;--verhalen-zijde: 40px;--contact-breedte: 1100px;--contact-groen: #e4f0e6;--contact-grijs: #f1f2f4;--wa-kleur: #25d366;--footer-bg: #121e30;--raster-stap: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Hanken Grotesk,sans-serif;color:var(--kleur-tekst);-webkit-font-smoothing:antialiased}.hero{position:relative;min-height:var(--hero-hoogte);display:flex;flex-direction:column;background-image:url(/hero.jpg);background-repeat:no-repeat;background-position:var(--foto-positie-x) var(--foto-positie-y);background-size:var(--foto-grootte);overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(95deg,rgba(var(--overlay-kleur),var(--overlay-links)),rgba(var(--overlay-kleur),var(--overlay-midden)) 38%,rgba(var(--overlay-kleur),var(--overlay-rechts)) 72%,rgba(var(--overlay-kleur),var(--overlay-rechts)))}.nav{position:fixed;top:0;left:0;z-index:1000;width:100%;height:var(--nav-hoogte);padding-inline:var(--pagina-marge-zijkant);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;background:transparent;transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease,height .3s ease}.nav--vast{background:#121e3080;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 24px #0000002e}.nav--licht{background:#ffffffb8;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 6px 24px #14233a1a;border-bottom:1px solid rgba(20,35,58,.08)}.nav--licht .nav__logo,.nav--licht .nav__links a,.nav--licht .nav__right a{color:var(--prod-tekst)}.nav--licht .nav__right a+a{border-left-color:#14233a40}.nav__left{display:flex;align-items:center;gap:46px}.nav__logo{justify-self:start}.nav__links{justify-self:center}.nav__right{justify-self:end}.nav__logo{font-family:Poppins,sans-serif;font-weight:600;font-size:var(--nav-logo-grootte);letter-spacing:-.5px;color:var(--kleur-tekst);text-decoration:none;display:flex;align-items:center;transition:color .3s ease}.nav__links{display:flex;align-items:center;gap:var(--nav-link-afstand)}.nav__links a,.nav__right a{position:relative;font-size:var(--nav-link-grootte);font-weight:500;color:var(--kleur-tekst);text-decoration:none;padding-block:6px;transition:color .3s ease}.nav__links a{font-size:calc(var(--nav-link-grootte) + 2px);font-weight:600;letter-spacing:.1px}.nav__links a:after,.nav__right a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:2px;background:currentColor;transition:width .25s ease}.nav__links a:hover:after,.nav__right a:hover:after{width:100%}.nav__logo-img{height:var(--nav-logo-hoogte);width:auto;display:block}.nav__logo-img--donker,.nav--licht .nav__logo-img--wit{display:none}.nav--licht .nav__logo-img--donker{display:block}.nav__right{display:flex;align-items:center;gap:var(--nav-rechts-afstand)}.nav__right a+a{border-left:1px solid rgba(255,255,255,.4);padding-left:var(--nav-rechts-afstand)}.hero__inner{position:relative;z-index:2;flex:1;width:100%;max-width:var(--pagina-breedte);margin-inline:auto;padding-inline:var(--pagina-marge-zijkant);display:flex;align-items:center}.hero__content{max-width:var(--hero-tekst-breedte);margin-left:var(--hero-tekst-links);transform:translateY(var(--hero-tekst-omhoog));animation:opkomen .8s ease both}.hero__title{font-family:Poppins,sans-serif;font-weight:600;font-size:var(--titel-grootte);line-height:var(--titel-regelhoogte);letter-spacing:var(--titel-letterspatie);margin-bottom:var(--titel-marge-onder)}.hero__subtitle{font-size:var(--sub-grootte);line-height:var(--sub-regelhoogte);max-width:var(--sub-breedte);color:var(--kleur-tekst-zacht);margin-bottom:var(--sub-marge-onder)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:Hanken Grotesk,sans-serif;font-size:var(--knop-grootte);font-weight:600;color:var(--kleur-knop-tekst);padding:var(--knop-padding-y) var(--knop-padding-x);border:var(--knop-randdikte) solid var(--kleur-knop-rand);border-radius:var(--knop-radius);background:transparent;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .15s ease}.btn:hover{background:var(--kleur-knop-hover-bg);transform:translateY(-2px)}.zaptec-ring{position:absolute;z-index:3;top:calc(50% + var(--ring-omlaag));right:var(--ring-rechts);width:var(--ring-breedte);height:var(--ring-hoogte);transform:translate(50%,-50%) rotate(var(--ring-rotatie));border-radius:50%;pointer-events:none}.zaptec-ring i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--ring-dikte) solid rgba(255,255,255,var(--ring-helderheid));--puls-min: var(--ring-puls-min);box-shadow:0 0 .6vw #fffffff2,0 0 1.8vw #ffffffa6,0 0 3.2vw #ffffff59,inset 0 0 .7vw #ffffffb3;will-change:opacity,transform;animation:ring-ademen var(--ring-puls-snelheid) ease-in-out infinite}@keyframes ring-ademen{0%,to{opacity:var(--puls-min);transform:scale(.97)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.zaptec-ring i{animation:none;opacity:1;box-shadow:0 0 .5vw #fff9,inset 0 0 .4vw #ffffff73}.kaart-ring i,.kaart-ring--pro i{animation:none;opacity:1}}.kaart-ring{position:absolute;z-index:3;top:calc(50% + var(--kring-omlaag));right:var(--kring-rechts);width:var(--kring-breedte);height:var(--kring-hoogte);transform:translate(50%,-50%) rotate(var(--kring-rotatie));border-radius:50%;pointer-events:none}.kaart-ring i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--kring-dikte) solid rgba(255,255,255,var(--kring-helderheid));--puls-min: var(--kring-puls-min);box-shadow:0 0 .6vw #fffffff2,0 0 1.8vw #ffffffa6,0 0 3.2vw #ffffff59,inset 0 0 .7vw #ffffffb3;will-change:opacity,transform;animation:ring-ademen var(--kring-puls-snelheid) ease-in-out infinite}.kaart-ring--pro{position:absolute;z-index:3;top:calc(50% + var(--pring-omlaag));right:var(--pring-rechts);width:var(--pring-breedte);height:var(--pring-hoogte);transform:translate(50%,-50%) rotate(var(--pring-rotatie));border-radius:50%;pointer-events:none}.kaart-ring--pro i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--pring-dikte) solid rgba(var(--pring-kleur),var(--pring-helderheid));--puls-min: var(--pring-puls-min);box-shadow:0 0 .5vw rgba(var(--pring-kleur),.95),0 0 1.4vw rgba(var(--pring-kleur),.6),0 0 2.6vw rgba(var(--pring-kleur),.35),inset 0 0 .6vw rgba(var(--pring-kleur),.6);will-change:opacity,transform;animation:ring-ademen var(--pring-puls-snelheid) ease-in-out infinite}.kaart-ring[hidden],.kaart-ring--pro[hidden]{display:none}.lhero-ring{position:absolute;z-index:3;top:calc(50% + var(--lring-omlaag));right:var(--lring-rechts);width:var(--lring-breedte);height:var(--lring-hoogte);transform:translate(50%,-50%) rotate(var(--lring-rotatie));border-radius:50%;pointer-events:none}.lhero-ring i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--lring-dikte) solid rgba(255,255,255,var(--lring-helderheid));--puls-min: var(--lring-puls-min);box-shadow:0 0 .6vw #fffffff2,0 0 1.8vw #ffffffa6,0 0 3.2vw #ffffff59,inset 0 0 .7vw #ffffffb3;will-change:opacity,transform;animation:ring-ademen var(--lring-puls-snelheid) ease-in-out infinite}@media (prefers-reduced-motion: reduce){.lhero-ring i{animation:none;opacity:1}}@keyframes opkomen{0%{opacity:0;transform:translateY(calc(var(--hero-tekst-omhoog) + 18px))}to{opacity:1;transform:translateY(var(--hero-tekst-omhoog))}}.grid-toggle{position:fixed;right:16px;bottom:16px;z-index:100;font:600 13px Poppins,sans-serif;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.35);background:#121e3073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.raster-aan .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:var(--raster-stap) var(--raster-stap)}.producten{background:var(--prod-achtergrond);color:var(--prod-tekst);padding:120px var(--pagina-marge-zijkant)}.producten__titel{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(32px,4vw,52px);letter-spacing:-1px;text-align:center;margin-bottom:64px}.kaart{position:relative;max-width:var(--prod-breedte);margin:0 auto var(--kaart-afstand);display:flex;align-items:center;gap:var(--kaart-gat);padding:var(--kaart-padding);border-radius:var(--kaart-radius)}.kaart:last-child{margin-bottom:0}.kaart--1{background:var(--kaart-kleur-1)}.kaart--2{background:var(--kaart-kleur-2)}.kaart--3{background:var(--kaart-kleur-3)}.kaart--beeld-rechts{flex-direction:row-reverse}.kaart__beeld{position:relative;flex:0 0 var(--kaart-beeld-breedte);display:flex;align-items:center;justify-content:center;height:var(--kaart-beeld-hoogte)}.kaart__beeld img{max-width:100%;max-height:100%;object-fit:contain}.kaart__beeld .variant{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;transform:scale(.96);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.kaart__beeld .variant.actief{opacity:1;transform:scale(1)}.kleuren{display:flex;align-items:center;gap:12px;margin-bottom:28px}.kleur-naam{margin-left:6px;font-size:15px;font-weight:500;color:var(--prod-tekst-zacht)}.kleur-knop{width:26px;height:26px;padding:0;border-radius:50%;background:var(--swatch, #ccc);border:1px solid rgba(20,35,58,.18);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.kleur-knop:hover{transform:scale(1.12)}.kleur-knop.actief{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.kleuren[hidden],.kaart__specs[hidden]{display:none}.modellen{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.model-knop{font-family:Hanken Grotesk,sans-serif;font-size:15px;font-weight:600;padding:9px 20px;border-radius:999px;background:transparent;color:var(--prod-tekst);border:1.5px solid rgba(20,35,58,.22);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.model-knop:hover{border-color:var(--accent)}.model-knop.actief{background:var(--accent);color:#fff;border-color:var(--accent)}.kaart__tekst{flex:1}.kaart__label{font-size:17px;color:var(--prod-tekst-zacht)}.kaart__titel{font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.5px;margin:12px 0 18px}.kaart__sub{font-size:19px;color:var(--prod-tekst-zacht);margin-bottom:34px}.kaart__acties{display:flex;flex-wrap:wrap;gap:14px}.knop{display:inline-flex;align-items:center;justify-content:center;font-family:Hanken Grotesk,sans-serif;font-size:16px;font-weight:600;padding:14px 28px;border-radius:999px;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .2s ease,opacity .2s ease}.knop--vol{background:var(--accent);color:#fff;border:1.5px solid var(--accent)}.knop--vol:hover{transform:translateY(-2px);opacity:.92}.knop--lijn{background:transparent;color:var(--prod-tekst);border:1.5px solid rgba(20,35,58,.25)}.knop--lijn:hover{background:#14233a0f}.kaart__lijn{border:none;border-top:1px solid rgba(20,35,58,.12);margin:32px 0 24px}.kaart__specs{display:flex;gap:32px;margin:0}.kaart__specs div{padding-right:32px}.kaart__specs div+div{border-left:1px solid rgba(20,35,58,.12);padding-left:32px}.kaart__specs dt{font-size:14px;color:var(--prod-tekst-zacht);margin-bottom:6px}.kaart__specs dd{font-size:18px;font-weight:500;margin:0}@media (max-width: 900px){:root{--pagina-marge-zijkant: 24px;--overlay-links: .85;--overlay-midden: .7;--overlay-rechts: .45;--kaart-padding: 32px}.nav__links,.nav__right{display:none}.hero__content{max-width:100%}.zaptec-ring{display:none}.producten{padding:72px var(--pagina-marge-zijkant)}.kaart,.kaart--beeld-rechts{flex-direction:column;align-items:stretch}.kaart__beeld{flex-basis:auto;height:240px}.kaart__beeld img{max-height:100%}.kaart__specs{flex-wrap:wrap;gap:16px}.kaart__specs div,.kaart__specs div+div{border-left:none;padding:0;flex:1 0 40%}}.info-knop{position:absolute;top:26px;right:28px;z-index:6;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffb8;color:var(--accent);cursor:pointer;box-shadow:0 4px 16px #0c142224;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.info-knop:hover{transform:scale(1.08);background:#fff;box-shadow:0 6px 20px #0c142233}.kaart__specs-wrap{position:relative}.specs-fx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.info-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s ease}.info-modal[hidden]{display:none}.info-modal.open{opacity:1}.info-modal__waas{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c14228c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.info-modal__paneel{position:relative;width:100%;max-width:460px;background:#fff;color:var(--prod-tekst);border-radius:28px;padding:40px 38px 38px;box-shadow:0 0 0 1px #2f50701f,0 30px 80px #0c142259,0 0 70px #2f507080;transform:translateY(16px) scale(.96);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.info-modal.open .info-modal__paneel{transform:none;opacity:1}.info-modal__sluit{position:absolute;top:16px;right:18px;width:36px;height:36px;border:none;border-radius:50%;background:#14233a0f;color:var(--prod-tekst);font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease}.info-modal__sluit:hover{background:#14233a1f}.info-modal__label{font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--prod-tekst-zacht)}.info-modal__titel{font-family:Poppins,sans-serif;font-size:30px;font-weight:600;margin:8px 0 14px;color:var(--prod-tekst)}.info-modal__tekst{font-family:Hanken Grotesk,sans-serif;font-size:16px;line-height:1.55;color:var(--prod-tekst-zacht);margin:0 0 20px}.info-modal__lijst{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}.info-modal__lijst li{position:relative;padding-left:28px;font-family:Hanken Grotesk,sans-serif;font-size:15px;line-height:1.45;color:var(--prod-tekst)}.info-modal__lijst li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}@media (prefers-reduced-motion: reduce){.info-modal,.info-modal__paneel{transition:none}}.waarom{position:relative;width:100%;min-height:var(--waarom-hoogte);display:flex;align-items:center;background-color:#d9cfc3;background-image:var(--waarom-foto);background-size:cover;background-position:center;overflow:hidden}.waarom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f5f2ed00 38%,rgba(245,242,237,calc(var(--waarom-scrim) * .6)) 68%,rgba(245,242,237,var(--waarom-scrim)));pointer-events:none}.waarom__inhoud{position:relative;z-index:1;width:100%;max-width:var(--waarom-breedte);margin:0 auto;padding:64px var(--waarom-zijde);display:flex;justify-content:flex-end}.waarom__kolom{width:var(--waarom-kolom);max-width:100%}.waarom__titel{font-family:Poppins,sans-serif;font-size:clamp(30px,3.4vw,46px);font-weight:600;line-height:1.1;color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.4);margin:0 0 14px}.waarom__sub{font-family:Hanken Grotesk,sans-serif;font-size:18px;line-height:1.5;color:var(--prod-tekst-zacht);margin:0 0 28px;max-width:460px}.waarom__lijst{display:flex;flex-direction:column;gap:14px}.usp{background:#ffffff8c;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.6);border-radius:20px;box-shadow:0 8px 24px #14233a14}.usp__kop{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:none;border:none;cursor:pointer;text-align:left;font-family:Hanken Grotesk,sans-serif;font-size:17px;font-weight:600;color:var(--prod-tekst)}.usp__plus{position:relative;flex:none;width:34px;height:34px;border-radius:50%;background:#14233a0f;transition:transform .3s ease,background .2s ease}.usp__plus:before,.usp__plus:after{content:"";position:absolute;top:50%;left:50%;width:13px;height:2px;border-radius:2px;background:var(--prod-tekst);transform:translate(-50%,-50%)}.usp__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.usp.open .usp__plus{transform:rotate(135deg);background:#2f50701f}.usp__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.usp.open .usp__body{grid-template-rows:1fr}.usp__body-inner{overflow:hidden}.usp__body p{margin:0;padding:0 22px 22px;font-family:Hanken Grotesk,sans-serif;font-size:15px;line-height:1.55;color:var(--prod-tekst-zacht)}@media (max-width: 900px){.waarom{min-height:0;background-position:30% center}.waarom__inhoud{justify-content:stretch;padding:48px 22px}.waarom__kolom{width:100%}.waarom__overlay{background:#f5f2edb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media (prefers-reduced-motion: reduce){.usp__plus,.usp__body{transition:none}}.verhalen{width:100%;padding:88px 0 96px}.verhalen__titel{text-align:center;font-family:Poppins,sans-serif;font-size:clamp(28px,3.2vw,44px);font-weight:600;color:var(--prod-tekst);margin:0 0 44px}.verhalen__rij{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;max-width:var(--verhalen-breedte);margin:0 auto;padding:6px var(--verhalen-zijde) 12px}.verhaal{position:relative;height:var(--verhaal-hoogte);border-radius:var(--verhaal-radius);overflow:hidden;cursor:pointer;background-color:#c9c2b8;background-image:var(--vbg);background-size:cover;background-position:center;box-shadow:0 12px 30px #14233a1f;transition:transform .25s ease,box-shadow .25s ease}@media (max-width: 1200px){.verhalen__rij{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.verhalen__rij{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.verhalen__rij{grid-template-columns:1fr}}.verhaal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c142299,#0c142226 38%,#0c142200 60%)}.verhaal:hover{transform:translateY(-4px);box-shadow:0 18px 40px #14233a38}.verhaal__cat{position:absolute;top:24px;left:26px;z-index:1;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.04em;color:#ffffffd9}.verhaal__titel{position:absolute;top:46px;left:26px;right:26px;z-index:1;font-family:Poppins,sans-serif;font-size:23px;font-weight:600;line-height:1.18;color:#fff;margin:0}.verhaal__plus{position:absolute;bottom:20px;right:20px;z-index:1;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffffeb;color:var(--accent);font-size:26px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease}.verhaal:hover .verhaal__plus{transform:scale(1.08);background:#fff}.verhaal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s ease}.verhaal-modal[hidden]{display:none}.verhaal-modal.open{opacity:1}.verhaal-modal__waas{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c14228c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.verhaal-modal__paneel{position:relative;width:100%;max-width:680px;max-height:86vh;overflow-y:auto;background:#fff;color:var(--prod-tekst);border-radius:28px;padding:46px 46px 40px;box-shadow:0 0 0 1px #2f50701a,0 30px 80px #0c142266;transform:translateY(16px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.verhaal-modal.open .verhaal-modal__paneel{transform:none;opacity:1}.verhaal-modal__sluit{position:absolute;top:20px;right:22px;width:38px;height:38px;border:none;border-radius:50%;background:#14233a0f;color:var(--prod-tekst);font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease}.verhaal-modal__sluit:hover{background:#14233a1f}.verhaal-modal__cat{font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--prod-tekst-zacht)}.verhaal-modal__titel{font-family:Poppins,sans-serif;font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.12;margin:6px 0 24px}.verhaal-blok{background:#f4f2ee;border-radius:20px;padding:26px 28px;margin-bottom:16px}.verhaal-blok:last-child{margin-bottom:0}.verhaal-blok h4{font-family:Poppins,sans-serif;font-size:19px;font-weight:600;margin:0 0 12px;color:var(--prod-tekst)}.verhaal-blok p{font-family:Hanken Grotesk,sans-serif;font-size:15.5px;line-height:1.6;color:var(--prod-tekst-zacht);margin:0 0 12px}.verhaal-blok p:last-child{margin-bottom:0}@media (max-width: 700px){.verhaal-modal__paneel{padding:38px 26px 30px}}@media (prefers-reduced-motion: reduce){.verhalen__rail{scroll-behavior:auto}.verhaal,.verhaal-modal,.verhaal-modal__paneel{transition:none}}.contact{width:100%;padding:10px 0 100px}.contact__grid{max-width:var(--contact-breedte);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-kaart{border-radius:28px;padding:46px 44px}.contact-kaart--plan{background:var(--contact-groen)}.contact-kaart--direct{background:var(--contact-grijs)}.contact-kaart__label{font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--prod-tekst-zacht)}.contact-kaart__titel{font-family:Poppins,sans-serif;font-size:clamp(25px,2.5vw,33px);font-weight:600;line-height:1.13;color:var(--prod-tekst);margin:10px 0 14px}.contact-kaart__tekst{font-family:Hanken Grotesk,sans-serif;font-size:16px;line-height:1.55;color:var(--prod-tekst-zacht);margin:0 0 28px;max-width:400px}.contact__plan-knop{border:none;cursor:pointer}.contact-gegeven{margin-bottom:22px}.contact-gegeven__label{display:block;font-family:Hanken Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--prod-tekst-zacht);margin-bottom:4px}.contact-gegeven__waarde{font-family:Poppins,sans-serif;font-size:23px;font-weight:600;color:var(--prod-tekst);text-decoration:none;transition:color .2s ease}.contact-gegeven__waarde:hover{color:var(--accent)}.knop--wa{display:inline-flex;align-items:center;gap:12px;margin-top:6px;padding:14px 24px;border-radius:999px;background:var(--wa-kleur);color:#fff;text-decoration:none;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:16px;transition:transform .2s ease,filter .2s ease}.knop--wa:hover{transform:translateY(-2px);filter:brightness(1.05)}.knop--wa svg{width:24px;height:24px;flex:none}.knop--wa small{display:block;font-weight:500;font-size:13px;opacity:.9}@media (max-width: 820px){.contact__grid{grid-template-columns:1fr}}.plan-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .28s ease}.plan-modal[hidden]{display:none}.plan-modal.open{opacity:1}.plan-modal__waas{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c14228c;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.plan-modal__paneel{position:relative;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:#fff;color:var(--prod-tekst);border-radius:28px;padding:42px 42px 38px;box-shadow:0 0 0 1px #2f50701a,0 30px 80px #0c142266;transform:translateY(16px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s ease}.plan-modal.open .plan-modal__paneel{transform:none;opacity:1}.plan-modal__sluit{position:absolute;top:18px;right:20px;width:38px;height:38px;border:none;border-radius:50%;background:#14233a0f;color:var(--prod-tekst);font-size:24px;line-height:1;cursor:pointer;transition:background .2s ease}.plan-modal__sluit:hover{background:#14233a1f}.plan-modal__titel{font-family:Poppins,sans-serif;font-size:28px;font-weight:600;margin:6px 0 24px}.plan-veld{margin-bottom:20px}.plan-veld>label{display:block;font-family:Hanken Grotesk,sans-serif;font-weight:600;font-size:14px;color:var(--prod-tekst);margin-bottom:9px}.plan-keuze{display:flex;flex-wrap:wrap;gap:10px}.plan-chip{border:1.5px solid rgba(20,35,58,.18);background:#fff;border-radius:12px;padding:10px 14px;font-family:Hanken Grotesk,sans-serif;font-size:14px;font-weight:600;color:var(--prod-tekst);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.plan-chip:hover{border-color:var(--accent)}.plan-chip.actief{background:var(--accent);color:#fff;border-color:var(--accent)}.plan-veld input,.plan-veld textarea{width:100%;border:1.5px solid rgba(20,35,58,.18);border-radius:12px;padding:12px 14px;font-family:Hanken Grotesk,sans-serif;font-size:16px;color:var(--prod-tekst);background:#fff;resize:vertical}.plan-veld input:focus,.plan-veld textarea:focus{outline:none;border-color:var(--accent)}.plan-fout{color:#c0392b;font-size:14px;margin:0 0 14px}.plan-klaar{text-align:center;padding:16px 0 6px}.plan-klaar h4{font-family:Poppins,sans-serif;font-size:23px;font-weight:600;margin:0 0 12px}.plan-klaar p{font-family:Hanken Grotesk,sans-serif;font-size:16px;line-height:1.55;color:var(--prod-tekst-zacht);margin:0 0 24px}@media (prefers-reduced-motion: reduce){.plan-modal,.plan-modal__paneel,.knop--wa{transition:none}}.footer{width:100%;background:var(--footer-bg);color:#ffffffb8;padding-top:76px}.footer__inner{max-width:1280px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.2fr;gap:40px}.footer__logo{font-family:Poppins,sans-serif;font-size:24px;font-weight:600;color:#fff;text-decoration:none}.footer__tagline{margin:16px 0 22px;max-width:320px;font-size:15px;line-height:1.6}.footer__social{display:flex;gap:12px}.footer__social a{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,transform .2s ease}.footer__social a:hover{background:var(--accent);transform:translateY(-2px)}.footer__social svg{width:20px;height:20px}.footer__kol h4{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.footer__kol a,.footer__kol p{display:block;font-size:15px;line-height:1.5;color:#ffffffb3;text-decoration:none;margin-bottom:11px}.footer__kol a:hover{color:#fff}.footer__kol--contact p{margin-bottom:14px}.footer__balk{max-width:1280px;margin:56px auto 0;padding:22px 48px 28px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;font-size:14px}.footer__legal{margin-left:auto;display:flex;flex-wrap:wrap;gap:20px}.footer__legal a{color:#ffffffb3;text-decoration:none}.footer__legal a:hover{color:#fff}@media (max-width: 880px){.footer__inner{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.footer__inner{grid-template-columns:1fr;padding:0 24px}.footer__balk{padding-inline:24px}.footer__legal{margin-left:0}}.nav__right a.nav__cta{background:var(--accent);color:#fff;padding:9px 18px;border-radius:10px;font-weight:600;border-left:0!important;box-shadow:0 8px 18px -10px #2f5070b3;transition:filter .15s ease,transform .08s ease}.nav--licht .nav__right a.nav__cta{color:#fff}.nav__right a.nav__cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.nav__right a.nav__cta:after{display:none}.nav__right a.nav__cta+a{border-left:0}.nav--vast:not(.nav--licht) .nav__right a.nav__cta{background:#fff;color:#14233a;box-shadow:0 8px 18px -10px #00000080}.nav--vast:not(.nav--licht) .nav__right a.nav__cta:hover{background:#eef2f6;color:#14233a}.nav__links a.actief:after,.nav__right a.actief:after{width:100%}.legal-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .25s ease}.legal-modal.open{opacity:1}.legal-modal[hidden]{display:none}.legal-modal__waas{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f17268c}.legal-modal__paneel{position:relative;background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:82vh;overflow-y:auto;padding:38px 40px 42px;box-shadow:0 30px 80px -20px #0f172680;transform:translateY(12px);transition:transform .25s ease}.legal-modal.open .legal-modal__paneel{transform:translateY(0)}.legal-modal__sluit{position:absolute;top:16px;right:18px;width:36px;height:36px;border:none;background:#eef1f4;border-radius:50%;font-size:22px;line-height:1;color:var(--prod-tekst);cursor:pointer;transition:background .15s ease}.legal-modal__sluit:hover{background:#e2e7ec}.legal-modal__titel{font-family:Poppins,sans-serif;font-weight:700;font-size:24px;color:var(--prod-tekst);margin:0 0 16px;padding-right:36px}.legal-modal__inhoud{font-size:14.5px;line-height:1.65;color:var(--prod-tekst-zacht)}.legal-modal__inhoud h4{font-family:Poppins,sans-serif;font-weight:600;font-size:15.5px;color:var(--prod-tekst);margin:20px 0 7px}.legal-modal__inhoud p{margin:0 0 11px}.legal-modal__inhoud a{color:var(--accent)}