.intro{background:var(--sky);border-bottom:1px solid var(--line);padding:36px 0 30px}.intro-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:14px 64px;display:grid}.intro h1{max-width:24ch;margin-bottom:14px;font-size:clamp(28px,3vw,38px)}.intro .lead{color:var(--ink-2);max-width:60ch;margin:0;font-size:18px}.intro .lead strong{color:var(--ink);font-weight:600}.intro-points{gap:12px;margin:0;padding:4px 0 0;list-style:none;display:grid}.intro-points li{border-left:2px solid var(--amber);color:var(--ink-2);padding:1px 0 1px 14px;font-size:15.5px;line-height:1.45}.intro-points strong{color:var(--ink);font-weight:600}.intro-note{color:var(--ink-3);grid-column:1/-1;max-width:110ch;margin:10px 0 0;font-size:13.5px}.calc{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:48px;padding-top:40px;display:grid}.inputs h2,.results h2{margin-bottom:18px}.group{border:0;min-width:0;margin:0 0 26px;padding:0}.group legend{font-family:var(--font-display);color:var(--ink);border-bottom:1px solid var(--line);width:100%;margin:0;padding:0 0 10px;font-size:18px;font-weight:500}.field{padding:12px 0 2px}.field-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.field label{color:var(--ink);font-size:15.5px;font-weight:600}.help-btn{border:1px solid var(--line-strong);background:var(--surface);width:22px;height:22px;color:var(--ink-3);font:600 13px/1 var(--font-body);cursor:pointer;border-radius:50%;flex:none;padding:0}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--ink-3);color:var(--ink);background:var(--sky)}.help{color:var(--ink-2);background:var(--sky);border-radius:var(--radius);margin:8px 0 4px;padding:10px 12px;font-size:14.5px}.num{align-items:center;display:flex;position:relative}.num input{width:100%;height:44px;font:400 17px var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);padding:0 92px 0 12px;transition:border-color .12s,box-shadow .12s}.num input:hover{border-color:var(--ink-3)}.num input:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px #2a62c92e}.num input[aria-invalid=true]{border-color:var(--red)}.num .unit{pointer-events:none;color:var(--ink-3);white-space:nowrap;font-size:14px;position:absolute;right:12px}.field-msg{color:var(--red);margin:6px 0 0;font-size:14px}.field-note{color:var(--ink-2);border-left:2px solid var(--amber);margin:6px 0 0;padding-left:10px;font-size:14px}.slider{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;height:44px;display:grid}.slider input[type=range]{width:100%;accent-color:var(--ink);margin:0}.slider-out{font-variant-numeric:tabular-nums;color:var(--ink);text-align:right;white-space:nowrap;min-width:8.5em;font-size:15.5px}.inputs details.explain{margin-top:10px}.results{min-width:0}.chart-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin-bottom:22px;padding:20px 22px 6px}.chart-card h3{margin-bottom:6px}.table-view table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:560px;font-size:14px}.table-view th,.table-view td{text-align:right;border-bottom:1px solid #edf1f6;padding:4px 10px 4px 0}.table-view th:first-child,.table-view td:first-child{text-align:left}.table-view th{color:var(--ink-3);font-weight:600}.table-scroll-y{max-height:320px;overflow:auto}.note-kaufkraft{border-bottom:1px solid var(--line);margin:4px 0 26px}.calc-error{color:var(--red);border-radius:var(--radius);background:#fbecea;border:1px solid #efc4bd;margin-bottom:20px;padding:14px 16px}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.action-block{border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px 20px}.action-block h3{margin-bottom:6px}.action-block p{margin-bottom:14px}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.toast{color:var(--green);font-size:14.5px;margin:12px 0 0!important}.toast.is-error{color:var(--red)}.compare{margin-top:40px}.table-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:900px;font-size:15px}.compare-table th,.compare-table td{border-bottom:1px solid var(--line);text-align:right;padding:8px 12px}.compare-table th:first-child,.compare-table td:first-child{text-align:left}.compare-table thead th{color:var(--ink-3);border-bottom:1px solid var(--line-strong);font-weight:600}.compare-table tr.is-diff>*{background:var(--diff)}@media (width<=960px){.calc{grid-template-columns:minmax(0,1fr);gap:28px}.intro-grid,.actions{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.intro{padding:30px 0 26px}.intro .lead{font-size:17px}.chart-card{padding:16px 14px 4px}}@media print{.site-header nav,.actions,.inputs details,.help-btn{display:none!important}}
