/* Zelf gehoste lettertypen voor Online Welzijn.
   Sora en Fraunces, beide onder de SIL Open Font License, latin subset.
   Er wordt niets meer bij Google opgehaald. */

@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/sora-400.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/sora-500.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/sora-600.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/sora-700.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;
  src:url('fonts/sora-800.woff2') format('woff2')}

/* Sora heeft geen cursief en 300 wordt nergens gebruikt; die zijn niet gedownload.
   Een browser die om 300 vraagt krijgt 400, dat is het normale terugvalgedrag. */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/fraunces-400.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/fraunces-600.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:400;font-display:swap;
  src:url('fonts/fraunces-400-italic.woff2') format('woff2')}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:600;font-display:swap;
  src:url('fonts/fraunces-600-italic.woff2') format('woff2')}


:root{--teal:#00A88E;--teal-dark:#007a68;--teal-light:#E6F7F4;--orange:#FF6A3D;--orange-light:#FFF0EB;--navy:#0D1B2A;--cream:#F8F5F0;--white:#fff;--grey:#6B7280;--grey-light:#F3F4F6;--teal-acc:#00776A;--teal-acc-dark:#005F54;--orange-acc:#C2451A;--img-logo:url("img/logo-wit.png");--img-logo:image-set(url("img/logo-wit.webp") type("image/webp"),url("img/logo-wit.png") type("image/png"));--img-zorg:url("img/zorgprofessional.jpg");--img-zorg:image-set(url("img/zorgprofessional.webp") type("image/webp"),url("img/zorgprofessional.jpg") type("image/jpeg"));}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Sora',sans-serif;color:var(--navy);background:var(--white);overflow-x:hidden;cursor:none;}
#cur{position:fixed;z-index:9999;pointer-events:none;width:12px;height:12px;background:var(--teal);border-radius:50%;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:multiply;}
#curR{position:fixed;z-index:9998;pointer-events:none;width:36px;height:36px;border:2px solid rgba(0,168,142,.35);border-radius:50%;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s;}
.hovering #cur{width:22px;height:22px;background:var(--orange);}
.hovering #curR{width:52px;height:52px;border-color:rgba(255,106,61,.45);}
nav{position:fixed;top:0;left:0;right:0;z-index:500;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,27,42,.07);height:68px;padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;}
nav.sc{box-shadow:0 4px 28px rgba(0,0,0,.08);}
.nlogo{display:flex;align-items:center;gap:.65rem;cursor:pointer;}
.nmark{width:36px;height:36px;background:var(--navy);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nmark svg{width:18px;height:18px;}
.nname{font-size:.975rem;font-weight:700;color:var(--navy);line-height:1.15;}
.ntag{font-size:.6rem;font-weight:400;color:var(--grey);letter-spacing:.07em;text-transform:uppercase;}
.nlinks{display:flex;align-items:center;gap:.1rem;list-style:none;}
.nlinks a{text-decoration:none;color:var(--navy);font-size:.875rem;font-weight:500;padding:.5rem .9rem;border-radius:.6rem;transition:all .2s;cursor:pointer;}
.nlinks a:hover{color:var(--teal-acc);}
.nlinks a.act{color:var(--teal-acc);}
.ncta{background:var(--navy)!important;color:#fff!important;border-radius:2rem!important;padding:.5rem 1.4rem!important;font-weight:600!important;}
.ncta:hover{background:var(--teal-acc)!important;}
.hmbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.5rem;background:none;border:none;}
.hmbg span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;}
.page{display:none;}.page.active{display:block;}
.container{max-width:1100px;margin:0 auto;}
section{padding:5.5rem 2rem;}
.ey{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-acc);margin-bottom:.875rem;}
.ey::before{content:'';display:block;width:18px;height:2px;background:var(--teal);border-radius:2px;}
.stitle{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.9rem,3.2vw,2.75rem);font-weight:600;line-height:1.15;color:var(--navy);}
.lead{font-size:1.05rem;line-height:1.82;color:var(--grey);max-width:620px;}
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.875rem 2rem;border-radius:3rem;font-family:'Sora',sans-serif;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .25s;text-decoration:none;}
.bd{background:var(--navy);color:#fff;}.bd:hover{background:var(--teal-acc);transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,168,142,.3);}
.bo{background:transparent;color:var(--navy);border:2px solid rgba(13,27,42,.2);}.bo:hover{border-color:var(--navy);background:var(--navy);color:#fff;transform:translateY(-2px);}
.bt{background:var(--teal-acc);color:#fff;}.bt:hover{background:var(--teal-acc-dark);transform:translateY(-2px);}
.bw{background:#fff;color:var(--teal-acc);}.bw:hover{background:var(--cream);transform:translateY(-2px);}
.bgw{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.35);}.bgw:hover{border-color:#fff;background:rgba(255,255,255,.1);}
.ticker{background:var(--navy);color:rgba(255,255,255,.6);padding:.875rem 0;overflow:hidden;white-space:nowrap;font-size:.77rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;}
.ttrack{display:inline-flex;animation:tick 30s linear infinite;}
.titem{padding:0 2.5rem;display:inline-flex;align-items:center;gap:.75rem;}
.tdot{width:5px;height:5px;background:var(--orange);border-radius:50%;flex-shrink:0;}
@keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{padding:9rem 2.5rem 5rem;background:var(--white);position:relative;overflow:hidden;min-height:95vh;display:flex;align-items:center;}
.hbg1{position:absolute;top:-180px;left:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,142,.12) 0%,transparent 70%);pointer-events:none;}
.hbg2{position:absolute;bottom:-200px;right:-80px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,61,.08) 0%,transparent 70%);pointer-events:none;}
.hgrid{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;position:relative;z-index:1;overflow:visible;}
.hbadge{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal-light);border:1px solid rgba(0,168,142,.2);color:var(--teal-acc);padding:.38rem 1rem;border-radius:2rem;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.4rem;}
.hbadge span{width:6px;height:6px;background:var(--teal);border-radius:50%;}
.hero h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:600;color:var(--navy);line-height:1.06;margin-bottom:1.4rem;}
.hero h1 em{font-style:italic;color:var(--teal);}
.hero h1 .hl{color:var(--orange-acc);}
.hbody{font-size:1.05rem;line-height:1.82;color:var(--grey);margin-bottom:2.25rem;max-width:480px;}
.hact{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem;}
.hstats{display:flex;gap:2.5rem;padding-top:1.75rem;border-top:1px solid rgba(13,27,42,.08);}
.hsnum{font-size:1.9rem;font-weight:800;color:var(--navy);line-height:1;margin-bottom:.25rem;}
.hslbl{font-size:.78rem;color:var(--grey);line-height:1.45;}
.hvis{position:relative;display:flex;align-items:center;justify-content:center;}
.hld{position:relative;width:100%;max-width:540px;user-select:none;}
.hldct{position:absolute;right:-40px;top:-30px;width:320px;height:320px;border-radius:50%;background:var(--teal);opacity:.17;animation:fl1 6s ease-in-out infinite;}
.hldco{position:absolute;bottom:-50px;left:30px;width:200px;height:200px;border-radius:50%;background:var(--orange);opacity:.2;animation:fl2 7s ease-in-out infinite;}
.hldp{position:relative;z-index:2;filter:drop-shadow(0 24px 48px rgba(13,27,42,.18));}
.hldp img{width:100%;max-width:480px;display:block;clip-path:url(#hc);object-fit:cover;aspect-ratio:5/6;}
.hldwm{position:absolute;bottom:0;left:-20px;right:0;z-index:3;pointer-events:none;}
.hldwi{line-height:.88;font-weight:800;text-align:left;}
.hw1{display:block;font-family:'Sora',sans-serif;font-size:clamp(3.2rem,6.5vw,5.5rem);color:var(--navy);letter-spacing:-.02em;}
.hw2{display:block;font-family:'Sora',sans-serif;font-size:clamp(3.2rem,6.5vw,5.5rem);color:var(--teal);letter-spacing:-.02em;}
.hwtl{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-top:.6rem;display:flex;align-items:center;gap:.5rem;}
.hwtl::before{content:'';display:block;width:24px;height:2px;background:var(--orange);}
.hfc1{position:absolute;top:1.5rem;left:-2rem;z-index:4;background:#fff;border-radius:1.25rem;padding:1.1rem 1.35rem;box-shadow:0 12px 36px rgba(0,0,0,.12);animation:fl3 5s ease-in-out infinite;max-width:185px;}
.hfc1 .ft{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-acc);margin-bottom:.3rem;}
.hfc1 .fn{font-size:1.85rem;font-weight:800;color:var(--navy);line-height:1;}
.hfc1 .fs{font-size:.72rem;color:var(--grey);margin-top:.2rem;line-height:1.4;}
.hfc2{position:absolute;bottom:5.5rem;right:-1.5rem;z-index:4;background:var(--orange-acc);border-radius:1.25rem;padding:1.1rem 1.35rem;box-shadow:0 12px 36px rgba(255,106,61,.35);animation:fl1 6.5s ease-in-out infinite;max-width:205px;}
.hfc2 strong{font-size:.95rem;color:#fff;display:block;margin-bottom:.3rem;}
.hfc2 p{font-size:.78rem;color:rgba(255,255,255,.92);line-height:1.45;}
@keyframes fl1{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes fl2{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(10px) scale(1.03)}}
@keyframes fl3{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.urgb{background:var(--teal-light);border-top:1px solid rgba(0,168,142,.15);border-bottom:1px solid rgba(0,168,142,.15);padding:1rem 2.5rem;}
.urgi{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.urgp{background:var(--teal-acc);color:#fff;padding:.25rem .875rem;border-radius:2rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;}
.urgi p{font-size:.88rem;color:var(--navy);line-height:1.55;}
.urgi strong{color:var(--teal-dark);}
.chal{background:var(--cream);}
.chalg{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:2.5rem;}
.chalt h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.75rem,2.8vw,2.4rem);font-weight:600;line-height:1.2;margin-bottom:1.2rem;}
.chalt p{font-size:.95rem;line-height:1.85;color:var(--grey);margin-bottom:1rem;}
.chalt p strong{color:var(--navy);}
.chalc{display:flex;flex-direction:column;gap:1rem;}
.cc{padding:1.6rem 1.7rem;transition:box-shadow .3s,filter .3s;position:relative;border:none;}
.ccrow{display:flex;align-items:center;gap:.65rem;margin-bottom:.4rem;}
.ccnum{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;flex-shrink:0;}
.cc h4{font-size:.95rem;font-weight:700;margin-bottom:0;}
.cc p{font-size:.85rem;line-height:1.65;color:var(--grey);}
.cc:hover{filter:brightness(1.03);animation-play-state:paused;}

.cc:nth-child(1){background:var(--orange-acc);border-radius:2.6rem 2.6rem 2.6rem .5rem;box-shadow:0 18px 38px rgba(255,106,61,.3);margin:0 2.5rem 0 0;animation:fl1 6.2s ease-in-out infinite;}
.cc:nth-child(1):hover{box-shadow:0 22px 46px rgba(255,106,61,.4);}
.cc:nth-child(1) h4,.cc:nth-child(1) p{color:#fff;}
.cc:nth-child(1) p{color:rgba(255,255,255,.94);}
.cc:nth-child(1) .ccnum{background:rgba(255,255,255,.28);color:#fff;}

.cc:nth-child(2){background:#fff;border:2px solid var(--teal);border-radius:.5rem 2.6rem 2.6rem 2.6rem;box-shadow:0 14px 32px rgba(13,27,42,.09);margin:0 0 0 2.5rem;animation:fl2 7.4s ease-in-out infinite;}
.cc:nth-child(2):hover{box-shadow:0 20px 40px rgba(0,168,142,.22);}
.cc:nth-child(2) .ccnum{background:var(--teal-light);color:var(--teal-dark);}

.cc:nth-child(3){background:#fff;border:2px solid var(--orange);border-radius:2.6rem .5rem 2.6rem 2.6rem;box-shadow:0 14px 32px rgba(13,27,42,.09);margin:0 2.5rem 0 0;animation:fl3 6.8s ease-in-out infinite;}
.cc:nth-child(3):hover{box-shadow:0 20px 40px rgba(255,106,61,.22);}
.cc:nth-child(3) .ccnum{background:var(--orange-light);color:var(--orange-acc);}

.cc:nth-child(4){background:var(--teal-acc);border-radius:2.6rem 2.6rem .5rem 2.6rem;box-shadow:0 18px 38px rgba(0,168,142,.3);margin:0 0 0 2.5rem;animation:fl1 6.6s ease-in-out infinite reverse;}
.cc:nth-child(4):hover{box-shadow:0 22px 46px rgba(0,168,142,.4);}
.cc:nth-child(4) h4,.cc:nth-child(4) p{color:#fff;}
.cc:nth-child(4) p{color:rgba(255,255,255,.94);}
.cc:nth-child(4) .ccnum{background:rgba(255,255,255,.28);color:#fff;}
.svcs{background:#fff;}
.svchdr{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.75rem;gap:2rem;flex-wrap:wrap;}
.svcg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.sc2{background:var(--grey-light);border-radius:var(--r,2rem);padding:2.1rem 2rem 2rem;cursor:pointer;transition:all .32s,border-radius .4s;border:2px solid transparent;position:relative;overflow:hidden;}
.sc2::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent,var(--teal));}
.sc2:hover{background:#fff;border-color:rgba(0,168,142,.2);box-shadow:0 16px 44px rgba(13,27,42,.1);transform:translateY(-6px);}
.snum{position:absolute;top:1.6rem;right:1.75rem;font-size:.7rem;font-weight:800;letter-spacing:.06em;color:var(--accent,var(--teal));opacity:.55;}
.sico{width:58px;height:58px;clip-path:url(#ib);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;background:var(--accent,var(--teal));transition:transform .4s cubic-bezier(.34,1.56,.64,1);}
.sico svg{width:25px;height:25px;color:#fff;}
.sc2:nth-child(1){--accent:var(--teal-acc);--r:2.75rem 2.75rem 2.75rem .6rem;}
.sc2:nth-child(2){--accent:var(--orange-acc);--r:.6rem 2.75rem 2.75rem 2.75rem;}
.sc2:nth-child(3){--accent:var(--navy);--r:2.75rem .6rem 2.75rem 2.75rem;}
.sc2:nth-child(1) .sico{transform:rotate(-7deg);}
.sc2:nth-child(2) .sico{transform:rotate(6deg);}
.sc2:nth-child(3) .sico{transform:rotate(-5deg);}
.sc2:hover{--r:2.2rem;}
.sc2:hover .sico{transform:rotate(0deg) scale(1.08);}
.sc2 h3{font-size:1.08rem;font-weight:700;margin-bottom:.5rem;}
.sc2 p{font-size:.875rem;line-height:1.72;color:var(--grey);margin-bottom:1.25rem;}
.sl{font-size:.8rem;font-weight:600;color:var(--accent,var(--teal-acc));}
.thb{background:var(--navy);position:relative;overflow:hidden;}
.thb::before{content:'';position:absolute;top:-20%;right:-8%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,142,.14) 0%,transparent 70%);}
.thb .ey{color:rgba(255,255,255,.75);}.thb .ey::before{background:rgba(255,255,255,.3);}
.thb .stitle{color:#fff;margin-bottom:.75rem;}
.thb .lead{color:rgba(255,255,255,.78);}
.thg{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2.75rem;}
.thc{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:1.75rem;padding:1.75rem;cursor:pointer;transition:all .3s;}
.thc:hover{background:rgba(255,255,255,.12);border-color:rgba(0,168,142,.4);transform:translateY(-5px);}
.thn{font-size:.67rem;font-weight:700;letter-spacing:.12em;color:var(--teal);margin-bottom:.9rem;}
.thc h3{font-family:'Fraunces',Georgia,serif;font-size:1.08rem;color:#fff;margin-bottom:.5rem;line-height:1.3;}
.thc p{font-size:.82rem;color:rgba(255,255,255,.78);line-height:1.62;}
.phb{background:#fff;padding:4rem 2.5rem;}
.phg{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.5rem;}
.phi{border-radius:1.5rem;overflow:hidden;position:relative;}
.phi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.phi:hover img{transform:scale(1.06);}
.pht{aspect-ratio:4/5;}.phsq{aspect-ratio:1/1;}
.phcap{position:absolute;bottom:.875rem;left:.875rem;right:.875rem;background:rgba(13,27,42,.72);backdrop-filter:blur(8px);border-radius:.875rem;padding:.8rem 1rem;color:#fff;font-size:.78rem;font-weight:500;line-height:1.4;opacity:0;transform:translateY(6px);transition:all .3s;}
.phi:hover .phcap{opacity:1;transform:translateY(0);}
.abs{background:var(--cream);}
.absg{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.absi{position:relative;}
.aimg{position:relative;filter:drop-shadow(0 20px 48px rgba(0,0,0,.14));}
.aimg img{width:100%;max-width:460px;display:block;clip-path:url(#ac);object-fit:cover;aspect-ratio:4/5;}
.astat{position:absolute;bottom:-1rem;right:-1.5rem;background:#fff;border-radius:1.25rem;padding:1.25rem 1.5rem;box-shadow:0 12px 36px rgba(0,0,0,.12);}
.astat .an{font-size:2rem;font-weight:800;color:var(--teal-acc);line-height:1;}
.astat .al{font-size:.75rem;color:var(--grey);margin-top:.2rem;line-height:1.4;}
.abt h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.8rem,2.8vw,2.4rem);margin-bottom:1.2rem;}
.abt p{font-size:.95rem;line-height:1.85;color:var(--grey);margin-bottom:1rem;}
.abt p strong{color:var(--navy);}
.atags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem;}
.atag{background:#fff;border:1px solid rgba(13,27,42,.1);padding:.3rem .875rem;border-radius:2rem;font-size:.78rem;font-weight:500;}
.ctab{background:var(--teal-acc);padding:5.5rem 2.5rem;text-align:center;position:relative;overflow:hidden;}
.ctab::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:700px;height:700px;background:rgba(255,255,255,.05);border-radius:50%;}
.ctab .ey{color:rgba(255,255,255,.8);}.ctab .ey::before{background:rgba(255,255,255,.35);}
.ctab h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1rem;position:relative;z-index:1;}
.ctab>.container>p{font-size:1.05rem;color:rgba(255,255,255,.88);max-width:540px;margin:0 auto 2.5rem;line-height:1.75;position:relative;z-index:1;}
.cbtns{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative;z-index:1;}
.ph{padding:8.5rem 2.5rem 4.5rem;position:relative;overflow:hidden;}
.ph.lt{background:var(--cream);}
.ph.dk{background:var(--navy);}
.ph.dk::before{content:'';position:absolute;top:-15%;right:-8%;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,168,142,.13) 0%,transparent 70%);}
.ph h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:600;margin-bottom:1.2rem;max-width:720px;}
.ph.dk h1{color:#fff;position:relative;z-index:1;}
.ph.dk .lead{color:rgba(255,255,255,.8);position:relative;z-index:1;}
.lb{padding:4.5rem 2.5rem;}.lb:nth-child(even){background:var(--grey-light);}
.lhdr{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(13,27,42,.07);}
.lnum{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0;}
.ltxt h2{font-family:'Fraunces',Georgia,serif;font-size:1.45rem;margin-bottom:.2rem;}
.ltxt p{font-size:.875rem;color:var(--grey);}
.dg{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1.5rem;}
.dc{background:#fff;border-radius:2rem;padding:2rem;border:1px solid rgba(13,27,42,.06);transition:all .3s;}
.dc:hover{border-color:rgba(0,168,142,.28);box-shadow:0 10px 34px rgba(0,0,0,.07);transform:translateY(-4px);}
.dp{display:inline-block;padding:.24rem .75rem;border-radius:2rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;}
.pt{background:var(--teal-light);color:var(--teal-acc);}
.po{background:var(--orange-light);color:var(--orange-acc);}
.pn{background:rgba(13,27,42,.06);color:var(--navy);}
.dc h3{font-size:1.05rem;font-weight:700;margin-bottom:.55rem;}
.dc p{font-size:.88rem;line-height:1.72;color:var(--grey);margin-bottom:1.2rem;}
.dm{display:flex;gap:.875rem;font-size:.75rem;color:var(--grey);padding-top:1rem;border-top:1px solid rgba(13,27,42,.06);flex-wrap:wrap;}
.tl{padding:4rem 2.5rem;}
.ti{border-bottom:1px solid rgba(13,27,42,.09);padding:3.5rem 0;display:grid;grid-template-columns:1fr 2.2fr;gap:4.5rem;align-items:start;}
.ti:first-child{padding-top:.5rem;}
.ts{position:sticky;top:5.5rem;}
.tbn{font-size:5.5rem;font-weight:800;color:rgba(13,27,42,.045);line-height:1;margin-bottom:.35rem;}
.ts h2{font-family:'Fraunces',Georgia,serif;font-size:1.4rem;margin-bottom:.7rem;line-height:1.25;}
.tpill{display:inline-block;padding:.24rem .75rem;border-radius:2rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.tc h3{font-family:'Fraunces',Georgia,serif;font-size:1.28rem;margin-bottom:.7rem;}
.tc p{font-size:.94rem;line-height:1.85;color:var(--grey);margin-bottom:1rem;}
.tc p strong{color:var(--navy);}
.timg{width:100%;border-radius:1.5rem;object-fit:cover;max-height:280px;margin:1.5rem 0;box-shadow:0 8px 28px rgba(0,0,0,.1);}
.tqs{background:var(--grey-light);border-radius:1.25rem;padding:1.5rem;margin-top:1.5rem;}
.tqs h4{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-acc);margin-bottom:.875rem;}
.tqs ul{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.tqs li{font-size:.875rem;color:var(--navy);padding-left:1.25rem;position:relative;line-height:1.55;}
.tqs li::before{content:'→';position:absolute;left:0;color:var(--teal-acc);font-weight:700;}
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;}
.ic{background:#fff;border-radius:2rem;overflow:hidden;border:1px solid rgba(13,27,42,.07);transition:all .3s;}
.ic:hover{box-shadow:0 14px 45px rgba(0,0,0,.1);transform:translateY(-5px);}
.ib{height:160px;position:relative;overflow:hidden;}
.ib img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.ic:hover .ib img{transform:scale(1.07);}
.io{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(13,27,42,.55));}
.ity{position:absolute;bottom:1rem;left:1rem;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.22rem .65rem;border-radius:2rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.ix{padding:1.5rem;}
.idate{font-size:.75rem;color:var(--grey);margin-bottom:.55rem;}
.ic h3{font-size:.98rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;}
.ic p{font-size:.84rem;line-height:1.65;color:var(--grey);}
.ohg{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem;align-items:start;}
.oi h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:1.4rem;}
.oi p{font-size:.95rem;line-height:1.88;color:var(--grey);margin-bottom:1rem;}
.oi p strong{color:var(--navy);}
.ocard{background:#fff;border-radius:2rem;padding:2.5rem;box-shadow:0 4px 28px rgba(0,0,0,.07);}
.oct{display:flex;gap:1.4rem;align-items:center;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(13,27,42,.08);}
.oph{width:78px;height:78px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--teal),var(--navy));display:flex;align-items:center;justify-content:center;overflow:hidden;}
.oph svg{width:34px;height:34px;color:rgba(255,255,255,.4);}
.on h2{font-size:1.18rem;font-weight:700;margin-bottom:.2rem;}
.on p{font-size:.82rem;color:var(--grey);line-height:1.45;}
.ocard>p{font-size:.88rem;line-height:1.75;color:var(--grey);margin-bottom:1rem;}
.el{display:flex;flex-direction:column;gap:.6rem;margin-top:1.2rem;}
.ei{display:flex;align-items:center;gap:.75rem;font-size:.875rem;}
.ed{width:7px;height:7px;background:var(--teal);border-radius:50%;flex-shrink:0;}
.wsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;}
.ws .sn{width:44px;height:44px;background:var(--teal-acc);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-bottom:1.2rem;}
.ws h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;}
.ws p{font-size:.875rem;line-height:1.65;color:var(--grey);}
.icds{display:flex;flex-direction:column;gap:1rem;}
.icd{background:var(--grey-light);border-radius:1.25rem;padding:1.25rem;border-left:3px solid var(--teal);}
.icd h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem;}
.icd p{font-size:.8rem;color:var(--grey);}
.csec{background:var(--cream);padding:5.5rem 2.5rem;}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start;}
.ci h2{font-family:'Fraunces',Georgia,serif;font-size:1.75rem;margin-bottom:1rem;}
.ci p{font-size:.95rem;line-height:1.8;color:var(--grey);margin-bottom:2rem;}
.cds{display:flex;flex-direction:column;gap:.875rem;}
.cit{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:1rem;padding:1rem 1.25rem;}
.cicn{width:40px;height:40px;background:var(--teal-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cicn svg{width:18px;height:18px;color:var(--teal-acc);}
.cit small{font-size:.68rem;color:var(--grey);display:block;margin-bottom:.12rem;}
.cit a,.cit span{font-size:.9rem;font-weight:600;color:var(--navy);text-decoration:none;}
.cfcard{background:#fff;border-radius:2rem;padding:2.5rem;box-shadow:0 4px 28px rgba(0,0,0,.07);}
.cfcard h2{font-family:'Fraunces',Georgia,serif;font-size:1.4rem;margin-bottom:1.5rem;}
.fg{margin-bottom:1.2rem;}
.fg label{display:block;font-size:.77rem;font-weight:600;margin-bottom:.38rem;}
.fg input,.fg select,.fg textarea{width:100%;padding:.75rem 1rem;border:1.5px solid rgba(13,27,42,.12);border-radius:.875rem;font-family:'Sora',sans-serif;font-size:.875rem;color:var(--navy);background:#fff;transition:border-color .2s;-webkit-appearance:none;}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--teal-acc);box-shadow:0 0 0 3px rgba(0,119,106,.18);}
.fg textarea{height:115px;resize:vertical;}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
footer{background:var(--navy);padding:4.5rem 2.5rem 2.5rem;}
.fg2{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:2rem;}
.fb p{font-size:.875rem;line-height:1.75;color:rgba(255,255,255,.72);margin-top:1rem;}
.fc h4{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:1rem;}
.fc ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.fc a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.875rem;transition:color .2s;cursor:pointer;}
.fc a:hover{color:var(--teal);}
.fbot{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;font-size:.78rem;color:rgba(255,255,255,.62);flex-wrap:wrap;gap:.5rem;}
.fi{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease;}
.fi.vis{opacity:1;transform:translateY(0);}
@media(max-width:920px){.hgrid,.chalg,.absg,.ohg{grid-template-columns:1fr;gap:2.5rem;}.hvis,.absi{display:none;}.svcg{grid-template-columns:1fr;}.thg{grid-template-columns:1fr 1fr;}.phg{grid-template-columns:1fr 1fr;}.cg{grid-template-columns:1fr;}.fg2{grid-template-columns:1fr 1fr;gap:2rem;}.wsteps{grid-template-columns:1fr 1fr;}.ti{grid-template-columns:1fr;gap:1.5rem;}.ig{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){body{cursor:auto;}#cur,#curR{display:none;}.nlinks{display:none;}.hmbg{display:flex;}.nlinks.open{display:flex;flex-direction:column;position:fixed;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid rgba(13,27,42,.1);padding:1rem;gap:.25rem;z-index:499;}.thg,.fg2,.wsteps,.ig{grid-template-columns:1fr;}.phg{grid-template-columns:1fr;}.fgr{grid-template-columns:1fr;}.svchdr{flex-direction:column;align-items:flex-start;}.hstats{flex-direction:column;gap:1.25rem;}.cc{margin:0 !important;animation:none !important;}}

.doc-page{padding:8rem 2.5rem 5rem;background:#fff;min-height:80vh;}
.doc-page .container{max-width:760px;}
.doc-page h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:600;margin-bottom:.5rem;color:var(--navy);}
.doc-page .doc-sub{font-size:.9rem;color:var(--grey);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(13,27,42,.1);}
.doc-page h2{font-family:'Fraunces',Georgia,serif;font-size:1.3rem;font-weight:600;color:var(--navy);margin:2rem 0 .75rem;}
.doc-page h3{font-size:1.05rem;font-weight:600;color:var(--navy);margin:1.5rem 0 .5rem;}
.doc-page p{font-size:.95rem;line-height:1.85;color:var(--grey);margin-bottom:.875rem;}
.doc-page p:first-of-type{font-size:1.05rem;color:var(--navy);}
.doc-back{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--teal-acc);cursor:pointer;margin-bottom:2rem;background:none;border:none;padding:0;}
.doc-back:hover{color:var(--teal-acc-dark);}

@media(max-width:920px){
  /* Hero */
  .hero{padding:7rem 1.5rem 3rem;min-height:auto;}
  .hgrid{grid-template-columns:1fr;gap:0;}
  
  /* Logo kleiner op mobiel */
  .hgrid > div:first-child img[alt="Online Welzijn"]{width:min(180px,55vw)!important;}
  
  /* Hero foto: toon op mobiel onder de tekst, compacter */
  .hvis{display:block!important;margin-top:2rem;}
  .hld{max-width:100%;}
  .hldp img{border-radius:2rem;max-height:300px;object-fit:cover;}
  .hldct,.hldco{display:none;}
  .hfc1{top:.75rem;right:.5rem;left:auto;padding:.75rem 1rem;max-width:155px;}
  .hfc1 .fn{font-size:1.3rem;}
  .hfc2{bottom:.75rem;left:.5rem;right:auto;padding:.75rem 1rem;max-width:170px;}
  .hfc2 p{font-size:.72rem;}

  /* Foto grid: horizontaal scrollbaar */
  .phb{padding:2rem 1.5rem;}
  .phg{display:flex!important;flex-direction:row;overflow-x:auto;gap:1rem;padding-bottom:.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .phg::-webkit-scrollbar{display:none;}
  .phi{flex:0 0 70vw;max-width:280px;}
  .phi.pht{aspect-ratio:3/4;}
  .phi.phsq{aspect-ratio:1/1;}
}

@media(max-width:920px){
  .logo-desktop{display:none!important;}
  .logo-mobile{display:block!important;}
  .hgrid > div:first-child{text-align:center;}
  .hgrid > div:first-child .hbadge{justify-content:center;}
  .hgrid > div:first-child .hact{justify-content:center;}
  .hgrid > div:first-child .hlink{text-align:center;}
  .hgrid > div:first-child .hstats{justify-content:center;}
  .hgrid > div:first-child h1{text-align:left;}
  .hgrid > div:first-child .hbody{text-align:left;}
}

.warm{background:var(--cream);}
.warmrow{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:2.75rem;}
.warmitem h3{font-family:'Fraunces',Georgia,serif;font-size:1.4rem;font-weight:600;color:var(--navy);margin-bottom:1rem;}
.warmitem p{font-size:.95rem;line-height:1.85;color:var(--grey);margin-bottom:1.1rem;}
.warmitem p strong{color:var(--navy);}
.warmlink{font-size:.85rem;font-weight:600;color:var(--navy);cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;}
.warmlink:hover{color:var(--teal-acc);}
.warmclose{margin-top:2.75rem;padding-top:2.25rem;border-top:1px solid rgba(13,27,42,.1);}
.warmclose p{font-size:.9rem;color:var(--grey);line-height:1.8;max-width:700px;}
.warmclose p strong{color:var(--navy);}
@media(max-width:920px){.warmrow{grid-template-columns:1fr;gap:2.25rem;}}
.htrust{background:var(--cream);padding:1.35rem 2rem;text-align:center;border-top:1px solid rgba(13,27,42,.06);border-bottom:1px solid rgba(13,27,42,.06);}
.htrust p{color:var(--grey);font-size:.85rem;max-width:720px;margin:0 auto;line-height:1.7;}
.htrust strong{color:var(--navy);}

/* ===== Toegankelijkheid: werkt ook zonder JavaScript ===== */
html.no-js body{cursor:auto;}
html.no-js #cur,html.no-js #curR{display:none;}
html.no-js .fi{opacity:1;transform:none;}
html.no-js .page{display:block;}
/* ===== Zichtbare focus voor toetsenbordgebruikers ===== */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--teal-acc);outline-offset:3px;}
.nlogo{text-decoration:none;}
/* ===== Rustiger animaties bij voorkeur voor minder beweging ===== */
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}html{scroll-behavior:auto;}.fi{opacity:1!important;transform:none!important;}}
/* ===== Gedeelde afbeeldingen: 1x ingebed in plaats van 2x ===== */
.imglogo{background-image:var(--img-logo);background-repeat:no-repeat;background-position:left center;background-size:contain;display:block;}
.ibimg{position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;transition:transform .4s;}
.ic:hover .ibimg{transform:scale(1.07);}
.timgbg{width:100%;height:280px;border-radius:1.5rem;margin:1.5rem 0;box-shadow:0 8px 28px rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center;background-size:cover;}
.imgzorg{background-image:var(--img-zorg);}
/* width/height-attributen mogen de CSS-verhoudingen niet overrulen */
.hldp img,.aimg img,.timg{height:auto;}

/* ===== Website-copy 2.0: nieuwe componenten ===== */
.bor{background:var(--orange-acc);color:#fff;}
.bor:hover{background:#e85c30;transform:translateY(-2px);box-shadow:0 8px 26px rgba(255,106,61,.35);}
.hlink{margin-bottom:3.25rem;}
.hlink span{font-size:.85rem;font-weight:600;color:var(--navy);cursor:pointer;border-bottom:2px solid var(--orange);padding-bottom:2px;}
.hlink span:hover{color:var(--orange-acc);}

/* Drie lenzen: KAN, MAG, WERKT */
.lens{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.75rem;}
.lensc{background:var(--grey-light);border-radius:2rem;padding:2rem 1.9rem;border-top:4px solid var(--accent,var(--teal));transition:all .3s;}
.lensc:hover{background:#fff;box-shadow:0 16px 44px rgba(13,27,42,.1);transform:translateY(-5px);}
.lensc:nth-child(1){--accent:var(--teal-acc);}
.lensc:nth-child(2){--accent:var(--orange-acc);}
.lensc:nth-child(3){--accent:var(--navy);}
.lensk{font-family:'Sora',sans-serif;font-size:1.55rem;font-weight:800;letter-spacing:.03em;color:var(--accent,var(--teal));line-height:1;margin-bottom:.65rem;}
.lensc h3{font-size:.98rem;font-weight:700;margin-bottom:1rem;line-height:1.5;color:var(--navy);}
.lensc ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;}
.lensc li{font-size:.74rem;background:#fff;border:1px solid rgba(13,27,42,.09);padding:.22rem .7rem;border-radius:2rem;color:var(--grey);}
.lensc:hover li{background:var(--grey-light);}
@media(max-width:920px){.lens{grid-template-columns:1fr;}}

/* Drie manieren om te beginnen */
.start{background:var(--cream);}
.startg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem;}
.startc{background:#fff;border-radius:2rem;padding:2.1rem 1.9rem;display:flex;flex-direction:column;border:2px solid transparent;transition:all .3s;}
.startc:hover{border-color:rgba(0,168,142,.28);box-shadow:0 16px 44px rgba(13,27,42,.1);transform:translateY(-5px);}
.startp{align-self:flex-start;padding:.24rem .78rem;border-radius:2rem;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem;background:var(--teal-light);color:var(--teal-acc);}
.startc:nth-child(2) .startp{background:var(--orange-light);color:var(--orange-acc);}
.startc:nth-child(3) .startp{background:rgba(13,27,42,.06);color:var(--navy);}
.startc h3{font-family:'Fraunces',Georgia,serif;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;}
.startw{font-size:.82rem;color:var(--grey);margin-bottom:1.1rem;line-height:1.65;}
.startc ul{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.5rem;}
.startc li{font-size:.85rem;color:var(--navy);padding-left:1.2rem;position:relative;line-height:1.55;}
.startc li::before{content:'\2192';position:absolute;left:0;color:var(--teal-acc);font-weight:700;}
.startm{margin-top:auto;padding-top:1.1rem;border-top:1px solid rgba(13,27,42,.08);display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;}
.startm .sml{font-size:.75rem;color:var(--grey);}
.startm .smp{font-size:.85rem;font-weight:700;color:var(--navy);}
.startlnk{font-size:.8rem;font-weight:600;color:var(--teal-acc);cursor:pointer;margin-top:1rem;}
.startlnk:hover{color:var(--teal-acc-dark);}
@media(max-width:920px){.startg{grid-template-columns:1fr;}}

/* Wat de wet nu vraagt */
.wet{background:var(--navy);position:relative;overflow:hidden;}
.wet::before{content:'';position:absolute;bottom:-28%;left:-8%;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(255,106,61,.13) 0%,transparent 70%);}
.wet .ey{color:rgba(255,255,255,.75);}.wet .ey::before{background:rgba(255,255,255,.3);}
.wet .stitle{color:#fff;margin-bottom:1rem;position:relative;z-index:1;}
.wet .lead{color:rgba(255,255,255,.78);position:relative;z-index:1;}
.wetl{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:2.5rem;position:relative;z-index:1;}
.weti{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.6rem 1.7rem;}
.wetd{font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.6rem;}
.weti h3{font-size:.97rem;color:#fff;margin-bottom:.45rem;font-weight:700;line-height:1.4;}
.weti p{font-size:.84rem;color:rgba(255,255,255,.76);line-height:1.7;}
.wetc{margin-top:2.25rem;font-size:.95rem;color:#fff;font-weight:600;position:relative;z-index:1;}
@media(max-width:920px){.wetl{grid-template-columns:1fr;}}

/* Tabellen op de aanpak- en productpagina's */
.owt{width:100%;border-collapse:collapse;margin-top:1.75rem;font-size:.88rem;background:#fff;}
.owt th{text-align:left;padding:.85rem 1rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-acc);border-bottom:2px solid rgba(0,168,142,.25);}
.owt td{padding:1rem;border-bottom:1px solid rgba(13,27,42,.08);color:var(--grey);line-height:1.68;vertical-align:top;}
.owt td.k{color:var(--navy);font-weight:600;}
.owt td.n{color:var(--teal-acc);font-weight:800;width:44px;}
.owt tr:hover td{background:rgba(0,168,142,.04);}
@media(max-width:760px){
  .owt,.owt tbody,.owt tr,.owt td{display:block;width:100%;}
  .owt thead{display:none;}
  .owt tr{margin-bottom:1rem;border:1px solid rgba(13,27,42,.1);border-radius:1.5rem;padding:.6rem 1rem;background:#fff;}
  .owt td{border-bottom:1px solid rgba(13,27,42,.06);padding:.75rem 0;}
  .owt tr td:last-child{border-bottom:none;}
  .owt td.n{width:auto;}
  .owt td::before{content:attr(data-l);display:block;font-size:.63rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-acc);margin-bottom:.3rem;}
  .owt td.n::before{content:none;}
}

/* Praktisch-blok op productpagina's */
.spec{width:100%;border-collapse:collapse;margin-top:1.5rem;background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 24px rgba(13,27,42,.06);}
.spec th{text-align:left;width:34%;padding:1rem 1.35rem;font-size:.85rem;font-weight:600;color:var(--navy);background:var(--grey-light);border-bottom:1px solid rgba(13,27,42,.07);vertical-align:top;}
.spec td{padding:1rem 1.35rem;font-size:.88rem;color:var(--grey);line-height:1.7;border-bottom:1px solid rgba(13,27,42,.07);vertical-align:top;}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:none;}
@media(max-width:600px){.spec th,.spec td{display:block;width:100%;}.spec th{background:none;border-bottom:none;padding-bottom:.2rem;}}

/* Twee kolommen op productpagina's */
.pcols{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:.5rem;}
.pcol h3{font-family:'Fraunces',Georgia,serif;font-size:1.22rem;font-weight:600;margin-bottom:1.1rem;color:var(--navy);}
.chk{list-style:none;display:flex;flex-direction:column;gap:.75rem;}
.chk li{font-size:.9rem;line-height:1.72;color:var(--grey);padding-left:1.6rem;position:relative;}
.chk li::before{content:'';position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--teal);}
.chk li strong{color:var(--navy);}
@media(max-width:920px){.pcols{grid-template-columns:1fr;gap:2.25rem;}}
.note{background:var(--orange-light);border-left:3px solid var(--orange-acc);border-radius:1.25rem;padding:1.5rem 1.7rem;margin-top:2.25rem;}
.note h4{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-acc);margin-bottom:.55rem;}
.note p{font-size:.9rem;line-height:1.78;color:var(--navy);}
.plead{font-size:1.05rem;line-height:1.85;color:var(--grey);max-width:720px;}
.plead strong{color:var(--navy);}
.pintro{font-size:.95rem;line-height:1.85;color:var(--grey);max-width:720px;margin-bottom:1rem;}
.pintro strong{color:var(--navy);}



/* ===== Toegevoegd bij de opsplitsing naar losse pagina's ===== */
/* <picture> mag de opmaak niet beinvloeden: de <img> blijft zich gedragen
   alsof hij een direct kind van zijn container is. */
picture{display:contents}

/* De kopjes in de voettekst zijn nu h2 in plaats van h4. */
.fc h2{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:1rem;}

/* Knoppen en kaarten zijn nu echte links; die moeten er hetzelfde uitzien. */
a.btn{text-decoration:none}
a.startlnk{display:inline-block;text-decoration:none}
a.thc{display:block;text-decoration:none;color:inherit}
a.warmlink{text-decoration:none}
a.inlnk{color:var(--teal-acc);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(0,119,106,.35)}
a.inlnk:hover{color:var(--teal-acc-dark)}
.ph a.inlnk,.dk a.inlnk{color:#fff;border-bottom-color:rgba(255,255,255,.4)}

/* Skiplink: eerste tabstop, springt over de navigatie heen. */
.skiplink{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;
  padding:.75rem 1.25rem;border-radius:0 0 .5rem 0;font-size:.85rem;font-weight:600;text-decoration:none}
.skiplink:focus{left:0}

/* Zichtbare focus voor toetsenbordgebruikers (WCAG 2.4.7). */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--teal-acc);outline-offset:2px;border-radius:4px}

/* Pauzeknop voor de bewegende trefwoordenband (WCAG 2.2.2). */
.ticker{position:relative}
.ttrack.paused{animation-play-state:paused}
.ticker:hover .ttrack,.ticker:focus-within .ttrack{animation-play-state:paused}
.tpause{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);z-index:2;
  background:rgba(255,255,255,.9);color:var(--navy);border:1px solid rgba(13,27,42,.15);
  border-radius:2rem;font-family:'Sora',sans-serif;font-size:.68rem;font-weight:600;
  padding:.3rem .7rem;cursor:pointer;line-height:1}
.tpause:hover{background:#fff}

/* Akkoordvinkje in het contactformulier. Let op: de klasse .chk was al in
   gebruik voor de vinklijstjes, vandaar een eigen naam. */
.akkoord{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;color:var(--grey);line-height:1.6;cursor:pointer}
/* Rond selectievakje in de huisstijl, met een vinkje als achtergrondbeeld.
   Een pseudo-element op een input rendert niet in elke browser betrouwbaar. */
.akkoord input[type=checkbox]{-webkit-appearance:none;appearance:none;
  width:1.15rem;height:1.15rem;min-width:1.15rem;margin:.15rem 0 0;padding:0;
  border:1.5px solid rgba(13,27,42,.28);border-radius:50%;background-color:#fff;
  box-shadow:none;flex:0 0 auto;cursor:pointer;
  background-repeat:no-repeat;background-position:center;background-size:.62rem;
  transition:background-color .15s,border-color .15s}
.akkoord input[type=checkbox]:hover{border-color:var(--teal-acc)}
.akkoord input[type=checkbox]:checked{background-color:var(--teal-acc);border-color:var(--teal-acc);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5.2l3.3 3.3L11 1.5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.akkoord input[type=checkbox]:focus{box-shadow:none}
.akkoord input[type=checkbox]:focus-visible{outline:3px solid var(--teal-acc);outline-offset:2px}
.akkoord a{color:var(--teal-acc);font-weight:600}

/* Koppen die een niveau zijn opgeschoven, zodat de hierarchie klopt. */
.cc h3{font-size:.95rem;font-weight:700;margin-bottom:0;}
.icd h3{font-size:.875rem;font-weight:600;margin-bottom:.25rem;}
.pcol h2{font-family:'Fraunces',Georgia,serif;font-size:1.22rem;font-weight:600;margin-bottom:1.1rem;color:var(--navy);}
.ic h2{font-size:.98rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;}

/* Adresblok in de voettekst. */
.faddr{font-size:.78rem;line-height:1.7;color:rgba(255,255,255,.62);margin-top:1rem;font-style:normal}
.fbot a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.78rem}
.fbot a:hover{color:var(--teal)}

/* De "Of laat een AI-leverancier checken"-link was een <span> met een
   onclick en is nu een echte link. Zelfde opmaak, geen standaard blauw. */
.hlink a{font-size:.85rem;font-weight:600;color:var(--navy);text-decoration:none;
  border-bottom:2px solid var(--orange);padding-bottom:2px}
.hlink a:hover{color:var(--orange-acc)}

/* Links in de juridische pagina's kregen geen opmaak mee. */
.doc-page p a,.doc-page li a{color:var(--teal-acc);font-weight:600;
  text-decoration:underline;text-underline-offset:2px}
.doc-page p a:hover,.doc-page li a:hover{color:var(--teal-acc-dark)}

/* KAN, MAG en WERKT horen bij elkaar en breken niet meer over twee regels. */
.lenzen .nw{white-space:nowrap}
@media(max-width:560px){.lenzen{font-size:clamp(1.6rem,6.6vw,1.9rem)}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important}
  .ttrack{animation:none!important;transform:none!important}
  #cur,#curR{display:none!important}
}
/* De zelfgemaakte cursor heeft geen zin op aanraakschermen. */
@media (hover:none),(pointer:coarse){#cur,#curR{display:none!important}}

/* Mobiel: de twee zwevende kaartjes over de herofoto waren te groot en de
   lange woorden liepen buiten het witte vlak. Kleiner, verder naar de hoeken
   en met afbreken van lange woorden. */
@media(max-width:920px){
  .hfc1{top:-.4rem;right:-.4rem;left:auto;padding:.55rem .7rem;
    max-width:min(38vw,138px);border-radius:1rem}
  .hfc1 .ft{font-size:.55rem;margin-bottom:.15rem}
  .hfc1 .fn{font-size:1.05rem}
  .hfc1 .fs{font-size:.6rem;line-height:1.35;overflow-wrap:anywhere;hyphens:auto}
  .hfc2{bottom:-.4rem;left:-.4rem;right:auto;padding:.55rem .7rem;
    max-width:min(42vw,152px);border-radius:1rem}
  .hfc2 strong{font-size:.78rem;margin-bottom:.2rem}
  .hfc2 p{font-size:.63rem;line-height:1.4;overflow-wrap:anywhere;hyphens:auto}
}


/* ===== Toegevoegd na de review langs vijf brillen ===== */
/* Vertelt de browser dat de site voor licht is ontworpen, zodat formuliervelden
   en scrollbalken in donkere modus niet omgekleurd worden. */
:root{color-scheme:light}

/* Printen: dienstpagina's worden uitgedraaid voor een MT-overleg. */
@media print{
  #mnav,footer,.ticker,#cur,#curR,.skiplink,.tpause,.cbtns,.hbtns,.hlink,
  .ctab,.startlnk,.btn{display:none!important}
  body{background:#fff!important;color:#000!important;font-size:11pt}
  .ph,.lb,.wet,.hero{background:#fff!important;color:#000!important;padding:0 0 1rem!important}
  .stitle,h1,h2,h3{color:#000!important;page-break-after:avoid}
  .tc p,p,li{color:#000!important}
  a{color:#000!important;text-decoration:underline}
  /* Toon de bestemming van een link, want op papier is klikken lastig. */
  main a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;word-break:break-all}
  .owt{page-break-inside:auto}
  .owt tr{page-break-inside:avoid}
  img,picture{max-width:100%!important}
}

.tqs li{margin-bottom:.9rem}
.tqa{display:block;margin-top:.2rem;font-weight:400;opacity:.85;line-height:1.6}

/* Artikelpagina's in de kennisbank. */
.artikel{max-width:44rem;margin:0 auto}
.artikel h2{font-family:'Fraunces',Georgia,serif;font-size:1.4rem;font-weight:600;
  color:var(--navy);margin:2.5rem 0 .9rem;line-height:1.3}
.artikel p{font-size:1rem;line-height:1.85;margin-bottom:1.1rem}
.artikel ol,.artikel ul{margin:0 0 1.4rem 1.2rem}
.artikel li{font-size:1rem;line-height:1.8;color:var(--grey);margin-bottom:.8rem}
.artikel li strong{color:var(--navy)}
.artikel a{color:var(--teal-acc);font-weight:600;text-decoration:underline;
  text-underline-offset:2px}
.artimg{max-width:44rem;margin:0 auto 2.5rem}
.artimg img{width:100%;height:auto;border-radius:1.5rem;display:block;
  aspect-ratio:16/7;object-fit:cover}
@media(max-width:640px){.artikel h2{font-size:1.22rem}}