*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--linnen);color:var(--umber);font-family:var(--letter-tekst);font-size:var(--grootte-tekst);font-weight:var(--gewicht-normaal);margin:0;line-height:1.5}main{max-width:36rem;padding:calc(var(--raster) * 3) calc(var(--raster) * 2) calc(var(--raster) * 6);overflow-wrap:anywhere;margin:0 auto}main.breed{max-width:64rem}h1{font-size:var(--grootte-titel);font-weight:var(--gewicht-vet);margin:0 0 calc(var(--raster) * 2);text-wrap:balance;line-height:1.2}h2{font-size:var(--grootte-kop);font-weight:var(--gewicht-vet);margin:0 0 var(--raster);line-height:1.3}h3{font-size:var(--grootte-tekst);font-weight:var(--gewicht-vet);margin:0 0 var(--raster)}p{margin:0 0 calc(var(--raster) * 2);max-width:65ch}a{color:var(--umber);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}::selection{background:var(--leem);color:var(--umber)}input,textarea{caret-color:var(--terracotta)}:focus-visible{outline:var(--focus) solid var(--umber);outline-offset:2px}.kopbalk :focus-visible{outline-color:var(--wit)}.klein{font-size:var(--grootte-klein);color:var(--grijsbruin)}.mono,[data-testid=opdrachtnummer],[data-testid=opdracht]{font-family:var(--letter-mono);font-size:var(--grootte-mono);font-weight:var(--gewicht-half);letter-spacing:.01em}.pictogram{flex-shrink:0;width:1.25em;height:1.25em}.pictogram-binnen{stroke:var(--wit)}.kopbalk{background:var(--terracotta);color:var(--wit)}.kopbalk-binnen{max-width:64rem;min-height:3.5rem;padding:var(--raster) calc(var(--raster) * 2);align-items:center;gap:var(--raster);flex-wrap:wrap;margin:0 auto;display:flex}.woordmerk{font-family:var(--letter-tekst);font-weight:var(--gewicht-vet);font-size:var(--grootte-kop);letter-spacing:-.01em;line-height:1}.kopbalk-product{font-weight:var(--gewicht-half);font-size:var(--grootte-klein);padding-left:var(--raster);border-left:1px solid;line-height:1}button,.knop{justify-content:center;align-items:center;gap:var(--raster);min-height:var(--aanraak);padding:var(--raster) calc(var(--raster) * 3);border:2px solid var(--terracotta);border-radius:var(--rond-knop);background:var(--terracotta);color:var(--wit);font:inherit;font-weight:var(--gewicht-half);text-align:center;cursor:pointer;text-decoration:none;transition:box-shadow .12s ease-out;display:inline-flex}button:hover:not(:disabled),.knop:hover{box-shadow:inset 0 0 0 100vmax #0000001f}button:active:not(:disabled),.knop:active{box-shadow:inset 0 0 0 100vmax #0003}.knop-tweede{background:var(--wit);color:var(--umber);border-color:var(--umber)}.knop-tweede:hover:not(:disabled){box-shadow:inset 0 0 0 100vmax #0000000d}.knop-gevaar{background:var(--rood);border-color:var(--rood);color:var(--wit)}button:disabled{opacity:.5;cursor:not-allowed}button[aria-busy=true]{opacity:.75;cursor:progress}.knoppen{gap:var(--raster);margin:calc(var(--raster) * 2) 0;display:grid}.knoppen>p{margin:0}@media (min-width:40rem){.knoppen{flex-wrap:wrap;align-items:center;display:flex}}.draaier{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1.1em;height:1.1em;animation:.8s linear infinite draaien}@keyframes draaien{to{transform:rotate(360deg)}}.navlink{margin:0}.navlink a{min-height:var(--aanraak);font-weight:var(--gewicht-half);align-items:center;display:inline-flex}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-kaart);padding:calc(var(--raster) * 2);margin:0 0 calc(var(--raster) * 2)}.kaart>:last-child{margin-bottom:0}.sectie{margin:calc(var(--raster) * 3) 0}.lijst{margin:0 0 calc(var(--raster) * 2);gap:var(--raster);padding:0;list-style:none;display:grid}.lijst li{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-kaart);padding:var(--raster) calc(var(--raster) * 2)}.lijst a,.lijst li>span:first-child{min-height:var(--aanraak);font-weight:var(--gewicht-half);align-items:center;display:inline-flex}.gegevens{margin:0}.gegevens dt{font-size:var(--grootte-klein);color:var(--grijsbruin)}.gegevens dd{margin:0 0 calc(var(--raster) * 1.5)}.gegevens dd ul{padding-left:calc(var(--raster) * 2.5);margin:0}details{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--rond-kaart);padding:0 calc(var(--raster) * 2);margin:0 0 calc(var(--raster) * 2)}details[open]{padding-bottom:calc(var(--raster) * 2)}details summary{min-height:var(--aanraak);font-weight:var(--gewicht-half);cursor:pointer;align-items:center;display:flex}.formulier{gap:calc(var(--raster) * 2);display:grid}.formulier fieldset{gap:calc(var(--raster) * 1.5);border:0;margin:0;padding:0;display:grid}.formulier legend{font-size:var(--grootte-kop);font-weight:var(--gewicht-vet);margin-bottom:var(--raster)}.veld{gap:calc(var(--raster) / 2);display:grid}.veld>span:first-child,.veld-label{font-weight:var(--gewicht-half);font-size:var(--grootte-klein)}.veld-hulp{font-size:var(--grootte-klein);color:var(--grijsbruin)}.veld input,.veld select,.veld textarea{width:100%;min-height:var(--aanraak);padding:var(--raster) calc(var(--raster) * 1.5);font:inherit;color:var(--umber);background:var(--wit);border:2px solid var(--grijsbruin);border-radius:var(--rond-veld)}.veld textarea{resize:vertical}.veld input[readonly]{background:var(--linnen)}.veld [aria-invalid=true]{border-color:var(--rood)}.veldfout{align-items:flex-start;gap:calc(var(--raster) / 2);color:var(--rood);font-size:var(--grootte-klein);font-weight:var(--gewicht-half);display:flex}.rij{gap:calc(var(--raster) * 1.5);grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));display:grid}.vinklijst{gap:calc(var(--raster) / 2);display:grid}.vink{gap:var(--raster);display:grid}.vinkrij{align-items:center;gap:calc(var(--raster) * 1.5);min-height:var(--aanraak);cursor:pointer;display:flex}.vinkrij input{width:1.5rem;height:1.5rem;accent-color:var(--umber);flex-shrink:0;margin:0}.statuslabel,.wachtop,.uitkomst{align-items:center;gap:calc(var(--raster) / 2);padding:calc(var(--raster) / 2) var(--raster);border-radius:var(--rond-knop);font-size:var(--grootte-klein);font-weight:var(--gewicht-half);line-height:1.3;display:inline-flex}.statuslabel{background:var(--leem);color:var(--umber);font-family:var(--letter-mono);font-size:var(--grootte-mono)}.statuslabel .pictogram{width:.75em;height:.75em}.wachtop{background:var(--wit);color:var(--umber);border:1px solid var(--grijsbruin)}.uitkomst{color:var(--wit)}.uitkomst-groen{background:var(--groen)}.uitkomst-grijs{background:var(--grijs)}.uitkomst-rood{background:var(--rood)}.melding,.concept{align-items:flex-start;gap:var(--raster);padding:calc(var(--raster) * 1.5) calc(var(--raster) * 2);border-radius:var(--rond-veld);font-weight:var(--gewicht-half);border:2px solid #0000;max-width:none;display:flex}.melding .pictogram,.concept .pictogram{margin-top:.1em}.melding-info{background:var(--leem);color:var(--umber)}.melding-waarschuwing{background:var(--leem);color:var(--umber);border-color:var(--umber)}.melding-fout,.concept{background:var(--wit);color:var(--rood);border-color:var(--rood)}.concept{font-weight:var(--gewicht-vet)}.melding-gelukt{background:var(--wit);color:var(--groen);border-color:var(--groen)}.leeg{justify-items:center;gap:var(--raster);padding:calc(var(--raster) * 4) calc(var(--raster) * 2);text-align:center;color:var(--grijsbruin);background:var(--wit);border:1px dashed var(--grijsbruin);border-radius:var(--rond-kaart);margin:0 0 calc(var(--raster) * 2);display:grid}.leeg .pictogram{width:2rem;height:2rem}.leeg p{color:var(--umber);margin:0}.laden{align-items:center;gap:var(--raster);color:var(--umber);display:flex}.status{margin:calc(var(--raster) * 3) 0;gap:var(--raster);padding:0;list-style:none;display:grid}.status li{align-items:center;gap:calc(var(--raster) * 1.5);min-height:var(--aanraak);padding:var(--raster) calc(var(--raster) * 2);border-radius:var(--rond-kaart);background:var(--wit);border:1px solid var(--lijn);font-weight:var(--gewicht-half);display:flex}.status .ok{color:var(--groen)}.status .fout{color:var(--rood)}.filters{gap:var(--raster);margin:calc(var(--raster) * 2) 0;flex-wrap:wrap;display:flex}.filters a{min-height:var(--aanraak);padding:0 calc(var(--raster) * 2);border-radius:var(--rond-knop);background:var(--wit);border:1px solid var(--grijsbruin);color:var(--umber);align-items:center;text-decoration:none;display:inline-flex}.filters a[aria-current=page]{background:var(--umber);border-color:var(--umber);color:var(--wit);font-weight:var(--gewicht-half)}.werkvoorraad{border-collapse:collapse;width:100%;margin:0 0 calc(var(--raster) * 2)}.werkvoorraad th{font-size:var(--grootte-klein);font-weight:var(--gewicht-half);color:var(--grijsbruin)}.werkvoorraad th,.werkvoorraad td{text-align:left;padding:var(--raster);border-bottom:1px solid var(--lijn);vertical-align:top}.werkvoorraad tbody tr{background:var(--wit)}.werkvoorraad a{min-height:var(--aanraak);font-weight:var(--gewicht-half);align-items:center;display:inline-flex}.herinnering{gap:calc(var(--raster) / 2);margin-top:calc(var(--raster) / 2);display:grid}.herinnering .knoppen{margin:0}@media (max-width:40rem){.werkvoorraad thead{display:none}.werkvoorraad tr{padding:var(--raster) calc(var(--raster) * 2) calc(var(--raster) * 1.5);margin-bottom:var(--raster);border-radius:var(--rond-kaart);border:1px solid var(--lijn);display:block}.werkvoorraad td{place-items:center start;gap:var(--raster);padding:calc(var(--raster) / 2) 0;border:0;grid-template-columns:minmax(6rem,7.5rem) minmax(0,1fr);display:grid}.werkvoorraad td:before{content:attr(data-label);color:var(--grijsbruin);font-size:var(--grootte-klein);font-family:var(--letter-tekst);font-weight:var(--gewicht-normaal)}}@media (max-width:20rem){.werkvoorraad td{grid-template-columns:minmax(0,1fr);gap:0}}.offerteregels{margin:0;padding:0;list-style:none}.offerteregels li,.offertetotaal,.offertesom{justify-content:space-between;gap:calc(var(--raster) * 2);padding:calc(var(--raster) / 2) 0;max-width:none;display:flex}.offerteregels li>span:last-child,.offertetotaal>span:last-child,.offertesom>span:last-child{white-space:nowrap}.offertetotaal{font-weight:var(--gewicht-vet);border-top:1px solid var(--grijsbruin);margin-top:var(--raster);padding-top:var(--raster)}.offertesom{margin:0}.meerwerklijst{gap:calc(var(--raster) * 2);margin:0;padding:0;list-style:none;display:grid}.meerwerklijst>li{border-top:1px solid var(--lijn);padding-top:calc(var(--raster) * 2)}.meerwerklijst>li:first-child{border-top:0;padding-top:0}.akkoordlink input{font-family:var(--letter-mono);font-size:var(--grootte-mono)}.voorbeeld-rij{gap:var(--raster);margin:0 0 calc(var(--raster) * 2);flex-wrap:wrap;align-items:center;display:flex}.voorbeeld-scherm{border-top:2px solid var(--umber);padding-top:calc(var(--raster) * 2);margin-top:calc(var(--raster) * 4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.schermtitel{font-size:var(--grootte-titel);font-weight:var(--gewicht-vet);line-height:1.2}.voorbeeld-kopbalk{border-radius:var(--rond-kaart)}.voorbeeld-akkoord{border:1px solid var(--lijn);border-radius:var(--rond-kaart);background:var(--linnen);width:100%;height:48rem;display:block}.soortlijst{margin:0 0 calc(var(--raster) * 2);gap:calc(var(--raster) * 1.5);padding:0;list-style:none;display:grid}.soortregel{border-top:1px solid var(--lijn);padding-top:calc(var(--raster) * 1.5)}.soortregel:first-child{border-top:0;padding-top:0}.soortnaam{margin:0}.soortnaam em{color:var(--grijsbruin)}.markeringen{margin:calc(var(--raster) / 2) 0;gap:calc(var(--raster) / 2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.markeringen li{background:var(--linnen);color:var(--umber);border:1px solid var(--lijn);border-radius:var(--rond-veld);padding:calc(var(--raster) / 4) var(--raster);font-size:var(--grootte-klein)}.formulier fieldset.keuze legend{font-size:var(--grootte-klein);font-weight:var(--gewicht-half);color:var(--grijsbruin);margin-bottom:0}.rij-keuze{column-gap:calc(var(--raster) * 3);flex-wrap:wrap;display:flex}.bevestig{gap:var(--raster);display:grid}.verslaglijst{padding-left:calc(var(--raster) * 2.5)}.verslaglijst li p{margin:0 0 calc(var(--raster) / 2)}@media print{.kopbalk,.niet-printen{display:none}body{background:var(--wit)}}