@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk-var.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-background:#fff;--color-surface:#eef7f3;--color-surface-cool:#f4f7fb;--color-surface-amber:#fdf4e5;--color-text:#091135;--color-muted:#36394a;--color-border:#e1e9f0;--color-border-strong:#b1bbcd;--color-dominant:#0b6b57;--color-dominant-dark:#084d3f;--color-accent:#e07b0a;--color-on-dark:#fff;--font-sans:"Hanken Grotesk", sans-serif;--weight-body:450;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-caption:15px;--leading-caption:1.45;--tracking-caption:.004em;--text-small:16px;--leading-small:1.5;--tracking-small:.004em;--text-body:18px;--leading-body:1.6;--tracking-body:.006em;--text-lead:20px;--leading-lead:1.55;--tracking-lead:.008em;--text-h3:24px;--leading-h3:1.3;--text-h2:32px;--leading-h2:1.25;--text-h1:40px;--leading-h1:1.2;--tracking-heading:.012em;--text-figure:28px;--space-4:4px;--space-8:8px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-44:44px;--space-48:48px;--space-64:64px;--space-80:80px;--space-128:128px;--page-max:1200px;--page-gutter:24px;--section-gap:64px;--card-padding:24px;--radius-tag:9999px;--radius-card:12px;--radius-input:8px;--radius-button:8px;--focus-ring:0 0 0 1px var(--color-accent), 0 0 0 4px #e07b0a59}@media (width<=767px){:root{--text-lead:19px;--text-h3:21px;--text-h2:26px;--text-h1:28px;--text-figure:24px;--page-gutter:16px;--section-gap:40px;--card-padding:20px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);flex-direction:column;min-height:100vh;margin:0;display:flex}img,svg{max-width:100%;height:auto}a{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-border-strong);text-underline-offset:3px}a:hover{text-decoration-color:var(--color-dominant)}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-input);outline:none}.sprungmarke{position:absolute;left:-9999px}.sprungmarke:focus{left:var(--space-16);top:var(--space-8);z-index:10;padding:var(--space-8) var(--space-16);background:var(--color-background)}.tank-wrap{width:100%;max-width:var(--page-max);padding-left:var(--page-gutter);padding-right:var(--page-gutter);margin:0 auto}.fahrtleiste{background:var(--color-background);border-bottom:1px solid var(--color-border)}.fahrtleiste-innen{justify-content:space-between;align-items:center;gap:var(--space-16);padding-top:var(--space-16);padding-bottom:var(--space-16);display:flex;position:relative}.fahrtleiste-marke{align-items:center;gap:var(--space-8);font-size:var(--text-lead);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);text-decoration:none;display:inline-flex}.fahrtleiste-marke img{border-radius:var(--radius-input);display:block}.nav-toggle>summary{border:1px solid var(--color-border);border-radius:var(--radius-input);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;list-style:none;display:flex}.nav-toggle>summary::-webkit-details-marker{display:none}.nav-toggle>summary::marker{content:""}.nav-toggle>summary svg{display:block}.nav-toggle[open]>summary{background:var(--color-surface);border-color:var(--color-dominant)}.fahrtleiste-links{padding:var(--space-8) var(--page-gutter) var(--space-16);z-index:5;background:var(--color-background);border-bottom:1px solid var(--color-border);margin:0;list-style:none;position:absolute;top:100%;left:0;right:0}.fahrtleiste-links a{padding:var(--space-8) 0;font-size:var(--text-body);font-weight:var(--weight-medium);border-bottom:1px solid var(--color-border);text-decoration:none;display:block}.fahrtleiste-links li:last-child a{border-bottom:0}.fahrtleiste-links a[aria-current=page]{box-shadow:inset 3px 0 0 var(--color-accent);padding-left:var(--space-16)}@media (width>=768px){.nav-toggle>summary{display:none}.nav-toggle::details-content{content-visibility:visible;display:block}.fahrtleiste-links{justify-content:flex-end;gap:var(--space-4);background:0 0;border:0;flex-wrap:wrap;padding:0;display:flex;position:static}.fahrtleiste-links a{padding:var(--space-8) var(--space-16);font-size:var(--text-small);border-radius:var(--radius-input);border:0}.fahrtleiste-links a:hover{background:var(--color-surface)}.fahrtleiste-links a[aria-current=page]{box-shadow:inset 0 -3px 0 var(--color-accent);padding-left:var(--space-16);border-radius:0}}.tankstopp{margin-top:var(--space-80);background:var(--color-text);color:var(--color-on-dark)}.tankstopp a{color:var(--color-on-dark);text-decoration-color:#0000}.tankstopp a:hover{text-decoration-color:var(--color-accent)}.tankstopp-spalten{gap:var(--space-32);padding-top:var(--space-48);padding-bottom:var(--space-48);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.tankstopp-titel{margin:0 0 var(--space-16);font-size:var(--text-small);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-border-strong)}.tankstopp-liste{gap:var(--space-8);font-size:var(--text-small);margin:0;padding:0;list-style:none;display:grid}.kilometerstand{padding-top:var(--space-20);padding-bottom:var(--space-20);font-size:var(--text-small);color:var(--color-border-strong);border-top:1px solid #b1bbcd4d}.kilometerstand p{margin:0}.strecke{padding-top:var(--space-48);flex:1}.strecke h1,.strecke h2,.strecke h3{font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading);text-wrap:balance;margin:0}.strecke h1{font-size:var(--text-h1);line-height:var(--leading-h1);font-weight:var(--weight-bold)}.strecke h2{font-size:var(--text-h2);line-height:var(--leading-h2)}.strecke h3{font-size:var(--text-h3);line-height:var(--leading-h3)}:where(.strecke p,.strecke ul,.strecke ol){margin:0}.abschnitt{margin-top:var(--section-gap)}.abschnitt>*+*{margin-top:var(--space-20)}.abschnitt>h2+*,.abschnitt>h3+*{margin-top:var(--space-16)}.abschnitt>*+h3{margin-top:var(--space-32)}.einstieg{margin-top:var(--space-16);font-size:var(--text-lead);line-height:var(--leading-lead);letter-spacing:var(--tracking-lead)}.strecke h1+.rechner,.einstieg+.rechner{margin-top:var(--space-32)}.klein{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-muted)}.strecke ul:not([class]),.strecke ol:not([class]){padding-left:var(--space-24)}.strecke ul:not([class]) li,.strecke ol:not([class]) li{padding-left:var(--space-4)}.strecke ul:not([class]) li+li,.strecke ol:not([class]) li+li{margin-top:var(--space-8)}.strecke ul:not([class]) li::marker{color:var(--color-dominant)}.strecke ol:not([class]) li::marker{color:var(--color-dominant);font-weight:var(--weight-bold)}.schrittliste{counter-reset:schritt;gap:var(--space-16);padding:0;list-style:none;display:grid}.schrittliste li{counter-increment:schritt;padding-left:var(--space-48);margin:0;position:relative}.schrittliste li:before{content:counter(schritt);border:1px solid var(--color-border-strong);border-radius:var(--radius-tag);background:var(--color-background);width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-small);box-shadow:inset 0 -3px 0 var(--color-accent);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.hakenliste{gap:var(--space-8);padding:0;list-style:none;display:grid}.hakenliste li{padding-left:var(--space-32);margin:0;position:relative}.hakenliste li:before{content:"";left:var(--space-4);border-left:3px solid var(--color-dominant);border-bottom:3px solid var(--color-dominant);width:12px;height:7px;position:absolute;top:.45em;transform:rotate(-45deg)}.tabellen-rolle{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background);-webkit-overflow-scrolling:touch;overflow-x:auto}.tabellen-rolle:focus-visible{border-radius:var(--radius-card)}.preistabelle{border-collapse:collapse;width:100%;min-width:34rem;font-size:var(--text-small);line-height:var(--leading-small);letter-spacing:var(--tracking-small)}.preistabelle caption{caption-side:bottom;padding:var(--space-16);text-align:left;font-size:var(--text-caption);color:var(--color-muted)}.preistabelle th,.preistabelle td{padding:var(--space-16);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border)}.preistabelle thead th{background:var(--color-surface-cool);font-weight:var(--weight-bold);border-bottom:2px solid var(--color-border-strong);white-space:nowrap}.preistabelle tbody th{font-weight:var(--weight-semibold)}.preistabelle tbody tr:last-child th,.preistabelle tbody tr:last-child td{border-bottom:0}.preistabelle tbody tr:nth-child(2n){background:var(--color-surface-cool)}.preistabelle .zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.preistabelle tbody tr.treffer{background:var(--color-surface-amber)}.preistabelle .treffer th,.preistabelle .treffer td{font-weight:var(--weight-semibold)}.preistabelle--gruen thead th{background:var(--color-surface);border-bottom-color:var(--color-dominant)}.preistabelle--gruen tbody tr:nth-child(2n){background:var(--color-background)}.preistabelle--gruen tbody tr:nth-child(odd){background:#eef7f373}.preistabelle--bernstein thead th{background:var(--color-surface-amber);border-bottom-color:var(--color-accent)}.preistabelle--bernstein tbody tr:nth-child(2n){background:var(--color-background)}.preistabelle--bernstein tbody tr:nth-child(odd){background:#fdf4e566}.preistabelle--bernstein tbody tr.treffer{background:var(--color-surface)}.formelkasten{padding:var(--space-16) var(--space-24);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-dominant);border-radius:var(--radius-input);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.formelkasten p+p{margin-top:var(--space-8)}.hinweis{padding:var(--space-16) var(--space-24);background:var(--color-surface-amber);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-input)}.hinweis p+p{margin-top:var(--space-8)}.beispiel{padding:var(--space-16) var(--space-24);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-card)}.beispiel p+p{margin-top:var(--space-8)}.etikett{padding:var(--space-4) var(--space-16);background:var(--color-surface);border-radius:var(--radius-tag);font-size:var(--text-caption);font-weight:var(--weight-medium);display:inline-block}.karten-raster{gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none;display:grid}.karten-raster>*+*{margin-top:0}.zapf-karte{padding:var(--card-padding);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-card)}.zapf-karte>*+*{margin-top:var(--space-8)}.zapf-karte h3{font-size:var(--text-lead)}.merkmal-reihe{gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0;list-style:none;display:grid}.merkmal{gap:var(--space-8) var(--space-16);padding:var(--card-padding);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background);grid-template-columns:40px 1fr;align-content:start;align-items:start;display:grid}.merkmal>:nth-child(n+3){grid-column:2}.merkmal-zahl{border:1px solid var(--color-border);border-radius:var(--radius-tag);width:40px;height:40px;font-weight:var(--weight-semibold);box-shadow:inset 0 -3px 0 var(--color-accent);grid-row:span 2;justify-content:center;align-items:center;display:flex}.spalten{gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.spalten>*+*{margin-top:0}.fragen{gap:var(--space-8);display:grid}.fragen>*+*{margin-top:0}.frage{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-background)}.frage summary{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-16) var(--space-24);font-weight:var(--weight-semibold);list-style:none;display:flex}.frage summary::-webkit-details-marker{display:none}.frage summary::marker{content:""}.frage summary:after{content:"+";border:1px solid var(--color-border-strong);border-radius:var(--radius-tag);width:28px;height:28px;font-size:var(--text-lead);flex:none;justify-content:center;align-items:center;line-height:1;display:flex}.frage[open] summary:after{content:"−";background:var(--color-surface);border-color:var(--color-dominant)}.frage[open] summary{border-bottom:1px solid var(--color-border)}.frage-antwort{padding:var(--space-16) var(--space-24) var(--space-20)}.frage-antwort>*+*{margin-top:var(--space-8)}.knopf-gruppe{gap:var(--space-16);flex-wrap:wrap;display:flex}.knopf,.knopf-rand{padding:12px var(--space-20);border:1px solid var(--color-dominant);border-radius:var(--radius-button);background:var(--color-dominant);color:var(--color-on-dark);font-family:inherit;font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer;justify-content:center;align-items:center;line-height:1.25;text-decoration:none;display:inline-flex}.knopf:hover{background:var(--color-dominant-dark);border-color:var(--color-dominant-dark)}.knopf-rand{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.knopf-rand:hover{background:var(--color-surface);border-color:var(--color-dominant)}.knopf:focus-visible,.knopf-rand:focus-visible{border-radius:var(--radius-button)}:root{--chart-1:var(--color-dominant);--chart-2:var(--color-accent);--chart-3:#4f6d9a;--chart-4:#8fc2ae;--color-bad:#b42318}[hidden]{display:none!important}.rechner{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-card);scroll-margin-top:var(--space-24);overflow:hidden}.rechner-reiter{background:#1e2940;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.reiter{padding:15px var(--space-8);color:#dfe5ef;font-family:inherit;font-size:var(--text-small);font-weight:var(--weight-medium);white-space:nowrap;text-align:center;cursor:pointer;background:#2b3a55;border:0}.reiter:hover{color:var(--color-on-dark);background:#36486a}.reiter[aria-selected=true]{background:var(--color-background);color:var(--color-text);font-weight:var(--weight-bold)}.reiter:focus-visible{box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:0}.rechner-flaeche{padding:var(--card-padding);gap:var(--space-24);display:grid}.rechner-felder{gap:var(--space-20);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feld{gap:var(--space-8);align-content:start;min-width:0;display:grid}.feld--breit{grid-column:1/-1}.feld--knopf{align-content:end}.feld label,.feld-titel{font-size:var(--text-small);font-weight:var(--weight-semibold)}.feld-hinweis{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-muted)}.feld-fehler{font-size:var(--text-caption);line-height:var(--leading-caption);font-weight:var(--weight-semibold);color:var(--color-bad)}.feld-eingabe{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-background);align-items:stretch;min-width:0;display:flex}.feld-eingabe:focus-within,.zaehler:focus-within{box-shadow:var(--focus-ring)}.feld--fehler .feld-eingabe,.feld--fehler .zaehler{border-color:var(--color-bad);box-shadow:0 0 0 1px var(--color-bad)}.feld-eingabe input,.feld-auswahl{width:0;min-width:0;color:var(--color-text);font-family:inherit;font-size:var(--text-body);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1 1 0;padding:11px 14px}.feld-eingabe input:focus,.zaehler input:focus{box-shadow:none;outline:none}.feld-auswahl{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-background) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230b6b57' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;text-overflow:ellipsis;cursor:pointer;width:100%;padding-right:36px}.feld-einheit{border:0;border-left:1px solid var(--color-border);background:var(--color-surface-cool);border-radius:0 var(--radius-input) var(--radius-input) 0;color:var(--color-muted);font-family:inherit;font-size:var(--text-caption);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:0 12px;display:flex}.einheit-knopf{color:var(--color-dominant);font-weight:var(--weight-semibold);cursor:pointer}.einheit-knopf:hover{background:var(--color-surface)}.einheit-knopf:disabled{color:var(--color-muted);font-weight:var(--weight-body);cursor:default}.einheit-knopf:disabled svg{display:none}.zaehler{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-background);grid-template-columns:44px minmax(0,1fr) 44px;display:grid;overflow:hidden}.zaehler button{background:var(--color-surface-cool);color:var(--color-dominant);cursor:pointer;border:0;font-family:inherit;font-size:22px;line-height:1}.zaehler button:hover{background:var(--color-surface)}.zaehler input{border:0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);width:100%;min-width:0;color:var(--color-text);font-family:inherit;font-size:var(--text-body);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center;padding:11px 4px}.schalter{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);display:flex;overflow:hidden}.schalter label{min-width:0;font-weight:var(--weight-medium);cursor:pointer;flex:1 1 0;position:relative}.schalter input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.schalter span{text-align:center;font-size:var(--text-caption);white-space:nowrap;padding:12px 10px;display:block}.schalter label+label span{border-left:1px solid var(--color-border)}.schalter input:checked+span{background:var(--color-dominant);color:var(--color-on-dark);font-weight:var(--weight-semibold)}.schalter input:disabled,.schalter input:disabled+span{cursor:not-allowed;opacity:.6}.schalter input:focus-visible+span{box-shadow:inset 0 0 0 3px var(--color-accent)}.schalter--modus{width:max-content;max-width:100%}.schalter--modus span{padding:11px var(--space-20)}.chips{gap:var(--space-8);scrollbar-width:thin;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-tag);background:var(--color-background);color:var(--color-text);font-family:inherit;font-size:var(--text-caption);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;flex:none;align-items:baseline;gap:6px;padding:8px 14px;display:inline-flex}.chip-wert{color:var(--color-muted);font-variant-numeric:tabular-nums}.chip:hover{border-color:var(--color-dominant)}.chip[aria-pressed=true]{background:var(--color-dominant);border-color:var(--color-dominant);color:var(--color-on-dark)}.chip[aria-pressed=true] .chip-wert{color:var(--color-on-dark)}.rechner-mehr-block{gap:var(--space-20);display:grid}.rechner-mehr{width:100%;padding:13px var(--space-16);border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-surface-cool);color:var(--color-text);font-family:inherit;font-size:var(--text-small);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;align-items:center;gap:12px;display:flex}.rechner-mehr:hover{border-color:var(--color-dominant);background:var(--color-surface)}.rechner-mehr svg{color:var(--color-dominant);flex:none;transition:transform .15s}.rechner-mehr[aria-expanded=true] svg{transform:rotate(180deg)}.rechner-mehr-text{flex:1;min-width:0}.rechner-mehr-status{color:var(--color-dominant);font-weight:var(--weight-medium);flex:none}.rechner-ergebnis-bereich{gap:var(--space-20);padding-top:var(--space-24);border-top:1px solid var(--color-border);display:grid}.rechner-ergebnis{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kennzahl{gap:var(--space-4);min-width:0;padding:var(--space-16) 18px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);flex-direction:column;display:flex}.kennzahl-name{font-size:var(--text-caption);line-height:var(--leading-caption);font-weight:var(--weight-semibold);color:var(--color-muted)}.kennzahl-wert{font-size:24px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}.kennzahl-wert--lang{font-size:19px}.kennzahl-unter{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-muted)}.kennzahl--haupt,.kennzahl--gut,.kennzahl--schlecht{color:var(--color-on-dark);border-color:#0000}.kennzahl--haupt{background:var(--color-text)}.kennzahl--gut{background:var(--color-dominant)}.kennzahl--schlecht{background:var(--color-bad)}.kennzahl--haupt .kennzahl-wert,.kennzahl--gut .kennzahl-wert,.kennzahl--schlecht .kennzahl-wert{font-size:30px}.kennzahl--haupt .kennzahl-wert--lang,.kennzahl--gut .kennzahl-wert--lang,.kennzahl--schlecht .kennzahl-wert--lang{font-size:22px}.kennzahl--haupt .kennzahl-name,.kennzahl--haupt .kennzahl-unter{color:var(--color-border-strong)}.kennzahl--gut .kennzahl-name,.kennzahl--gut .kennzahl-unter,.kennzahl--schlecht .kennzahl-name,.kennzahl--schlecht .kennzahl-unter{color:var(--color-on-dark)}.rechner-grafik{gap:var(--space-16);display:grid}.grafik-titel{font-size:var(--text-caption);font-weight:var(--weight-semibold);color:var(--color-muted)}.balken{border-radius:var(--radius-tag);background:var(--color-surface-cool);height:16px;display:flex;overflow:hidden}.balken>span{height:100%;display:block}.seg-1{background:var(--chart-1)}.seg-2{background:var(--chart-2)}.seg-3{background:var(--chart-3)}.seg-4{background:var(--chart-4)}.balken-legende{gap:var(--space-8) var(--space-24);font-size:var(--text-caption);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.balken-legende li:before{content:"";width:12px;height:12px;margin-right:var(--space-8);border-radius:var(--radius-tag);background:var(--chart-1);display:inline-block}.balken-legende .leg-2:before{background:var(--chart-2)}.balken-legende .leg-3:before{background:var(--chart-3)}.balken-legende .leg-4:before{background:var(--chart-4)}.personen-reihe{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid}.person{padding:var(--space-8) 12px;border:1px solid var(--color-border);border-left:3px solid var(--chart-1);border-radius:var(--radius-input);font-size:var(--text-caption);color:var(--color-muted);gap:2px;display:grid}.person strong{color:var(--color-text);font-size:var(--text-small);font-variant-numeric:tabular-nums}.person--umweg{border-left-color:var(--chart-2);background:var(--color-surface-amber)}.person--frei{border-left-color:var(--color-border-strong);background:var(--color-surface-cool)}.vergleich-balken{gap:10px;display:grid}.vb-zeile{font-size:var(--text-caption);grid-template-columns:minmax(0,13rem) minmax(0,1fr) minmax(5.5rem,auto);align-items:center;gap:12px;display:grid}.vb-spur{border-radius:var(--radius-tag);background:var(--color-surface-cool);height:12px;overflow:hidden}.vb-spur span{border-radius:var(--radius-tag);height:100%;display:block}.vb-wert{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.skala{height:64px;position:relative}.skala-spur,.skala-band{border-radius:var(--radius-tag);height:12px;position:absolute;top:26px}.skala-spur{background:var(--color-surface-cool);border:1px solid var(--color-border);left:0;right:0}.skala-band{background:var(--chart-4)}.skala-marke{background:var(--color-text);border-radius:2px;width:3px;height:28px;margin-left:-1px;position:absolute;top:18px}.skala-marke--wltp{background:var(--chart-2)}.skala-marke span{font-size:var(--text-caption);font-weight:var(--weight-semibold);white-space:nowrap;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.skala-marke--wltp span{top:100%;bottom:auto}.skala-marke.links span{left:0;transform:none}.skala-marke.rechts span{left:auto;right:0;transform:none}.skala-ticks{font-size:var(--text-caption);color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.kurve{width:100%;height:auto;display:block}.kurve-achse{stroke:var(--color-border-strong);stroke-width:1px}.kurve-gitter{stroke:var(--color-border);stroke-width:1px}.kurve-a,.kurve-b{fill:none;stroke-width:3px;stroke-linecap:round}.kurve-a{stroke:var(--chart-3)}.kurve-b{stroke:var(--chart-1)}.kurve-punkt{fill:var(--chart-2)}.kurve-text{fill:var(--color-muted);font-size:13px;font-family:var(--font-sans)}.rechner-zeilen{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.rechner-zeilen li{border-left:3px solid var(--chart-1);border-radius:0 var(--radius-input) var(--radius-input) 0;background:var(--color-surface-cool);font-size:var(--text-small);line-height:var(--leading-small);padding:10px 14px}.rechner-zeilen li.zeile--warn{border-left-color:var(--chart-2);background:var(--color-surface-amber)}.rechner-formel{border:1px solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);font-size:var(--text-small);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:10px 14px}.rechner-notiz{font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--color-muted)}.tankreihe{padding-bottom:var(--space-20);border-bottom:1px dashed var(--color-border);gap:12px;display:grid}.tankreihe-kopf{font-size:var(--text-small);font-weight:var(--weight-bold);justify-content:space-between;align-items:center;gap:12px;display:flex}.tank-entfernen{border:1px solid var(--color-border-strong);border-radius:var(--radius-input);background:var(--color-background);color:var(--color-muted);font-family:inherit;font-size:var(--text-caption);cursor:pointer;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.tank-entfernen:hover{border-color:var(--color-bad);color:var(--color-bad)}.tank-entfernen:disabled{visibility:hidden}.rechner .knopf,.rechner .knopf-rand{cursor:pointer;font-family:inherit}@media (width<=899px){.rechner-ergebnis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.rechner-felder{gap:var(--space-16);grid-template-columns:minmax(0,1fr)}.rechner-ergebnis{gap:12px}.kennzahl{padding:14px}.kennzahl-wert{font-size:20px}.kennzahl-wert--lang{font-size:17px}.kennzahl--haupt .kennzahl-wert,.kennzahl--gut .kennzahl-wert,.kennzahl--schlecht .kennzahl-wert{font-size:22px}.kennzahl--haupt .kennzahl-wert--lang,.kennzahl--gut .kennzahl-wert--lang,.kennzahl--schlecht .kennzahl-wert--lang{font-size:18px}.vb-zeile{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.vb-name{grid-column:1/-1}.schalter--modus{width:100%}.schalter--modus span{padding:11px 8px}}@media (width<=640px){.rechner-reiter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.strecke{padding-top:var(--space-32)}.tankstopp{margin-top:var(--space-64)}.tankstopp-spalten{padding-top:var(--space-32);padding-bottom:var(--space-32)}.formelkasten,.hinweis,.beispiel,.frage summary,.frage-antwort{padding:var(--space-16)}.knopf,.knopf-rand{width:100%}}.begriffe{border-top:1px solid var(--color-border);margin:0}.begriffe>div{gap:var(--space-8) var(--space-24);padding:var(--space-16) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(10rem,15rem) 1fr;display:grid}.begriffe dt{font-weight:var(--weight-semibold)}.begriffe dd{margin:0}.rechenwert{padding:1px var(--space-8);background:var(--color-surface-cool);border:1px solid var(--color-border);border-radius:var(--radius-input);font-family:inherit;font-size:.95em;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}@media (width<=767px){.begriffe>div{gap:var(--space-4);grid-template-columns:1fr}}.rechner-flaeche-innen{gap:var(--space-24);display:grid}.rechner-flaeche,.rechner-flaeche-innen,.rechner-ergebnis-bereich,.rechner-grafik,.rechner-mehr-block,.tankreihe{grid-template-columns:minmax(0,1fr)}.kennzahl-name,.kennzahl-unter,.feld label,.feld-titel{hyphens:auto;overflow-wrap:break-word}.schalter--modus label{flex:auto}@media (width<=400px){.schalter--modus span{white-space:normal;height:100%}}
