:where(:root[data-ontwerp=v2]) .ff-kop>th{font-size:12.5px!important;font-weight:600!important}:where(:root[data-ontwerp=v2]) .nf{box-sizing:border-box;background:var(--bg);min-height:100%;color:var(--ink);padding:32px}:where(:root[data-ontwerp=v2]) .nf *{box-sizing:border-box}:where(:root[data-ontwerp=v2]) .nf-in{flex-direction:column;gap:24px;display:flex}:where(:root[data-ontwerp=v2]) .nf-kop{flex-wrap:wrap;align-items:center;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .nf-kop h1{letter-spacing:0;flex:1;min-width:200px;margin:0;font-size:24px;font-weight:700;line-height:32px}:where(:root[data-ontwerp=v2]) .nf-ic{display:inline-flex}:where(:root[data-ontwerp=v2]) .nf-ic svg{width:16px;height:16px}:where(:root[data-ontwerp=v2]) .nf-knop{white-space:nowrap;background:var(--card);height:40px;color:var(--ink);cursor:pointer;border:1px solid #0e143029;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;display:inline-flex}:where(:root[data-ontwerp=v2]) .nf-knop:disabled{opacity:.5;cursor:default}:where(:root[data-ontwerp=v2]) .nf-knop.nf-primair{background:var(--a-green,#2f7a4a);color:#fff;border:0;font-weight:600}:where(:root[data-ontwerp=v2]) .nf-kaart{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}:where(:root[data-ontwerp=v2]) .nf-kaart h2,:where(:root[data-ontwerp=v2]) .nf-voorbeeld h2{letter-spacing:0;margin:0;font-family:inherit;font-size:16px;font-weight:700}:where(:root[data-ontwerp=v2]) .nf-stuk{flex-direction:column;gap:16px;display:flex}:where(:root[data-ontwerp=v2]) .nf-velden{flex-wrap:wrap;align-items:center;gap:16px;display:flex}:where(:root[data-ontwerp=v2]) .nf-veld{flex-direction:column;gap:6px;width:200px;max-width:100%;display:flex}:where(:root[data-ontwerp=v2]) .nf-veld-klant{width:360px;position:relative}:where(:root[data-ontwerp=v2]) .nf-breed{width:100%;margin-top:16px}:where(:root[data-ontwerp=v2]) .nf-lbl{color:var(--ink);font-size:13px;font-weight:600;line-height:16px}:where(:root[data-ontwerp=v2]) .nf-invoer{background:var(--card);height:40px;color:var(--ink);border:1px solid #0e143029;border-radius:10px;align-items:center;gap:8px;width:100%;padding:0 12px;font-family:inherit;font-size:14px;display:flex;position:relative}:where(:root[data-ontwerp=v2]) .nf-klantknop{cursor:pointer;text-align:left}:where(:root[data-ontwerp=v2]) .nf-invoer .nf-ic{color:var(--ink3)}:where(:root[data-ontwerp=v2]) .nf-tekst{flex:1}:where(:root[data-ontwerp=v2]) .nf-bare{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:0;flex:1;width:100%;padding:0;font-size:14px}:where(:root[data-ontwerp=v2]) .nf-keuze select{appearance:none;cursor:pointer;padding-right:20px}:where(:root[data-ontwerp=v2]) .nf-pijl{color:var(--ink3);pointer-events:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)rotate(90deg)}:where(:root[data-ontwerp=v2]) .nf-pijl svg{width:14px;height:14px}:where(:root[data-ontwerp=v2]) .nf-eenheid{color:var(--ink3);font-size:14px}:where(:root[data-ontwerp=v2]) .nf-h2-regels{margin-bottom:12px!important}:where(:root[data-ontwerp=v2]) .nf-tabel{border-collapse:collapse;table-layout:fixed;width:100%}:where(:root[data-ontwerp=v2]) .nf-tabel th:first-child{width:43.6%}:where(:root[data-ontwerp=v2]) .nf-tabel th:nth-child(2){width:10.9%}:where(:root[data-ontwerp=v2]) .nf-tabel th:nth-child(3){width:17.7%}:where(:root[data-ontwerp=v2]) .nf-tabel th:nth-child(4){width:11.9%}:where(:root[data-ontwerp=v2]) .nf-tabel th{text-align:left;height:37px;color:var(--ink3);border-bottom:1px solid var(--line);letter-spacing:0;text-transform:none;padding:0 12px;font-size:12.5px;font-weight:600}:where(:root[data-ontwerp=v2]) .nf-tabel td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}:where(:root[data-ontwerp=v2]) .nf-tabel .nf-r{text-align:right}:where(:root[data-ontwerp=v2]) .nf-cel{border:1px solid var(--line);width:100%;height:38px;font:inherit;background:var(--card);color:var(--ink);border-radius:8px;padding:0 10px;font-size:14px;display:block}:where(:root[data-ontwerp=v2]) .nf-cel.nf-r{text-align:right}:where(:root[data-ontwerp=v2]) .nf-notitie{font-style:italic}:where(:root[data-ontwerp=v2]) select.nf-cel{appearance:none}:where(:root[data-ontwerp=v2]) .nf-prijs{justify-content:flex-end;align-items:center;gap:4px;display:flex}:where(:root[data-ontwerp=v2]) .nf-prijs .nf-bare{text-align:right}:where(:root[data-ontwerp=v2]) .nf-tabel td.nf-som{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;position:relative}:where(:root[data-ontwerp=v2]) .nf-weg{width:20px;height:20px;color:var(--ink3);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:-26px;transform:translateY(-50%)}:where(:root[data-ontwerp=v2]) .nf-weg svg{width:14px;height:14px}:where(:root[data-ontwerp=v2]) .nf-onder{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-top:16px;display:flex}:where(:root[data-ontwerp=v2]) .nf-toevoegen{flex-wrap:wrap;flex:1;align-items:center;gap:16px;min-width:0;display:flex}:where(:root[data-ontwerp=v2]) .nf-zacht{white-space:nowrap;background:var(--a-green-soft,#e0ebe2);height:32px;color:var(--a-green,#2f7a4a);cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;display:inline-flex}:where(:root[data-ontwerp=v2]) .nf-tekstknop{color:var(--ink2);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}:where(:root[data-ontwerp=v2]) .nf-product{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink2);font:inherit;border-radius:8px;max-width:220px;padding:0 8px;font-size:13px}:where(:root[data-ontwerp=v2]) .nf-sommen{flex-direction:column;gap:8px;width:280px;font-size:14px;display:flex}:where(:root[data-ontwerp=v2]) .nf-som-rij{justify-content:space-between;display:flex}:where(:root[data-ontwerp=v2]) .nf-som-rij>span:first-child{color:var(--ink3)}:where(:root[data-ontwerp=v2]) .nf-som-totaal{border-top:1px solid var(--line);padding-top:8px}:where(:root[data-ontwerp=v2]) .nf-keuzes{flex-wrap:wrap;align-items:flex-start;gap:64px;display:flex}:where(:root[data-ontwerp=v2]) .nf-groep{flex-direction:column;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .nf-optie{font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:14px;display:inline-flex}:where(:root[data-ontwerp=v2]) .nf-radio{background:var(--card);border:1.5px solid #0e143047;border-radius:50%;flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}:where(:root[data-ontwerp=v2]) .nf-radio.aan{background:var(--a-aqua,#1e8cb5);border:0}:where(:root[data-ontwerp=v2]) .nf-radio>span{background:#fff;border-radius:50%;width:8px;height:8px}:where(:root[data-ontwerp=v2]) .nf-schakel{background:#d5d9e2;border-radius:10px;flex:0 0 36px;width:36px;height:20px;position:relative}:where(:root[data-ontwerp=v2]) .nf-schakel.aan{background:var(--a-aqua,#1e8cb5)}:where(:root[data-ontwerp=v2]) .nf-schakel>span{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0e143033}:where(:root[data-ontwerp=v2]) .nf-schakel.aan>span{left:18px}:where(:root[data-ontwerp=v2]) .nf-meer{flex-direction:column;gap:16px;display:flex}:where(:root[data-ontwerp=v2]) .nf-meer .nf-breed{margin-top:0}:where(:root[data-ontwerp=v2]) .nf-notitieveld{resize:vertical;min-height:80px;font:inherit;background:var(--card);color:var(--ink);border:1px solid #0e143029;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}:where(:root[data-ontwerp=v2]) .nf-hulp{color:var(--ink3);font-size:12.5px}:where(:root[data-ontwerp=v2]) .nf-klantdetail{flex-direction:column;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .nf-voet{justify-content:flex-end;align-items:center;gap:14px;display:flex}:where(:root[data-ontwerp=v2]) .nf-nogeen{color:var(--ink2);cursor:pointer;align-items:center;gap:7px;font-size:14px;display:inline-flex}:where(:root[data-ontwerp=v2]) .nf-sluier{z-index:7000;background:#0e143061;place-items:center;padding:24px;display:grid;position:fixed;inset:0}:where(:root[data-ontwerp=v2]) .nf-voorbeeld{background:var(--card);border-radius:16px;flex-direction:column;gap:16px;width:min(640px,100%);max-height:100%;padding:24px;display:flex;overflow:auto;box-shadow:0 24px 60px #0e143047}:where(:root[data-ontwerp=v2]) .nf-vb-klant{flex-direction:column;gap:2px;font-size:14px;display:flex}:where(:root[data-ontwerp=v2]) .nf-vb-tabel td{font-size:14px}@media (width<=640px){:where(:root[data-ontwerp=v2]) .nf,:where(:root[data-ontwerp=v2]) .nf-kaart{padding:16px}:where(:root[data-ontwerp=v2]) .nf-veld,:where(:root[data-ontwerp=v2]) .nf-veld-klant{width:100%}:where(:root[data-ontwerp=v2]) .nf-keuzes{gap:24px}:where(:root[data-ontwerp=v2]) .nf-sommen{width:100%}:where(:root[data-ontwerp=v2]) .nf-tabel{display:block;overflow-x:auto}:where(:root[data-ontwerp=v2]) .nf-weg{right:-2px}}