.formkaart{background:var(--wit);color:var(--tekst);border:1px solid var(--rand);border-radius:var(--radius-l);box-shadow:var(--schaduw-kaart);flex-direction:column;gap:22px;padding:32px;display:flex}.formkaart--donker{border:0;box-shadow:0 24px 50px #00000040}.formkaart form{flex-direction:column;gap:22px;margin:0;display:flex}.formkop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.formkop :is(h1,h2){color:var(--kop);margin:0;font-size:24px;font-weight:800;line-height:1.2}.formkop .stapnr{color:var(--tekst-grijs);white-space:nowrap;font-size:14px}:root:not(.js) .formkaart .stapnr{display:none}.voortgang{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.voortgang span{background:var(--uit);height:5px;transition:background-color var(--duur-in) ease;border-radius:3px}.voortgang span.aan{background:var(--groen)}.voortgang span.klikbaar{cursor:pointer;position:relative}.voortgang span.klikbaar:after{content:"";position:absolute;inset:-20px 0}@media (hover:hover) and (pointer:fine){.voortgang span.klikbaar:hover{background:var(--groen-hover)}.voortgang span.klikbaar:not(.aan):hover{background:var(--rand-keuze)}}:root:not(.js) .formkaart .voortgang,:root.js form[data-stepform]:not([data-js]) .stap:not([data-step="1"]){display:none}.stap{flex-direction:column;gap:18px;display:flex}.stap--smal{gap:14px}.stap:focus{outline:none}form[data-js] .stap:not([hidden]){animation:es-in-rechts var(--duur-in) var(--ease-out)}form[data-js][data-richting=terug] .stap:not([hidden]){animation-name:es-in-links}.stap[hidden]{display:none}.form-p{margin:0}.form-klein{color:var(--tekst-grijs);margin:0;font-size:14px}.form-mini{color:var(--tekst-grijs);margin:0;font-size:13px}.samenvatting{color:var(--tekst-grijs);margin:0;font-size:15px}.samenvatting strong{color:var(--kop)}.keuzegroep{border:0;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;display:flex}.keuzegroep[hidden]{display:none}.keuzegroep legend{color:var(--kop);float:left;width:100%;margin:0 0 10px;padding:0;font-weight:700}.keuzegroep legend+*{clear:both}.keuzes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.keuze{display:block;position:relative}.keuze input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.keuze span{border-radius:var(--radius-m);border:1px solid var(--rand-keuze);background:var(--wit);height:100%;min-height:48px;color:var(--kop);overflow-wrap:anywhere;hyphens:auto;transition:transform var(--duur-druk) var(--ease-out), border-color var(--duur-kleur) ease, background-color var(--duur-kleur) ease;align-items:center;padding:10px 14px;font-size:15px;font-weight:600;line-height:1.3;display:flex}.keuze:active span{transform:scale(.98)}.keuzes--groot .keuze span{min-height:52px;padding:12px 16px;font-size:16px}.keuze input:checked+span{border:2px solid var(--groen);background:var(--groen-zacht);padding:9px 13px;font-weight:700}.keuzes--groot .keuze input:checked+span{padding:11px 15px}.keuze input:focus-visible+span{outline:3px solid var(--groen);outline-offset:2px}.keuzegroep[aria-invalid=true] .keuze span{border-color:var(--fout)}.veld{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.veld input,.veld textarea,.veld select{border:1px solid var(--rand-veld);border-radius:var(--radius-m);min-height:48px;color:var(--tekst);background:var(--wit);width:100%;padding:0 14px;font-size:16px}.veld textarea{resize:vertical;min-height:110px;padding:12px 14px}.veld input:focus,.veld textarea:focus{border-color:var(--groen)}.veld [aria-invalid=true]{border-color:var(--fout)}.veld .hint{color:var(--tekst-grijs);font-weight:400}.rij-adres{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px;display:grid}.rij-twee{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vink{color:var(--tekst-zacht);cursor:pointer;align-items:flex-start;gap:10px;margin:-10px 0;padding:10px 0;font-size:14px;display:flex}.vink input{width:20px;height:20px;accent-color:var(--groen);flex:none;margin:2px 0 0}.fout{color:var(--fout);margin:0;font-size:14px;font-weight:600}.fout[hidden]{display:none}.fout-algemeen{border-radius:var(--radius-m);color:var(--fout);background:#fdecea;margin:0;padding:12px 14px;font-size:15px;font-weight:600}.fout-algemeen a{color:inherit}.knop-vol{border-radius:var(--radius-m);background:var(--groen);min-height:52px;color:var(--wit);cursor:pointer;width:100%;transition:transform var(--duur-druk) var(--ease-out), background-color var(--duur-in) ease, color var(--duur-in) ease;border:0;justify-content:center;align-items:center;gap:10px;padding:0 16px;font-size:17px;font-weight:700;display:inline-flex}.knop-vol:active{transform:scale(.97)}.knop-vol--groot{min-height:54px}.knop-vol[aria-disabled=true]{background:var(--uit);color:var(--tekst-grijs);cursor:not-allowed}.knop-vol[aria-busy=true]{opacity:.85;cursor:progress}.knop-vol[aria-busy=true]:active{transform:none}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:16px;height:16px;animation:.6s linear infinite es-draai}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s}}form[data-stepform]:not([data-js]) .alleen-js{display:none}.tekstknop{color:var(--groen);cursor:pointer;background:0 0;border:0;margin:-12px 0;padding:12px 6px;font-family:inherit;font-size:15px;text-decoration:underline}.tekstknop--los{align-self:flex-start;padding-left:0}.prijsblok{background:var(--licht);border-radius:var(--radius-m);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.prijsblok[hidden]{display:none}.prijsblok:not([hidden]){animation:es-in-omhoog var(--duur-in) var(--ease-out)}.prijsblok .label{font-weight:600}.prijsblok .bedrag{color:var(--kop);text-align:right;font-size:22px;font-weight:800}.prijsblok .btw{color:var(--tekst-grijs);font-size:14px;font-weight:500}.succes-kop{align-items:center;gap:12px;display:flex}.succes-kop p{color:var(--kop);margin:0;font-size:20px;font-weight:800}.succes-kop svg circle,.succes-kop svg path{stroke-dasharray:1;stroke-dashoffset:1px;animation:es-teken .3s var(--ease-out) forwards}.succes-kop svg path{animation-duration:.22s;animation-delay:.18s}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (width<=860px){.formkaart{padding:24px 20px}.rij-twee{grid-template-columns:minmax(0,1fr)}.keuzes--groot .keuze span{padding:10px 12px;font-size:15px}.keuzes--groot .keuze input:checked+span{padding:9px 11px}}@media (hover:hover) and (pointer:fine){.keuze:hover span{border-color:var(--groen)}.knop-vol:not([aria-disabled=true]):not([aria-busy=true]):hover{background:var(--groen-hover)}}