@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/pjs-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/pjs-latin-ext.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--navy:#0B1F3A;--blauw:#035CA3;--blauw2:#0B5CAB;--oranje:#E8500A;--oranje-d:#C2410C;--groen:#16A34A;--groen-vlak:#F0FDF4;--grijs:#5B6B80;--rand:#E3E8EF;--vlak:#F3F6FA;--wit:#fff;--tekst:#0F172A;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tekst);background:#fff;line-height:1.6;font-size:16.5px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:var(--blauw);text-underline-offset:3px}a:hover{color:var(--navy)}
.w{max-width:1180px;margin:0 auto;padding:0 20px}
h1,h2,h3{color:var(--navy);line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:800}h2{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:800;margin-top:1.8em}h3{font-size:1.1rem;font-weight:700;margin-top:1.3em}
p{margin:0 0 1em}ul,ol{padding-left:1.2em;margin:0 0 1em}li{margin:.25em 0}
.top{background:var(--navy);color:#C7D3E3;font-size:.82rem}.top .w{display:flex;gap:18px;justify-content:space-between;padding-top:7px;padding-bottom:7px;flex-wrap:wrap}.top a{color:#fff;text-decoration:none}
header.kop{background:#fff;border-bottom:1px solid var(--rand);position:sticky;top:0;z-index:20}
header.kop .w{display:flex;align-items:center;gap:22px;min-height:68px}
.logo{display:flex;flex-direction:column;text-decoration:none;line-height:1.05}.logo b{font-size:1.45rem;font-weight:800;color:var(--navy);letter-spacing:-.02em}.logo b i{font-style:normal;color:var(--oranje)}.logo small{font-size:.68rem;color:var(--grijs);font-weight:600;letter-spacing:.04em}
nav.hoofd{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}nav.hoofd a{padding:9px 11px;border-radius:9px;color:var(--navy);text-decoration:none;font-weight:600;font-size:.93rem}nav.hoofd a:hover,nav.hoofd a.act{background:var(--vlak);color:var(--blauw)}
.menuknop{display:none;margin-left:auto;background:var(--vlak);border:1px solid var(--rand);border-radius:10px;padding:9px 13px;font:inherit;font-weight:700;color:var(--navy)}
@media(max-width:940px){.menuknop{display:block}nav.hoofd{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--rand);padding:10px 16px 16px;flex-direction:column}nav.hoofd.open{display:flex}}
.kruimel{font-size:.84rem;color:var(--grijs);padding-top:14px}.kruimel a{color:var(--grijs)}
.hero{background:linear-gradient(180deg,var(--vlak),#fff);padding:34px 0 26px}.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.hero p.lead{font-size:1.13rem;color:#334155;max-width:60ch}
.hero .beeld{background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:14px;display:flex;align-items:center;justify-content:center;min-height:260px}.hero .beeld img{max-height:420px;width:auto;border-radius:8px}
@media(max-width:820px){.hero .w{grid-template-columns:1fr}.hero .beeld{order:-1;min-height:0}}
.knop{display:inline-block;background:var(--oranje);color:#fff!important;text-decoration:none;font-weight:800;padding:13px 22px;border-radius:11px;border:0;font-size:1rem;cursor:pointer}.knop:hover{background:var(--oranje-d)}
.knop.licht{background:#fff;color:var(--navy)!important;border:1.5px solid var(--rand)}.knop.licht:hover{border-color:var(--blauw);color:var(--blauw)!important}.knoppen{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.pil{display:inline-block;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--vlak);color:var(--grijs);border:1px solid var(--rand)}.pil.groen{background:var(--groen-vlak);color:#15803d;border-color:#BBF7D0}.pil.oranje{background:#FFF7ED;color:var(--oranje-d);border-color:#FED7AA}
.usp{display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:14px 0 0;list-style:none;font-size:.9rem;color:#334155;font-weight:600}.usp li::before{content:"✓";color:var(--groen);font-weight:800;margin-right:6px}
section.blok{padding:10px 0 34px}.smal{max-width:820px}
.rooster{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin:18px 0}
.kaart{background:#fff;border:1px solid var(--rand);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s}.kaart:hover{border-color:#B8C7DA;box-shadow:0 8px 24px rgba(11,31,58,.08)}
.kaart .foto{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--vlak);border-radius:10px;overflow:hidden;margin-bottom:10px}.kaart .foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kaart b{color:var(--navy);font-size:1rem;line-height:1.25}.kaart span.sub{font-size:.86rem;color:var(--grijs);margin-top:3px}.kaart .onder{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem}.kaart .prijs{font-weight:800;color:var(--navy)}
.groepen{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:18px 0}.groep{border:1px solid var(--rand);border-radius:var(--r);padding:20px;text-decoration:none;color:inherit;background:#fff}.groep:hover{border-color:var(--blauw)}.groep b{display:block;color:var(--navy);font-size:1.12rem;margin-bottom:4px}.groep span{color:var(--grijs);font-size:.92rem}.groep em{display:block;font-style:normal;color:var(--blauw);font-weight:700;margin-top:10px;font-size:.9rem}
table.spec{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:.96rem}table.spec th,table.spec td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rand);vertical-align:top}table.spec th{width:44%;color:var(--grijs);font-weight:600}table.spec tr:nth-child(odd){background:#FAFBFC}
.tabelwrap{overflow-x:auto}table.vgl{border-collapse:collapse;width:100%;font-size:.92rem;min-width:640px}table.vgl th,table.vgl td{padding:9px 11px;border-bottom:1px solid var(--rand);text-align:left}table.vgl thead th{background:var(--navy);color:#fff;position:sticky;top:0}
.koop{border:1.5px solid var(--rand);border-radius:var(--r);padding:18px;background:#fff;margin:16px 0}.koop .rij{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:8px 0}.koop .rij+.rij{border-top:1px solid var(--rand)}.koop .bedrag{font-size:1.5rem;font-weight:800;color:var(--navy)}.koop small{color:var(--grijs)}
.tweekolom{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:760px){.tweekolom{grid-template-columns:1fr}}
.vak{background:var(--vlak);border-radius:var(--r);padding:18px 20px}.vak h3{margin-top:0}.vak.plus li::marker{content:"+  ";color:var(--groen);font-weight:800}.vak.min li::marker{content:"!  ";color:var(--oranje);font-weight:800}
.docs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.docs a{display:flex;gap:10px;align-items:center;border:1px solid var(--rand);border-radius:11px;padding:11px 13px;text-decoration:none;color:var(--navy);font-weight:600;font-size:.93rem}.docs a::before{content:"PDF";font-size:.66rem;font-weight:800;background:var(--navy);color:#fff;border-radius:5px;padding:3px 5px}.docs a:hover{border-color:var(--blauw)}
details{border:1px solid var(--rand);border-radius:11px;padding:0 16px;margin:8px 0;background:#fff}summary{cursor:pointer;font-weight:700;color:var(--navy);padding:13px 0}details p{margin:0 0 14px}
.band{background:var(--navy);color:#DCE6F2;border-radius:var(--r);padding:26px;margin:28px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.band h2{color:#fff;margin:0 0 6px}.band p{margin:0;max-width:60ch}
.melding{background:#FFF7ED;border:1px solid #FED7AA;border-radius:11px;padding:12px 15px;font-size:.92rem;color:#7C2D12;margin:14px 0}
form.aanvraag{display:grid;gap:12px;max-width:620px}form.aanvraag label{font-weight:700;font-size:.9rem;color:var(--navy);display:grid;gap:5px}form.aanvraag input,form.aanvraag textarea,form.aanvraag select{font:inherit;padding:11px 12px;border:1.5px solid var(--rand);border-radius:10px;width:100%}form.aanvraag input:focus,form.aanvraag textarea:focus{outline:2px solid var(--blauw);border-color:var(--blauw)}
footer.voet{background:var(--navy);color:#B9C6D8;margin-top:40px;padding:38px 0 22px;font-size:.92rem}footer.voet a{color:#fff;text-decoration:none}footer.voet a:hover{text-decoration:underline}footer.voet h4{color:#fff;margin:0 0 10px;font-size:1rem}footer.voet .kol{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}footer.voet ul{list-style:none;padding:0;margin:0}footer.voet .onder{border-top:1px solid #23395B;margin-top:26px;padding-top:16px;font-size:.82rem;color:#93A4BC}
@media(max-width:820px){footer.voet .kol{grid-template-columns:1fr 1fr}}
.zoek{display:flex;gap:8px;margin:12px 0 4px}.zoek input{flex:1;font:inherit;padding:12px 14px;border:1.5px solid var(--rand);border-radius:11px}
.verberg{display:none!important}

ul.doclijst{list-style:none;padding:0;margin:8px 0 18px}ul.doclijst li{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--rand);font-size:.92rem}ul.doclijst a.mod{font-weight:700;color:var(--navy);text-decoration:none}ul.doclijst span{color:var(--grijs)}@media(max-width:640px){ul.doclijst li{grid-template-columns:1fr;gap:2px}}
.smal h3{margin-top:1.4em}

figure.sfeer{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10;background:var(--vlak)}figure.sfeer img{width:100%;height:100%;object-fit:cover}
.vak.inkort{margin:6px 0 26px}.vak.inkort ul{columns:2;column-gap:36px;margin:0}@media(max-width:760px){.vak.inkort ul{columns:1}}
.vak.antwoord{background:var(--navy);color:#E6EDF6;margin:0 0 20px;padding:22px 24px}.vak.antwoord h2{color:#fff;margin:0 0 10px;font-size:1.25rem}.vak.antwoord p{margin:0 0 .7em;font-size:1.02rem}.vak.antwoord p:last-child{margin:0}
p.auteur{font-size:.9rem;color:var(--grijs);margin-top:14px}p.auteur a{color:var(--navy);font-weight:700}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--oranje);outline-offset:2px}

ul.vragen{list-style:none;padding:0;columns:2;column-gap:32px}ul.vragen li{break-inside:avoid;padding:5px 0;border-bottom:1px solid var(--rand);font-size:.95rem}ul.vragen a{text-decoration:none}@media(max-width:760px){ul.vragen{columns:1}}
form.zoek .knop{white-space:nowrap}

#aanvraagmelding{font-weight:700;color:var(--navy);min-height:1.4em;margin:0}

#cookiebalk{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;background:#fff;border:1.5px solid var(--rand);border-radius:var(--r);box-shadow:0 12px 40px rgba(11,31,58,.18);padding:16px 18px;z-index:50;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}#cookiebalk p{margin:0;flex:1 1 300px;font-size:.93rem}#cookiebalk div{display:flex;gap:8px;flex-wrap:wrap}#cookiebalk .knop{padding:10px 16px;font-size:.93rem}
button.knop,.menuknop{font-family:inherit}

/* ===== Opbouw als instalpunt.nl (11 nov 2026) ===== */
.top{display:none}
.strip{background:var(--navy);color:#C7D3E3;font-size:.8rem}.strip .w{display:flex;gap:26px;justify-content:space-between;padding-top:7px;padding-bottom:7px;overflow-x:auto;white-space:nowrap}.strip b{color:#FFB547;font-weight:700}.strip a{color:#fff;text-decoration:none;font-weight:700}
header.kop{position:static;border-bottom:0}header.kop .w{min-height:74px;gap:26px}
.logo small{letter-spacing:0;font-size:.72rem}
.kopzoek{flex:1;display:flex;max-width:640px;border:1.5px solid #CBD5E1;border-radius:11px;overflow:hidden;background:#fff}.kopzoek:focus-within{border-color:var(--blauw);box-shadow:0 0 0 3px rgba(3,92,163,.15)}.kopzoek input{flex:1;border:0;padding:12px 14px;font:inherit;font-size:.95rem;min-width:0;outline:0}.kopzoek button{border:0;background:var(--blauw);color:#fff;padding:0 16px;cursor:pointer;display:flex;align-items:center}
.kopacties{display:flex;gap:18px;margin-left:auto}.kopacties a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--navy);text-decoration:none;font-size:.72rem;font-weight:600}.kopacties a:hover{color:var(--blauw)}
.navbalk{background:var(--blauw);position:sticky;top:0;z-index:20}.navbalk nav.hoofd{margin:0;gap:2px;flex-wrap:nowrap;overflow-x:auto}.navbalk nav.hoofd a{color:#fff;padding:13px 14px;border-radius:0;font-size:.95rem;white-space:nowrap}.navbalk nav.hoofd a:hover,.navbalk nav.hoofd a.act{background:rgba(255,255,255,.14);color:#fff}.navbalk nav.hoofd a:last-child{background:var(--oranje);margin-left:auto;border-radius:9px;padding:9px 16px;align-self:center}
.menuknop{display:none}
@media(max-width:940px){header.kop .w{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:12px}.kopzoek{order:3;flex:1 1 100%;max-width:none}.kopacties{gap:14px}.kopacties span{display:none}.menuknop{display:block;margin-left:0}.navbalk nav.hoofd{display:none;position:static;flex-direction:column;padding:6px 0 10px;border:0;background:transparent}.navbalk nav.hoofd.open{display:flex}.navbalk nav.hoofd a:last-child{margin-left:0;align-self:flex-start;margin-top:6px}.strip span:nth-child(n+3){display:none}}
.banner{margin-top:22px;border-radius:18px;background-color:var(--navy);background-size:cover;background-position:center right;color:#fff;padding:44px 40px 40px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.banner h1{color:#fff;max-width:19ch;margin-bottom:.25em}.banner .acc{color:#FF8A3D;font-weight:800;font-size:clamp(1.15rem,2.2vw,1.55rem);margin:0 0 16px}.banner .sub{color:#DCE6F2;max-width:58ch;margin:14px 0 0;font-size:1.02rem}
.banner.klein{min-height:230px;padding:36px 40px}.banner.klein h1{max-width:24ch}
.chips{display:flex;gap:10px;flex-wrap:wrap}.chips a{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-weight:700;font-size:.93rem;padding:9px 16px;border-radius:99px;backdrop-filter:blur(4px)}.chips a:hover{background:#fff;color:var(--navy)}
ul.usp.licht{color:#DCE6F2}ul.usp.licht li::before{color:#7EE2A8}
@media(max-width:700px){.banner,.banner.klein{padding:28px 22px;border-radius:14px}}
.vinder{background:#fff;border:1px solid var(--rand);border-radius:16px;box-shadow:0 14px 34px rgba(11,31,58,.10);margin:-26px 18px 0;position:relative;padding:22px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.vinder h2{font-size:1.05rem;margin:0 0 10px}.vinder form{display:flex;gap:8px}.vinder select,.vinder input{flex:1;min-width:0;font:inherit;padding:11px 12px;border:1.5px solid #CBD5E1;border-radius:10px;background:#fff}.vinder p{margin:0 0 10px;font-size:.92rem;color:var(--grijs)}.vinder .knop{padding:11px 16px;font-size:.93rem;white-space:nowrap}
@media(max-width:900px){.vinder{grid-template-columns:1fr;margin:-18px 8px 0}}
.knop.blauw{background:var(--blauw)}.knop.blauw:hover{background:#024a85}.knop.goud{background:#E0A93B;color:#1B1304!important}.knop.goud:hover{background:#cf9829}.knop.omlijnd{background:transparent;border:1.5px solid rgba(255,255,255,.5);color:#fff!important}
p.telling{color:var(--grijs);font-size:.88rem;margin:14px 6px 0}
.voorraadblok{background:linear-gradient(135deg,#0B1F3A 0%,#0B3A6B 100%);margin:34px 0 10px;padding:34px 0 38px;color:#DCE6F2}.voorraadblok h2{color:#fff;margin:6px 0 6px}.voorraadblok p{margin:0;max-width:62ch}.vkop{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.etiket{display:inline-block;background:var(--oranje);color:#fff;font-weight:800;font-size:.74rem;padding:5px 11px;border-radius:99px}.etiket.goud{background:transparent;border:1.5px solid #E0A93B;color:#E0A93B}
.kaart{padding:12px 12px 14px;border-radius:12px}.kaart .foto{aspect-ratio:1/1;background:#F3F6FA}.kaart .merk{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--grijs);margin-bottom:3px}.kaart b{font-size:.98rem}.kaart .prijsrij{display:flex;align-items:baseline;gap:6px;margin-top:10px}.kaart .prijs{font-size:1.35rem;font-weight:800;color:var(--oranje)}.kaart .prijs.aanvraag{font-size:1rem;color:var(--navy)}.kaart .prijsrij small{color:var(--grijs);font-size:.74rem}.kaart .vrd{font-size:.82rem;font-weight:700;color:var(--grijs);margin-top:4px}.kaart .vrd.ja{color:#15803d}.kaart .vrd.ja::before{content:"✓ "}.kaart .vrd.nee{color:#B91C1C}.kaart .bekijk{margin-top:12px;align-self:flex-start;background:var(--blauw);color:#fff;font-weight:700;font-size:.88rem;padding:8px 16px;border-radius:8px}.kaart:hover .bekijk{background:#024a85}
.groepen.foto{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.groep.metfoto{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:14px 18px}.groep .gfoto{width:96px;height:96px;border-radius:10px;background:#F3F6FA;display:flex;align-items:center;justify-content:center;overflow:hidden}.groep .gfoto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ghband{background:linear-gradient(120deg,#0B1F3A 0%,#12305A 60%,#0B5CAB 100%);color:#DCE6F2;padding:44px 0;margin:26px 0 8px}.ghband .w{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.ghband h2{color:#fff;margin:10px 0 10px;font-size:clamp(1.4rem,2.6vw,1.95rem)}.ghband p{max-width:56ch}.ghlijst{list-style:none;padding:0;margin:0;display:grid;gap:10px}.ghlijst li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:13px 16px;margin:0}.ghlijst b{color:#E0A93B}
@media(max-width:820px){.ghband .w{grid-template-columns:1fr;gap:22px}}
.ghband.metfoto{background:linear-gradient(100deg,rgba(11,31,58,.96) 0%,rgba(11,31,58,.86) 55%,rgba(11,58,107,.72) 100%),url(/assets/img/sfeer/laadperron.webp) center/cover}
@media(max-width:900px){.vinder{padding:18px 16px}.vinder form{flex-wrap:wrap}.vinder form .knop{flex:1 1 auto}}

.zoekrij{border:1px solid var(--rand);border-radius:12px;padding:14px 16px;margin:10px 0;background:#fff}.zoekrij .zkop{display:flex;flex-direction:column;gap:3px}.zoekrij .ztitel{font-weight:800;color:var(--navy);text-decoration:none;font-size:1.05rem}.zoekrij .zkop span{color:var(--grijs);font-size:.9rem}.zoekrij .zknop{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.zoekrij .zknop .knop{padding:9px 14px;font-size:.9rem}.zoekrij .zcode{margin:10px 0 0;font-weight:700;color:var(--navy)}
s{text-decoration-thickness:1.5px;color:var(--grijs)}

.kaart .advregel{font-size:.78rem;color:var(--grijs);margin-top:2px}.kaart .advregel s{color:var(--grijs)}