:root{--navy:#0c1f3f;--blauw:#1d5fd1;--blauw2:#174ea8;--licht:#eaf1fe;--ink:#0f172a;--dim:#374151;--mute:#4b5563;--lijn:#e5e7eb}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f6f8fc}
a{color:var(--blauw2)}.in{max-width:1080px;margin:0 auto;padding:0 16px}
.kop{background:#fff;border-bottom:1px solid var(--lijn);position:sticky;top:0;z-index:20}
.kop .in{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}
.merk{font-weight:800;color:var(--navy);text-decoration:none;line-height:1.1}.merk small{display:block;font-weight:600;color:var(--blauw);font-size:.8rem}
.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.knop.blauw{background:var(--blauw2);color:#fff}.knop.wa{background:#0b7a4b;color:#fff}.knop.rand{border:1.5px solid #cfd8e6;color:var(--navy);background:#fff}
.held{background:radial-gradient(900px 400px at 85% -10%,#dbe8ff 0,transparent 60%),linear-gradient(180deg,#f3f7ff,#f6f8fc);color:var(--ink);padding:40px 0 48px;border-bottom:1px solid var(--lijn)}
.held .in{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:start}
.held .label{display:inline-block;background:#fff;border:1px solid #d6e2f5;color:var(--blauw2);font-weight:700;font-size:.82rem;border-radius:999px;padding:4px 12px;margin-bottom:12px}
.held h1{font-size:clamp(30px,4.8vw,46px);line-height:1.08;margin:0 0 14px;color:var(--navy);letter-spacing:-.01em}.held p{color:var(--dim);margin:0 0 16px;font-size:1.05rem}
.usp{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px}.usp li{position:relative;padding-left:30px;font-weight:600;color:var(--navy)}
.usp li:before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;background:#16a34a;color:#fff;font-size:.75rem;display:grid;place-items:center}
.held .acties,.acties{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.knop.groot{min-height:54px;padding:0 24px;font-size:1.05rem}
.knop.oranje{background:#f5a524;color:#1c1300}.knop{font-family:inherit}
.held-foto{margin-top:26px;max-width:460px}.held-foto img{aspect-ratio:16/10;object-fit:cover;box-shadow:0 18px 40px -24px rgba(12,31,63,.5)}
.adresok{min-height:1.2em;margin:6px 0 0;font-size:.86rem;color:var(--mute)}.adresok.goed{color:#047857;font-weight:600}.adresok.mis{color:#b45309}
.kaart .rij.pc{grid-template-columns:1.2fr .8fr}.vink{display:flex!important;align-items:center;gap:8px;font-weight:600}.vink input{width:20px!important;min-height:20px!important;margin:0}
.privacy{font-size:.78rem;color:var(--mute);margin:6px 0 0}
.vinkrond{width:52px;height:52px;border-radius:50%;background:#16a34a;color:#fff;font-size:1.6rem;display:grid;place-items:center;margin-bottom:10px}
.klaar h2{margin:0 0 4px;color:#065f46}.stappen-k{margin:8px 0 0;padding-left:20px;color:var(--ink)}.stappen-k li{margin:6px 0}
.dk{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.dkaart{display:flex;gap:12px;background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px}.dkaart b{display:block;color:var(--navy)}
.dkaart p{margin:2px 0 6px;color:var(--dim);font-size:.9rem;line-height:1.45}.dkaart span{color:var(--blauw2);font-weight:700;font-size:.92rem}
.dico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--licht);display:grid;place-items:center;color:var(--blauw2)}.dico svg{width:24px;height:24px}
.galerij{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.galerij img{aspect-ratio:4/3;object-fit:cover}
.stap3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stap{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:18px}
.stap span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blauw2);color:#fff;font-weight:800;margin-bottom:10px}.stap b{display:block;color:var(--navy);margin-bottom:4px}.stap p{margin:0;color:var(--dim);font-size:.95rem}
.gem small.tr{display:inline-block;margin-top:6px;border-radius:999px;padding:2px 9px;font-weight:600;font-size:.78rem}.tr.op{background:#fef2f2;color:#b91c1c}.tr.af{background:#ecfdf5;color:#047857}.tr.gel{background:#f1f5f9;color:#475569}
.gem a{position:relative}.gem a:after{content:"→";position:absolute;right:16px;top:16px;color:var(--blauw)}
.kaart{background:#fff;color:var(--ink);border-radius:18px;padding:22px;border:1px solid #dbe4f3;box-shadow:0 24px 60px -30px rgba(12,31,63,.45);scroll-margin-top:80px}
.kaart h2{margin:0 0 4px;font-size:1.2rem}.kaart .sub{margin:0 0 12px;color:var(--mute);font-size:.9rem}
.kaart label{display:block;font-weight:600;font-size:.88rem;margin:10px 0 4px}.kaart input,.kaart select,.kaart textarea{width:100%;min-height:44px;border:1px solid #cfd8e6;border-radius:10px;padding:10px 12px;font:inherit}
.kaart textarea{min-height:80px}.kaart .rij{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kaart button{width:100%;margin-top:16px;min-height:52px;background:#f5a524!important;color:#1c1300!important}.kaart button:disabled{opacity:.6}
.melding{margin:8px 0 0;font-size:.9rem}.klaar{padding:14px;background:#ecfdf5;border-radius:12px;color:#065f46}
.blok{padding:44px 0}.blok.grijs{background:#fff;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn)}
h2.t{font-size:clamp(22px,3vw,30px);margin:0 0 8px;line-height:1.2}.intro{color:var(--dim);max-width:760px;margin:0 0 18px}
.cijfers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.cijfers div{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:14px}.cijfers b{display:block;font-size:1.6rem;color:var(--navy)}.cijfers span{color:var(--mute);font-size:.88rem}
.staven{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;align-items:end;height:170px;background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:14px 12px 10px}
.st{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.st i{display:block;width:100%;background:linear-gradient(180deg,#5b8def,#1d5fd1);border-radius:6px 6px 2px 2px}
.st b{font-size:.78rem;color:var(--navy)}.st small{font-size:.7rem;color:var(--mute)}
.bron{color:var(--mute);font-size:.8rem;margin-top:8px}
.adv{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.adv div{background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px}.adv b{display:block;margin-bottom:6px;color:var(--navy)}.adv p{margin:0;color:var(--dim);font-size:.95rem}
.dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:0;margin:0;list-style:none}
.dl li{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px}.dl li span{color:var(--blauw2);font-weight:700;white-space:nowrap;font-size:.9rem}
.kernen{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}.kernen li{background:var(--licht);color:var(--navy);border-radius:999px;padding:6px 12px;font-weight:600;font-size:.9rem}
.gem{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;list-style:none}
.gem a{display:block;background:#fff;border:1px solid var(--lijn);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink)}.gem a:hover{border-color:var(--blauw)}
.gem b{display:block;font-size:1.1rem;color:var(--navy)}.gem small{color:var(--mute)}
details{background:#fff;border:1px solid var(--lijn);border-radius:12px;padding:0 16px;margin:0 0 10px}summary{cursor:pointer;font-weight:700;padding:14px 0}details p{margin:0 0 14px;color:var(--dim)}
figure{margin:0}figure img{width:100%;height:auto;border-radius:14px;display:block}figcaption{color:var(--mute);font-size:.82rem;margin-top:6px}
.twee{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.voet{background:var(--navy);color:#c7d3e6;padding:30px 0 90px;font-size:.92rem}.voet a{color:#fff}.voet .in{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between}
.belbalk{display:none}
.menu{margin-left:auto;position:relative}.menu details{border:0;background:none;padding:0;margin:0}.menu summary{white-space:nowrap}.menu summary{list-style:none;cursor:pointer;font-weight:700;color:var(--navy);padding:10px 12px;border-radius:999px}.menu summary::-webkit-details-marker{display:none}
.menu summary:after{content:" ▾";color:var(--blauw)}.menu details[open] summary{background:var(--licht)}
.menu-lijst{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--lijn);border-radius:14px;box-shadow:0 18px 40px -20px rgba(12,31,63,.4);padding:6px;min-width:200px;display:grid;z-index:40}
.menu-lijst a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-weight:600}.menu-lijst a:hover,.menu-lijst a[aria-current]{background:var(--licht);color:var(--blauw2)}
.kruimel{font-size:.85rem;color:var(--mute);background:#f3f7ff;padding:8px 0 0}.kruimel a{color:var(--blauw2)}
.spoedtip{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:10px 12px;font-size:.9rem;margin:8px 0 0}.spoedtip a{color:#9a3412}
.voet a{text-decoration:none}.voet a:hover{text-decoration:underline}
.dk.smal{grid-template-columns:1fr}
@media (max-width:480px){.kaart .rij{grid-template-columns:1fr}.kaart .rij.pc{grid-template-columns:1.2fr .8fr}.galerij{grid-template-columns:1fr}}
@media (max-width:820px){body:has(.kaart input:focus,.kaart textarea:focus,.kaart select:focus) .belbalk{display:none}.held .in,.twee,.stap3{grid-template-columns:1fr}.held-foto{display:none}.galerij{grid-template-columns:1fr 1fr}.held{padding:24px 0 32px}.cijfers{grid-template-columns:1fr 1fr}.kop .knop.rand span{display:none}
 .belbalk{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--lijn)}}