:root{--ink:#343c36;--tekst:#3b3b3c;--ink-zacht:#5f6862;--salie:#bed4be;--salie-licht:#eaf1ea;--bg:#f5f5f5;--kaart:#fff;--lijn:#e0e0e0;--fout:#b3261e;--font:"Metropolis", "metropolis-regular", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--tekst);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--ink);text-wrap:balance;margin:0;font-weight:700;line-height:1.25}h1{letter-spacing:-.01em;font-size:1.75rem}h2{margin-bottom:1rem;font-size:1.2rem}h3{margin-bottom:.6rem;font-size:.95rem}:focus-visible{outline:3px solid var(--salie);outline-offset:2px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--kaart);border-bottom:4px solid var(--salie)}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:880px;margin:0 auto;padding:14px 20px;display:flex}.merk{align-items:center;gap:14px;display:flex}.merk img{width:auto;height:40px;display:block}.merk-sub{border-left:1px solid var(--lijn);color:var(--ink);text-transform:uppercase;letter-spacing:.06em;padding-left:14px;font-size:.85rem;font-weight:700}.topbar-link{color:var(--ink);font-size:.9rem;font-weight:600;text-decoration:none}.topbar-link:hover{text-decoration:underline}.inhoud{flex-direction:column;flex:1;gap:20px;width:100%;max-width:880px;margin:0 auto;padding:32px 20px 48px;display:flex}.intro p{color:var(--ink-zacht);max-width:65ch;margin:8px 0 0}.stappen{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.stappen button{border:1px solid var(--lijn);background:var(--kaart);border-radius:var(--radius);width:100%;font:inherit;color:var(--ink-zacht);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 12px;display:flex}.stappen button:disabled{cursor:default;opacity:.7}.stap-nr{background:var(--bg);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid}.stap-label{font-size:.88rem;font-weight:600}.stappen .actief button{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 -3px 0 var(--ink)}.stappen .actief .stap-nr{background:var(--ink);color:#fff}.stappen .klaar .stap-nr{background:var(--salie);color:var(--ink)}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:14px;padding:28px;box-shadow:0 1px 2px #343c360d}.toelichting{color:var(--ink-zacht);max-width:65ch;margin:-6px 0 18px}.raster{grid-template-columns:1fr 1fr;gap:16px 18px;display:grid}.veld{flex-direction:column;gap:6px;min-width:0;display:flex}.veld.breed{grid-column:1/-1}.veld label{font-size:.88rem;font-weight:600}.optioneel{color:var(--ink-zacht);font-weight:400}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--lijn);background:#fff;border-radius:8px;width:100%;padding:10px 12px}input:hover,select:hover,textarea:hover{border-color:#c2c8bf}input:focus,select:focus,textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--salie-licht);outline:none}input[type=file]{background:var(--bg);padding:8px}textarea{resize:vertical}.heeft-fout input,.heeft-fout textarea,.heeft-fout select{border-color:var(--fout)}.hint{color:var(--ink-zacht);margin:0;font-size:.82rem}.fout{color:var(--fout);margin:0;font-size:.82rem;font-weight:500}.artikelen{flex-direction:column;gap:16px;display:flex}.artikel{border:1px solid var(--lijn);border-radius:var(--radius);background:#fafbf9;margin:0;padding:18px;position:relative}.artikel legend{padding:0 6px;font-size:.9rem;font-weight:700}.verwijder{color:var(--fout);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.85rem;position:absolute;top:10px;right:12px}.groep{border-bottom:1px solid var(--lijn);flex-direction:column;gap:12px;margin-bottom:22px;padding-bottom:22px;display:flex}.keuzes{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keuzes.twee{grid-template-columns:1fr 1fr}.keuze{border:1px solid var(--lijn);border-radius:var(--radius);cursor:pointer;background:#fff;flex-direction:column;gap:4px;padding:14px 14px 14px 40px;display:flex;position:relative}.keuze input{width:16px;height:16px;accent-color:var(--ink);position:absolute;top:16px;left:14px}.keuze.gekozen{border-color:var(--ink);background:var(--salie-licht)}.keuze-titel{font-weight:700}.keuze-uitleg{color:var(--ink-zacht);font-size:.84rem}.subkop{margin:26px 0 12px}.afleveradres{margin-top:18px}.subhint{margin:-4px 0 12px}.afleveradres+.subhint{margin:6px 0 0 28px}.vinkje{cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;display:flex}.vinkje input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin-top:2px}.onthouden{background:var(--salie-licht);border-radius:var(--radius);margin-top:22px;padding:14px 16px}.melding{border-left:3px solid var(--salie);background:var(--salie-licht);border-radius:0 8px 8px 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:.92rem;display:flex}.keuze.uit{opacity:.5;cursor:not-allowed;background:var(--bg)}.pdf-acties{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}a.knop{text-decoration:none;display:inline-block}.melding.waarschuwing{background:#fbf6e4;border-left-color:#c9a227}.verzendfout{margin-top:18px}.kosten{border:1px solid var(--lijn);border-radius:var(--radius);background:#fafbf9;padding:14px 16px;font-size:.9rem}.kosten ul{flex-direction:column;gap:4px;margin:6px 0 8px;padding-left:18px;display:flex}.akkoord label{cursor:pointer;align-items:flex-start;gap:10px;font-size:.9rem;display:flex}.akkoord input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin-top:2px}.akkoord .fout{margin:6px 0 0 28px}.acties{border-top:1px solid var(--lijn);justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;display:flex}.knop{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:11px 20px;font-weight:600}.knop.primair{background:var(--ink);color:#fff}.knop.primair:hover{background:#262c27}.knop.primair:disabled{opacity:.6;cursor:wait}.knop.secundair{color:var(--ink);border-color:var(--lijn);background:#fff}.knop.secundair:hover{border-color:var(--ink)}.knop.toevoegen{color:var(--ink);background:0 0;border:1px dashed #b9c0b6;width:100%;margin-top:14px}.knop.toevoegen:hover{border-color:var(--ink);background:#fafbf9}.link{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:600;text-decoration:underline}.overzicht{flex-direction:column;gap:22px;display:flex}.overzicht-kop{justify-content:space-between;align-items:baseline;display:flex}dl{grid-template-columns:140px 1fr;gap:6px 16px;margin:0;display:grid}dt{color:var(--ink-zacht);font-size:.88rem}dd{overflow-wrap:anywhere;margin:0}.tabel-wrap{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:.9rem}.tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-zacht);border-bottom:1px solid var(--lijn);padding:8px 10px;font-size:.78rem}.tabel td{border-bottom:1px solid var(--lijn);vertical-align:top;padding:10px}.tabel .num{text-align:right;font-variant-numeric:tabular-nums}.tabel .mono{font-family:var(--mono);font-size:.85rem}.sub{color:var(--ink-zacht);font-size:.84rem}.klacht{font-style:italic}.bevestiging{text-align:left;flex-direction:column;gap:14px;display:flex}.vink{background:var(--salie);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.rma-nummer{background:var(--ink);color:#fff;border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.rma-label{text-transform:uppercase;letter-spacing:.06em;opacity:.75;font-size:.8rem}.rma-waarde{font-family:var(--mono);letter-spacing:.02em;flex:1;font-size:1.5rem;font-weight:700}.rma-nummer .link{color:var(--salie)}.vervolg{flex-direction:column;gap:6px;margin:4px 0 0;padding-left:20px;display:flex}.retouradres{border-left:3px solid var(--salie);background:var(--salie-licht);border-radius:0 8px 8px 0;padding:8px 14px;font-style:normal}.voet{text-align:center;color:var(--ink-zacht);padding:20px;font-size:.8rem}.alleen-print{display:none}@media (width<=640px){.merk img{height:30px}.merk-sub,.topbar-link{display:none}.stappen{grid-template-columns:repeat(4,auto)}.stap-label{display:none}.stappen .actief .stap-label{display:inline}.raster,.keuzes,.keuzes.twee{grid-template-columns:1fr}.kaart{padding:20px}dl{grid-template-columns:1fr}dt{margin-top:6px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{body{background:#fff}.topbar,.voet,.geen-print,.intro,.stappen{display:none!important}.inhoud{max-width:none;padding:0}.alleen-print{display:block}.brief{font-size:11pt}.brief-kop{border-bottom:2px solid var(--ink);justify-content:space-between;margin-bottom:24px;padding-bottom:16px;display:flex}.brief-logo{height:44px;margin-bottom:8px}.brief-rma{text-align:right;font-weight:600}.brief-rma span{font-family:var(--mono);font-size:20pt}.brief dl{margin-bottom:20px}.brief-voet{color:var(--ink-zacht);margin-top:24px;font-size:10pt}}@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/metropolis-latin-400-normal-DKepXnDq.woff2)format("woff2"),url(/assets/metropolis-latin-400-normal-CQL1l97W.woff)format("woff")}@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/metropolis-latin-700-normal-BZLKi5Gb.woff2)format("woff2"),url(/assets/metropolis-latin-700-normal-DkmpsX1S.woff)format("woff")}
