.rechner [hidden]{display:none!important}.ansprech{flex-direction:column;gap:4px;padding:20px 22px;display:flex}.rechner{flex-direction:column;gap:28px;padding:clamp(22px,3vw,36px);display:flex}.rechner .schritte{font-family:var(--display);color:var(--muted);gap:18px;margin:0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.rechner .schritte li{transition:color .2s var(--ease);align-items:center;gap:8px;display:flex}.rechner .schritte li .num{border:1px solid var(--line-strong);width:24px;height:24px;font-family:var(--mono);letter-spacing:0;transition:background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.rechner .schritte li[aria-current=step]{color:var(--navy-700)}.rechner .schritte li[aria-current=step] .num,.rechner .schritte li.fertig .num{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.rechner .schritte li.fertig{color:var(--text)}.rechner .feld{border:0;min-width:0;margin:0;padding:0}.rechner .feld legend{margin-bottom:12px;padding:0;font-size:15px;font-weight:600}.rechner .chips{flex-wrap:wrap;gap:8px;display:flex}.rechner .chip{font:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.rechner .chip input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.rechner .chip span{border:1px solid var(--line-strong);border-radius:var(--r-ctrl);cursor:pointer;min-height:44px;transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);background:#fff;align-items:center;padding:8px 14px;font-size:14.5px;font-weight:600;line-height:1.2;display:inline-flex}.rechner .chip input:checked+span{background:var(--navy-700);border-color:var(--navy-700);color:#fff}.rechner .chip input:focus-visible+span,.rechner .chip.plus:focus-visible span{outline:2px solid var(--accent);outline-offset:2px}.rechner .chip.plus:focus-visible{outline:none}.rechner .chip span:active{transform:scale(.97)}.rechner .chip.plus span{color:var(--navy-700);border-style:dashed}@media (hover:hover) and (pointer:fine){.rechner .chip input:not(:checked)+span:hover,.rechner .chip.plus span:hover{border-color:var(--navy-700)}}.rechner .zeilen{flex-direction:column;display:flex}.rechner .auswahl{gap:6px;max-width:560px;display:grid}.rechner .auswahl span{color:var(--muted);font-size:13px}.rechner .auswahl select{font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-ctrl);color:var(--text);background:#fff;min-height:44px;padding:11px 12px}.rechner .auswahl select:focus-visible{outline:2px solid var(--navy-700);outline-offset:0}.rechner .zname .hinweis{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.4;display:block}.rechner .zname .hinweis:empty{display:none}.rechner .chip.plus{order:99}.rechner .zeile.eigen{order:50}.rechner .zeile{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,1.3fr);align-items:end;gap:12px 20px;padding:16px 0;display:grid}.rechner .zeile:last-child{border-bottom:1px solid var(--line)}.rechner .zname{flex-wrap:wrap;align-self:center;align-items:baseline;gap:6px 10px;min-width:0;font-size:15px;display:flex}.rechner .zname strong{flex:auto}.rechner .zname input[data-name]{min-width:0;font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-ctrl);flex:140px;min-height:44px;padding:8px 10px;font-weight:600}.rechner .entfernen{border:1px solid var(--line-strong);border-radius:var(--r-ctrl);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:border-color .16s var(--ease), color .16s var(--ease), transform .16s var(--ease);background:#fff;font-size:20px;line-height:1}.rechner .entfernen:hover{border-color:var(--navy-700);color:var(--navy-700)}.rechner .entfernen:active{transform:scale(.95)}.rechner .zstunden,.rechner .zanteil,.rechner .annahmen label{color:var(--muted);flex-direction:column;gap:6px;min-width:0;font-size:13px;font-weight:500;display:flex}.rechner .zanteil>span{justify-content:space-between;gap:8px;display:flex}.rechner output{font-family:var(--mono);color:var(--navy-700);font-variant-numeric:tabular-nums;font-weight:500}.rechner .einheit{border:1px solid var(--line-strong);border-radius:var(--r-ctrl);min-height:48px;transition:border-color .16s var(--ease);background:#fff;align-items:center;padding-right:12px;display:flex}.rechner .einheit:focus-within{border-color:var(--navy-700);outline:2px solid var(--navy-700);outline-offset:0}.rechner .einheit input{width:100%;min-width:0;font:inherit;color:var(--text);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1 1 0;min-height:46px;padding:10px 12px;font-size:16px;font-weight:600}.rechner .einheit input:focus-visible{outline:none}.rechner .einheit em{color:var(--muted);white-space:nowrap;font-size:14px;font-style:normal}.rechner input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:44px;margin:0}.rechner input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--navy-700) var(--p), var(--line) var(--p));border-radius:3px;height:6px}.rechner input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.rechner input[type=range]::-moz-range-progress{background:var(--navy-700);border-radius:3px;height:6px}.rechner input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--navy-700);width:24px;height:24px;transition:transform .16s var(--ease);background:#fff;border-radius:50%;margin-top:-9px;box-shadow:0 1px 3px #0b1b2c33}.rechner input[type=range]::-moz-range-thumb{border:2px solid var(--navy-700);background:#fff;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 3px #0b1b2c33}.rechner input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}.rechner input[type=range]:focus-visible{outline:none}.rechner input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:3px}.rechner input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:3px}.rechner .annahmen small{font-size:12.5px;font-weight:400}.rechner .ergebnis{flex-direction:column;gap:18px;padding:clamp(20px,2.6vw,28px);display:flex}.rechner .ergebnis .kopf{flex-direction:column;gap:6px;display:flex}.rechner .ergebnis .summe{font-family:var(--display);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;transition:opacity .16s var(--ease);font-size:clamp(26px,2.8vw,34px);font-weight:700;line-height:1.05}.rechner .ergebnis .beispiel{color:var(--accent)}.rechner .ergebnis .btn{align-self:flex-start}.rechner .ergebnis .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.rechner .formular{border-top:1px solid var(--line);transition:opacity .2s var(--ease);flex-direction:column;gap:18px;padding-top:24px;display:flex}.rechner .formular[data-sendet]{opacity:.6;pointer-events:none}.rechner .formular label{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}.rechner .formular label .muted{font-weight:400}.rechner .formular input{font:inherit;border:1px solid var(--line-strong);border-radius:var(--r-ctrl);color:var(--text);background:#fff;min-height:48px;padding:12px 14px;font-weight:400}.rechner .formular input:focus-visible{outline:2px solid var(--navy-700);outline-offset:0;border-color:var(--navy-700)}.rechner .formular label.ungueltig input{border-color:#9a2f12}.rechner .feldfehler{color:#9a2f12;font-size:13px;font-weight:500}.rechner .feldfehler:empty{display:none}.rechner .zustimmung{align-items:flex-start;flex-direction:row!important;font-weight:400!important}.rechner .zustimmung input{width:18px;height:18px;min-height:0;accent-color:var(--navy-700);margin-top:3px}.rechner .falle{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.rechner .hinweis{border-radius:var(--r-ctrl);padding:12px 14px;font-size:15px}.rechner .hinweis.fehler{color:#9a2f12;background:#fbe9e4}.rechner .formular .btn{align-self:flex-start}.rechner .formular .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.rechner .erfolg{padding-top:4px}@media (width<=1024px){.rechner .zeile{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.rechner .zname{grid-column:1/-1}}@media (width<=760px){.rechner .schritte{gap:12px;font-size:13px}.rechner .ergebnis .btn,.rechner .formular .btn{align-self:stretch}}@media (width<=420px){.rechner .schritte li:not([aria-current]) .text{display:none}}