.rechner{container-type:inline-size;position:relative;background:var(--surface, #FFFDF8);color:var(--ink, #0B0B0D);border:1px solid var(--line-strong, rgba(11, 11, 13, .18));border-radius:var(--radius-card, 14px);padding:clamp(20px,3.6vw,36px)}.rechner__reiter{position:relative;display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--line-strong, rgba(11, 11, 13, .18));overflow-x:auto;scrollbar-width:none}.rechner__reiter::-webkit-scrollbar{display:none}.rechner__reiter[hidden]{display:none}@media(scripting:enabled){.rechner .rechner__reiter[hidden]{display:flex;visibility:hidden}}.rechner__tab{flex:none;min-height:48px;padding:0 14px;color:var(--ink-2);font-size:16px;font-weight:500;white-space:nowrap;transition:color .2s var(--ease-out)}.rechner__tab:hover,.rechner__tab[aria-selected=true]{color:var(--ink)}.rechner__tab[aria-selected=true]{font-weight:700}.rechner__tab:focus-visible{outline-offset:-4px}@container (max-width: 480px){.rechner__tab{flex:1 1 0;min-width:0;padding:8px 6px;white-space:normal;line-height:1.25;font-size:15px}}.rechner__strich{position:absolute;left:0;bottom:0;width:1px;height:2px;background:var(--copper-text, #885E46);transform-origin:0 50%;transform:translate(var(--x, 0px)) scaleX(var(--w, 0));transition:transform .4s var(--ease-expo);pointer-events:none}.rechner__reiter:not(.is-bereit) .rechner__strich{transition:none}.rechner__panel+.rechner__panel{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}@media(scripting:enabled){.rechner__panels{display:grid}.rechner__panel{grid-area:1 / 1;min-width:0;margin:0;padding:0;border:0}.rechner__panel+.rechner__panel{margin:0;padding:0;border:0}.rechner__panel:not(:first-child):not([role=tabpanel]){visibility:hidden}.rechner .rechner__panel[hidden]{display:block;visibility:hidden}}.rechner__panel.is-entering{animation:rechner-panel .45s var(--ease-out) both}@keyframes rechner-panel{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.rechner__panel:focus-visible{outline-offset:6px}.rechner__titel{font-family:var(--font-display);font-size:var(--fs-card, 1.75rem);font-weight:500;line-height:1.15;margin-bottom:6px}@media(scripting:enabled){.rechner__titel{display:none}}.rechner__frage{margin-bottom:14px;font-size:var(--fs-label, .6875rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;color:var(--ink-label)}.rechner__raster{display:grid;gap:24px}@container (min-width: 680px){.rechner__raster{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}}.rechner__nurjs{display:none}@media(scripting:enabled){.rechner__nurjs{display:grid}p.rechner__nurjs{display:block}}.rechner__felder{gap:18px}.rechner__feld label{display:block;margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.35}.rechner__eingabe{position:relative;display:flex;align-items:center;max-width:17rem}.rechner__eingabe input{width:100%;min-height:48px;padding:0 2.75rem 0 14px;margin:0;border:1px solid rgba(11,11,13,.55);border-radius:var(--radius-sm, 8px);background:var(--surface, #FFFDF8);color:var(--ink);font:500 1.125rem/1.2 var(--font-body);font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.rechner__eingabe input::-webkit-outer-spin-button,.rechner__eingabe input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rechner__eingabe input:hover{border-color:var(--ink)}.rechner__eingabe input[aria-invalid=true]{border-width:2px;border-color:var(--ink)}.rechner__einheit{position:absolute;right:14px;color:var(--ink-2);font-weight:500;pointer-events:none}.rechner__hilfe{margin-top:4px;font-size:13px;line-height:1.4;color:var(--ink-label)}.rechner__eingabe:has(input[aria-invalid=true])+.rechner__hilfe{color:var(--ink);font-weight:700}.rechner__ergebnis{padding:clamp(16px,2.6vw,24px);border-radius:12px;background:var(--copper-wash, rgba(201, 137, 99, .1))}.rechner__ergebnis .rechner__frage{margin-bottom:8px}.rechner__ausgabe>*{grid-area:1 / 1;min-width:0}.rechner__werte{display:grid;gap:10px}.rechner__leer{align-self:center;max-width:30ch;font-size:16px;line-height:1.45;color:var(--ink-2)}.rechner__panel:not(.is-gerechnet) .rechner__werte,.rechner__panel.is-gerechnet .rechner__leer{visibility:hidden}.rechner__wert{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.rechner__zahl{--rz-h: 1.15em;display:inline-flex;align-items:flex-start;height:var(--rz-h);line-height:var(--rz-h);font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;font-size:clamp(2.25rem,8cqi,3.5rem);white-space:pre;font-variant-numeric:tabular-nums}.rechner__wert--jahr .rechner__zahl{font-size:clamp(1.5rem,5cqi,2.25rem);font-weight:500}.rechner__per{font-size:15px;color:var(--ink-2)}.rz-spalte{display:inline-block;height:var(--rz-h);overflow:hidden;vertical-align:top}.rz-band{display:flex;flex-direction:column}.rz-band>span{display:block;height:var(--rz-h);line-height:var(--rz-h);text-align:center}.rechner__formel{margin-top:14px;font-family:var(--font-mono);font-size:13.5px;line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}@media(scripting:none){.rechner__formel{margin-top:0}}.rechner__zusage{margin-top:26px;max-width:70ch;font-size:15px;line-height:1.5;color:var(--ink-2)}.rechner__handlung{margin-top:18px}@media(prefers-reduced-motion:reduce){.rechner__strich{transition:none}.rechner__panel.is-entering{animation:none}}
