@font-face{font-family:"Open Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(/lettertype.woff2?v=jvyims) format("woff2")}
:root{--inkt:#14212e;--zacht:#5b6672;--lijn:#e6e3de;--grond:#fafaf8;--vlak:#ffffff;--accent:#0a4f86;--knop:#c82c3e;--knop-tekst:#ffffff;--logo:#c82c3e;--vlak2:#f3f1ed;--f:"Open Sans",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grond);color:var(--inkt);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased}
p{margin:0}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
b,strong,th,dt.vet{font-weight:600}
.num,.bedrag,dl.bedragen dd,.regels dd,.netto b,.strip b,.tegel .prijs b,td.num,.doc td.r,.doc th.r{font-variant-numeric:tabular-nums}
.kop{display:flex;align-items:center;gap:12px;padding:16px 28px;border-bottom:1px solid var(--lijn);background:var(--vlak)}
.logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16px;line-height:1;color:var(--inkt);text-decoration:none}
.logo i{width:20px;height:20px;border-radius:4px;background:var(--logo);display:inline-block;flex:none}
.kop .tel{margin-left:auto;font-size:14px;color:var(--inkt);text-decoration:none;font-weight:600}
.kop .tel span{color:var(--zacht);font-weight:400}
.kolom{max-width:640px;margin:0 auto;padding:36px 24px 56px;display:grid;gap:40px}
.kolom.breed{max-width:1100px}
.klein{font-size:14px;color:var(--zacht)}
h1{font-weight:600;font-size:28px;line-height:1.2;margin:0;text-wrap:balance;letter-spacing:-.015em}
h2{font-weight:600;font-size:19px;line-height:1.3;margin:0;letter-spacing:-.005em}
h3{font-weight:600;font-size:16px;line-height:1.35;margin:0}
.blok{display:grid;gap:14px;align-content:start;min-width:0}
.blok+.blok{border-top:1px solid var(--lijn);padding-top:40px}
.bedrag{font-weight:600;font-size:28px;line-height:1.1}
.bedrag small{font-weight:400;font-size:16px;color:var(--zacht);margin-left:6px}
.link{font-size:14px}
.toestel{margin:0;display:grid;gap:6px}
.toestel img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:var(--vlak2)}
.toestel.klein img{border-radius:8px}
.doc-voor .toestel{width:100%;max-width:150px;justify-self:end}
.doc-voor:has(.doc-fotos){grid-template-columns:1fr auto;align-items:start}
.doc-fotos{display:grid;grid-template-columns:repeat(2,130px);gap:12px;justify-self:end}.doc-fotos .toestel{max-width:none}.doc-fotos figcaption{font-size:12px;line-height:1.35;color:var(--zacht)}
.vr-door[hidden],.vr-stop[hidden]{display:none}
.sticker{display:inline-block;font-style:normal;font-size:12px;font-weight:600;color:#1d5e2f;background:#e3f3e7;padding:2px 8px;border-radius:999px;margin-top:4px;width:fit-content}
.tt .sticker{display:block}
.sticker.groen{color:#fff;background:#1f7a3d;letter-spacing:.02em}
.beeld{width:100%;height:auto;display:block}
.beeld.klein{max-width:150px}
dl.bedragen .totaal{font-weight:600;font-size:19px;border-top:1.5px solid var(--inkt);padding-top:12px}
dl.bedragen{display:grid;grid-template-columns:1fr auto;margin:0;align-items:baseline}
dl.bedragen .voordeelregel{color:#1d5e2f;font-weight:600;border-bottom:0;padding-top:4px}
dl.bedragen dt,dl.bedragen dd{margin:0;padding:10px 0;border-bottom:1px solid var(--lijn)}
dl.bedragen dd{text-align:right;font-weight:600;padding-left:16px;white-space:nowrap}
dl.bedragen>:nth-last-child(-n+2){border-bottom:0}
.deadline{background:#fdf4f5;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}
.deadline b{color:var(--knop)}
.slot{display:grid;gap:12px;justify-items:start;padding-top:8px}
.slot .klein{max-width:440px}
.knop{display:inline-block;background:var(--knop);color:var(--knop-tekst);font:600 15px/1 var(--f);padding:12px 20px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;text-align:center;white-space:nowrap;transition:filter .12s,transform .06s}
.knop:hover{filter:brightness(.94)}
.knop:active{transform:scale(.98);filter:brightness(.86)}
.knop.bezig,.knop[disabled]{filter:saturate(.6) brightness(.95);opacity:.75;cursor:progress;transform:none}
.knop[disabled]:not(.bezig){background:#b9b6b0;color:#fff;filter:none;opacity:1;cursor:not-allowed}
.knop2{display:inline-block;background:transparent;color:var(--inkt);border:1px solid #c9c5be;font:600 13px/1 var(--f);padding:9px 14px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .12s}
.knop2:hover{background:var(--vlak2)}
.knop2:active{background:var(--lijn)}
.knop2.bezig,.knop2[disabled]{opacity:.6;cursor:progress}
.knop:focus-visible,.knop2:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.actie{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.voortgang{max-width:640px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.voortgang li{font-size:13px;line-height:1.3;color:var(--zacht);display:grid;gap:8px;align-content:start}
.voortgang li::before{content:"";height:3px;border-radius:2px;background:var(--lijn)}
.voortgang li.klaar::before{background:var(--inkt)}
.voortgang li.nu,.voortgang li.laatst{color:var(--inkt);font-weight:600}
.voortgang li.nu::before{background:linear-gradient(90deg,var(--inkt) 50%,var(--lijn) 50%)}
ol.vervolg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
ol.vervolg li{position:relative;display:grid;gap:4px;align-content:start;padding-top:26px;font-size:14px}
ol.vervolg li::before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;border:2px solid #b9b4ad;background:var(--grond);z-index:1}
ol.vervolg li:not(:last-child)::after{content:"";position:absolute;top:8px;left:18px;right:-8px;height:1.5px;background:var(--lijn)}
ol.vervolg li.klaar::before{background:var(--inkt);border-color:var(--inkt)}
ol.vervolg b{display:block;font-size:15px}
ol.vervolg span{color:var(--zacht);line-height:1.45}
ul.gerust,.doc ul.gerust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
ul.gerust li{background:var(--vlak2);border-radius:10px;padding:12px 14px;display:grid;gap:2px;font-size:13px;color:var(--zacht)}
ul.gerust b{font-size:14px;color:var(--inkt)}
.doc{background:var(--vlak);border:1px solid var(--lijn);border-radius:14px;padding:28px;display:grid;gap:22px;box-shadow:0 1px 2px rgba(20,33,46,.04),0 8px 24px rgba(20,33,46,.05)}
.doc-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.doc-top address{font-style:normal;text-align:right;font-size:13px;line-height:1.5;color:var(--zacht)}
.doc-top address b{color:var(--inkt);font-size:14px}
.doc-label{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--zacht)}
.doc-h{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.doc-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn)}
.doc-meta div{padding:10px 12px 10px 0;display:grid;gap:2px}
.doc-meta div+div{border-left:1px solid var(--lijn);padding-left:12px}
.doc-meta span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--zacht)}
.doc-meta b{font-size:14px}
.doc-meta .ok b{color:#1d6b3a}
.doc-voor{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:center}
.doc-voor p{font-size:14px;line-height:1.5}
.doc table{border-collapse:collapse;width:100%;font-size:14px}
.doc th{text-align:left;font-weight:600;padding:0 0 8px;border-bottom:1.5px solid var(--inkt)}
.doc td{padding:10px 0;border-bottom:1px solid var(--lijn);vertical-align:top}
.doc tr+tr{border-top:0}
.doc .r{text-align:right;white-space:nowrap;padding-left:16px}
.doc td small{display:block;color:var(--zacht);font-size:13px;margin-top:2px}
.doc tr.eind td{font-weight:600;font-size:20px;border-bottom:1.5px solid var(--inkt);padding-top:14px}
.doc tr.groep td{font-weight:600;padding-top:16px;border-bottom:0}
.doc tr.sub td{font-weight:600;border-bottom:1.5px solid var(--inkt)}
.doc h3{font-size:15px}
.doc ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.doc .fijn{font-size:13px;color:var(--zacht)}
.voet{font-size:13px;color:var(--zacht);text-align:center;padding:0 24px 32px;display:grid;gap:10px;justify-items:center}
.voet form{margin:0}
.voet button{background:none;border:0;padding:0;font:inherit;color:var(--zacht);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.voet a{color:var(--zacht)}
.demo,.label-mock{font-size:13px;font-weight:600;color:#7a5b00;background:#fff4cc;padding:2px 6px;border-radius:4px;vertical-align:2px;white-space:nowrap}
.melding{background:var(--vlak2);border-radius:10px;padding:12px 16px;display:grid;gap:6px}
.melding.fout{background:#fdf4f5;color:var(--inkt)}
details>summary{cursor:pointer;color:var(--inkt);font-weight:600;list-style-position:inside}
details[open]>summary{margin-bottom:14px}
ul.lijst{margin:0;padding-left:20px;display:grid;gap:4px}
form.velden{display:grid;gap:40px}
.foutje{font-size:14px;font-weight:600;color:var(--knop)}
fieldset{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
legend,.veld>label.naam{font-weight:600;padding:0;margin-bottom:2px}
.veld{display:grid;gap:6px}
.veld .hint{font-size:14px;color:var(--zacht)}
.keuze{display:flex;gap:10px;align-items:flex-start;font-weight:400;cursor:pointer}
.keuze input{margin:4px 0 0;width:18px;height:18px;flex:none;accent-color:var(--inkt)}
input[type=number],input[type=text],input[type=tel],input[type=email],input[type=date],select,textarea{font:inherit;color:inherit;background:var(--vlak);padding:10px 12px;border:1px solid #c9c5be;border-radius:8px;width:100%;max-width:320px}
textarea{max-width:100%}
.rij{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline}
.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;padding:18px 20px;display:grid;gap:10px}
.nav{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.nav a.actief{font-weight:600;text-decoration:none;color:var(--inkt)}
.nav .rechts{margin-left:auto}
.rij a.actief{font-weight:600;text-decoration:none;color:var(--inkt)}
.kb-onderwerp{margin:28px 0 8px}
.kb-item{border-top:1px solid var(--lijn);padding:12px 0}
.kb-item>summary{font-weight:600}
.kb-antwoord{max-width:68ch}
.kb-status{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:8px;vertical-align:1px;white-space:nowrap}
.kb-open{color:#7a5b00;background:#fff4cc}
.kb-concept{color:var(--zacht);background:var(--vlak2)}
.kb-akkoord{color:#1d5e2f;background:#e3f3e7}
.kb-vervallen{color:var(--zacht);background:transparent;text-decoration:line-through}
.kb-door{color:var(--accent);background:transparent;border:1px solid var(--lijn)}
.kb-formulier{display:grid;gap:16px;max-width:720px}
.kb-formulier label{display:grid;gap:6px}
.kb-formulier label.kb-keuze{display:flex;gap:10px;align-items:center}
.kb-formulier input[type=text],.kb-formulier select{max-width:100%}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:6px 8px 6px 0;vertical-align:top}
tr+tr{border-top:1px solid var(--lijn)}
.balk{display:block;height:12px;background:var(--lijn);border-radius:6px;color:var(--accent)}
.tabel{overflow-x:auto;display:grid;gap:6px}
th.num,td.num{text-align:right;white-space:nowrap}
.oordeel{font-size:14px;padding:2px 6px;border-radius:4px;color:var(--zacht);white-space:nowrap}
.oordeel.boven{background:#e3f1e8;color:#1d5a35}.oordeel.onder{background:#fde8dc;color:#8a3a0e}.oordeel.keuze{background:#eef2f5}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vragen{display:grid;gap:56px}
.vragen.js{gap:0}
.vr-stap{display:grid;gap:0}
.vr-stap[hidden]{display:none}
.vr-teller{font-size:14px;color:var(--zacht);margin:0 0 8px}
.vr-balk{display:block;margin-bottom:28px;color:var(--inkt)}.vr-balk rect{fill:currentColor}.vr-balk rect.achter{fill:var(--lijn)}
.vr-h{margin:0 0 8px}
.vr-woning{font-size:19px;font-weight:600;margin:4px 0 6px}
.vr-sub{color:var(--zacht);margin:0 0 20px}
.vr-stap .veld{border:0;padding:0;margin:0 0 20px;min-width:0}
.vr-stap .veld legend{font-weight:600;margin-bottom:8px;padding:0}
.vr-stap .hint{color:var(--zacht);font-size:14px;margin:0 0 12px}
.tgs{display:grid;gap:10px}
.tg{display:grid;grid-template-columns:22px 1fr 44px;gap:16px;align-items:center;padding:14px 18px;background:var(--vlak);border:1.5px solid var(--lijn);border-radius:12px;cursor:pointer;transition:border-color .15s}
.tg:hover{border-color:#c9c5be}
.tg input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid #9aa0a8;border-radius:50%;margin:0;display:grid;place-items:center;background:var(--vlak)}
.tg input[type=checkbox]{border-radius:5px}
.tg input:checked{border-color:var(--logo)}
.tg input[type=radio]:checked::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--logo)}
.tg input[type=checkbox]:checked{background:var(--logo)}
.tg input[type=checkbox]:checked::after{content:"";width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.tg input:focus-visible{outline:2px solid var(--logo);outline-offset:2px}
.tg:has(input:checked){border-color:var(--logo);box-shadow:0 0 0 1px var(--logo)}
.tt{display:grid;gap:2px}.tt b{font-weight:600}.tt span{font-size:14px;color:var(--zacht)}
.tg svg{width:40px;height:40px;fill:none;stroke:#3b4250;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tg:has(input:checked) svg{stroke:var(--logo)}
.vr-meer{margin:4px 0 16px}.vr-meer summary{cursor:pointer;color:var(--zacht);margin-bottom:12px}
.vr-weet{font-size:14px;color:var(--zacht);margin:4px 0 24px}
.vr-knoppen{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:8px}
.vr-terug{background:none;border:0;padding:0;font:inherit;color:var(--zacht);text-decoration:underline;cursor:pointer}
.vragen:not(.js) .vr-knoppen{display:none}
.vragen:not(.js) .vr-stap:last-child .vr-knoppen{display:flex}
.vragen:not(.js) .vr-stap:last-child .vr-terug{visibility:hidden}
.mailvb{max-width:560px;display:grid;gap:14px;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;padding:20px 24px}
body.mailprogramma{background:#f3f4f6;color:#1f2328}
.mp-app{display:grid;grid-template-columns:200px 340px 1fr;grid-template-rows:56px 1fr;height:100vh;font-size:14px}
.mp-top{grid-column:1/-1;display:flex;align-items:center;gap:16px;padding:0 16px;background:#fff;border-bottom:1px solid #e3e5e8}
.mp-merk{font-weight:600;font-size:17px;width:168px}
.mp-zoek{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:#eef0f3;border-radius:8px;padding:9px 12px;color:#6b7280}
.mp-ik{margin-left:auto;width:32px;height:32px;border-radius:50%;background:#5b6b7f;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.mp-ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mp-mappen{padding:12px 8px;background:#f3f4f6}
.mp-nieuw{display:inline-block;margin:0 0 12px 8px;padding:10px 16px;border-radius:10px;background:#fff;border:1px solid #e3e5e8;font-weight:600}
.mp-mappen ul{list-style:none;margin:0;padding:0}
.mp-mappen li{padding:7px 12px;border-radius:0 16px 16px 0;color:#3b4250;display:flex;justify-content:space-between}
.mp-mappen li.nu{background:#dde5f0;font-weight:600;color:#1f2328}
.mp-lijst{background:#fff;border-right:1px solid #e3e5e8;overflow:auto}
.mp-lijstkop{padding:14px 16px;font-weight:600;border-bottom:1px solid #e3e5e8}
.mp-lijst ul{list-style:none;margin:0;padding:0}
.mp-lijst li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:11px 16px;border-bottom:1px solid #eef0f3;color:#4b5260}
.mp-lijst li b{font-weight:400;color:#1f2328;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-lijst .mp-t{font-size:12px;color:#6b7280}
.mp-lijst .mp-o,.mp-lijst .mp-s{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-lijst .mp-s{font-size:13px;color:#6b7280}
.mp-lijst li.nu{background:#e8eef7;box-shadow:inset 3px 0 #3d6fb6}
.mp-lijst li.ongelezen b,.mp-lijst li.ongelezen .mp-o,.mp-lijst li.ongelezen .mp-t{font-weight:600;color:#1f2328}
.mp{background:#fff;overflow:auto;min-width:0}
.mp-werk{display:flex;gap:18px;padding:12px 24px;border-bottom:1px solid #eef0f3;color:#5b6270}
.mp-ruimte{flex:1}
.mp-kop{padding:18px 24px 14px;display:grid;gap:14px}
.mp-kop h1{font-size:20px;letter-spacing:0;font-weight:400}
.mp-label{font-size:12px;background:#eef0f3;color:#4b5260;border-radius:4px;padding:2px 6px;vertical-align:middle;margin-left:6px}
.mp-van{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;font-size:14px}
.mp-av{width:40px;height:40px;border-radius:50%;background:var(--logo);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.mp-van b{font-size:14px}
.mp-adres{color:#6b7280;font-size:13px}
.mp-van div>span:last-child{display:block;color:#6b7280;font-size:13px}
.mp-lijf{background:var(--grond);padding:24px 16px;margin:0 24px;border-radius:8px}
.mp-vel{max-width:560px;margin:0 auto;background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}
.mp-vel>div{padding:22px 24px;display:grid;gap:14px}
.mp-vel>div:first-child{padding:16px 24px;border-bottom:1px solid var(--lijn)}
.mp-vel>div:last-child{display:block;border-top:1px solid var(--lijn);padding:14px 24px 18px;font-size:13px;color:var(--zacht)}
.mp-acties{display:flex;gap:10px;padding:20px 24px 32px}
.mp-acties span{display:flex;align-items:center;gap:8px;border:1px solid #d5d8dd;border-radius:18px;padding:7px 16px;color:#3b4250}
@media (max-width:1100px){.mp-app{grid-template-columns:200px 1fr}.mp-lijst{display:none}}
@media (max-width:760px){.mp-app{grid-template-columns:1fr;height:auto}.mp-mappen,.mp-lijst,.mp-zoek{display:none}.mp-merk{width:auto}.mp-top{height:56px}}
.mp-vel h2{font-size:21px}
.mp-vel form{margin:4px 0}
.mp-vel .knop{min-width:0}
.mp-vel{max-width:600px}
.mail-aanbod{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;overflow:hidden;margin:4px 0 8px}
.ma-foto{display:block;width:100%;height:auto}
.ma-toestel{display:flex;gap:14px;align-items:center;margin:0 0 16px}.ma-toestel img{width:88px;height:auto;border-radius:8px}.ma-toestel b{display:block}
.ma-binnen{padding:22px 20px;display:grid;gap:0}
.ma-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--knop);margin-bottom:6px}
.ma-titel{font-size:19px;line-height:25px;margin-bottom:16px}
.ma-cijfers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.ma-prijs{margin-top:18px;border-top:1px solid var(--lijn)}.ma-groep{display:block;padding-top:14px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--zacht)}.ma-rij{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-top:10px;font-size:15px;line-height:21px;font-variant-numeric:tabular-nums}.ma-rij span:last-child{white-space:nowrap;text-align:right}.ma-eind{margin-top:12px;padding-top:12px;border-top:2px solid var(--inkt);font-size:17px}.ma-eind.alleen{border-top:0;margin-top:0}.ma-eind b:last-child{font-size:26px;line-height:30px;white-space:nowrap}
.mail-subsidie{border-radius:8px;margin:4px 0 22px;font-size:15px}
.ma-cijfers>div{min-height:90px;background:var(--grond);border:1px solid var(--lijn);border-radius:8px;padding:14px 14px 12px}
.ma-cijfers b{display:block;font-size:22px;line-height:26px;white-space:nowrap}
.ma-cijfers span{display:block;font-size:13px;line-height:18px;color:var(--zacht);padding-top:2px}
.mail-aanbod p{margin:8px 0 0;font-size:15px}
.mail-aanbod .ma-klein{display:block;font-size:13px;line-height:19px;color:var(--zacht);margin:12px 0 0;font-weight:400}
.ma-knop{margin-top:20px}
.ma-knop form{margin:0}
.ma-knop .knop{display:block;width:100%;padding:16px 18px;font-size:16px}
.mail-stappen>b{font-size:17px}
.mail-stappen ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.mail-stappen li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:15px;line-height:22px}
.ms-nr{width:26px;height:26px;border-radius:50%;background:var(--grond);border:1px solid var(--lijn);display:grid;place-items:center;font-size:13px;font-weight:700}
.mp-vel>div:last-child p,.mail-klein p{margin:0 0 8px;font-size:12px;line-height:18px}
/* Advies, schets B2 (Laurens 2-11, docs/schetsen/2026-11-02-spec-b2.md): links kiezen, besparen, ketel, gegevens en
   Warmtefonds; rechts één overzicht met één totaal; op de telefoon een balk onderaan met het totaal. */
[data-stand-van][hidden]{display:none!important}
.advies[data-sub=zonder] [data-alleen=met]{display:none!important}
.advies:not([data-sub=zonder]) [data-alleen=zonder]{display:none!important}
.advies:not([data-sub=stop]) [data-alleen=stop]{display:none!important}
/* Huur (AI-check ronde 2, punt 1): geen prijzen, geen subsidie, geen Warmtefonds, geen deadline en geen offerteknop, ook niet
   in de telefoonbalk. Werkt zonder script (data-sub komt van de server) en met script (knop.js zet data-sub direct).
   De stopzin staat één keer in beeld: op de computer rechts, op de telefoon onder de eigendomskeuze. */
.advies[data-sub=stop] [data-alleen=met],.advies[data-sub=stop] [data-prijs]{display:none!important}
@media (min-width:861px){.advies[data-sub=stop] form[data-direct] .stopkader{display:none!important}}
@media (max-width:860px){.advies .ov-stop{display:none!important}}
.ov-stop{gap:8px}
/* "Onze inschatting" één keer per veld: open je een regel, dan staat hij alleen nog bij het veld zelf. */
.gr-rij[open]>summary .sticker{display:none}
.js form[data-direct] .zonder-js{display:none}
.raster{display:grid;grid-template-columns:minmax(0,1fr) 340px;column-gap:48px;align-items:start}
.links{grid-column:1;display:grid;gap:36px;min-width:0}
.links>.deel{display:grid;gap:36px;min-width:0}
.links>.deel:empty{display:none}
.rechts{grid-column:2;position:sticky;top:16px;display:grid;gap:12px;align-content:start}
.smal{max-width:640px;display:grid;gap:20px}
.intro{display:grid;gap:8px}.intro p:last-child{color:var(--zacht);max-width:60ch;font-size:17px}
.intro .heel{white-space:nowrap}
.keuzeblok{display:grid;gap:14px;min-width:0}
/* auto-fill: één toestel (all-electric) blijft zo breed als een tegel in het raster van drie (Laurens 2-11: "Afbeelding veel te groot") */
.tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.tegel{display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:6px;padding:10px 10px 12px;border:1px solid var(--lijn);border-radius:10px;background:var(--vlak);color:var(--inkt);text-decoration:none;position:relative;transition:border-color .15s}
a.tegel:hover,a.ketel:hover{border-color:#c9c5be}
.tegel.gekozen,.ketel.gekozen{border-color:var(--inkt);box-shadow:0 0 0 1px var(--inkt)}
.tegel img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:var(--vlak2)}
.tegel .sticker{margin:2px 0 0}
.tegel .naam{font-size:15px;line-height:1.3}
.tegel .uitleg{font-size:13px;line-height:1.45;color:var(--zacht)}
.tegel .prijs{font-size:14px;align-self:end}.tegel .prijs b{font-size:15px;color:var(--inkt)}
.besparing{display:grid;gap:12px}
.strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;border:1px solid var(--lijn);border-radius:10px;background:var(--vlak);padding:14px 8px}
.strip>div{display:grid;gap:2px}.strip>div+div{border-left:1px solid var(--lijn)}
.strip b{font-size:24px;line-height:1.2;font-weight:600}.strip>div>span:last-child{font-size:13px;color:var(--zacht)}
details.som ol.binnen{margin:0;padding:0 16px 16px 36px;display:grid;gap:8px;max-width:68ch;font-size:14px}
/* "Zo rekenen we" als waterval (Laurens 3-11): label, balk, bedrag en m³/kWh op één regel; op de telefoon label en bedragen
   links onder elkaar en de balk rechts. De SVG vult de rij, zodat de verbindingslijnen tussen de balken aansluiten. */
details.som .binnen>p,details.som .binnen>div>p{max-width:68ch;line-height:1.5;margin:0}details.som .binnen{gap:12px}
.waterval{display:grid;margin-top:14px;max-width:680px}details.som .waterval{margin-top:0}
.wv{display:grid;grid-template-columns:190px minmax(0,1fr) 84px 96px;grid-template-areas:"sl balk sb sh";column-gap:12px;align-items:center;font-size:14px}
.wv>span:not(.wv-balk){padding:6px 0}
.wv .sl{grid-area:sl;color:var(--zacht)}.wv .sb{grid-area:sb;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.wv .sh{grid-area:sh;text-align:right;white-space:nowrap;color:var(--zacht);font-variant-numeric:tabular-nums}
.wv-balk{grid-area:balk;align-self:stretch;position:relative;min-height:26px}.wv-balk svg{position:absolute;inset:0;display:block;overflow:visible}
.wv rect{fill:#9aa3ad}.wv.over rect{fill:#b9c9d8}.wv.stroom rect{fill:#d8cdb9}.wv.winst rect{fill:var(--accent)}
.wv-lijn{stroke:#9aa3ad;stroke-width:1;shape-rendering:crispEdges}
.wv.winst{margin-top:0;padding-top:10px;border-top:1px solid var(--lijn)}.wv.winst .sl,.wv.winst .sb{color:var(--inkt);font-weight:600}
.duo-uitleg{display:grid;gap:6px;font-size:14px;margin-top:12px;padding:12px 14px;background:var(--vlak2);border-radius:8px}
.duo-uitleg p{margin:0}
.tegel .sticker.leeg{visibility:hidden}
@media (max-width:560px){
.wv{grid-template-columns:72px 86px minmax(0,1fr);grid-template-areas:"sl sl balk" "sb sh balk";column-gap:10px;font-size:13px}
.wv>span.sl{padding:6px 0 0}.wv>span.sb,.wv>span.sh{text-align:left;padding:0 0 6px}
}
details.vouw{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}
.terugbel{margin-top:0;max-width:none}main>.terugbel{margin-top:24px}.terugbel summary{font-weight:600;color:var(--inkt)}.terugbel-form{display:grid;gap:10px;margin-top:12px}.terugbel-form input[type=tel]{font:inherit;padding:10px 12px;border:1px solid var(--lijn);border-radius:8px;max-width:280px}.terugbel-form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}.terugbel-form legend{font-weight:600;margin-bottom:6px}.terugbel-form p{margin:0}
.terugbel-kaart{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:14px 16px;background:var(--vlak2);border-radius:12px}.terugbel-ico{width:22px;height:22px;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round}.terugbel-tekst p{margin:0;font-size:14px;line-height:1.45;color:var(--zacht)}.terugbel-tekst .terugbel-kop{font-size:15px;font-weight:700;color:var(--inkt);margin-bottom:2px}.terugbel-knop{grid-column:2;justify-self:start;margin-top:8px;background:var(--vlak);border-color:var(--inkt);font-size:14px;white-space:nowrap}.terugbel .melding a{white-space:nowrap}
.kiezer{display:grid;gap:22px}
.dagen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.dag{display:grid;justify-items:center;gap:0;padding:10px 4px 9px;border:1px solid var(--lijn);border-radius:10px;background:var(--vlak);color:var(--inkt);text-decoration:none;line-height:1.25;transition:border-color .12s,background .12s}
.dag:hover{border-color:#c9c5be}.dag .dag-w,.dag .dag-m{font-size:13px;color:var(--zacht)}.dag b{font-size:20px;line-height:1.2}.dag small{font-size:12px;color:var(--zacht);margin-top:3px}
.dag.nu{background:var(--inkt);border-color:var(--inkt);color:#fff}.dag.nu .dag-w,.dag.nu .dag-m,.dag.nu small{color:rgba(255,255,255,.75)}
.dag.vol:not(.nu){background:var(--vlak2)}.dag.vol:not(.nu) b{color:var(--zacht)}
.dagtijden{border:0;padding:0;margin:0;display:grid;gap:18px;min-width:0}.dagtijden[hidden]{display:none}
.dagtijden>legend{font-weight:600;font-size:17px;padding:0;margin-bottom:4px}.dagtijden>legend::first-letter{text-transform:uppercase}
.tijdgroep{display:grid;gap:8px}.tijdgroep h3{font-size:14px;font-weight:600;color:var(--zacht)}
.tijden{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}
.tijd{position:relative;display:block;cursor:pointer}.tijd input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.tijd>span{display:block;text-align:center;padding:11px 4px;border:1px solid var(--lijn);border-radius:8px;background:var(--vlak);font-weight:600;font-size:15px;font-variant-numeric:tabular-nums;transition:border-color .12s,background .12s}
.tijd:hover>span{border-color:var(--inkt)}.tijd input:checked+span{background:var(--inkt);border-color:var(--inkt);color:#fff}.tijd input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.tijd.bezet{cursor:default}.tijd.bezet>span{background:transparent;border-style:dashed;color:#b3aea6;font-weight:400;text-decoration:line-through}
.kiezer-tel{display:grid;gap:8px}.kiezer-tel input{font:inherit;padding:11px 12px;border:1px solid var(--lijn);border-radius:8px;max-width:280px;background:var(--vlak)}
.afspraak-vink{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--inkt)}.afspraak-vink span{width:26px;height:26px;border-radius:50%;background:var(--inkt);position:relative;flex:none}
.afspraak-vink span::after{content:"";position:absolute;left:9px;top:5px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.afspraak-kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:6px 18px}
.afspraak-kaart dl{display:grid;grid-template-columns:auto 1fr;margin:0}.afspraak-kaart dt,.afspraak-kaart dd{margin:0;padding:12px 0;border-bottom:1px solid var(--lijn)}.afspraak-kaart dt{color:var(--zacht);padding-right:20px}.afspraak-kaart dd{font-weight:600}
.afspraak-kaart dt:last-of-type,.afspraak-kaart dd:last-of-type{border-bottom:0}.afspraak-kaart dd::first-letter{text-transform:uppercase}
.afspraak-knoppen{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.afspraak-knoppen details[open]{flex-basis:100%;margin-top:4px}
@media (max-width:480px){.dagen{gap:6px}.dag{padding:8px 2px 7px}.dag b{font-size:18px}.dag small{font-size:11px}.tijden{grid-template-columns:repeat(4,minmax(0,1fr))}.afspraak-kaart dl{grid-template-columns:1fr}.afspraak-kaart dt{padding-bottom:0;border-bottom:0}.afspraak-kaart dd{padding-top:2px}.afspraak-knoppen .knop{flex-basis:100%}}
details.annuleer>summary{list-style:none;display:inline-block;margin:0}details.annuleer>summary::-webkit-details-marker{display:none}details.annuleer[open]>summary{display:none}.annuleer-keuze{display:flex;flex-wrap:wrap;gap:10px}details.annuleer p{margin:0 0 12px}
details.vouw>summary{list-style:none;cursor:pointer;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:center;margin:0}
details.vouw>summary::-webkit-details-marker{display:none}
details.vouw>summary .t{font-weight:600}.vouw>summary .t .klein{font-weight:400}
details.vouw>summary .s{grid-column:1;font-size:14px;color:var(--zacht);line-height:1.45;font-weight:400}
details.vouw>summary .pijl{grid-row:1/3;grid-column:2;width:10px;height:10px;border-right:2px solid var(--zacht);border-bottom:2px solid var(--zacht);transform:rotate(45deg);margin:0 4px 4px}
details.vouw[open]>summary .pijl{transform:rotate(-135deg);margin-top:6px}
details.vouw .binnen{padding:0 16px 16px;display:grid;gap:12px}
.ketels{display:grid;gap:8px}
.ketel{display:grid;grid-template-columns:20px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--lijn);border-radius:8px;background:var(--vlak);color:var(--inkt);text-decoration:none;transition:border-color .15s}
.ketel.geen{grid-template-columns:20px minmax(0,1fr)}
.ketel img{width:44px;height:44px;object-fit:contain;border-radius:6px;background:var(--vlak2)}
.ketel>span{display:grid;gap:1px;min-width:0}.ketel b{font-size:14px}.ketel>span>span{font-size:13px;color:var(--zacht);line-height:1.4}
.ketel .kprijs{text-align:right}.ketel .kprijs b{font-size:15px}.ketel .kprijs>span{display:block}
.rondje{width:18px;height:18px;border:1.5px solid #9aa0a8;border-radius:50%;display:grid;place-items:center;background:var(--vlak)}
.ketel.gekozen .rondje{border-color:var(--inkt)}
.ketel.gekozen .rondje::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--inkt)}
.gerekend{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px}
.gerekend>.kopje{padding:16px 16px 6px;display:grid;gap:4px}
.gr-rij{border-top:1px solid var(--lijn)}
.gerekend>.kopje+.gr-rij{border-top:0}details.gerekend>summary{padding:14px 16px}
.gr-rij>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;padding:12px 16px;align-items:baseline;font-size:15px;font-weight:400;margin:0}
.gr-rij>summary::-webkit-details-marker{display:none}
.gr-rij>summary .w{color:var(--zacht)}
.gr-rij>summary .w .sticker{margin:0 0 0 4px;vertical-align:1px}
.gr-rij>summary .wijzig{font-size:14px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.gr-rij[open]>summary .wijzig{visibility:hidden}
.gr-rij .binnen{padding:0 16px 16px;display:grid;gap:12px}
.gr-rij .knop2,.eigendom .knop2{justify-self:start}
.gr-noot{padding:10px 16px 14px;border-top:1px solid var(--lijn);color:var(--zacht)}
/* Stopantwoord bij de twee vragen: de knop blijft staan, uitgeschakeld, met de uitleg ernaast (Laurens 3-11). */
.door-rij{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.door-uitleg{max-width:40ch;margin:0;line-height:1.45}
/* De twee vragen voor de offerte (Laurens 2-11). */
.tweevragen{display:grid;gap:40px;max-width:640px}
.vr-blok{display:grid;gap:14px}
.tweevragen .veld{border:0;padding:0;margin:0;min-width:0}
.tweevragen .veld legend{font-weight:600;font-size:19px;margin-bottom:10px}.tweevragen .veld legend .klein{font-weight:400;font-size:14px}
.tweevragen [hidden]{display:none!important}
figure.tuin{margin:0;display:grid;gap:6px}
figure.tuin img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--vlak2)}
figure.tuin figcaption{font-size:13px;color:var(--zacht);line-height:1.45}
.gerekend .eigendom{padding:14px 16px 16px;border-top:1px solid var(--lijn)}
.eigendom{display:grid;gap:10px}
.eigendom legend{font-weight:600}.eigendom legend .klein{font-weight:400}
.let{display:block;background:#fff7e6;border:1px solid #f0d9a8;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}
.stopkader{background:#fdf4f5;border:1px solid #f1c6cc;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}
.let[hidden],.eig-fout[hidden]{display:none}
.eig-fout{color:var(--knop);font-size:14px;font-weight:600}
.wf-blok,.maand{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.maand div{display:grid;gap:2px;background:var(--vlak2);border-radius:8px;padding:10px 12px}
.maand b{font-size:17px}.maand span{font-size:13px;color:var(--zacht)}.maand span.netto{color:var(--inkt);font-weight:600;margin-top:2px}
.links-slot{padding-top:0}
.ov{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:18px 18px 16px;display:grid;box-shadow:0 1px 2px rgba(20,33,46,.04),0 8px 24px rgba(20,33,46,.05)}
.ov h2{font-size:16px;margin-bottom:10px}
.ov>.knop{margin-top:14px;width:100%}
.ov-groep{display:grid;gap:2px;padding:14px 0;border-top:1px solid var(--lijn)}
.ov-soort{font-size:12px;color:var(--zacht);letter-spacing:.04em;text-transform:uppercase;line-height:1.3}
.ov-naam{font-weight:600;font-size:15px;line-height:1.35;margin-bottom:6px}
.ov-r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:1.5;padding:3px 0;font-variant-numeric:tabular-nums}
.ov-r span:first-child{color:var(--zacht)}.ov-r span:last-child{white-space:nowrap}
.ov-r.ov-sub{font-weight:600;font-size:15px;border-top:1px solid var(--lijn);margin-top:6px;padding-top:8px}
.ov-r.ov-sub span:first-child{color:var(--inkt)}
.ov-maand{display:grid;gap:4px;font-size:13px;line-height:1.45;color:var(--zacht);margin-top:10px;padding:10px 12px;background:var(--vlak2);border-radius:8px}
.ov-maand b{color:var(--inkt);white-space:nowrap}
.ov-leeg{font-size:14px;color:var(--zacht)}
.ov-totaal{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--inkt);padding-top:12px;margin-top:2px}
.ov-totaal span{font-weight:600}.ov-totaal b{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.ov-noot{font-size:13px;line-height:1.45;color:var(--zacht);margin-top:8px}
.ov .deadline{margin-top:12px}
.advies[data-sub=stop] a[data-offerte]{background:#d9d6d1;color:var(--zacht);pointer-events:none;cursor:not-allowed}
.onderbalk{display:none}
@media (max-width:860px){
.raster{grid-template-columns:minmax(0,1fr);row-gap:28px}
.links,.rechts{grid-column:1}
.rechts{position:static}
.gr-rij>summary{grid-template-columns:minmax(0,1fr) auto}
.gr-rij>summary .l{grid-column:1/3;font-size:13px;color:var(--zacht);line-height:1.2}
.gr-rij>summary .w{color:var(--inkt)}
.links-slot{display:none}
.onderbalk{display:flex;position:sticky;bottom:0;z-index:2;align-items:center;justify-content:space-between;gap:12px;background:var(--vlak);border-top:1px solid var(--lijn);padding:10px 16px calc(10px + env(safe-area-inset-bottom));margin:28px -24px -56px;box-shadow:0 -4px 16px rgba(20,33,46,.06)}
.onderbalk>div{display:grid;min-width:0;line-height:1.25}
.onderbalk>div>span:first-child{font-size:12px;color:var(--zacht)}
.onderbalk b{font-size:19px;white-space:nowrap}
.onderbalk .knop{display:inline-block;width:auto;padding:11px 16px;font-size:15px;margin:0}
.ov>.knop{display:none}
}
@media (max-width:560px){
.tegels{grid-template-columns:minmax(0,1fr);gap:8px}
.tegel{grid-template-columns:96px minmax(0,1fr);grid-template-rows:auto;column-gap:12px;align-items:start}
.tegel img{grid-row:1/span 5;aspect-ratio:1;height:96px}
.tegel .sticker{margin:0}.tegel .sticker.leeg{display:none}
.ketel{grid-template-columns:20px 40px minmax(0,1fr)}
.ketel .kprijs{grid-column:3;text-align:left;display:block}.ketel .kprijs>span{display:inline;margin-left:4px}.ketel .kprijs .kkorting{display:block;margin-left:0}
.maand{grid-template-columns:minmax(0,1fr)}
.onderbalk{margin:28px -16px -36px}
}
@media (max-width:560px){
.kop{padding:14px 16px}.kop .tel span{display:none}
.kolom{padding:24px 16px 36px;gap:32px}
h1{font-size:23px}.bedrag{font-size:24px}
.blok+.blok{padding-top:32px}
ol.vervolg{grid-template-columns:1fr;gap:18px}ol.vervolg li{padding:0 0 0 28px}ol.vervolg li:not(:last-child)::after{top:18px;left:7px;right:auto;width:1.5px;height:calc(100% + 4px)}
ul.gerust{grid-template-columns:1fr}
.knop{display:block;width:100%;min-width:0}.slot{justify-items:stretch}
.voortgang li{font-size:0;gap:0}.voortgang li.nu,.voortgang li.laatst{font-size:13px;white-space:nowrap;gap:8px}
.doc{padding:20px 16px;gap:18px}
.doc-top{flex-direction:column}.doc-top address{text-align:left}
.doc-meta{grid-template-columns:1fr 1fr}.doc-meta div:nth-child(3){grid-column:1/-1;border-left:0;padding-left:0;border-top:1px solid var(--lijn)}
.doc-voor{grid-template-columns:1fr 96px}.doc-voor:has(.doc-fotos){grid-template-columns:1fr}.doc-fotos{justify-self:start;grid-template-columns:repeat(2,minmax(0,130px))}
.mp-werk,.mp-kop{padding-left:16px;padding-right:16px}
.tg{grid-template-columns:20px 1fr 36px;gap:12px;padding:12px 14px}.tg svg{width:34px;height:34px}
.vr-knoppen .knop{width:auto;display:inline-block}
.mp-adres{display:none}
.mp-lijf{padding:12px 0;margin:0}
.mp-acties{padding:16px}
.mp-vel>div{padding:18px 16px}
}
.mo{display:grid;gap:12px;margin-bottom:48px}
.mo h2{margin-top:28px}
.mo h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);margin:20px 0 4px}
.mo-tijdlijn{list-style:none;margin:0;padding:0}
.mo-tijdlijn li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:12px 0;border-top:1px solid var(--lijn)}
.mo-tijdlijn li:last-child{border-bottom:1px solid var(--lijn)}
.mo-tijdlijn li>span:last-child{display:grid;gap:2px}
.mo-wanneer{font-weight:600}
.mo-vh{position:absolute;opacity:0;pointer-events:none}
.mo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.mo-tabs label{cursor:pointer;border:1px solid var(--lijn);background:var(--vlak);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;color:var(--inkt)}
.mo-tabs label:hover{border-color:var(--zacht)}
.mo-paneel{display:none;gap:10px}
#mo-s-hybride:checked~.mo-tabs label[for="mo-s-hybride"]{background:var(--inkt);color:var(--vlak);border-color:var(--inkt)}
#mo-s-hybride:checked~.mo-panelen #mo-p-hybride{display:grid}
#mo-s-combi:checked~.mo-tabs label[for="mo-s-combi"]{background:var(--inkt);color:var(--vlak);border-color:var(--inkt)}
#mo-s-combi:checked~.mo-panelen #mo-p-combi{display:grid}
#mo-s-allelectric:checked~.mo-tabs label[for="mo-s-allelectric"]{background:var(--inkt);color:var(--vlak);border-color:var(--inkt)}
#mo-s-allelectric:checked~.mo-panelen #mo-p-allelectric{display:grid}
#mo-s-voormalig:checked~.mo-tabs label[for="mo-s-voormalig"]{background:var(--inkt);color:var(--vlak);border-color:var(--inkt)}
#mo-s-voormalig:checked~.mo-panelen #mo-p-voormalig{display:grid}
#mo-s-hybride:focus-visible~.mo-tabs label[for="mo-s-hybride"],#mo-s-combi:focus-visible~.mo-tabs label[for="mo-s-combi"],#mo-s-allelectric:focus-visible~.mo-tabs label[for="mo-s-allelectric"],#mo-s-voormalig:focus-visible~.mo-tabs label[for="mo-s-voormalig"]{outline:2px solid var(--accent);outline-offset:2px}
details.mo-mail>summary{grid-template-columns:32px minmax(0,1fr) auto;gap:2px 12px}
details.mo-mail>summary .mo-nr{grid-row:1/3;grid-column:1;width:32px;height:32px;border-radius:50%;background:var(--vlak2);color:var(--inkt);display:grid;place-items:center;font-weight:600;font-size:14px}
details.mo-mail>summary .t,details.mo-mail>summary .s{grid-column:2}
details.mo-mail>summary .pijl{grid-column:3}
.mo-inbox{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;background:var(--vlak2);border-radius:8px;padding:12px 14px}
.mo-av{width:40px;height:40px;border-radius:50%;background:var(--logo);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.mo-kop{min-width:0;display:grid;gap:2px}
.mo-r1{display:flex;justify-content:space-between;gap:8px}
.mo-pre{color:var(--zacht)}
.mo-aanleveren{margin:0;padding-left:22px;display:grid;gap:10px;max-width:72ch}
@media (max-width:600px){
.mo-tijdlijn li{grid-template-columns:1fr;gap:2px}
.mo-tabs label{padding:7px 12px;font-size:14px}
}
.inlog{width:100%;max-width:420px;margin:0 auto;display:grid;gap:18px}
.inlog-kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:14px;padding:28px 28px 26px;display:grid;gap:18px;box-shadow:0 1px 2px rgba(20,33,46,.04),0 8px 24px rgba(20,33,46,.05)}
.inlog-merk{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--zacht)}
.inlog-merk i{width:16px;height:16px;border-radius:3px;background:var(--logo);flex:none}
.inlog-kop{display:grid;gap:6px}
.inlog-kop h1{font-size:24px}
.inlog-kop p{color:var(--zacht)}
ol.inlog-stappen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;counter-reset:st}
ol.inlog-stappen li{counter-increment:st;display:grid;gap:7px;align-content:start;font-size:12px;line-height:1.3;color:var(--zacht)}
ol.inlog-stappen li::before{content:"";height:3px;border-radius:2px;background:var(--lijn)}
ol.inlog-stappen li span::before{content:counter(st) " ";font-weight:600}
ol.inlog-stappen li.klaar::before,ol.inlog-stappen li.nu::before{background:var(--inkt)}
ol.inlog-stappen li.nu{color:var(--inkt);font-weight:600}
.inlog form{display:grid;gap:14px;margin:0}
.inlog label{font-weight:600;font-size:15px}
.inlog .veld{gap:8px}
.inlog input[type=email]{max-width:100%;padding:12px 14px}
.inlog input.codeveld{font:600 28px/1 var(--f);font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;padding:14px 12px 14px calc(12px + .35em);width:100%;max-width:100%;color:var(--inkt);background:var(--vlak);border:1px solid #c9c5be;border-radius:10px}
.inlog input.codeveld::placeholder{color:#cfcac2;letter-spacing:.35em}
.inlog input:focus{border-color:var(--inkt)}
.knop.vol{display:block;width:100%;padding:15px 20px;font-size:16px}
.inlog-fout{background:#fdf4f5;border-radius:6px;padding:10px 12px;font-size:14px;line-height:1.5;display:grid;gap:2px}
.inlog-fout b{color:var(--inkt)}
.code-bron{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:10px;margin-bottom:12px;font-size:14px;line-height:1.45}
.code-bron b{display:block;font-size:15px}
.code-bron-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.code-bron-ico svg{width:22px;height:22px;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.code-bron-mail{background:var(--vlak2)}
.code-bron-mail .code-bron-ico{background:var(--vlak);border:1px solid #d9d4cb}
.code-bron-mail .code-bron-ico svg{stroke:var(--inkt)}
.code-bron-app{background:var(--vlak);border:1px solid #c9c5be}
.code-bron-app .code-bron-ico{background:var(--inkt)}
.code-bron-app .code-bron-ico svg{stroke:#fff}
.inlog-info{background:var(--vlak2);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.5}
.qr-kader{justify-self:center;background:#fff;padding:14px;border:1px solid var(--lijn);border-radius:12px;line-height:0}
.qr-kader svg{display:block;width:200px;height:200px}
.inlog details{font-size:14px;color:var(--zacht)}
.inlog details>summary{font-weight:600;color:var(--inkt);font-size:14px}
.inlog details[open]>summary{margin-bottom:8px}
.inlog details code{display:block;margin:6px 0;padding:10px 12px;background:var(--vlak2);border-radius:8px;font:600 15px/1.4 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--inkt);word-break:break-all}
.inlog-onder{text-align:center;font-size:14px;color:var(--zacht)}
.inlog-scheid{border:0;border-top:1px solid var(--lijn);margin:2px 0}
@media (max-width:480px){
.inlog-kaart{padding:22px 18px 20px;border-radius:12px}
.inlog input.codeveld{font-size:24px;letter-spacing:.28em;padding-left:calc(12px + .28em)}
}

body.ip{background:var(--grond)}
.ip-kop{background:var(--vlak);border-bottom:1px solid var(--lijn)}
.ip-kop-in{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:14px;min-width:0}
.ip-merk{font-size:14px;color:var(--zacht);padding-left:14px;border-left:1px solid var(--lijn);white-space:nowrap}
.ip-wie{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--zacht);min-width:0}
.ip-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ip-wie form{margin:0}
.ip-uit{background:none;border:0;padding:0;font:600 13px/1 var(--f);color:var(--inkt);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ip-nav{border-top:1px solid var(--lijn)}
.ip-nav-in{max-width:1180px;margin:0 auto;padding:6px 20px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.ip-nav-in::-webkit-scrollbar{display:none}
.ip-nav a{flex:none;font-size:14px;color:var(--zacht);text-decoration:none;padding:7px 12px;border-radius:7px;white-space:nowrap}
.ip-nav a:hover{color:var(--inkt);background:var(--vlak2)}
.ip-nav a.actief{color:var(--inkt);font-weight:600;background:var(--vlak2)}
.ip-pagina{max-width:1180px;margin:0 auto;padding:32px 28px 64px;display:grid;gap:24px;min-width:0}
.ip-paginakop{display:grid;gap:6px}
.ip-paginakop-rij{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.ip-paginakop-tekst{display:grid;gap:6px;min-width:0}
.ip-paginakop .klein{max-width:72ch}
.ip-terug{font-size:14px}
.ip-kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;padding:20px 22px;display:grid;gap:14px;min-width:0}
.ip-kaart-kop{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
.ip-kaart-rechts{font-size:13px;color:var(--zacht)}
.ip-kaart>p.klein{max-width:80ch}
.ip-twee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ip-twee.breed-smal{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.ip-pagina-kolom{display:grid;gap:24px;align-content:start;min-width:0}
.ip-cijfers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ip-cijfer{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;padding:16px 18px;display:grid;gap:4px;align-content:start;min-width:0}
.ip-cijfer>span{font-size:13px;color:var(--zacht)}
.ip-cijfer>b{font-size:28px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ip-cijfer>small{font-size:13px;color:var(--zacht);font-variant-numeric:tabular-nums}
.ip-cijfer .ip-meter{margin-top:6px}
.ip-meter{display:block}
.ip-meter-baan{fill:var(--lijn)}
.ip-meter-vul{fill:var(--accent)}
.ip-tabel{overflow-x:auto;min-width:0}
.ip-tabel table{border-collapse:collapse;width:100%;font-size:14px}
.ip-tabel th{font-size:13px;font-weight:600;color:var(--zacht);text-align:left;padding:0 14px 8px 0;border-bottom:1px solid var(--lijn);white-space:nowrap;vertical-align:bottom}
.ip-tabel td{padding:11px 14px 11px 0;border-bottom:1px solid var(--lijn);vertical-align:top}
.ip-tabel tr+tr{border-top:0}
.ip-tabel th:last-child,.ip-tabel td:last-child{padding-right:0}
.ip-tabel .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.ip-tabel td.zacht,.ip-tabel tr.zacht td{color:var(--zacht)}
.ip-tabel tr.totaal td{font-weight:600;border-bottom:0;border-top:1.5px solid var(--inkt)}
.ip-tabel tbody tr:last-child td{border-bottom:0}
.ip-tabel td small{display:block;font-size:13px;color:var(--zacht);margin-top:2px}
.ip-tabel td .ip-meter{margin-top:8px;max-width:160px}
.ip-tabel a{font-weight:600;color:var(--inkt);text-decoration:none}
.ip-tabel a:hover{text-decoration:underline}
.ip-tabel td.acties{text-align:right;white-space:nowrap}
.ip-tabel td.acties a{font-weight:400;color:var(--accent);text-decoration:underline;font-size:13px}
.ip-label{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;padding:1px 8px;border-radius:999px;background:var(--vlak2);color:var(--zacht);white-space:nowrap}
.ip-label.ok{background:#e3f3e7;color:#1d5e2f}
.ip-label.let{background:#fdeee4;color:#8a3a0e}
.ip-label.uit{background:transparent;color:var(--zacht);border:1px solid var(--lijn)}
.ip-oordeel{font-size:13px;font-weight:600;white-space:nowrap}
.ip-filters{display:flex;flex-wrap:wrap;gap:8px}
.ip-filters a{font-size:13px;color:var(--inkt);text-decoration:none;padding:6px 12px;border:1px solid var(--lijn);border-radius:999px;background:var(--vlak);white-space:nowrap}
.ip-filters a span{color:var(--zacht);font-variant-numeric:tabular-nums;margin-left:4px}
.ip-filters a:hover{background:var(--vlak2)}
.ip-filters a.actief{background:var(--inkt);border-color:var(--inkt);color:#fff}
.ip-filters a.actief span{color:#d5d9de}
.ip-zoek{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ip-zoek input[type=text]{max-width:360px;padding:9px 12px;font-size:15px}
.ip-gegevens{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:8px 20px;margin:0;font-size:14px}
.ip-gegevens dt{color:var(--zacht)}
.ip-gegevens dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ip-items{display:grid}
.ip-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--lijn)}
.ip-item:first-child{border-top:0;padding-top:4px}
.ip-item:last-child{padding-bottom:0}
.ip-item h3{font-size:15px}
.ip-item p{font-size:14px;color:var(--zacht);max-width:68ch}
.ip-item .ip-meta{font-size:13px;color:var(--zacht);font-variant-numeric:tabular-nums}
.ip-item .ip-meta b{color:var(--inkt);font-weight:600}
.ip-item-tekst{display:grid;gap:3px;min-width:0}
.ip-item-actie{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ip-melding{background:var(--vlak2);border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.5}
.ip-melding.ok{background:#e3f3e7;color:#173f22}
.ip-melding.fout{background:#fdf4f5}
.ip-leeg{font-size:14px;color:var(--zacht);padding:6px 0}
.ip-upload{display:grid;gap:10px;justify-items:start}
.ip-upload input[type=file]{font:inherit;font-size:14px;max-width:100%}
.ip-tijdlijn{list-style:none;margin:0;padding:0;display:grid}
.ip-tijdlijn li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--lijn);font-size:14px}
.ip-tijdlijn li:first-child{border-top:0;padding-top:0}
.ip-tijdlijn time{color:var(--zacht);font-variant-numeric:tabular-nums;white-space:nowrap}
.ip-tijdlijn small{display:block;color:var(--zacht);font-size:13px}
.ip-tag{font-size:12px;font-weight:600;color:var(--zacht);margin-left:6px;white-space:nowrap}
.ip-uitleg-kaart{max-width:820px}
.ip-uitleg{display:grid;gap:14px;font-size:15px;line-height:1.65;min-width:0}
.ip-plak{display:grid;gap:8px}.ip-plak label{font-weight:600}.ip-plak textarea{width:100%;font:inherit;font-weight:400;padding:10px 12px;border:1px solid var(--lijn);border-radius:8px;background:var(--vlak)}.ip-plak p{margin:0}
.ip-bijlage{margin-top:22px;padding-top:18px;border-top:1px solid var(--lijn);display:grid;gap:12px}.ip-bijlage>summary{font-weight:600;cursor:pointer}
.ip-uitleg h2{font-size:22px;line-height:1.25;margin-top:4px}
.ip-uitleg h3{font-size:18px;line-height:1.3;margin-top:22px;padding-top:22px;border-top:1px solid var(--lijn)}
.ip-uitleg h4{font-size:15px;margin:10px 0 -4px}
.ip-uitleg hr+h3{border-top:0;padding-top:0;margin-top:8px}
.ip-uitleg h3[id]{scroll-margin-top:16px}
.ip-uitleg .ip-tabel table{width:100%}
.ip-uitleg ul,.ip-uitleg ol{margin:0;padding-left:22px;display:grid;gap:6px}
.ip-uitleg blockquote{margin:0;background:var(--vlak2);border-radius:10px;padding:14px 16px;display:grid;gap:8px}
.ip-uitleg hr{border:0;border-top:1px solid var(--lijn);margin:8px 0;width:100%}
.ip-uitleg code{font:500 13px/1.4 ui-monospace,Menlo,Consolas,monospace;background:var(--vlak2);padding:1px 5px;border-radius:4px}
.ip-uitleg .ip-tabel{margin:4px 0}
.ip-uitleg table{font-size:14px}
.ip-kb-onderwerp{display:grid;gap:0}
.ip-kb-onderwerp h2{font-size:17px;margin-bottom:6px}
.ip-kb-item{border-top:1px solid var(--lijn);padding:12px 0}
.ip-kb-item:last-child{padding-bottom:0}
.ip-kb-item>summary{font-weight:600;font-size:15px;list-style:none;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;cursor:pointer}
.ip-kb-labels{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ip-kb-item>summary::-webkit-details-marker{display:none}
.ip-kb-item>summary::before{content:"+";font-weight:400;color:var(--zacht);width:12px}
.ip-kb-item[open]>summary::before{content:"−"}
.ip-kb-item[open]>summary{margin-bottom:10px}
.ip-kb-antwoord{max-width:72ch;display:grid;gap:10px;font-size:15px;padding-left:22px}
.ip-kb-voet{font-size:13px;color:var(--zacht);padding-left:22px;margin-top:8px}
.ip-formulier{display:grid;gap:18px;max-width:720px}
.ip-formulier label{display:grid;gap:6px;font-weight:600;font-size:14px}
.ip-formulier input,.ip-formulier select,.ip-formulier textarea{font-weight:400}
.ip-formulier fieldset{display:grid;gap:8px;border:0;padding:0;margin:0}
.ip-formulier legend{font-weight:600;font-size:14px;margin-bottom:6px}
.ip-formulier label .klein{font-weight:400}
.ip-formulier input[type=text],.ip-formulier select{max-width:100%}
.ip-formulier fieldset label{display:flex;gap:10px;align-items:center;font-weight:400;font-size:15px}
.ip-acties{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.ip-stand{align-items:stretch;flex-wrap:nowrap}.ip-stand select{min-width:0;flex:0 1 260px}
.ip-label{justify-self:start;width:max-content}
.ip-conversie b{font-size:16px;font-weight:600}
.ip-conversie small{display:block;font-size:12px;color:var(--zacht);font-weight:400}
.ip-conversie small.ip-oordeel{font-weight:600}
.ip-oordeel.boven{color:#1d5e2f}.ip-oordeel.onder{color:#8a3a0e}
.ip-bereik{white-space:nowrap;margin-left:4px}
.ip-paginering{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-size:13px;color:var(--zacht);font-variant-numeric:tabular-nums}
.ip-paginering span{margin-right:auto}
.ip-terugbel .ip-terugbel-nr{font-size:17px}
.ip-terugbel-nr a,.ip-tabel a[href^="tel:"]{white-space:nowrap}
.ip-tijd{font-variant-numeric:tabular-nums;white-space:nowrap}
.ip-terugbel .ip-terugbel-nr a,.ip-pagina-kolom .ip-terugbel-nr a,.ip-gegevens a{color:var(--inkt)}
.ip-tabel tr.ip-dagkop th{padding:20px 0 8px;font-size:14px;font-weight:600;color:var(--inkt);border-bottom:1px solid var(--lijn);text-align:left;white-space:normal}
.ip-tabel tr.ip-dagkop:first-child th{padding-top:0}
.ip-tabel tr.ip-dagkop th{display:table-cell}
.ip-dagkop-som{font-weight:400;color:var(--zacht);margin-left:10px;font-variant-numeric:tabular-nums}
.ip-tabel col.ip-col-tijd{width:64px}.ip-tabel col.ip-col-bedrag{width:120px}.ip-tabel col.ip-col-actie{width:48px}
.ip-item-knoppen{flex-direction:column;align-items:flex-end;gap:8px}
.ip-alles{font-size:13px;color:var(--zacht)}
.ip-alles a{color:var(--accent)}
.ip-bestand{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ip-bestand label{cursor:pointer}
.ip-bestand input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}
.ip-bestandsnaam{font-size:14px;color:var(--zacht);overflow-wrap:anywhere}
.ip-upload button[disabled]{opacity:.45;cursor:not-allowed}
.ip-sleep{display:grid;gap:8px;border:1px dashed #c9c5be;border-radius:10px;padding:18px;width:100%;box-sizing:border-box}
.ip-sleep.over{background:var(--vlak2);border-color:var(--inkt)}
.ip-sleep-tekst{margin:0;display:none}
.js .ip-sleep-tekst{display:block}
.ip-voortgang{width:100%;height:8px;accent-color:var(--inkt)}
.ip-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere}
.ip-controle{margin:0;padding-left:18px;font-size:14px;display:grid;gap:4px}
.ip-breed table{white-space:nowrap}
.ip-breed td{max-width:28ch;overflow:hidden;text-overflow:ellipsis}
.ip-testbestanden summary{list-style:none}
.ip-testbestanden summary::-webkit-details-marker{display:none}
.ip-testbestanden ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;text-align:left}
.ip-demo{flex:none}
.ip-kopieer{display:none}
.js .ip-kopieer{display:inline-block}
.ip-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--zacht);margin:0}
.ip-legenda>span{display:inline-flex;gap:6px;align-items:baseline}
.ip-dagen{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px}
.ip-inhoud{background:var(--vlak2);border-radius:10px;padding:14px 18px;display:grid;gap:8px}
.ip-inhoud h2{font-size:14px;margin:0;color:var(--zacht);font-weight:600}
.ip-inhoud ol{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:14px}
.ip-tabel a.knop2,.ip-tabel td.acties a.knop2{font-weight:600;color:var(--inkt);text-decoration:none;font-size:13px}
.mo-kiezer{display:grid;gap:4px}
.mo-kiezer h3{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);margin:18px 0 4px}
.mo-kiezer .mo-paneel>p{max-width:72ch}
@media (max-width:860px){
.ip-cijfers{grid-template-columns:repeat(2,minmax(0,1fr))}
.ip-twee,.ip-twee.breed-smal{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
.ip-pagina-kolom{gap:18px}
.ip-kop-in{padding:12px 16px;gap:10px}
.ip-merk,.ip-email{display:none}
.ip-nav-in{padding:6px 10px}
.ip-pagina{padding:22px 16px 48px;gap:18px}
.ip-kaart{padding:16px}
.ip-cijfers{gap:10px}
.ip-cijfer{padding:12px 14px}
.ip-cijfer>b{font-size:23px}
/* Gestapelde tabel als compacte kaart per rij (designreview 3-11, D1/D13/D14): eerste cel vet met de stand rechts, dan
   een grijze regel (adres, product), dan alleen waar nodig een label met de waarde rechts. */
.ip-tabel.stapel table,.ip-tabel.stapel tbody{display:block;width:100%}
.ip-tabel.stapel colgroup,.ip-tabel.stapel thead{display:none}
.ip-tabel.stapel tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;padding:12px 0;border-bottom:1px solid var(--lijn)}
.ip-tabel.stapel tr::after{content:"";flex:1 0 100%;order:2;height:0}
.ip-tabel.stapel tbody tr:last-child{border-bottom:0}
.ip-tabel.stapel td{border:0;padding:0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex:1 1 100%;order:4;text-align:right;white-space:normal;font-size:14px;min-width:0}
.ip-tabel.stapel td::before{content:attr(data-l);color:var(--zacht);font-size:13px;font-weight:400;text-align:left;flex:none}
.ip-tabel.stapel td[data-l=""]::before{display:none}
.ip-tabel.stapel td:empty{display:none}
.ip-tabel.stapel td.ip-hoofd{display:block;flex:1 1 50%;order:0;font-size:15px;font-weight:600;text-align:left}
.ip-tabel.stapel td.ip-hoofd small{font-weight:400}
.ip-tabel.stapel td.ip-stand{display:block;flex:0 1 auto;order:1;margin-left:auto;text-align:right}
.ip-tabel.stapel td.ip-sub{display:inline;flex:0 1 auto;order:3;font-size:13px;color:var(--zacht);text-align:left}
.ip-tabel.stapel td.ip-hoofd::before,.ip-tabel.stapel td.ip-stand::before,.ip-tabel.stapel td.ip-sub::before{display:none}
.ip-tabel.stapel td.ip-sub+td.ip-sub::before{display:inline;content:"·";margin-right:6px;color:var(--zacht);font-size:13px}
.ip-tabel.stapel td.acties{order:5;justify-content:flex-start;padding-top:4px}
.ip-tabel.stapel td.acties.ip-actie{justify-content:flex-start}
.ip-tabel.stapel tr.totaal{border-top:1.5px solid var(--inkt);border-bottom:0}
.ip-tabel.stapel tr.totaal td{border:0}
.ip-tabel.stapel tr.totaal td.num.enkel{flex:0 0 auto;order:1;margin-left:auto}
.ip-tabel.stapel tr.totaal td.num.enkel::before{display:none}
.ip-tabel.stapel tr.totaal:has(td.enkel)::after{display:none}
.ip-tabel.stapel tr.ip-dagkop{padding:16px 0 6px}
.ip-tabel.stapel tr.ip-dagkop th{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:2px 10px;padding:0;border:0;white-space:normal}
.ip-tabel.stapel tr.ip-dagkop::after{display:none}
.ip-tabel.stapel .ip-label{justify-self:start;width:max-content}
.ip-tabel.stapel td .ip-meter{display:none}
.ip-conversie small{display:inline;margin-left:6px}
.ip-tabel.stapel td.ip-conversie>b{margin-left:auto}
.ip-item{grid-template-columns:minmax(0,1fr)}
.ip-item-actie{justify-content:flex-start}
.ip-tijdlijn li{grid-template-columns:minmax(0,1fr);gap:2px}
.ip-gegevens{grid-template-columns:minmax(0,1fr);gap:0}
.ip-gegevens dd{margin-bottom:10px}
.ip-kb-antwoord,.ip-kb-voet{padding-left:0}
.ip-kb-item>summary{grid-template-columns:12px minmax(0,1fr)}
.ip-kb-labels{grid-column:2;justify-content:flex-start}
.ip-nav{position:relative}
.ip-nav::after{content:"";position:absolute;top:1px;right:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,0),var(--vlak))}
.ip-item-knoppen{align-items:stretch}
.ip-item-knoppen .knop,.ip-item-knoppen .knop2{text-align:center}
.ip-paginering{justify-content:flex-start}
.ip-paginering span{flex:1 0 100%}
}