:root{--diep:#004371;--aqua:#0093c4;--ijs:#eaf5fa;--inkt:#10222c;--rand:#c7dee9}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--inkt);background:#f6fafc;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}a{color:var(--diep)}h1,h2,h3{color:var(--diep);line-height:1.2}h1{margin-bottom:.7rem;font-size:1.25rem}h2{margin:1rem 0 .5rem;font-size:1.05rem}h3{font-size:.95rem}.kaart form h3{margin:1.4rem 0 .6rem}.kaart form h3:first-of-type{margin-top:0}small{font-size:.82rem}.balk{z-index:10;border-bottom:1px solid var(--rand);background:#fff;align-items:center;gap:.8rem;padding:.45rem .8rem;display:flex;position:sticky;top:0}.balk .merk{color:var(--diep);font-size:1.05rem;font-weight:800;text-decoration:none}.balk .merk span{color:var(--aqua)}.hoofdmenu,.gebruikersblok{display:none}.mobielmenu{margin-left:auto;position:relative}.mobielmenu summary{cursor:pointer;border:1px solid var(--rand);border-radius:8px;padding:.3rem .7rem;font-size:1.35rem;line-height:1;list-style:none}.mobielmenu summary::-webkit-details-marker{display:none}.mobielmenu[open] summary{background:var(--ijs)}.mobielmenu nav{border:1px solid var(--rand);overscroll-behavior:contain;background:#fff;border-radius:12px;flex-direction:column;min-width:200px;max-height:calc(100dvh - 5rem);padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 12px 30px #0a4a662e}.mobielmenu nav a{border-radius:8px;padding:.65rem .9rem;font-weight:600;text-decoration:none}.mobielmenu nav a:active,.mobielmenu nav a:hover{background:var(--ijs)}.mobielmenu nav a.actief{background:var(--diep);color:#fff}.zoekbalk{display:none}@media (min-width:860px){.zoekbalk{display:block}}.mobielmenu .menuvoet{border-top:1px solid var(--rand);color:#55707d;margin-top:.3rem;padding:.55rem .9rem .3rem;font-size:.85rem}@media (min-width:860px){body{font-size:15.5px}.balk{padding:.55rem 1.2rem}.mobielmenu{display:none}.hoofdmenu{gap:.2rem;margin-left:.8rem;display:flex}.hoofdmenu a{border-radius:8px;padding:.4rem .8rem;font-weight:600;text-decoration:none}.hoofdmenu a:hover{background:var(--ijs)}.hoofdmenu a.actief{background:var(--diep);color:#fff}.zoekbalk{margin-left:auto}.zoekbalk input{border-radius:999px;width:200px;min-height:36px;padding:.35rem .7rem;font-size:.88rem}.gebruikersblok{align-items:center;gap:.6rem;margin-left:.6rem;font-size:.9rem;display:flex}}.wrap{max-width:1024px;margin:0 auto;padding:.9rem .8rem 3rem}@media (min-width:860px){.wrap{padding:1.2rem 1.2rem 3rem}}.tabelwrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;font-size:.88rem}th{background:var(--diep);color:#fff;text-align:left;white-space:nowrap}th,td{border:1px solid var(--rand);padding:.45rem .6rem}tr:nth-child(2n) td{background:var(--ijs)}td a{font-weight:600}@media (max-width:859px){main table:not(.uitlegtabel){-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.status{white-space:nowrap;border-radius:999px;padding:.05rem .55rem;font-size:.78rem;font-weight:600;display:inline-block}.status.nieuw{color:#6b4c00;background:#ffe9a8}.status.in_behandeling{color:var(--diep);background:#cfe9f5}.status.offerte_verstuurd{color:#4a2b8a;background:#e4d9f7}.status.klant_geworden{color:#1d5b28;background:#d3f0d7}.status.niet_doorgegaan{color:#7a1f1f;background:#f0d3d3}.filters{flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;display:flex}.filters a{border:1px solid var(--rand);background:#fff;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;text-decoration:none}.filters a.actief{background:var(--diep);color:#fff;border-color:var(--diep)}.kaart{border:1px solid var(--rand);background:#fff;border-radius:12px;margin-bottom:.7rem;padding:.8rem .9rem}.kaart dt{color:#3c5a68;margin-top:.45rem;font-size:.85rem;font-weight:700}.kaart dd{margin:0}.knop{background:var(--diep);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:.6rem 1.1rem;font-weight:600;display:inline-block}.knop:hover{background:var(--aqua)}.knop.licht{color:var(--diep);border:2px solid var(--diep);background:#fff}.knop.mini{white-space:nowrap;min-height:36px;padding:.35rem .8rem;font-size:.85rem}label{margin:.7rem 0 .2rem;font-size:.88rem;font-weight:700;display:block}input,select,textarea{border:2px solid var(--rand);width:100%;font:inherit;border-radius:8px;min-height:42px;padding:.55rem}input:focus,select:focus,textarea:focus{border-color:var(--aqua);outline:none}input[type=checkbox],input[type=radio]{flex:none;width:auto;min-height:0;margin-right:.4rem}.keuzegroep{border:1px solid var(--rand);border-radius:10px;margin-top:1.1rem;padding:.4rem .9rem .8rem}.keuzegroep legend{color:var(--diep);padding:0 .35rem;font-size:.88rem;font-weight:700}.keuze{cursor:pointer;align-items:flex-start;margin:.5rem 0;font-weight:600;display:flex}.keuze input{margin-top:.15rem}.keuze small{color:#55707d;margin-top:.1rem;font-weight:400;display:block}.fout{color:#842029;background:#f8d7da;border-radius:8px;margin-bottom:.8rem;padding:.6rem .9rem}.formraster{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 .8rem;display:grid}.formraster>div>label:first-child{min-height:3em;display:block}.veldbreed{grid-column:1/-1}.regel{flex-wrap:wrap;align-items:end;gap:.6rem;margin-bottom:.8rem;display:flex}.rijform{align-items:center;gap:.35rem;display:flex}.rijform select,.rijform input{width:auto;min-height:36px;padding:.35rem .5rem;font-size:.85rem}details.uitklap{margin-top:.6rem}details.uitklap summary{color:var(--aqua);cursor:pointer;font-size:.88rem;font-weight:600}.rolvakjes{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.rolvakjes label{align-items:center;margin:.2rem 0;font-weight:600;display:inline-flex}.login{max-width:380px;margin:12vh auto 0;padding:0 1rem}.dagkaart{border:1px solid var(--rand);background:#fff;border-radius:14px;margin-bottom:.8rem;padding:.85rem .9rem}.dagkaart.klaar{color:#708a97;background:#eef4f7;border-color:#dbe7ee}.dagkaart.klaar h3,.dagkaart.klaar strong,.dagkaart.klaar a{color:#5d7987}.dagkaart.klaar .knop:not(.sheetinhoud .knop){filter:none;color:#f4f9fb;background:#b9cfdb;border-color:#b9cfdb}.dagkaart.klaar .knop.licht:not(.sheetinhoud .knop){color:#708a97;background:#e6eef3;border-color:#d3e1e9}.dagkaart.klaar .sheetinhoud,.dagkaart.klaar .sheetinhoud a{color:var(--diep)}.dagkop{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.dagkop strong{font-size:1.02rem}.dagmeta{color:#3c5a68;margin-top:.15rem;font-size:.88rem}.toegang{background:#fff3d6;border-radius:8px;margin:.5rem 0 .2rem;padding:.45rem .7rem;font-size:.9rem;font-weight:600}.werkbonnotitie{background:var(--ijs);border-radius:8px;margin:.45rem 0 .2rem;padding:.4rem .7rem;font-size:.9rem}.dagknoppen{grid-template-columns:1fr 1fr 48px;align-items:center;gap:.5rem;margin-top:.7rem;display:grid}.meerknop{border:2px solid var(--rand);width:48px;height:48px;color:var(--diep);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.meerknop:hover{background:var(--ijs)}.dagknoppen .knop{text-align:center;justify-content:center;align-items:center;min-height:48px;display:flex}.dagknoppen form{display:contents}.klaarform{grid-column:1/-1;gap:.5rem;display:flex}.klaarform input{flex:1}.klaarform .knop{min-width:110px}.voortgang{color:#3c5a68;flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.fotoraster{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.fotoraster img{border:1px solid var(--rand);border-radius:8px;max-width:90px;max-height:90px}.leeg{color:#55707d;padding:1.5rem 0}@media (min-width:860px){.dagknoppen{grid-template-columns:170px 170px 48px}}.sheet{margin-top:0}.sheet>summary{cursor:pointer;list-style:none}.sheet>summary::-webkit-details-marker{display:none}.sheetbackdrop{display:none}.sheet[open] .sheetbackdrop{z-index:60;pointer-events:none;background:#10222c73;display:block;position:fixed;inset:0}html.js .sheet[open] .sheetbackdrop{pointer-events:auto;cursor:pointer}.sheetinhoud{z-index:70;background:#fff;border-radius:18px 18px 0 0;max-height:78vh;padding:1rem 1rem 1.4rem;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 44px #0a4a664d}.sheetkop{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.35rem;padding-bottom:.55rem;display:flex}.sheetkop h3{margin:0}.sheetsluitknop{background:var(--ijs);cursor:pointer;width:36px;height:36px;color:var(--diep);border:0;border-radius:999px;flex:none;font-size:1rem}.sheetinhoud .knop{justify-content:center;align-items:center;width:100%;margin-top:.5rem;display:flex}.sheetinhoud .sheetsluit{color:var(--diep);border:2px solid var(--rand);background:#fff}.sheetrij{border-top:1px solid var(--rand);margin-top:.7rem;padding-top:.7rem}@media (min-width:860px){.sheetinhoud{border-radius:18px;width:480px;bottom:10vh;left:50%;right:auto;transform:translate(-50%)}}.kruimels{color:#55707d;margin-bottom:.6rem;font-size:.85rem}.kruimels a{font-weight:600}.paginering{color:#3c5a68;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.legenda{margin-top:1.2rem;font-size:.88rem}.legenda p{margin-top:.4rem;line-height:2}th a{color:#fff;text-decoration:none}th a:hover{text-decoration:underline}.flits{z-index:60;border-radius:10px;max-width:min(92vw,34rem);padding:.65rem 1rem;font-weight:600;animation:6s forwards flits-weg;position:fixed;top:.6rem;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #00284640}@keyframes flits-weg{0%{opacity:0;transform:translate(-50%)translateY(-.5rem)}6%,88%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;visibility:hidden}}.flits-ok{color:#1d5b28;background:#d3f0d7}.flits-fout{color:#842029;background:#f8d7da}.uitlegtabel{border-collapse:separate;border-spacing:0 .55rem;width:100%;font-size:.9rem}.uitlegtabel td{vertical-align:middle;border:0;padding:0;background:0 0!important}.uitlegtabel td:first-child{white-space:nowrap;text-align:center;width:1%;padding-right:1rem}.uitlegtabel .knop,.uitlegtabel .status,.uitlegtabel .meerknop{pointer-events:none}.uitlegtabel .meerknop{width:40px;height:40px;display:inline-flex}.capbalk{background:#e3eef5;border-radius:8px;height:1.7rem;margin:.2rem 0 1rem;position:relative;overflow:hidden}.capbalk-vulling{background:#7fbede;border-radius:8px;position:absolute;inset:0 auto 0 0}.capbalk.cap-oranje .capbalk-vulling{background:#f0b264}.capbalk.cap-rood .capbalk-vulling{background:#e2807a}.capbalk>span{color:#123;padding-left:.7rem;font-size:.85rem;line-height:1.7rem;display:block;position:relative}.capbalk.mini{height:.45rem;margin:.4rem 0 0}.dagbelasting{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}.dagblok{min-width:9rem;color:inherit;background:#fff;border:1px solid #d5e4ee;border-radius:10px;flex:10rem;padding:.55rem .75rem;text-decoration:none}.dagblok strong{color:var(--diep);display:block}.dagblok span{color:#3c5a68;font-size:.83rem}.dagblok.cap-oranje{border-color:#f0b264}.dagblok.cap-rood{background:#fdf4f3;border-color:#e2807a}.wijkvol{color:#a3352c;font-weight:600}.status.doorgeschoven{color:#7a5b1e;background:#f4e9d7}.factuurblad{background:#fff;border:1px solid #d5e4ee;border-radius:10px;max-width:52rem;padding:2rem}.factuurkop{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.factuurblad h1{letter-spacing:.12em}@media print{.balk,.geen-afdruk,.flits{display:none!important}.wrap{max-width:none;padding:0}.factuurblad{border:0;border-radius:0;max-width:none;padding:0}body{background:#fff}}.navgroep{position:relative}.navgroep>summary{cursor:pointer;color:var(--diep);border-radius:8px;padding:.35rem .7rem;font-weight:700;list-style:none}.navgroep>summary::-webkit-details-marker{display:none}.navgroep>summary.actief,.navgroep[open]>summary{background:var(--diep);color:#fff}.navlijst{border:1px solid var(--rand);z-index:40;background:#fff;border-radius:12px;flex-direction:column;min-width:13rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #0a4a6629}.navlijst a{white-space:nowrap;border-radius:8px;padding:.45rem .8rem}.navlijst a:hover{background:var(--ijs)}.mobielmenu nav>div{flex-direction:column;display:flex}.menukopje{text-transform:uppercase;letter-spacing:.08em;color:#7a95a3;border-top:1px solid var(--rand);margin-top:.3rem;padding:.55rem .9rem .15rem;font-size:.72rem}.knop.uitgeschakeld{opacity:.35;pointer-events:none;cursor:default}.knop.bezig{opacity:.75;pointer-events:none}.knop.bezig:after{content:"";vertical-align:-.1em;border:2px solid;border-top-color:#0000;border-radius:50%;width:.85em;height:.85em;margin-left:.5em;animation:.8s linear infinite mza-tol;display:inline-block}@keyframes mza-tol{to{transform:rotate(360deg)}}.filters a{align-items:center;gap:.4rem;display:inline-flex}.filters .teller{background:var(--ijs);color:var(--diep);border-radius:999px;padding:0 .45rem;font-size:.78rem;font-weight:700}.filters a.actief .teller{color:#fff;background:#ffffff40}.gat{background:var(--ijs);color:#3c5a68;border:1px solid var(--rand);white-space:nowrap;border-radius:999px;margin:.1rem .25rem .1rem 0;padding:.02rem .5rem;font-size:.78rem;display:inline-block}.onbekend{color:#55707d;font-style:italic}.veldhint{color:#55707d;margin-top:.25rem;font-size:.85rem;display:block}.veldhint.let-op{color:#6b4c00;background:#fff3d6;border-radius:6px;padding:.4rem .6rem;line-height:1.4}.kerncijfers{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin:.8rem 0 .4rem;display:grid}.cijfer{border:1px solid var(--rand);background:#fff;border-radius:12px;padding:.6rem .8rem}.cijfer.waarschuwing{background:#fdf5f5;border-color:#e6b8b8}.cijfer-label{color:#55707d;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;display:block}.cijfer strong{color:var(--diep);font-size:1.15rem}.cijfer small{color:#55707d}.cijfer.waarschuwing strong{color:#7a1f1f}.deellink{word-break:break-all;margin:.6rem 0 1rem}.knoprij{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.knoprij form{margin:0;display:inline}.knoprij+p,.knoprij+small{margin-top:.2rem}.offerteblad{max-width:38rem;margin:0 auto;padding:2rem 1.1rem 3rem}.offertekop{margin-bottom:1.6rem}.offertekop .merk{color:var(--diep);margin-bottom:.9rem;font-size:1.15rem;font-weight:800}.offertekop .merk span{color:var(--aqua)}.offertekop h1{margin:0 0 .35rem;font-size:1.35rem}.offertekop .adres{color:#55707d;margin:0;font-size:.92rem}.offerteblad .bericht{background:var(--ijs);border-radius:12px;margin-bottom:1.4rem;padding:.9rem 1.1rem}.offertevak{border:1px solid var(--rand);background:#fff;border-radius:14px;margin-bottom:1.1rem;padding:1.1rem 1.2rem}.offertevak h2{text-transform:uppercase;letter-spacing:.09em;color:#55707d;margin:0 0 .9rem;font-size:.8rem}.offerteregel{cursor:pointer;border-top:1px solid #e6f0f5;grid-template-columns:auto 1fr auto;align-items:start;gap:.2rem .7rem;margin:0;padding:.9rem 0;font-weight:400;display:grid}.offerteregel:first-of-type{border-top:0;padding-top:0}.offerteregel:last-of-type{padding-bottom:0}.offerteregel input[type=checkbox]{width:20px;height:20px;accent-color:var(--diep);margin:.15rem 0 0}.regeltekst{min-width:0}.regelkop strong{color:var(--inkt);font-size:1rem}.regelkop{text-wrap:pretty;display:block}.regelkop em{color:#55707d;font-style:normal}.regeluitleg{color:#55707d;margin-top:.25rem;font-size:.88rem;display:block}.regelprijs{text-align:right;white-space:nowrap}.regelprijs strong{color:var(--diep);font-size:1.05rem;display:block}.regelprijs-klein{color:#55707d;font-size:.76rem;line-height:1.45;display:block}.offerteregel.uitgevinkt{opacity:.45}.offerteregel.uitgevinkt .regelprijs strong{text-decoration:line-through}@media (max-width:460px){.offerteregel{grid-template-columns:auto 1fr}.regelprijs{text-align:left;white-space:normal;grid-column:2;margin-top:.3rem}.regelprijs strong{margin-right:.3rem;display:inline}.regelprijs-klein{display:inline}.regelprijs-klein+.regelprijs-klein:before{content:"·";margin:0 .3rem 0 .25rem}.offerteknoppen{flex-direction:column;align-items:stretch}.offerteknoppen .knop{text-align:center}}.totalen{background:var(--ijs);border-color:#cfe4ee}.totaalregel{justify-content:space-between;align-items:baseline;gap:1rem;margin:.15rem 0;display:flex}.totaalregel.groot{margin-top:0}.totaalregel>span:first-child{color:#33505d}.totaalregel.groot>span:first-child{color:var(--inkt);font-weight:700}.bedragen{text-align:right;white-space:nowrap}.bedragen strong{color:var(--diep);font-size:1.3rem}.bedragen small{color:#55707d;font-size:.75rem;display:block}.totalen hr{border:0;border-top:1px solid #cfe4ee;margin:.9rem 0}.totaaluitleg{color:#55707d;margin:.9rem 0 0;font-size:.82rem}.offerteknoppen{margin:1.6rem 0 .9rem}.knop.groot{padding:.8rem 1.5rem;font-size:1.05rem}.knop[disabled]{opacity:.5;cursor:not-allowed}.offerteblad .kleineletter{color:#55707d;font-size:.84rem;line-height:1.6}.offerteblad .uitslag{background:#eaf7ee;border:1px solid #bfe3c9;border-radius:12px;padding:1rem 1.2rem;font-size:1rem}.offerteblad .voet{border-top:1px solid var(--rand);margin-top:2rem;padding-top:1rem}.venster{border:0;border-radius:16px;width:calc(100% - 2rem);max-width:30rem;margin:auto;padding:1.4rem 1.5rem;box-shadow:0 24px 60px #0a4a6647}.venster::backdrop{background:#0a222c73}.venster h2{margin:0 0 .4rem;font-size:1.15rem}.nodig{color:#6b4c00;white-space:nowrap;background:#fff3d6;border-radius:999px;margin-left:.35rem;padding:.05rem .45rem;font-size:.72rem;font-weight:600}.watmee{color:#55707d;font-size:.86rem;font-style:normal}.inlineveld{min-height:34px;padding:.3rem .45rem;font-size:.88rem}.inlineveld.kort{width:7rem}.inlineprijs{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.rijknoppen{align-items:center;gap:.35rem;display:inline-flex}.rijknoppen form{margin:0;display:inline}.totalenkaart{background:var(--ijs);border:1px solid #cfe4ee;border-top:0;border-radius:0 0 12px 12px;margin-bottom:.9rem;padding:.2rem .9rem .7rem}.totaalrij{border-top:1px solid #cfe4ee;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.65rem 0;display:flex}.totaalrij:first-child{border-top:0}.totaalrij.zwaar>span:first-child{font-weight:700}.totaalbedrag{text-align:right;white-space:nowrap;line-height:1.5}.totaalbedrag strong{color:var(--diep);font-size:1.15rem}.totaalbedrag small{color:#55707d;font-size:.75rem}.totaalbedrag .tweede{color:#33505d;font-size:.92rem}.totaalvoet{color:#55707d;margin:.5rem 0 0;font-size:.82rem}