:root{--groen: #046a38;--groen-d: #034a27;--groen-licht: #e2efe8;--groen-mid: #1f8a5b;--inkt: #21281f;--muted: #67726a;--lijn: #e3e7e2;--vlak: #f2f1ec;--wit: #fff;--amber: #8a5410;--amber-licht: #faeeda;--blauw: #1c5f9e;--blauw-licht: #e8f1fa;--rood: #a32d2d;--rood-licht: #fcebeb;--paars: #582c83;--paars-d: #46216a;--paars-licht: #ece6f3;--radius: 16px;--schaduw: 0 1px 2px rgba(33, 40, 31, .04), 0 4px 16px rgba(33, 40, 31, .06);--brand: var(--groen);--brand-dark: var(--groen-d);--brand-soft: var(--groen-licht);--accent: var(--paars);--accent-dark: var(--paars-d);--accent-soft: var(--paars-licht);--page: var(--vlak);--ink: var(--inkt);--ink-soft: var(--muted);--hairline: var(--lijn)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--inkt);background:var(--vlak);font-size:15px;line-height:1.5}h1,h2,h3,.kop{font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--groen-d);margin:0}a{color:var(--groen)}button{font-family:inherit;font-size:14px;cursor:pointer}.shell{min-height:100vh;display:flex}.werkvlak{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--vlak)}main{padding:24px;max-width:1180px;width:100%;margin:0 auto;flex:1}.zijbalk{width:248px;flex-shrink:0;background:var(--groen-d);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.zb-merk{font-family:Fraunces,serif;font-weight:600;font-size:22px;color:#fff;padding:20px 20px 8px}.zb-nav{flex:1;padding:4px 12px 12px;display:flex;flex-direction:column}.zb-groep{margin-top:14px}.zb-groep-titel{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;padding:4px 12px 6px;font-weight:600}.zb-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;border:0;color:#ffffffdb;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:500;cursor:pointer;transition:background .12s,color .12s}.zb-item+.zb-item{margin-top:2px}.zb-item:hover{background:#ffffff17;color:#fff}.zb-item.actief{background:#fff;color:var(--groen-d);font-weight:600}.zb-ico{font-size:15px;width:20px;text-align:center;flex-shrink:0}.zb-voet{border-top:1px solid rgba(255,255,255,.12);padding:12px;display:grid;gap:10px}.zb-voet>*{min-width:0}.zb-demo>summary{font-size:12px;color:#fff9;cursor:pointer;padding:4px 6px;list-style:none}.zb-demo>summary::-webkit-details-marker{display:none}.zb-demo>summary:before{content:"▸  "}.zb-demo[open]>summary:before{content:"▾  "}.zb-demo-body{display:grid;gap:6px;padding:8px 4px 2px}.zb-kies{width:100%;border:0;background:#ffffffeb;color:var(--groen-d);padding:8px 10px;border-radius:8px;font-size:12.5px;font-weight:500}.zb-groepknop{border:0;background:#ffffff1f;color:#fff;padding:8px 10px;border-radius:8px;font-weight:500;font-size:12.5px;cursor:pointer}.zb-groepknop.actief{background:#fff;color:var(--groen-d)}.zb-gebruiker{display:flex;align-items:center;gap:10px;padding:6px 6px 2px}.zb-avatar{width:34px;height:34px;border-radius:50%;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.zb-wie{display:flex;flex-direction:column;min-width:0;flex:1}.zb-naam{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-rol{font-size:11.5px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zb-uit{border:0;background:#ffffff1f;color:#fff;width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:16px;flex-shrink:0}.zb-uit:hover{background:#ffffff3d}.shell-mobkop{display:none;align-items:center;gap:12px;background:var(--groen-d);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:30}.shell-mobkop .merk{font-family:Fraunces,serif;font-weight:600;font-size:18px}.shell-mob-titel{font-size:14px;color:#fffc}.shell-menuknop{border:0;background:#ffffff24;color:#fff;width:40px;height:40px;border-radius:10px;font-size:20px;cursor:pointer}.shell-waas{display:none}.venster{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--radius);box-shadow:var(--schaduw);padding:20px;margin-bottom:16px}.venster>h2{margin-bottom:4px}.venster .sub{color:var(--muted);margin:0 0 16px}.pil{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pil-groen{background:var(--groen-licht);color:var(--groen-d)}.pil-amber{background:var(--amber-licht);color:var(--amber)}.pil-blauw{background:var(--blauw-licht);color:var(--blauw)}.pil-rood{background:var(--rood-licht);color:var(--rood)}.pil-paars{background:var(--paars-licht);color:var(--paars)}.pil-grijs{background:var(--vlak);color:var(--muted)}.advies{background:var(--groen-licht);border-left:3px solid var(--groen);padding:10px 14px;border-radius:8px;margin:12px 0;color:var(--groen-d)}.advies:before{content:"✦ "}.detailrij{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--lijn);align-items:start}.detailrij:first-child{border-top:0}.label-chip{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.detailrij .waarde{font-weight:500}.detailrij .waarde .toel{font-weight:400;color:var(--muted);display:block;font-size:13px}.knop{border:1px solid var(--lijn);background:var(--wit);color:var(--inkt);padding:9px 16px;border-radius:10px;font-weight:600}.knop:hover{border-color:var(--paars)}.knop-primair{background:var(--paars);border-color:var(--paars);color:var(--wit)}.knop-primair:hover{background:var(--paars-d);border-color:var(--paars-d)}.knop-rood{background:var(--rood);border-color:var(--rood);color:var(--wit)}.knop:disabled{opacity:.5;cursor:not-allowed}.beslisitem{border:1px solid var(--lijn);border-radius:12px;padding:16px;margin-bottom:12px;background:var(--wit)}.beslisitem .kop-rij{display:flex;align-items:center;gap:10px;margin-bottom:6px}.beslisitem .kop-rij .titel{font-weight:600;flex:1}.beslisitem .meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:8px 0}.beslisitem .acties{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--lijn)}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}tr.klikbaar{cursor:pointer}th.klikbaar{cursor:pointer;-webkit-user-select:none;user-select:none}th.klikbaar:hover{color:var(--paars)}tr.klikbaar:hover{background:var(--vlak)}tr.geselecteerd{background:var(--paars-licht)}input,select,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--lijn);border-radius:8px;background:var(--wit);color:var(--inkt)}input:focus,select:focus,textarea:focus{outline:2px solid var(--paars);outline-offset:-1px}label.veld{display:block;margin-bottom:12px}label.veld .naam{display:block;font-size:13px;font-weight:600;margin-bottom:4px}label.veld input,label.veld select,label.veld textarea{width:100%;box-sizing:border-box}.veldgrid{display:grid;gap:12px 14px;align-items:start}.veldgrid label.veld{margin-bottom:0}.veldgrid.kol-naam{grid-template-columns:1fr 1fr 180px}.veldgrid.kol-adres{grid-template-columns:2fr 72px 124px 1.6fr}.veldgrid.kol-perceel{grid-template-columns:repeat(3,1fr) 168px;align-items:end}.formkop{margin:18px 0 10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.formhint{color:var(--muted);font-size:12px;margin:8px 0 0}.formacties{display:flex;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--lijn)}.subpaneel{background:var(--wit);border:1px solid var(--lijn);border-radius:10px;padding:14px 16px;margin-top:14px}.subpaneel .meet{font-weight:600;margin-top:4px}@media (max-width: 720px){.veldgrid.kol-naam,.veldgrid.kol-adres,.veldgrid.kol-perceel{grid-template-columns:1fr 1fr}}@media (max-width: 460px){.veldgrid.kol-naam,.veldgrid.kol-adres,.veldgrid.kol-perceel{grid-template-columns:1fr}}.tijdlijn{list-style:none;padding:0;margin:0}.tijdlijn li{position:relative;padding:0 0 16px 24px;border-left:2px solid var(--lijn)}.tijdlijn li:before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--groen-mid);border:2px solid var(--wit)}.tijdlijn .wanneer{font-size:12px;color:var(--muted)}.melding{padding:10px 14px;border-radius:8px;margin:12px 0}.melding-fout{background:var(--rood-licht);color:var(--rood)}.melding-ok{background:var(--groen-licht);color:var(--groen-d)}.muted{color:var(--muted)}.rij{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bedrag{font-variant-numeric:tabular-nums;font-weight:600}@media (max-width: 640px){.detailrij{grid-template-columns:1fr;gap:2px}main{padding:12px}}@media (max-width: 900px){.shell{display:block}.shell-mobkop{display:flex}.zijbalk{position:fixed;top:0;left:0;height:100vh;z-index:40;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 44px #00000059}.zijbalk.open{transform:translate(0)}.shell-waas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:35}}.hv{max-width:520px;margin:0 auto;min-height:100vh;background:var(--vlak)}.hv-scroll{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.hv-top{position:sticky;top:0;z-index:5;background:var(--groen);color:#fff;padding:calc(env(safe-area-inset-top) + 18px) 18px 18px;border-radius:0 0 20px 20px}.hv-top h1{font-family:Fraunces,serif;font-size:24px;font-weight:600;margin:0;color:#fff;padding-right:88px}.hv-top .hv-sub{opacity:.85;font-size:13px;margin-top:3px}.hv-wissel{position:absolute;top:calc(env(safe-area-inset-top) + 16px);right:16px;background:#ffffff29;color:#fff;border:0;border-radius:999px;padding:0 14px;min-height:40px;font-weight:500}.hv-body{padding:16px;display:grid;gap:14px}.hv-card{background:var(--wit);border:1px solid var(--lijn);border-radius:18px;padding:16px;box-shadow:var(--schaduw)}.hv-card .kop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hv-klant{font-size:18px;font-weight:600}.hv-meta{color:var(--muted);font-size:13px;margin-top:2px}.hv-letop{padding:10px 12px;border-radius:10px;font-size:14px;margin-top:10px}.hv-letop.amber{background:var(--amber-licht);color:var(--amber)}.hv-letop.rood{background:var(--rood-licht);color:var(--rood)}.hv-letop.groen{background:var(--groen-licht);color:var(--groen-d)}.hv-taak{display:flex;gap:12px;align-items:center;padding:12px 0;min-height:48px;cursor:pointer}.hv-taak+.hv-taak{border-top:1px solid var(--lijn)}.hv-check{width:28px;height:28px;border-radius:8px;flex-shrink:0;border:2px solid var(--lijn);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;background:var(--wit)}.hv-check.aan{background:var(--groen);border-color:var(--groen)}.hv-taak .tekst.klaar{text-decoration:line-through;color:var(--muted)}.hv-acties{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.hv-acties .vol{grid-column:1 / -1}.hv-knop{min-height:50px;border-radius:14px;font-size:15px;font-weight:600;padding:0 16px;border:1px solid var(--lijn);background:var(--wit);color:var(--inkt);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.hv-knop.primair{background:var(--paars);border-color:var(--paars);color:#fff}.hv-knop:disabled{opacity:.5}.hv-kiezer{padding:16px;display:grid;gap:12px}.hv-kiezer-knop{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:18px;min-height:68px;font-size:17px;font-weight:600;box-shadow:var(--schaduw);cursor:pointer}.hv-kiezer-knop .opco{font-weight:400;font-size:13px;color:var(--muted)}.hv-avatar{width:44px;height:44px;border-radius:50%;background:var(--groen-licht);color:var(--groen-d);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.hv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e1873;z-index:50;display:flex;align-items:flex-end;animation:hv-fade .18s ease}.hv-sheet{width:100%;max-width:520px;margin:0 auto;background:var(--wit);border-radius:22px 22px 0 0;padding:22px 18px calc(20px + env(safe-area-inset-bottom));animation:hv-omhoog .24s cubic-bezier(.2,.8,.2,1)}.hv-greep{width:40px;height:4px;border-radius:999px;background:var(--lijn);margin:-8px auto 14px}.hv-sheet h3{margin:0 0 14px;font-size:19px}.hv-sheet label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}.hv-sheet input,.hv-sheet textarea{width:100%;box-sizing:border-box;font-size:16px;padding:14px;min-height:52px;border-radius:12px}@keyframes hv-omhoog{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hv-fade{0%{opacity:0}to{opacity:1}}.hv-foot{position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--wit);border-top:1px solid var(--lijn);padding:12px 18px calc(12px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;justify-content:space-between}.hv-foot-inner{max-width:520px;margin:0 auto;width:100%;display:flex;gap:12px;align-items:center;justify-content:space-between}.hv-melding{margin:0 16px;border-radius:12px;padding:12px 14px;font-size:14px}.hv-melding.ok{background:var(--groen-licht);color:var(--groen-d)}.hv-melding.fout{background:var(--rood-licht);color:var(--rood)}.hv-status{font-weight:600}.hv-status.offline{color:var(--amber)}.hv-status.wacht{color:var(--muted)}.pil.pil-paars{background:var(--paars);color:#fff}.hv-collapse{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;border:none;padding:2px 0;font-size:15px;font-weight:600;color:var(--inkt);cursor:pointer}.hv-weten{background:var(--groen-licht);border-radius:12px;padding:10px 12px;margin-top:12px}.hv-weten-kop{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600;color:var(--groen-d);font-size:14px}.hv-weten-leeg{color:var(--muted);font-size:13px;margin-top:6px}.hv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.hv-chip{display:inline-flex;align-items:center;gap:4px;background:var(--wit);border:1px solid var(--lijn);border-radius:999px;padding:6px 10px;font-size:13px;color:var(--inkt)}.hv-chip.kies{cursor:pointer}.hv-chip.kies.aan{background:var(--paars);border-color:var(--paars);color:#fff}.hv-berichten{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.hv-mini{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--lijn);background:var(--wit);color:var(--inkt);font-size:13px;font-weight:600;cursor:pointer}.hv-knop.klok-aan{background:var(--groen-d);border-color:var(--groen-d);color:#fff}.hv-mic{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--lijn);background:var(--wit);font-size:13px;font-weight:600;cursor:pointer}.hv-mic.aan{background:var(--rood-licht);border-color:var(--rood);color:var(--rood)}.hv-canvas{width:100%;height:160px;border:1px dashed var(--lijn);border-radius:12px;background:var(--wit);touch-action:none}.kp-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.kp-kop h3{margin:0;font-size:17px}.hv-card.kp-actie{border:1.5px solid var(--paars)}.kp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.kp-stats>div{background:var(--vlak);border-radius:12px;padding:12px 6px}.kp-stats b{display:block;font-size:18px;color:var(--inkt)}.kp-stats span{font-size:12px;color:var(--muted)}.kp-mw{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--lijn)}.kp-mw:first-of-type{border-top:0}.kp-bezoek{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--lijn)}.kp-bezoek:first-of-type{border-top:0}.kp-avatar{width:40px;height:40px;border-radius:50%;background:var(--groen-licht);color:var(--groen-d);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.kp-meer{background:none;border:0;color:var(--paars);font-weight:600;padding:10px 0 2px;cursor:pointer;font-size:14px}.kp-fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.kp-foto{margin:0}.kp-foto img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;background:var(--vlak);display:block}.kp-foto figcaption{font-size:12px;color:var(--muted);margin-top:4px}.kp-foto.groot img{aspect-ratio:16 / 9}.kp-foto.groot{grid-column:1 / -1;margin-bottom:10px}.kp-varianten{display:grid;gap:10px}.kp-variant{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--lijn);border-radius:12px}.kp-variant.gekozen{border-color:var(--paars);background:var(--paars-licht)}.kp-pakket{display:grid;gap:6px}.kp-pakket-rij{display:flex;align-items:center;gap:8px;font-size:14px}.kp-vink{width:20px;height:20px;border-radius:50%;background:var(--groen-licht);color:var(--groen-d);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.kp-acties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kp-acties .vol{grid-column:1 / -1}.kp-faces{display:flex;gap:12px;justify-content:center;margin:4px 0 6px}.kp-face{font-size:34px;background:var(--vlak);border:2px solid transparent;border-radius:16px;width:72px;height:64px;cursor:pointer}.kp-face.aan{border-color:var(--paars);background:var(--paars-licht)}.cockpit{display:grid;gap:16px}.ck-kop h1{font-family:Fraunces,serif;font-size:26px;margin:0 0 2px;color:var(--inkt)}.ck-kop .muted{font-size:14px}.ck-brief{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;box-shadow:var(--schaduw);overflow:hidden}.ck-brief-rij{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--lijn);padding:14px 16px;font-size:15px;color:var(--inkt)}.ck-brief-rij:first-child{border-top:0}.ck-brief-rij.klik{cursor:pointer}.ck-brief-rij.klik:hover{background:var(--vlak)}.ck-brief-tekst{flex:1}.ck-ico{width:26px;text-align:center;font-size:17px;flex-shrink:0}.ck-pijl{color:var(--muted)}.ck-brief-rij.ernst-hoog{border-left:4px solid var(--rood)}.ck-brief-rij.ernst-midden{border-left:4px solid var(--amber)}.ck-brief-rij.ernst-laag{border-left:4px solid var(--lijn)}.ck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.ck-kaart{display:block;width:100%;text-align:left;background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:16px;box-shadow:var(--schaduw);cursor:pointer}.ck-kaart.klik:hover{border-color:var(--paars)}.ck-kaart-kop{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--inkt);margin-bottom:12px}.ck-badge{min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--vlak);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.ck-badge.aan{background:var(--paars);color:#fff}.ck-stat b{display:block;font-size:22px;color:var(--inkt);line-height:1.1}.ck-stat span{font-size:12px;color:var(--muted)}.ck-stat.klein b{font-size:17px}.ck-stat.rood b{color:var(--rood)}.ck-rij2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ck-mini{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--lijn);font-size:14px}.ck-mini:first-of-type{border-top:0}.ck-mini-t{color:var(--inkt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-mini-b{color:var(--muted);flex-shrink:0}.ck-tegels{display:flex;flex-wrap:wrap;gap:8px}.ck-tegel{display:inline-flex;flex-direction:column;align-items:center;background:var(--vlak);border-radius:10px;padding:8px 12px;font-size:11px;color:var(--muted);min-width:64px}.ck-tegel b{font-size:18px;color:var(--inkt)}.ck-tegel.amber{background:var(--amber-licht);color:var(--amber)}.ck-tegel.amber b{color:var(--amber)}.ck-tegel.rood{background:var(--rood-licht);color:var(--rood)}.ck-tegel.rood b{color:var(--rood)}.klein{font-size:13px}.dir-besluit{padding:12px 0;border-top:1px solid var(--lijn)}.dir-besluit:first-of-type{border-top:0}.dir-titel{font-weight:600;color:var(--inkt)}.wv-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 760px){.wv-grid{grid-template-columns:1fr}}.pb-subtabs{display:flex;gap:6px;margin:14px 0 4px;flex-wrap:wrap;border-bottom:1px solid var(--lijn)}.pb-subtab{border:0;background:none;padding:8px 14px;border-radius:10px 10px 0 0;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.pb-subtab:hover{color:var(--inkt)}.pb-subtab.actief{color:var(--groen-d);background:var(--vlak);box-shadow:inset 0 -3px 0 var(--groen)}.pb-badge{background:var(--rood);color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.pb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#141e1866;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.pb-overlay>.venster{max-width:660px;width:100%;margin:0;max-height:86vh;overflow-y:auto}.site{color:var(--ink);background:var(--page);min-height:100vh;display:flex;flex-direction:column}.site h1,.site h2,.site h3{font-family:Fraunces,serif;font-weight:600;line-height:1.12;color:var(--ink);margin:0}.site p{line-height:1.65}.site a:not([class]){color:inherit}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.site-nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--page) 95%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);box-shadow:0 1px 14px #0000000d}.site-nav .wrap{display:flex;align-items:center;gap:20px;height:68px}.site-merk{font-family:Fraunces,serif;font-weight:600;font-size:22px;color:var(--brand-dark);text-decoration:none}.site-menu{display:flex;gap:22px;margin-left:12px;flex:1}.site-menu a{text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;padding:6px 0;border-bottom:2px solid transparent}.site-menu a:hover{color:var(--brand);border-bottom-color:var(--accent)}.site-acties{display:flex;gap:10px;align-items:center}.site-knop{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;border-radius:999px;padding:11px 20px;min-height:44px;box-sizing:border-box;cursor:pointer;text-decoration:none;border:1.5px solid var(--accent);color:var(--accent);background:transparent;transition:background .15s,color .15s}.site-knop:hover{background:var(--accent-soft)}.site-knop-prim{background:var(--accent);color:var(--page);border-color:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 35%,transparent)}.site-knop-prim:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.site-knop-groot{padding:14px 26px;font-size:16px}.hamburger{display:none;background:transparent;border:1.5px solid var(--hairline);border-radius:10px;width:44px;height:44px;font-size:20px;cursor:pointer;color:var(--ink)}.hero{position:relative;color:var(--page);overflow:hidden}.hero-beeld{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-waas{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--brand-dark) 55%,transparent),color-mix(in srgb,var(--brand-dark) 82%,transparent))}.hero .wrap{position:relative;padding-top:96px;padding-bottom:104px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--page) 88%,transparent)}.hero h1{color:var(--page);font-size:clamp(34px,6vw,58px);margin:14px 0 0;max-width:17ch}.hero-sub{color:color-mix(in srgb,var(--page) 90%,transparent);font-size:19px;max-width:52ch;margin:18px 0 28px}.hero-acties{display:flex;gap:12px;flex-wrap:wrap}.hero .site-knop{border-color:var(--page);color:var(--page)}.hero .site-knop:hover{background:color-mix(in srgb,var(--page) 16%,transparent)}.hero .site-knop-prim{background:var(--accent);color:var(--page);border-color:var(--accent)}.hero .site-knop-prim:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.sectie{padding:72px 0}.sectie.smal{padding:52px 0}.sectie h2{font-size:clamp(26px,4vw,38px)}.sectie .lead{font-size:18px;color:var(--ink-soft);max-width:60ch;margin:12px 0 0}.midden{text-align:center}.midden .lead{margin-left:auto;margin-right:auto}.band{background:var(--brand-dark);color:var(--page)}.band .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:40px 24px}.band-tegel .k{font-family:Fraunces,serif;font-size:20px}.band-tegel .s{color:color-mix(in srgb,var(--page) 82%,transparent);font-size:14px;margin-top:4px}.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:36px}.skaart{background:var(--page);border:1px solid var(--hairline);border-radius:18px;padding:26px;box-shadow:var(--schaduw)}.skaart .ico{width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.skaart h3{font-size:19px}.skaart p{color:var(--ink-soft);margin:8px 0 0;font-size:15px}.stappen{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:36px;counter-reset:stap}.stap{background:var(--page);border:1px solid var(--hairline);border-radius:18px;padding:24px;box-shadow:var(--schaduw)}.stap .nr{counter-increment:stap;font-family:Fraunces,serif;font-size:15px;font-weight:600;color:var(--accent)}.stap .nr:before{content:counter(stap) " · "}.stap h3{font-size:18px;margin-top:4px}.stap p{color:var(--ink-soft);font-size:15px;margin-top:8px}.paginakop{position:relative;color:var(--page);overflow:hidden}.paginakop .hero-beeld{filter:saturate(1.02)}.paginakop .wrap{position:relative;padding:64px 24px}.paginakop h1{color:var(--page);font-size:clamp(28px,5vw,44px);max-width:20ch}.paginakop .lead{color:color-mix(in srgb,var(--page) 90%,transparent);margin-top:12px;max-width:56ch}.partners-strook{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.partner-chip{display:inline-flex;align-items:center;gap:8px;background:var(--page);border:1px solid var(--hairline);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:500;color:var(--ink)}.partner-chip .ico{color:var(--accent)}.cta{background:var(--accent-soft);border:1px solid var(--hairline);border-radius:22px;padding:36px;text-align:center;margin-top:40px}.cta h2{color:var(--brand-dark)}.cta p{color:var(--ink-soft);margin:8px auto 20px;max-width:50ch}.contactform{display:grid;gap:14px;max-width:520px;margin-top:28px}.contactform label{font-weight:600;font-size:14px;display:block}.contactform input,.contactform textarea{width:100%;box-sizing:border-box;font-size:16px;padding:13px;border:1px solid var(--hairline);border-radius:12px;background:var(--page);color:var(--ink);margin-top:6px;font-family:inherit}.site-footer{margin-top:auto;background:var(--brand-dark);color:var(--page)}.site-footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;padding:48px 24px}.site-footer h4{font-family:Fraunces,serif;font-size:18px;margin:0 0 10px}.site-footer a{display:block;color:color-mix(in srgb,var(--page) 82%,transparent);text-decoration:none;padding:4px 0;font-size:14px}.site-footer a:hover{color:var(--page)}.site-footer .merk{font-family:Fraunces,serif;font-size:22px}.site-footer .klein{color:color-mix(in srgb,var(--page) 70%,transparent);font-size:13px;margin-top:12px}.site-footer .balk{border-top:1px solid color-mix(in srgb,var(--page) 20%,transparent);padding:16px 24px;font-size:13px;color:color-mix(in srgb,var(--page) 70%,transparent);text-align:center}.notice{font-size:12.5px;color:var(--ink-soft);margin-top:18px}.embleem{width:46px;height:46px;flex-shrink:0}.merken-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}.merkkaart{display:flex;align-items:center;gap:14px;background:var(--page);border:1px solid var(--hairline);border-radius:16px;padding:16px 18px;box-shadow:var(--schaduw)}.merk-naam{font-family:Fraunces,serif;font-weight:600;font-size:17px;color:var(--brand-dark)}.merk-regio{color:var(--ink-soft);font-size:13px;margin-top:2px}.skaart .kop2{display:flex;align-items:center;gap:12px;margin-bottom:6px}.skaart .kop2 h3{margin:0}.merk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.merk-chip{font-weight:500;font-size:14px;color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:7px 14px}@media (max-width: 860px){.site-menu,.site-acties .site-knop:not(.site-knop-prim){display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center}.site-acties{margin-left:auto}.site-acties .site-knop-prim{padding:9px 16px}.mobiel-menu{border-bottom:1px solid var(--hairline);background:var(--page);padding:8px 0 16px}.mobiel-menu .wrap{display:grid;gap:4px}.mobiel-menu a{text-decoration:none;color:var(--ink);font-weight:500;padding:12px 0;border-bottom:1px solid var(--hairline)}.mobiel-menu .site-knop{display:inline-flex;margin-top:10px;justify-content:center}.mobiel-menu .site-knop-prim{display:none}.band .wrap{grid-template-columns:1fr;gap:16px}.site-footer .wrap{grid-template-columns:1fr}}