.zahl{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:0}.rechner-eingaben{flex-direction:column;grid-column:1/3;gap:22px;display:flex}.rechner-ergebnis{flex-direction:column;grid-column:3/5;gap:18px;display:flex}.regler{flex-direction:column;display:flex}.regler-kopf{font-size:var(--fs-body);justify-content:space-between;align-items:baseline;gap:16px;line-height:1.3;display:flex}.regler-wert{font-size:var(--fs-small);white-space:nowrap}.regler input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0;display:block}.regler input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--c-nacht) calc(12px + var(--anteil) * (100% - 24px)), var(--control-border) calc(12px + var(--anteil) * (100% - 24px)));height:4px}.regler input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--c-nacht);border:0;border-radius:0;width:24px;height:24px;margin-top:-10px}.regler input[type=range]::-moz-range-track{background:var(--control-border);height:4px}.regler input[type=range]::-moz-range-progress{background:var(--c-nacht);height:4px}.regler input[type=range]::-moz-range-thumb{background:var(--c-nacht);border:0;border-radius:0;width:24px;height:24px}.segmente{border:0;min-width:0;margin:0;padding:0}.segmente legend{font-size:var(--fs-body);margin-bottom:8px;padding:0}.segmente-reihe{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.segment{min-width:0;display:flex;position:relative}.segment input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segment span{border:1px solid var(--control-border);min-height:48px;font-size:var(--fs-small);flex:1;justify-content:center;align-items:center;margin-left:-1px;display:flex}.segment:first-child span{margin-left:0}.segment input:checked+span{z-index:1;background:var(--c-nacht);border-color:var(--c-nacht);color:var(--c-licht);position:relative}.segment input:focus-visible+span{z-index:2;outline:2px solid var(--c-signal);outline-offset:3px;position:relative}@media (hover:hover){.segment:hover span{border-color:var(--c-nacht)}}.rechner-zins{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:14px;display:flex}.rechner-rate{padding:var(--pad);background:var(--c-nacht);color:var(--c-licht);flex-direction:column;gap:10px;display:flex}.rechner-rate .mono{color:var(--licht-dim-nacht)}.rechner-rate-zahl{font-size:var(--fs-tel);letter-spacing:-.02em;white-space:nowrap;line-height:1}.rechner-liste>div{border-bottom:1px solid var(--line);font-size:var(--fs-small);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;line-height:1.3;display:flex}.rechner-liste dd{text-align:right}.rechner-hinweis{color:var(--dim)}.rechner-kurve-kopf{flex-direction:column;grid-column:1;gap:14px;display:flex}.rechner-kurve{grid-column:2/5}.kurve{height:clamp(240px,24cqw,340px);margin:48px 0 40px;position:relative}.kurve-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kurve-svg path,.kurve-svg line{fill:none;vector-effect:non-scaling-stroke}.kurve-tilgung{stroke:var(--c-nacht);stroke-width:1.5px}.kurve-zins{stroke:var(--c-signal);stroke-width:1.5px}.kurve-kante{stroke:var(--c-nacht);stroke-width:1px}.kurve-null,.kurve-lot{stroke:var(--control-border);stroke-width:1px}.kurve-lot{stroke-dasharray:3 3}.kurve-labels{font-family:var(--f-mono);font-size:var(--fs-mono);line-height:1.3;position:absolute;inset:0}.kurve-labels>*{white-space:nowrap;position:absolute}.kurve-tick{color:var(--dim);top:calc(100% + 8px);transform:translate(-50%)}.kurve-tick-erst{transform:none}.kurve-tick-letzt{transform:translate(-100%)}.kurve-end{background:var(--c-licht);padding:0 4px;transform:translateY(calc(-100% - 6px))}.kurve-end-tilgung{transform:translate(-100%,calc(-100% - 6px))}.kurve-end-zins{color:var(--c-signal)}.kurve-marke{background:var(--c-nacht);width:7px;height:7px;transform:translate(-50%,-50%)}.kurve-wende,.kurve-kante-label{background:var(--c-licht);flex-direction:column;align-items:center;padding:2px 6px;display:flex}.kurve-wende{transform:translate(-50%,calc(-100% - 10px))}.kurve-kante-label{bottom:calc(100% + 4px);transform:translate(-50%)}.rechner-annahmen li{border-top:1px solid var(--line);padding:10px 0}.rechner-annahmen li:last-child{border-bottom:1px solid var(--line)}.rechner-aktionen{margin-top:28px}.rechner-aktionen button{cursor:pointer}@media (max-width:899.98px){.rechner-ergebnis{padding-top:0}.rechner-kurve-kopf{padding-bottom:0}.kurve{height:220px;margin:52px 0 36px}.kurve-wende{transform:translate(-50%,12px)}}@media print{.regler input[type=range],.segmente,.rechner-aktionen{display:none}.rechner-rate{color:var(--c-nacht);border:1px solid var(--c-nacht);background:0 0}}