.vadai{--paper:#f1f4f3;--panel:#fff;--ink:#14201e;--ink-2:#5e6e6b;--ink-3:#8b9a97;--edge:#d6dedc;--glass:#0f5c54;--glass-soft:#e2efec;--alarm:#c3362a;--alarm-soft:#fbe7e4;--won:#1f6b3c;--goud:#8a6a12;--goud-soft:#f6eed6;--wacht:#9a5b14;--wacht-soft:#faebdc;--shadow:0 1px 0 #14201e0f;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Barlow,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}.vadai[data-theme=dark]{--paper:#101715;--panel:#18211f;--ink:#eaf0ee;--ink-2:#9fb0ac;--ink-3:#6f817d;--edge:#27332f;--glass:#4fbfae;--glass-soft:#15302c;--alarm:#f0705f;--alarm-soft:#331a16;--won:#5fc583;--goud:#d9b65c;--goud-soft:#2c2616;--wacht:#e09a50;--wacht-soft:#2e2117;--shadow:none}.vadai *{box-sizing:border-box}.vadai .wrap{width:100%;max-width:none;margin:0;padding:0 0 96px}.vadai .top{padding:22px 20px 0}.vadai .bedrijf{color:var(--ink-2);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.vadai .merk{color:var(--glass);letter-spacing:.02em}.vadai .rechtsboven{align-items:center;gap:12px;display:flex}.vadai .standknop,.vadai .siteknop{font:inherit;color:var(--ink-2);border:1px solid var(--edge);cursor:pointer;background:0 0;border-radius:3px;padding:3px 9px;font-size:13px;font-weight:600;line-height:1.3;text-decoration:none}.vadai .standknop:hover,.vadai .siteknop:hover{color:var(--ink);border-color:var(--ink-3)}.vadai .tabs{border-bottom:1px solid var(--edge);gap:20px;margin:16px 0 0;display:flex}.vadai .tab{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 9px;font-size:15.5px;font-weight:600}.vadai .tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--glass)}.vadai .aanhef{letter-spacing:-.01em;margin:18px 0 0;font-family:Barlow Condensed,Barlow,sans-serif;font-size:38px;font-weight:700;line-height:1.02}.vadai .aanhef em{color:var(--glass);font-style:normal}.vadai .cijfers{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);margin:18px 0 0;display:flex}.vadai .cijfer{flex:1;padding:10px 0}.vadai .cijfer+.cijfer{border-left:1px solid var(--edge);padding-left:14px}.vadai .cijfer b{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:600;line-height:1.1;display:block}.vadai .cijfer span{color:var(--ink-3);font-size:12.5px}.vadai .groep{margin:26px 0 0}.vadai .groep-kop{color:var(--ink-2);align-items:baseline;gap:8px;padding:0 20px 8px;font-size:13.5px;font-weight:600;display:flex}.vadai .groep-kop .tel{color:var(--ink-3);font-weight:500}.vadai .groep.spoed .groep-kop{color:var(--alarm)}.vadai .groep.offerte .groep-kop{color:var(--goud)}.vadai .groep.terug .groep-kop{color:var(--wacht)}.vadai .tip{color:var(--ink-3);padding:0 20px 10px;font-size:12.5px}.vadai .baan{position:relative;overflow:hidden}.vadai .baan:before,.vadai .baan:after{content:"";color:#fff;opacity:0;pointer-events:none;align-items:center;width:50%;padding:0 18px;font-size:13.5px;font-weight:600;display:flex;position:absolute;top:0;bottom:0}.vadai .baan:before{background:var(--won);content:"Afgehandeld";justify-content:flex-start;left:0}.vadai .baan:after{background:var(--wacht);content:"Geen gehoor";justify-content:flex-end;right:0}.vadai .baan.rechts:before,.vadai .baan.links:after{opacity:1}.vadai .lead{text-align:left;background:var(--panel);border:none;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);width:100%;font:inherit;color:inherit;cursor:pointer;box-shadow:var(--shadow);touch-action:pan-y;margin:-1px 0 0;padding:13px 18px 13px 26px;display:block;position:relative}.vadai .lead:before{content:"";background:var(--edge);width:5px;position:absolute;top:-1px;bottom:-1px;left:0}.vadai .lead[data-status=nieuw]:before{background:var(--glass)}.vadai .lead[data-status=geen_gehoor]:before{background:var(--wacht)}.vadai .lead[data-wacht="1"]:before{background:var(--goud)}.vadai .lead[data-urgent="1"]:before{background:var(--alarm)}.vadai .lead[data-status=gewonnen]:before{background:var(--won)}.vadai .lead[data-status=verloren]:before{background:var(--ink-3)}.vadai .lead:focus-visible{outline:2px solid var(--glass);outline-offset:-2px}.vadai .rij1{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.vadai .naam{font-size:17px;font-weight:600}.vadai .klok{color:var(--ink-3);white-space:nowrap;font-size:12.5px}.vadai .rij2{color:var(--ink-2);margin-top:1px;font-size:14px}.vadai .rij3{flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;display:flex}.vadai .herin{color:var(--wacht);margin-top:6px;font-size:13px;font-weight:600}.vadai .vlag{background:var(--alarm-soft);color:var(--alarm);border-radius:2px;padding:2px 7px;font-size:11.5px;font-weight:600}.vadai .stempel{background:var(--glass-soft);color:var(--glass);border-radius:2px;padding:2px 7px;font-size:11.5px;font-weight:600}.vadai .stempel.grijs{color:var(--ink-3);border:1px solid var(--edge);background:0 0}.vadai .stempel.win{color:var(--won);border:1px solid var(--won);background:0 0}.vadai .stempel.geld{background:var(--goud-soft);color:var(--goud)}.vadai .stempel.terug{background:var(--wacht-soft);color:var(--wacht)}.vadai .bel{color:var(--glass);border:1px solid var(--glass);border-radius:3px;margin-left:auto;padding:4px 11px;font-size:13.5px;font-weight:600;text-decoration:none}.vadai .lead[data-urgent="1"] .bel{color:var(--alarm);border-color:var(--alarm)}.vadai .fotostrip{gap:5px;margin-top:9px;display:flex}.vadai .fotostrip svg{border:1px solid var(--edge);border-radius:2px;flex-shrink:0;width:44px;height:34px}@keyframes vadai-inschuiven{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes vadai-doven{to{opacity:0}}.vadai .lead.vers{animation:.45s ease-out vadai-inschuiven}.vadai .lead.vers:after{content:"";background:var(--glass);opacity:.14;pointer-events:none;animation:1.6s ease-out forwards vadai-doven;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.vadai .lead.vers{animation:none}.vadai .lead.vers:after{display:none}}.vadai .detail{background:var(--paper);z-index:20;padding:0 max(0px,50% - 360px);display:none;position:fixed;inset:0;overflow-y:auto}.vadai .detail.open{display:block}.vadai .detail-in{width:100%;max-width:none;margin:0;padding:0 0 40px}.vadai .terug-knop{font:inherit;color:var(--glass);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:7px;padding:16px 20px;font-size:14.5px;font-weight:600;display:flex}.vadai .terug-knop:hover{color:var(--ink)}.vadai .d-kop{border-bottom:1px solid var(--edge);padding:0 20px 16px}.vadai .d-naam{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:700;line-height:1.05}.vadai .d-sub{color:var(--ink-2);margin-top:2px;font-size:14.5px}.vadai .d-acties{gap:8px;margin-top:14px;display:flex}.vadai .knop{text-align:center;background:var(--glass);color:var(--paper);border:1px solid var(--glass);cursor:pointer;border-radius:3px;flex:1;padding:10px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none}.vadai .knop.leeg{color:var(--glass);background:0 0}.vadai .blok{border-bottom:1px solid var(--edge);padding:16px 20px}.vadai .blok h3{color:var(--ink-3);margin:0 0 9px;font-size:13.5px;font-weight:600}.vadai .veld{gap:12px;padding:3.5px 0;font-size:15px;display:flex}.vadai .veld dt{width:42%;color:var(--ink-2);flex-shrink:0;margin:0}.vadai .veld dd{margin:0;font-weight:500}.vadai .veld dd.mis{color:var(--ink-3);font-weight:400}.vadai .citaat{margin:0;font-size:15px;line-height:1.55}.vadai .status-keuze{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.vadai .pil{font:inherit;cursor:pointer;color:var(--ink-2);border:1px solid var(--edge);background:0 0;border-radius:3px;padding:7px 13px;font-size:14px;font-weight:500}.vadai .pil[aria-pressed=true]{background:var(--glass);border-color:var(--glass);color:var(--paper);font-weight:600}.vadai .pil.verlies[aria-pressed=true]{background:var(--ink-3);border-color:var(--ink-3)}.vadai .reden-vraag{border-top:1px solid var(--edge);margin-top:12px;padding-top:12px}.vadai .reden-vraag p{color:var(--ink-2);margin:0 0 8px;font-size:14.5px}.vadai .fotos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.vadai .fotos svg{border:1px solid var(--edge);cursor:pointer;border-radius:3px;width:100%;height:auto;display:block}.vadai .fotos svg.groot{grid-column:1/-1}.vadai .blok.offerteblok{background:var(--panel);border-left:5px solid var(--goud);padding-left:15px}.vadai .blok.offerteblok h3{color:var(--goud)}.vadai .regel{border-bottom:1px dotted var(--edge);justify-content:space-between;gap:12px;padding:4px 0;font-size:14.5px;display:flex}.vadai .regel span:first-child{color:var(--ink-2)}.vadai .regel b{white-space:nowrap;font-weight:500}.vadai .regel.som{border-bottom:none;padding-top:9px;font-size:17px}.vadai .regel.som span:first-child{color:var(--ink);font-weight:600}.vadai .regel.som b{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700}.vadai .ja-nee{gap:8px;margin-top:14px;display:flex}.vadai .ja{background:var(--goud);border-color:var(--goud);color:#fff;flex:2}.vadai .nee{border:1px solid var(--edge);color:var(--ink-2);background:0 0;flex:1}.vadai .verstuurd{color:var(--won);margin-top:12px;font-size:14px;font-weight:600}.vadai .grondslag{color:var(--ink-3);margin-top:10px;font-size:12.5px;line-height:1.4}.vadai .kanaal{color:var(--ink-2);margin:12px 0 0;font-size:13.5px;line-height:1.45}.vadai .regel.bewerk{align-items:center;gap:6px;padding:5px 0;display:flex}.vadai .regel.bewerk .wat{min-width:0;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:3px;flex:1;padding:6px 8px;font-size:14px}.vadai .regel.bewerk .eur{color:var(--ink-3);font-size:14px}.vadai .regel.bewerk .bedrag{width:88px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--goud);text-align:right;border-radius:3px;padding:6px 8px;font-size:14px;font-weight:600}.vadai .regel.bewerk .weg{color:var(--ink-3);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:20px;line-height:1}.vadai .regel.bewerk input:focus{outline:2px solid var(--goud);outline-offset:-1px}.vadai .kanaal.geen{color:var(--wacht)}.vadai .mini{font:inherit;color:var(--glass);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.vadai .res-kop{margin:18px 0 0;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:700;line-height:1.02}.vadai .res-sub{color:var(--ink-2);margin-top:6px;font-size:14.5px}.vadai .trap{border-bottom:1px solid var(--edge);padding:11px 0}.vadai .trap-rij{justify-content:space-between;align-items:baseline;font-size:15px;display:flex}.vadai .trap-rij b{font-family:Barlow Condensed,sans-serif;font-size:21px;font-weight:600}.vadai .staaf{background:var(--edge);border-radius:1px;height:6px;margin-top:7px;overflow:hidden}.vadai .staaf i{background:var(--glass);height:100%;display:block}.vadai .trap.eind .staaf i{background:var(--won)}.vadai .trap-mini{color:var(--ink-3);margin-top:5px;font-size:12.5px}.vadai .groot{margin:0;font-family:Barlow Condensed,sans-serif;font-size:44px;font-weight:700;line-height:1}.vadai .groot-sub{color:var(--ink-2);margin-top:4px;font-size:14.5px}.vadai .reken{color:var(--ink-3);margin-top:12px;font-size:13.5px;line-height:1.55}.vadai .reken-rij{justify-content:space-between;padding:2px 0;display:flex}.vadai .verlies-rij{border-bottom:1px dotted var(--edge);justify-content:space-between;padding:5px 0;font-size:15px;display:flex}.vadai .verlies-rij span:first-child{color:var(--ink-2)}.vadai .demo{z-index:30;background:var(--panel);border-top:1px solid var(--edge);padding:10px 20px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.vadai .demo-in{width:100%;max-width:none;color:var(--ink-3);align-items:center;gap:10px;margin:0;font-size:12.5px;display:flex}.vadai .demo button{font:inherit;color:var(--glass);border:1px solid var(--glass);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:6px 12px;font-size:13.5px;font-weight:600}.vadai .pakketkiezer{border:1px solid var(--edge);border-radius:3px;flex-shrink:0;display:flex;overflow:hidden}.vadai .pakketkiezer button{font:inherit;color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:0;padding:6px 11px;font-size:13px;font-weight:600}.vadai .pakketkiezer button+button{border-left:1px solid var(--edge)}.vadai .pakketkiezer button.aan{background:var(--glass);color:var(--paper)}.vadai .demo-in>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.vadai .leegstaand{text-align:center;color:var(--ink-3);padding:80px 32px;font-size:15px}.vadai .leegstaand b{color:var(--ink-2);margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:26px;font-weight:600;display:block}.vadai .verborgen{display:none}@media (width>=680px){.vadai .shell{grid-template-columns:1fr;align-items:start;gap:0;width:100%;max-width:none;margin:0;display:grid}.vadai .wrap{max-width:none;min-height:100vh;padding-bottom:80px}.vadai .detail{display:none}.vadai .detail-in{max-width:none;padding:0 0 60px}.vadai .terug-knop{z-index:2;background:var(--panel);border-bottom:1px solid var(--edge);width:100%;position:sticky;top:0}.vadai .d-kop{padding-top:26px}.vadai .tip{display:none}.vadai .lead[aria-current=true]{background:var(--glass-soft)}.vadai .shell:not(.gekozen) .top{padding-left:28px;padding-right:28px}.vadai .shell:not(.gekozen) .groep{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:0 28px;display:grid}.vadai .shell:not(.gekozen) .groep-kop{grid-column:1/-1;padding:0 0 4px}.vadai .shell:not(.gekozen) .baan{border-radius:3px}.vadai .shell:not(.gekozen) .lead{border:1px solid var(--edge);border-left-width:1px;border-radius:3px;height:100%;margin:0}.vadai .shell:not(.gekozen) .lead:before{border-radius:3px 0 0 3px}.vadai .shell.gekozen{grid-template-columns:1fr}.vadai .shell.gekozen .wrap{border-right:1px solid var(--edge);display:none}.vadai .shell.gekozen .detail{background:var(--panel);z-index:1;top:0;height:100vh;display:block;position:sticky;inset:auto;overflow-y:auto}.vadai .shell.gekozen .fotos{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px){.vadai .shell.gekozen{grid-template-columns:1fr 2fr}.vadai .shell.gekozen .wrap{display:block}}@media (width>=1400px){.vadai .d-kop,.vadai .blok{padding-left:32px;padding-right:32px}.vadai .veld dt{width:30%}.vadai .shell.gekozen .fotos{grid-template-columns:repeat(4,1fr)}}
