@media (width>=1281px){:where(:root[data-ontwerp=v2]) .docb-kop .sx-hero-bron{display:none}}:where(:root[data-ontwerp=v2]) .sv-rt-cirkel-bureau{display:contents}:where(:root[data-ontwerp=v2]) .sv-rt-teken-tablet,:where(:root[data-ontwerp=v2]) .sv-rt-bedrag-tablet{display:none}@media (width>=761px) and (width<=1280px){:where(:root[data-ontwerp=v2]) .sv-rt-cirkel-bureau,:where(:root[data-ontwerp=v2]) .sv-rt-subbedrag{display:none}:where(:root[data-ontwerp=v2]) .sv-rt-teken-tablet{color:var(--a-green);display:flex}:where(:root[data-ontwerp=v2]) .sv-rt-teken-tablet .sv-rt-doc-teken{display:flex}:where(:root[data-ontwerp=v2]) .sv-rt-bedrag-tablet{font:700 14px/20px var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;display:inline}}:where(:root[data-ontwerp=v2]) .docb-kop .docb-sub-kort{display:none}@media (width>=761px) and (width<=1280px){:where(:root[data-ontwerp=v2]) .docb-kop .docb-sub-lang{display:none}:where(:root[data-ontwerp=v2]) .docb-kop .docb-sub-kort{display:inline}:where(:root[data-ontwerp=v2]) .sv-rt-regel-rechts:has(>.sv-rt-bedrag-tablet){flex-direction:row;align-items:center;gap:12px;max-width:none}:where(:root[data-ontwerp=v2]) .docb-kop .sx-hero-acts .btn.docb-editor-knop{justify-content:center;width:40px;padding:0}:where(:root[data-ontwerp=v2]) .docb-kop .docb-editor-knop .docb-knop-tekst{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width>=761px){:where(:root[data-ontwerp=v2]) .modal.ofw{border-radius:20px;width:720px;max-width:720px}:where(:root[data-ontwerp=v2]) .modal.ofw .modal-body{flex-direction:column;gap:20px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .modal-foot{background:#fafafb;border-top:1px solid #0e14301f}:where(:root[data-ontwerp=v2]) .modal.ofw .modal-foot .btn{border-radius:10px;height:40px;padding:0 16px;font-size:14px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-pijl{display:inline-flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-pijl svg{width:16px;height:16px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-voet-knoppen{align-items:center;gap:8px;display:inline-flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stappen{gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-voor{color:var(--ink3);font-size:13px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stap{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-balk{background:#f1f2f5;border-radius:2px;height:4px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stap.gedaan .ofw-balk{background:var(--a-green)}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stap-naam{color:#8b92ab;font-size:12.5px;font-weight:500}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stap.gedaan .ofw-stap-naam{color:var(--ink)}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-stap.nu .ofw-stap-naam{font-weight:700}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-klant{position:relative}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-lijst{z-index:2;background:#fff;border:1px solid #0e14301f;border-radius:12px;flex-direction:column;max-height:280px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px -12px #0e14303d}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie:hover,:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie.on{background:var(--bg-deep)}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie b{color:var(--ink);font-size:14px;font-weight:600}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie span{color:var(--ink2);font-size:12.5px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie.ofw-nieuw{color:var(--a-green);flex-direction:row;align-items:center;gap:8px;font-size:14px;font-weight:600}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie.ofw-nieuw span{color:var(--a-green);display:inline-flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-optie-leeg{color:var(--ink2);padding:8px 10px;font-size:13px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-meta{color:var(--ink2);align-items:center;gap:10px;margin-top:-8px;font-size:13px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-ini{background:var(--a-red-soft);width:24px;height:24px;color:var(--a-red);border-radius:50%;flex:0 0 24px;place-items:center;font-size:10px;font-weight:700;display:grid}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-nieuwe-klant{flex-direction:column;gap:16px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-nk-kop{justify-content:space-between;align-items:center;gap:12px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-zin{color:var(--ink2);font-size:12.5px;line-height:18px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-begin{flex-direction:column;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaarten{flex-wrap:wrap;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaart{box-sizing:border-box;min-width:140px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0e14301f;border-radius:12px;flex-direction:column;flex:1 1 0;align-items:flex-start;gap:6px;margin:1px;padding:14px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaart.on{border:2px solid var(--a-green);background:var(--a-green-soft);margin:0}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaart:focus-visible{box-shadow:0 0 0 3px var(--a-aqua-soft);outline:none}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaart b{color:var(--ink);font-size:14px;font-weight:600}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-kaart span{color:var(--ink2);font-size:12.5px;line-height:18px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-deel{flex-direction:column;gap:20px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot{flex-direction:column;gap:6px;width:280px;margin-left:auto;font-size:13.5px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot-rij{font-variant-numeric:tabular-nums;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot-rij>:first-child{color:var(--ink2);flex:1}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot-eind{border-top:1px solid var(--ink);padding-top:8px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot-eind>:first-child{color:var(--ink)}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tot-eind b:last-child{font-size:16px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-controle{gap:24px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-links{flex:0 0 280px;min-width:0}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-rechts{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-bericht textarea{width:100%;font:inherit;color:inherit;resize:vertical;background:0 0;border:0;outline:0;min-height:84px}:where(:root[data-ontwerp=v2]) .modal.ofw .dpw-in.ofw-bericht.ofw-bericht{align-items:flex-start;height:auto;min-height:120px;padding:10px 12px}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-vel{background:var(--bg-deep);border-radius:12px;height:360px;margin-bottom:16px;padding:14px;overflow:hidden}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-vel-blad{zoom:.34;pointer-events:none;background:#fff;width:760px;box-shadow:0 1px 4px #0000001f}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-voegtoe{align-items:center;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-geldig{flex-direction:column;gap:10px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw .ofw-tabelkop{color:var(--ink2);align-items:center;font-size:12.5px;font-weight:600}:where(:root[data-ontwerp=v2]) .modal.ofw-nd{border-radius:20px;width:820px;max-width:820px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .modal-body{flex-direction:column;gap:20px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .modal-foot{background:#fafafb;border-top:1px solid #0e14301f}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .modal-foot .btn{border-radius:10px;height:40px;padding:0 16px;font-size:14px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soorten{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soort{box-sizing:border-box;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0e14301f;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;margin:1px;padding:16px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soort.on{border:2px solid var(--a-green);background:var(--a-green-soft);margin:0}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soort:focus-visible{box-shadow:0 0 0 3px var(--a-aqua-soft);outline:none}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-ic{display:inline-flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-ic svg{width:20px;height:20px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soort b{color:var(--ink);font-size:15px;font-weight:700}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-soort span:last-child{color:var(--ink2);font-size:12.5px;line-height:18px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-sjabloon{flex-direction:column;gap:8px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-sjabloon-kop{color:var(--ink);font-size:13px;font-weight:600}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-tegels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-tegel{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:6px;padding:0;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-thumb{box-sizing:border-box;background:#fff;border:1px solid #0e14301f;border-radius:10px;flex-direction:column;gap:6px;height:96px;padding:12px;display:flex}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-thumb i{background:#0e14301f;border-radius:3px;height:6px;display:block}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-thumb i:first-child{background:#8b92ab;border-radius:4px;width:60%;height:8px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-thumb i:nth-child(2){width:80%}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-thumb i:nth-child(3){width:70%}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-tegel.on .ofw-nd-thumb{border:2px solid var(--a-green)}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-tegel:focus-visible .ofw-nd-thumb{box-shadow:0 0 0 3px var(--a-aqua-soft);outline:none}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-tegelnaam{color:var(--ink);font-size:12.5px}:where(:root[data-ontwerp=v2]) .modal.ofw-nd .ofw-nd-meer{flex-wrap:wrap;gap:4px 20px;display:flex}}:where(:root[data-ontwerp=v2]) .of-v2{min-width:0;container:offertelijst/inline-size}:where(:root[data-ontwerp=v2]) .of-v2 .of-chips{border-bottom:1px solid var(--line);gap:8px;padding:12px 16px}:where(:root[data-ontwerp=v2]) .of-v2 .of-chips>.btn{margin-left:auto}:where(:root[data-ontwerp=v2]) .offertes-board .of-v2 .of-chips>.btn{display:none}:where(:root[data-ontwerp=v2]) .of-v2 .of-getal{text-align:right;justify-content:flex-end;padding-right:16px}:where(:root[data-ontwerp=v2]) .of-v2 .crm-cellwrap[data-kol=totaal]{font-variant-numeric:tabular-nums;font-weight:600}:where(:root[data-ontwerp=v2]) .of-v2 .crm-cellwrap[data-kol=nummer] b{font-weight:600}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr:focus-visible{outline:2px solid var(--a-aqua);outline-offset:-2px}:where(:root[data-ontwerp=v2]) .of-v2 .of-tot,:where(:root[data-ontwerp=v2]) .of-v2 .crm-th>.of-alles{display:none}@container offertelijst (width<=640px){:where(:root[data-ontwerp=v2]) .of-v2 .crm-th{align-items:center;gap:12px;min-height:40px;padding:0;display:flex!important}:where(:root[data-ontwerp=v2]) .of-v2 .crm-th>span:not(:first-child):not(.of-alles){display:none}:where(:root[data-ontwerp=v2]) .of-v2 .crm-th>.of-alles{font:600 12.5px/16px var(--font-body);letter-spacing:0;text-transform:none;color:var(--ink2);display:inline}:where(:root[data-ontwerp=v2]) .of-v2 .of-chips,:where(:root[data-ontwerp=v2]) .of-v2 .of-chips>.tb-balk.is-v2{flex-wrap:wrap}:where(:root[data-ontwerp=v2]) .of-v2 .of-chips>.tb-balk.is-v2 .tb-tabs{flex:100%}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr{box-sizing:border-box;grid-template-areas:"vink nummer bedrag""vink klant status";align-items:center;gap:4px 12px;min-height:56px;padding:12px 0;grid-template-columns:18px minmax(0,1fr) auto!important;display:grid!important}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>span:first-child{grid-area:vink}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-kol=nummer]{font:600 14.5px/20px var(--font-body);color:var(--ink);grid-area:nummer}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-kol=klant]{font:400 12.5px/16px var(--font-body);color:var(--ink3);grid-area:klant}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-kol=totaal]{font:700 14px/20px var(--font-body);color:var(--ink);text-align:right;grid-area:bedrag;padding-right:0}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-kol=status]{grid-area:status;justify-self:end;overflow:visible}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr:has(>[data-kol=geldig]) .of-tot{display:inline}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-kol=geldig]{display:none}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap:not([data-kol=nummer]):not([data-kol=klant]):not([data-kol=totaal]):not([data-kol=status]):not([data-kol=geldig]){font:400 12.5px/16px var(--font-body);color:var(--ink2);grid-column:2/-1}:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr>.crm-cellwrap[data-label]:not([data-kol=nummer]):not([data-kol=klant]):not([data-kol=totaal]):not([data-kol=status]):not([data-kol=geldig]):before{content:attr(data-label) ": ";color:var(--ink3)}}:where(:root[data-ontwerp=v2]) .tile-content>.crmtabel-tile>.of-v2 .of-chips{margin:-12px -16px 0;padding:12px 32px}@media (width>=761px){@container offertelijst (width>=641px){:where(:root[data-ontwerp=v2]) .tile-content>.crmtabel-tile>.of-v2>*{margin-left:-16px;margin-right:-16px}:where(:root[data-ontwerp=v2]) .tile-content>.crmtabel-tile>.of-v2 .of-chips{margin:-12px 0 0;padding:12px 16px}}}@container offertelijst (width>=641px){:where(:root[data-ontwerp=v2]) .of-v2 .crm-tr{min-height:53px}}:where(:root[data-ontwerp=v2]) .of-v2 .of-chips .sx-tab.sm .crm-tab-n{font-variant-numeric:tabular-nums}:where(:root[data-ontwerp=v2]) .of-v2 .of-chip-tel{display:none}@media (width<=760px){:where(:root[data-ontwerp=v2]) .of-v2 .of-chip-tel{display:inline}:where(:root[data-ontwerp=v2]) .of-v2 .of-chip-bureau{display:none}}