:root{--paper:#f1f3ef;--surface:#fff;--surface-2:#e9ece6;--ink:#161b18;--ink-soft:#4c554f;--ink-faint:#5d6660;--line:#d4d9d1;--line-soft:#e2e6de;--brand:#0e5450;--brand-soft:#dce9e6;--brand-stark:#0b423f;--signal:#7f5305;--signal-soft:#f3e7cc;--signal-stark:#6a4504;--good:#2f6b34;--danger:#b3261e;--on-brand:#fff;--shadow:0 1px 2px #161b180d, 0 8px 24px -12px #161b182e;--shadow-hoch:0 2px 4px #161b1812, 0 18px 36px -18px #161b184d;--serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Charter, "Bitstream Charter", Georgia, "Noto Serif", "Liberation Serif", serif;--sans:ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--fs-3xs:.625rem;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-lg:.9375rem;--fs-xl:1rem;--fs-2xl:1.125rem;--fs-3xl:1.3125rem;--fs-4xl:1.4375rem;--fs-5xl:1.875rem;--fs-6xl:2.375rem;--fs-7xl:2.625rem;--space-05:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:6rem;--radius-1:2px;--radius-2:3px;--radius-3:4px;--dur-1:.12s;--dur-2:.2s;--ease:cubic-bezier(.2, 0, .15, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101412;--surface:#191f1c;--surface-2:#222926;--ink:#e7ebe6;--ink-soft:#a7b0aa;--ink-faint:#8b948e;--line:#2c3430;--line-soft:#232a27;--brand:#55b5aa;--brand-soft:#1b2e2c;--brand-stark:#74c7bd;--signal:#d6a946;--signal-soft:#2e2716;--signal-stark:#e5bb5e;--good:#6fbf74;--danger:#f2b8b5;--on-brand:#0b1211;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-hoch:0 2px 4px #0006, 0 18px 36px -18px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#101412;--surface:#191f1c;--surface-2:#222926;--ink:#e7ebe6;--ink-soft:#a7b0aa;--ink-faint:#8b948e;--line:#2c3430;--line-soft:#232a27;--brand:#55b5aa;--brand-soft:#1b2e2c;--brand-stark:#74c7bd;--signal:#d6a946;--signal-soft:#2e2716;--signal-stark:#e5bb5e;--good:#6fbf74;--danger:#f2b8b5;--on-brand:#0b1211;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-hoch:0 2px 4px #0006, 0 18px 36px -18px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--fs-xl);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}a{color:var(--brand)}:where(button,input,select,a):focus-visible{outline:2px solid var(--brand);outline-offset:1px}@keyframes pwAuftauchen{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pwBalken{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.werkzeug:hover,.btn:active,.kachel:hover{transform:none}}.skipLink{z-index:100;background:var(--surface);color:var(--brand);border:2px solid var(--brand);border-radius:0 0 var(--radius-3) 0;padding:var(--space-2) var(--space-4);font-size:var(--fs-md);text-decoration:none;position:absolute;top:0;left:-9999px}.skipLink:focus{left:0}main:focus{outline:none}main{scroll-margin-top:72px}.wrap{max-width:1120px;padding:0 var(--space-5) var(--space-11);margin:0 auto}.masthead{align-items:baseline;gap:var(--space-2) var(--space-5);padding:var(--space-8) 0 var(--space-6);border-bottom:2px solid var(--ink);flex-wrap:wrap;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:clamp(1.875rem,4.4vw,2.75rem);font-weight:600;line-height:1}.wordmark span{color:var(--brand)}.wordmarkKlein{color:var(--ink-soft);margin-bottom:var(--space-2);font-size:clamp(1.25rem,2.6vw,1.625rem)}.wordmarkKlein span{color:var(--brand)}.startTitel{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 var(--space-3);max-width:20ch;font-size:clamp(1.75rem,4.6vw,2.875rem);font-weight:600;line-height:1.12}.tagline{color:var(--ink-soft);font-size:var(--fs-lg);max-width:46ch;margin:0}.startEinstieg{margin-top:var(--space-6)}@media (max-width:720px){.masthead{padding:var(--space-5) 0 var(--space-4)}.wordmarkKlein{margin-bottom:var(--space-2)}.startTitel{max-width:none}.startEinstieg{margin-top:var(--space-4)}.startEinstieg .sectionHead{margin-bottom:var(--space-3)}}.startrechner{gap:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface);padding:var(--space-6);box-shadow:var(--shadow);grid-template-columns:minmax(240px,1fr) minmax(260px,1.1fr);align-items:start;display:grid}@media (max-width:720px){.startrechner{gap:var(--space-3);padding:var(--space-4);grid-template-columns:1fr}.startrechnerEingabe{gap:var(--space-3);grid-template-columns:1fr auto;align-items:end}}.startrechnerEingabe{gap:var(--space-4);display:grid}.startrechnerErgebnis{border-left:2px solid var(--brand);padding-left:var(--space-5)}@media (max-width:720px){.startrechnerErgebnis{border-left:0;border-top:2px solid var(--brand);padding-left:0;padding-top:var(--space-4)}}.startrechnerZahl{font-family:var(--serif);color:var(--brand);letter-spacing:-.02em;animation:pwAuftauchen var(--dur-2) var(--ease) both;font-size:clamp(2.375rem,7vw,3.5rem);font-weight:600;line-height:1}.startrechnerUnit{font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-top:var(--space-2)}.startrechnerErgebnis .hint{margin:var(--space-2) 0 0}.startrechnerErgebnis .btn{margin-top:var(--space-4)}.stamp{font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);border:1px solid var(--line);border-radius:var(--radius-1);padding:var(--space-1) var(--space-2);white-space:nowrap;margin-left:auto}.section{margin-top:var(--space-9)}.sectionHead{align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--line);padding-bottom:var(--space-2);margin-bottom:var(--space-6);display:flex}.sectionHead h2{font-family:var(--serif);font-size:var(--fs-4xl);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600}.sectionHead .note{font-size:var(--fs-sm);color:var(--ink-faint);text-align:right;margin-left:auto}.grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;display:grid}@media (max-width:860px){.grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:var(--radius-3);padding:var(--space-6);box-shadow:var(--shadow)}.field{gap:var(--space-2);flex-direction:column;display:flex}.fieldStack{gap:var(--space-4);flex-direction:column;display:flex}.row2{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}label,.lbl{font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft)}.hint{font-size:var(--fs-sm);color:var(--ink-faint);line-height:1.45}input[type=number],input[type=text],select{font:inherit;font-variant-numeric:tabular-nums;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--dur-1) var(--ease), background var(--dur-1) var(--ease)}input[type=number]:hover,input[type=text]:hover,select:hover{border-color:var(--ink-faint)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:var(--brand);background:var(--surface)}.segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented button{font:inherit;font-size:var(--fs-md);cursor:pointer;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease)}.segmented button:hover{border-color:var(--brand);color:var(--ink);background:var(--surface)}.segmented button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand);font-weight:500}.segmented button[aria-pressed=true]:hover{background:var(--brand-stark);border-color:var(--brand-stark);color:var(--on-brand)}.segmented button[aria-pressed=true] .hint{color:var(--on-brand);opacity:.75}.readout{text-align:center;padding:var(--space-2) 0 var(--space-4);border-bottom:1px solid var(--line-soft)}.readout .big{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--brand);animation:pwAuftauchen var(--dur-2) var(--ease) both;font-size:clamp(3rem,9vw,4.75rem);font-weight:600;line-height:1}.readout .unit{font-family:var(--mono);font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:var(--space-2)}.ledger{margin-top:var(--space-4)}.ledgerRow{align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dotted var(--line);font-size:var(--fs-md);display:flex}.ledgerRow:last-child{border-bottom:0}.ledgerRow .k{color:var(--ink-soft)}.ledgerRow .dots{border-bottom:1px dotted var(--line);flex:1;transform:translateY(-3px)}.ledgerRow .v{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.callout{margin-top:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-2);background:var(--signal-soft);border-left:3px solid var(--signal);font-size:var(--fs-md);color:var(--ink)}.formula{margin-top:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-2);background:var(--surface-2);font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink-soft);white-space:nowrap;line-height:1.7;overflow-x:auto}.tablewrap{border:1px solid var(--line);border-radius:var(--radius-3);background:var(--surface);box-shadow:var(--shadow);background-image:linear-gradient(to right, var(--surface), #0000), linear-gradient(to left, var(--surface), #0000), linear-gradient(to right, #161b1824, #0000), linear-gradient(to left, #161b1824, #0000);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:28px 100%,28px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.tablewrap:focus-visible{outline:2px solid var(--brand);outline-offset:2px}table{border-collapse:collapse;width:100%;min-width:720px;font-size:var(--fs-md)}thead th:first-child,tbody td:first-child{z-index:1;background:var(--surface);border-right:1px solid var(--line-soft);position:sticky;left:0}thead th:first-child{z-index:2;background:var(--surface-2)}tbody tr td,tbody tr td:first-child{transition:background var(--dur-1) var(--ease)}tbody tr:hover td,tbody tr:hover td:first-child{background:var(--surface-2)}tbody tr.best td:first-child{background:var(--brand-soft)}tbody tr.current td:first-child{background:var(--signal-soft)}thead th{text-align:left;font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:var(--space-3);border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;font-weight:500}thead th.num,tbody td.num{text-align:right}tbody td{padding:var(--space-3);border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody td.num{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.lead{font-weight:600}.sub{font-size:var(--fs-xs);color:var(--ink-faint);font-family:var(--sans);display:block}.herkunft{align-items:center;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--fs-2xs);flex-wrap:wrap;display:flex!important}.herkunft a{color:var(--brand);text-underline-offset:2px;text-decoration:underline}.geprueft,.ungeprueft{font-family:var(--mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.08em;padding:1px var(--space-1);border-radius:var(--radius-1);border:1px solid}.geprueft{color:var(--good)}.ungeprueft{color:var(--signal)}tbody tr.best td{background:var(--brand-soft)}.pill{font-family:var(--mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-05) var(--space-1);border-radius:var(--radius-1);color:var(--good);margin-left:var(--space-2);vertical-align:1px;border:1px solid;display:inline-block}.keyfig{color:var(--signal);font-weight:600;font-size:var(--fs-lg)}.bar{border-radius:var(--radius-2);background:var(--signal);height:5px;margin-top:var(--space-1);min-width:2px;margin-left:auto}.del{cursor:pointer;color:var(--ink-faint);font:inherit;font-size:var(--fs-2xl);padding:var(--space-05) var(--space-2);border-radius:var(--radius-2);transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);background:0 0;border:0;line-height:1}.del:hover{color:var(--danger);background:var(--surface-2)}.addgrid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(112px,1fr));display:grid}.addgrid .wide{grid-column:span 2}@media (max-width:520px){.addgrid .wide{grid-column:span 1}}.btn{justify-content:center;align-items:center;gap:var(--space-2);font:inherit;font-size:var(--fs-lg);cursor:pointer;background:var(--brand);color:var(--on-brand);border:1px solid var(--brand);border-radius:var(--radius-2);padding:var(--space-3) var(--space-5);transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease), transform var(--dur-1) var(--ease);font-weight:500;line-height:1.3;text-decoration:none;display:inline-flex}.btn:hover{background:var(--brand-stark);border-color:var(--brand-stark)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--ink-soft);border-color:var(--line);background:0 0;font-weight:400}.btn.ghost:hover{background:var(--surface-2);border-color:var(--brand);color:var(--ink)}.partnerBtn{gap:var(--space-2);text-align:center;font-size:var(--fs-xl);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow);flex-wrap:wrap;font-weight:600}.partnerBtn:hover{box-shadow:var(--shadow-hoch)}.partnerBtn:after{--pfeil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");content:"";width:.75em;height:.75em;-webkit-mask:var(--pfeil) center / contain no-repeat;-webkit-mask:var(--pfeil) center / contain no-repeat;mask:var(--pfeil) center / contain no-repeat;transition:transform var(--dur-1) var(--ease);background:currentColor;flex:none}.partnerBtn:hover:after{transform:translate(2px)}.actions{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.errorMsg{color:var(--danger)}.method{margin-top:var(--space-9);border-top:2px solid var(--ink);padding-top:var(--space-5)}.method h3{font-family:var(--serif);font-size:var(--fs-2xl);margin:0 0 var(--space-2)}.method p{font-size:var(--fs-md);color:var(--ink-soft);max-width:68ch;margin:0 0 var(--space-2)}.method code{font-family:var(--mono);font-size:var(--fs-sm);background:var(--surface-2);padding:1px var(--space-1);border-radius:var(--radius-1)}.savings{gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-6);border:1px solid var(--signal);border-radius:var(--radius-3);background:var(--signal-soft);box-shadow:var(--shadow);border-left-width:4px;grid-template-columns:minmax(0,1fr) minmax(200px,260px);align-items:center;display:grid}@media (max-width:720px){.savings{grid-template-columns:1fr}}.savingsLead{margin:0 0 var(--space-2);font-size:var(--fs-md);color:var(--ink-soft)}.savingsBig{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--signal);animation:pwAuftauchen var(--dur-2) var(--ease) both;font-size:clamp(2.5rem,7vw,3.75rem);font-weight:600;line-height:1}.savingsUnit{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:var(--space-2)}.savingsSub{margin:var(--space-3) 0 0;font-size:var(--fs-md);max-width:62ch}.savingsWarn,.savingsGood{margin:var(--space-2) 0 0;font-size:var(--fs-sm);max-width:62ch;padding-left:var(--space-2);border-left:2px solid}.savingsWarn{color:var(--danger)}.savingsGood{color:var(--good)}.savingsAction{gap:var(--space-2);text-align:center;flex-direction:column;align-items:stretch;display:flex}.welpe{gap:var(--space-6);padding:var(--space-6);border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:var(--radius-3);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:center;display:grid}@media (max-width:720px){.welpe{grid-template-columns:1fr}}.welpeText h2{font-family:var(--serif);font-size:var(--fs-4xl);margin:0 0 var(--space-3);text-wrap:balance;font-weight:600}.welpeText p{margin:0 0 var(--space-3);font-size:var(--fs-lg);color:var(--ink-soft);max-width:66ch}.welpeFakt{text-align:center;padding:var(--space-4) var(--space-3);border-radius:var(--radius-3);background:var(--brand-soft)}.welpeFaktZahl{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-6xl);letter-spacing:-.03em;color:var(--brand);font-weight:600;line-height:1}.welpeFaktUnit{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:var(--space-2) 0 var(--space-2)}.partnerTextLink{align-items:center;gap:var(--space-2);color:var(--brand);display:inline-flex}.adBadge{font-family:var(--mono);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-05) var(--space-1);border-radius:var(--radius-1);border:1px solid;font-weight:400}.partnerPending{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px dashed var(--line);border-radius:var(--radius-2);color:var(--ink-faint);font-size:var(--fs-md);justify-content:center;display:inline-flex}.partnerPendingNote{font-family:var(--mono);font-size:var(--fs-3xs);text-transform:uppercase;letter-spacing:.08em}.markBtn{font:inherit;font-size:var(--fs-xs);cursor:pointer;background:var(--paper);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-2);padding:var(--space-1) var(--space-2);white-space:nowrap;transition:background var(--dur-1) var(--ease), color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease)}.markBtn:hover{border-color:var(--signal);color:var(--ink)}.markBtn[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--on-brand);font-weight:500}.markBtn[aria-pressed=true]:hover{background:var(--signal-stark);border-color:var(--signal-stark);color:var(--on-brand)}.pillCurrent{color:var(--signal)}tbody tr.current td{background:var(--signal-soft)}.wocheGrid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kachel{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--brand);border-radius:var(--radius-3);padding:var(--space-5);box-shadow:var(--shadow);transition:box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease)}.kachel:hover{box-shadow:var(--shadow-hoch);transform:translateY(-1px)}.kachelZahl{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-7xl);letter-spacing:-.03em;color:var(--brand);font-weight:600;line-height:1}.kachelUnit{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin:var(--space-2) 0 var(--space-2)}.kachel .hint{margin:0}.chartWrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-3);padding:var(--space-3);box-shadow:var(--shadow);background-image:linear-gradient(to right, var(--surface), #0000), linear-gradient(to left, var(--surface), #0000), linear-gradient(to right, #161b1824, #0000), linear-gradient(to left, #161b1824, #0000);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.chartWrap svg{width:100%;min-width:460px;height:auto;display:block}.chartGrid{stroke:var(--line-soft);stroke-width:1px}.chartLabel{fill:var(--ink-faint);font-family:var(--mono);font-size:var(--fs-3xs)}.kostenAufteilung{margin-top:var(--space-1)}.kostenBalken{border-radius:var(--radius-2);background:var(--surface-2);transform-origin:0;width:100%;height:34px;animation:pwBalken var(--dur-2) var(--ease) both;display:block;overflow:hidden}.kostenSeg1{fill:var(--brand);background:var(--brand)}.kostenSeg2{fill:color-mix(in srgb, var(--brand) 72%, var(--surface));background:color-mix(in srgb, var(--brand) 72%, var(--surface))}.kostenSeg3{fill:color-mix(in srgb, var(--brand) 50%, var(--surface));background:color-mix(in srgb, var(--brand) 50%, var(--surface))}.kostenSeg4{fill:color-mix(in srgb, var(--brand) 30%, var(--surface));background:color-mix(in srgb, var(--brand) 30%, var(--surface))}.kostenSeg5{fill:var(--signal);background:var(--signal)}.kostenLegende{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.kostenLegende li{align-items:baseline;gap:var(--space-2);font-size:var(--fs-md);grid-template-columns:10px 1fr auto auto;display:grid}.kostenPunkt{border-radius:var(--radius-1);align-self:center;width:10px;height:10px}.kostenName{color:var(--ink)}.kostenAnteil{font-family:var(--mono);font-size:var(--fs-xs);color:var(--ink-soft)}.kostenBetrag{font-family:var(--mono);font-size:var(--fs-sm);color:var(--ink);text-align:right;min-width:62px}.rangBlock{margin-bottom:var(--space-6)}.rangBlock .sectionHead{margin-bottom:var(--space-2)}.rangwechsel svg{min-width:620px}.rangKopf{font-size:var(--fs-2xs);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink-soft)}.rangName{fill:var(--ink);font-family:var(--sans);font-size:var(--fs-sm)}.rangWert{fill:var(--ink-soft);font-family:var(--mono);font-size:var(--fs-sm)}.rangLinie{stroke:var(--line);stroke-width:1.5px}.rangLinieStark{stroke:var(--signal);stroke-width:2.5px}.chartBand{fill:var(--brand);opacity:.16}.chartLine{stroke:var(--brand);stroke-width:1.5px;stroke-dasharray:4 3;opacity:.7}.chartMarkerLine{stroke:var(--signal);stroke-width:1px;stroke-dasharray:3 3;opacity:.6}.chartPunkt{fill:var(--signal);stroke:var(--surface);stroke-width:2px}.werkzeuge{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.werkzeug{gap:var(--space-2);padding:var(--space-6);background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--line);border-radius:var(--radius-3);box-shadow:var(--shadow);color:inherit;transition:border-color var(--dur-1) var(--ease), box-shadow var(--dur-2) var(--ease), transform var(--dur-2) var(--ease);flex-direction:column;text-decoration:none;display:flex}.werkzeug:hover{border-color:var(--brand);box-shadow:var(--shadow-hoch);transform:translateY(-2px)}.werkzeugKicker{font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--brand)}.werkzeugTitel{font-family:var(--serif);font-size:var(--fs-3xl);letter-spacing:-.01em;text-wrap:balance;color:var(--ink);margin:0;font-weight:600}.werkzeugFrage{font-size:var(--fs-lg);color:var(--ink-soft);margin:0;font-style:italic}.werkzeugText{font-size:var(--fs-md);color:var(--ink-soft);margin:0;line-height:1.55}.werkzeugFakt{align-items:baseline;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dotted var(--line);display:flex}.werkzeugFaktZahl{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--fs-5xl);letter-spacing:-.03em;color:var(--signal);font-weight:600;line-height:1}.werkzeugFaktLabel{font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint)}.werkzeugFaktText{font-size:var(--fs-sm);color:var(--ink-faint);margin:0;line-height:1.5}.werkzeugCta{padding-top:var(--space-3);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--brand);transition:transform var(--dur-1) var(--ease);margin-top:auto}.werkzeug:hover .werkzeugCta{transform:translate(2px)}.prinzipien{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.prinzip h3{font-family:var(--serif);font-size:var(--fs-2xl);margin:0 0 var(--space-2);text-wrap:balance;font-weight:600}.prinzip p{font-size:var(--fs-md);color:var(--ink-soft);margin:0;line-height:1.6}.lebenszeit{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-3);background:var(--surface-2);border-left:3px solid var(--brand)}.lebenszeitLabel{font-family:var(--mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.lebenszeitZahl{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);margin:var(--space-2) 0 var(--space-2);font-size:clamp(1.375rem,3.4vw,1.875rem);font-weight:600}.lebenszeit .hint{margin:0}.pflichtJa,.pflichtNein{align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-3);box-shadow:var(--shadow);animation:pwAuftauchen var(--dur-2) var(--ease) both;border:1px solid;flex-wrap:wrap;display:flex}.pflichtJa{background:var(--signal-soft);border-color:var(--signal)}.pflichtNein{background:var(--brand-soft);border-color:var(--brand)}.pflichtSiegel{font-family:var(--mono);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.14em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-2);white-space:nowrap;font-weight:600}.pflichtJa .pflichtSiegel{background:var(--signal);color:var(--on-brand)}.pflichtNein .pflichtSiegel{background:var(--brand);color:var(--on-brand)}.pflichtText{min-width:260px;font-size:var(--fs-lg);color:var(--ink);flex:1;margin:0;line-height:1.6}.legal{max-width:760px;padding-top:var(--space-9)}.legal h1{font-family:var(--serif);letter-spacing:-.015em;margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--ink);text-wrap:balance;font-size:clamp(1.75rem,4.5vw,2.375rem);font-weight:600;line-height:1.1}.legal h2{font-family:var(--serif);font-size:var(--fs-3xl);margin:var(--space-8) 0 var(--space-3);text-wrap:balance;font-weight:600}.legal h3{font-family:var(--sans);font-size:var(--fs-lg);margin:var(--space-6) 0 var(--space-2);font-weight:600}.legal p,.legal li{font-size:var(--fs-lg);color:var(--ink-soft);line-height:1.65}.legal p{margin:0 0 var(--space-3)}.legal ul{margin:0 0 var(--space-3);padding-left:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.legal b{color:var(--ink);font-weight:600}.legal address{font-style:normal;font-size:var(--fs-lg);color:var(--ink);padding:var(--space-3) var(--space-4);border-left:3px solid var(--line);background:var(--surface);border-radius:0 var(--radius-2) var(--radius-2) 0;margin-bottom:var(--space-3);line-height:1.7}.legal code{font-family:var(--mono);font-size:var(--fs-sm);background:var(--surface-2);padding:1px var(--space-1);border-radius:var(--radius-1)}.legalLead{padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-3);font-size:var(--fs-xl)!important;color:var(--ink)!important;margin-bottom:var(--space-2)!important}.legalWarn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-2);background:var(--signal-soft);border-left:3px solid var(--signal);color:var(--ink)!important}.legalNote{padding-left:var(--space-3);border-left:2px solid var(--line);font-size:var(--fs-sm)!important;color:var(--ink-faint)!important}.legalList{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--fs-lg);grid-template-columns:minmax(90px,auto) 1fr;display:grid}.legalList dt{font-family:var(--mono);font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);padding-top:var(--space-1)}.legalList dd{color:var(--ink);margin:0}.siteFooter{border-top:2px solid var(--ink);background:var(--surface);padding:var(--space-7) 0 var(--space-8);margin-top:var(--space-8)}.siteFooterInner{gap:var(--space-3);flex-direction:column;padding-bottom:0;display:flex}.footerNav{gap:var(--space-2) var(--space-6);font-size:var(--fs-md);flex-wrap:wrap;display:flex}.footerNav a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:var(--space-05);transition:color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);text-decoration:none}.footerNav a:hover{border-bottom-color:var(--brand);color:var(--brand)}.footerNote{font-size:var(--fs-sm);color:var(--ink-faint);max-width:70ch;margin:0;line-height:1.5}.footerMark{margin:var(--space-2) 0 0;font-family:var(--serif);font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--ink);font-weight:600}.footerMark span{color:var(--brand)}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:20;position:sticky;top:0}.topbarInner{align-items:center;gap:var(--space-5);padding-top:var(--space-2);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.topbarMark{font-family:var(--serif);font-size:var(--fs-2xl);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;text-decoration:none}.topbarMark span{color:var(--brand)}.topbar nav{gap:var(--space-05);scrollbar-width:none;flex-wrap:wrap;display:flex;overflow-x:auto}.topbar nav::-webkit-scrollbar{display:none}.topbarLink{font-size:var(--fs-md);color:var(--ink-soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-2);white-space:nowrap;transition:color var(--dur-1) var(--ease), background var(--dur-1) var(--ease);text-decoration:none}.topbarLink:hover{color:var(--ink);background:var(--surface-2)}.topbarLinkAktiv{color:var(--brand);background:var(--brand-soft);font-weight:600}.topbarLink:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.krume{font-size:var(--fs-sm);color:var(--ink-faint);margin:0 0 var(--space-2);gap:var(--space-1);flex-wrap:wrap;display:flex}.krume a{color:var(--ink-soft);transition:color var(--dur-1) var(--ease);text-decoration:none}.krume a:hover{color:var(--brand);text-decoration:underline}.krume span[aria-hidden]{color:var(--line)}.seitentitel{font-family:var(--serif);letter-spacing:-.015em;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:400;line-height:1.15}@media print{:root{--paper:#fff;--surface:#fff;--surface-2:#fff;--ink:#000;--ink-soft:#333;--ink-faint:#555;--line:#999;--line-soft:#ccc;--brand:#000;--brand-soft:#f0f0f0;--brand-stark:#000;--signal:#000;--signal-soft:#f0f0f0;--signal-stark:#000;--shadow:none;--shadow-hoch:none}body{background:#fff}*,:before,:after{transition:none!important;animation:none!important}.topbar,.siteFooter,.actions,.savingsAction,.partnerBtn,.adBadge,.del,.markBtn,.segmented,.addgrid form,.startEinstieg{display:none!important}.tablewrap,.chartWrap{border:1px solid var(--line);box-shadow:none;background-image:none!important;overflow:visible!important}table{font-size:10pt;min-width:0!important}.rangwechsel svg,.chartWrap svg{min-width:0!important}thead th:first-child,tbody td:first-child{position:static!important}tr,.panel,.kachel,.callout,.savings{break-inside:avoid}.panel,.kachel,.werkzeug,.welpe,.savings{box-shadow:none;border:1px solid var(--line)}.herkunft,.geprueft,.ungeprueft{color:#000}@page{margin:14mm}}
.kaufblock{border:1px solid var(--brand);background:var(--brand-soft);border-radius:4px;margin-top:18px;padding:16px 18px}.kaufkopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.kaufPreis{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink);font-size:30px;font-weight:600;line-height:1.1}.kaufPreisUnit{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px}.kaufMeta{color:var(--ink-faint);margin-top:3px;font-size:12px}.marker{border-top:1px solid var(--line);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 0;padding:12px 0 0;font-size:12px;list-style:none;display:flex}.marker li{align-items:center;gap:6px;display:flex}.kaufGebinde{border-top:1px solid var(--line);color:var(--ink);margin-top:12px;padding-top:12px;font-size:13px;line-height:1.5}.kaufGebinde .partnerTextLink,.kaufGebinde a{white-space:nowrap}.abschlussZahl{color:var(--ink);margin-bottom:4px;font-size:15px;line-height:1.5}.abschlussZahl b{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (max-width:560px){.kaufkopf{align-items:flex-start}.kaufkopf .btn{text-align:center;width:100%}}
.teilen{border-top:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:16px;display:flex}.teilen .hint{flex:240px;min-width:200px;margin:0}.btnZweit{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:14px;display:inline-flex}.btnZweit:hover{border-color:var(--brand);color:var(--brand)}.btnZweit:active{background:var(--surface-2)}.skipLink{z-index:100;background:var(--surface);color:var(--brand);border:2px solid var(--brand);border-radius:0 0 4px;padding:10px 16px;font-size:14px;text-decoration:none;position:absolute;top:0;left:-9999px}.skipLink:focus{left:0}main:focus{outline:none}main{scroll-margin-top:72px}