html.dd-motion main .dd-tool :is(h2,h3){visibility:visible}.dd-tool{background-color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);scroll-margin-top:5.5rem}.dd-tool__body{padding:1.5rem 1.25rem 1.75rem}@media (min-width:640px){.dd-tool__body{padding:2.5rem 2.5rem 2.75rem}}@media (min-width:1024px){.dd-tool__body{padding:3rem 3.5rem 3.25rem}}.dd-route{justify-content:space-between;align-items:center;height:1rem;display:flex;position:relative}.dd-route__track,.dd-route__fill{inset-inline:.3125rem;border-radius:999px;height:2px;margin-top:-1px;position:absolute;top:50%}.dd-route__track{background-color:var(--color-line)}.dd-route__fill{background-color:var(--color-accent-line);transform-origin:0;transition:transform .24s var(--ease-out)}.dd-route__stop{background-color:var(--color-bg);border:2px solid var(--color-line-strong);width:.625rem;height:.625rem;transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:999px;position:relative}.dd-route__stop[data-state=done]{background-color:var(--color-accent-line);border-color:var(--color-accent-line)}.dd-route__stop[data-state=current]{border-color:var(--color-accent-line);box-shadow:0 0 0 4px var(--color-accent-soft);transform:scale(1.3)}.dd-tool-step{animation:dd-tool-step-in .22s var(--ease-out) both}.dd-tool-step[data-dir=back]{animation-name:dd-tool-step-back}@keyframes dd-tool-step-in{0%{opacity:0;transform:translate(16px)}}@keyframes dd-tool-step-back{0%{opacity:0;transform:translate(-16px)}}.dd-tool-question{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:600;line-height:1.2}.dd-tool-question:focus{outline:none}.dd-option{border:1px solid var(--color-line-strong);border-radius:var(--radius-card);background-color:var(--color-bg);min-height:3.5rem;color:var(--color-ink-body);cursor:pointer;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out), transform .12s var(--ease-out);align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex;position:relative}.dd-option:active{transform:scale(.985)}.dd-option__input{opacity:0;pointer-events:none;position:absolute}.dd-option__marker{border:1.5px solid var(--color-line-control);width:1.25rem;height:1.25rem;transition:border-color .15s var(--ease-out);border-radius:999px;flex:none;place-items:center;margin-top:.125rem;display:grid}.dd-option__marker:after{content:"";background-color:var(--color-accent);opacity:0;width:.625rem;height:.625rem;transition:opacity .15s var(--ease-out), transform .18s var(--ease-out);border-radius:999px;transform:scale(.6)}.dd-option__level{font-size:var(--text-meta);color:var(--color-ink-muted);margin-top:.125rem;display:block}.dd-option:has(.dd-option__input:checked){border-color:var(--color-accent-line);background-color:var(--color-accent-soft);color:var(--color-ink)}.dd-option:has(.dd-option__input:checked) .dd-option__marker{border-color:var(--color-accent)}.dd-option:has(.dd-option__input:checked) .dd-option__marker:after{opacity:1;transform:scale(1)}.dd-option:has(.dd-option__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}@media (hover:hover) and (pointer:fine){.dd-option:hover{border-color:var(--color-ink-subtle)}}.dd-range{--dd-range-fill:0%;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem}.dd-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-accent-line) var(--dd-range-fill), var(--color-line) var(--dd-range-fill));border-radius:999px;height:6px}.dd-range::-moz-range-track{background-color:var(--color-line);border-radius:999px;height:6px}.dd-range::-moz-range-progress{background-color:var(--color-accent-line);border-radius:999px;height:6px}.dd-range::-webkit-slider-thumb{appearance:none;background-color:var(--color-bg);border:2px solid var(--color-accent);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-card);transition:transform .12s var(--ease-out);border-radius:999px;margin-top:-9px}.dd-range::-moz-range-thumb{background-color:var(--color-bg);border:2px solid var(--color-accent);width:1.25rem;height:1.25rem;box-shadow:var(--shadow-card);border-radius:999px}.dd-range:active::-webkit-slider-thumb{transform:scale(1.12)}.dd-range:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:8px}.dd-tool-value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(2.75rem,2rem + 2.4vw,4rem);font-weight:600;line-height:1}.dd-tool-result{animation:dd-tool-result-in .32s var(--ease-out) both}@keyframes dd-tool-result-in{0%{opacity:0;transform:translateY(8px)}}.dd-tool-number{font-family:var(--font-display);letter-spacing:-.04em;color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:clamp(3rem,2rem + 4vw,5.5rem);font-weight:600;line-height:.95}.dd-stufe-leiste{gap:.375rem;display:flex}.dd-stufe-leiste__halt{background-color:var(--color-line);border-radius:999px;flex:1 1 0;height:.375rem}.dd-stufe-leiste__halt[data-active=true]{background-color:var(--color-accent-line)}.dd-bar{background-color:var(--color-bg-sunken);border-radius:999px;height:.5rem;overflow:hidden}.dd-bar__fill{border-radius:inherit;background-color:var(--color-accent-line);transform-origin:0;height:100%;transition:transform .7s var(--ease-out)}@starting-style{.dd-bar__fill{transform:scaleX(0)}}.dd-bar__fill[data-level="0"]{background-color:var(--color-line-strong)}.dd-pdf-button[data-loading=true] .dd-button__content{filter:blur(1px);opacity:.6}@media (prefers-reduced-motion:reduce){.dd-tool-step,.dd-tool-step[data-dir=back],.dd-tool-result{animation-name:dd-tool-fade}.dd-route__fill,.dd-route__stop,.dd-bar__fill,.dd-option{transition-property:opacity,background-color,border-color}.dd-route__stop[data-state=current]{transform:none}@starting-style{.dd-bar__fill{transform:none}}}@keyframes dd-tool-fade{0%{opacity:0}}.dd-toolcard,.dd-material{transition:transform .24s var(--ease-out), box-shadow .24s var(--ease-out), border-color .24s var(--ease-out)}.dd-toolcard:active{transform:scale(.99)}.dd-toolcard__media>*,.dd-material__media>*{transition:transform .6s var(--ease-out)}.dd-toolcard:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.dd-toolcard__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.dd-toolcard__link:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.dd-toolcard:hover .dd-toolcard__cta-icon{transform:translate(2px)}.dd-toolcard[data-variante=gross]:hover,.dd-material[data-variante=vorschau]:hover{border-color:var(--color-line-strong);box-shadow:var(--shadow-card);transform:translateY(-4px)}.dd-toolcard[data-variante=gross]:active{transform:translateY(-4px)scale(.99)}.dd-toolcard[data-variante=gross]:hover .dd-toolcard__media>*,.dd-material[data-variante=vorschau]:hover .dd-material__media>*{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){.dd-toolcard,.dd-material,.dd-toolcard__media>*,.dd-material__media>*{transition-property:box-shadow,border-color}.dd-toolcard[data-variante=gross]:hover,.dd-material[data-variante=vorschau]:hover,.dd-toolcard[data-variante=gross]:active,.dd-toolcard:active,.dd-toolcard[data-variante=gross]:hover .dd-toolcard__media>*,.dd-material[data-variante=vorschau]:hover .dd-material__media>*{transform:none}}.dd-toolcard__cta-icon{transition:transform .15s var(--ease-out)}
