.rekentool{padding:72px 0 112px}.rekentool-binnen{grid-template-columns:1fr 1.25fr;align-items:center;gap:64px;display:grid}.rekentool-binnen>*{min-width:0}.rekentool-kaart{margin:24px 24px 24px 0}.rekentool-kaart:before{top:-24px;left:-24px}.rekentool-kaart:after{bottom:-24px;right:-24px}.rekentool-paneel{border-radius:var(--rond-groot);min-height:340px;box-shadow:var(--schaduw);background:#fff;overflow:hidden}.rekentool-voortgang{background:var(--groen-licht);height:6px}.rekentool-voortgang span{background:var(--groen-knop);height:100%;transition:width .5s var(--veer);border-radius:0 6px 6px 0;display:block}.rekentool-stap,.rekentool-uitkomst{animation:rekentool-in .5s var(--veer);padding:40px 44px 44px}@keyframes rekentool-in{0%{opacity:0;transform:translate(24px)}}.rekentool-teller{color:var(--groen-knop);letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.rekentool-stap label{margin-bottom:20px;font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.25;display:block}.rekentool-veld{background:var(--achtergrond);transition:border-color .2s, box-shadow .2s, transform .3s var(--veer);border:2px solid #dfe2ea;border-radius:16px;align-items:center;gap:8px;padding:0 20px;display:flex}.rekentool-veld:focus-within{border-color:var(--groen-knop);background:#fff;box-shadow:0 0 0 5px #6cb6912e}.rekentool-veld.fout{border-color:#d9534f;animation:.4s rekentool-schud}@keyframes rekentool-schud{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.rekentool-euro,.rekentool-eenheid{color:#6b6d85;font-size:22px;font-weight:700}.rekentool-veld input{width:100%;min-width:0;color:var(--tekst);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:18px 0;font-size:26px;font-weight:700}.rekentool-veld input::placeholder{color:#b8bbc9}.rekentool-hulp{color:#6b6d85;margin:10px 0 0;font-size:14px}.rekentool-hulp.fout{color:#c0392b}.rekentool-knoppen{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.rekentool-knoppen button{font:inherit;cursor:pointer;font-size:14px;font-weight:700}.rekentool-uitkomst.ja{--status:var(--groen-knop)}.rekentool-uitkomst.misschien{--status:#e9a23b}.rekentool-uitkomst.nee{--status:#d9534f}.rekentool-status{align-items:center;gap:16px;display:flex}.rekentool-status svg{color:var(--status);animation:rekentool-pop .6s var(--veer);flex-shrink:0}@keyframes rekentool-pop{0%{transform:scale(.3)}}.rekentool-status h3{margin:0;font-size:clamp(20px,2.4vw,24px);font-weight:800;line-height:1.25}.rekentool-meter{margin:24px 0}.rekentool-meter-balk{background:#eceef4;border-radius:12px;height:12px;overflow:hidden}.rekentool-meter-balk span{background:var(--status);height:100%;animation:rekentool-vul 1s var(--veer);transform-origin:0;border-radius:12px;display:block}@keyframes rekentool-vul{0%{transform:scaleX(0)}}.rekentool-meter p{color:#6b6d85;margin:8px 0 0;font-size:14px}.rekentool-bedragen{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.rekentool-bedragen div{background:var(--achtergrond);border-radius:16px;padding:16px 18px}.rekentool-bedragen dt{color:#6b6d85;font-size:13px}.rekentool-bedragen dd{margin:4px 0 0;font-size:22px;font-weight:800}.rekentool-disclaimer{color:#6b6d85;margin:20px 0 0;font-size:13px;line-height:1.6}@media (width<=900px){.rekentool{padding:48px 0 80px}.rekentool-binnen{grid-template-columns:1fr;gap:24px}.rekentool-kaart{margin:16px 12px}.rekentool-kaart:before{width:64px;height:64px;top:-16px;left:-12px}.rekentool-kaart:after{bottom:-16px;right:-12px}.rekentool-stap,.rekentool-uitkomst{padding:28px 22px 30px}.rekentool-bedragen{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rekentool-stap,.rekentool-uitkomst,.rekentool-status svg,.rekentool-meter-balk span,.rekentool-veld.fout{animation:none}}
