@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta-600.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree-600.woff2)format("woff2");font-weight:600;font-display:swap}:root{--color-road-blue:#1d64c8;--color-road-blue-deep:#174f9e;--color-ink:#09090b;--color-charcoal:#18181b;--color-slate-700:#27272a;--color-steel:#71717b;--color-fog:#9f9fa9;--color-cloud:#e4e4e7;--color-mist:#f2f2f3;--color-warm-gray:#f4f4f5;--color-paper:#fff;--color-pump-yellow:#f0a400;--color-sky-wash:#cfe2ff;--color-sky-pop:#6fa8ff;--color-signal:#ff4f1f;--bg:var(--color-warm-gray);--surface:var(--color-paper);--surface-wash:#fff8e5;--surface-dark:var(--color-ink);--text:var(--color-ink);--text-muted:#4b4b55;--text-inverse:var(--color-paper);--text-inverse-muted:#c4c4cc;--border:var(--color-cloud);--border-soft:var(--color-mist);--dominant:var(--color-road-blue);--dominant-hover:var(--color-road-blue-deep);--accent:var(--color-pump-yellow);--accent-soft:var(--color-sky-wash);--accent-pop:var(--color-sky-pop);--alert:var(--color-signal);--font-display:"Plus Jakarta Sans",ui-sans-serif,sans-serif;--font-body:"Figtree",ui-sans-serif,sans-serif;--text-caption:14px;--text-body-sm:16px;--text-body:18px;--text-body-lg:20px;--text-subheading:24px;--text-heading-sm:32px;--text-heading:40px;--text-heading-mobile:28px;--text-figure:48px;--leading-tight:1.15;--leading-heading:1.2;--leading-body:1.6;--tracking-body:-.01em;--tracking-sub:-.01em;--tracking-heading-sm:-.03em;--tracking-heading:-.035em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--spacing-4:4px;--spacing-8:8px;--spacing-16:16px;--spacing-24:24px;--spacing-32:32px;--spacing-40:40px;--spacing-48:48px;--spacing-64:64px;--spacing-80:80px;--spacing-96:96px;--spacing-160:160px;--page-max-width:1200px;--section-gap:var(--spacing-80);--card-padding:var(--spacing-24);--element-gap:var(--spacing-8);--radius-buttons:8px;--radius-inputs:8px;--radius-cards:16px;--radius-feature-cards:24px;--radius-large-panels:48px;--radius-pill:9999px;--border-width:1px;--shadow-subtle:#0000000d 0 1px 2px 0;--focus-ring:0 0 0 3px var(--accent-soft)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);font-weight:var(--weight-regular);margin:0}img,svg{max-width:100%;height:auto;display:block}a{color:var(--text);text-decoration:underline;text-decoration-color:var(--dominant);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-color:var(--text)}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-medium);color:var(--text);margin:0}h1{font-size:var(--text-heading);line-height:var(--leading-tight);letter-spacing:var(--tracking-heading)}h2{font-size:var(--text-heading-sm);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading-sm)}h3{font-size:var(--text-subheading);line-height:var(--leading-heading);letter-spacing:var(--tracking-sub)}p,ul,ol{margin:0}p+p{margin-top:var(--spacing-16)}.wrap{max-width:var(--page-max-width);padding:0 var(--spacing-24);margin:0 auto}.dash-bar{background:var(--surface);border-bottom:var(--border-width) solid var(--border-soft)}.dash-bar .wrap{justify-content:space-between;align-items:center;gap:var(--spacing-24);min-height:72px;display:flex}.brand{align-items:center;gap:var(--spacing-8);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-body-lg);letter-spacing:var(--tracking-sub);text-decoration:none;display:flex}.brand img{border-radius:var(--radius-buttons);width:32px;height:32px}.nav-toggle summary{display:none}@media (width>=769px){.nav-toggle::details-content{content-visibility:visible;display:contents}}.nav-links{gap:var(--spacing-8);padding:0;list-style:none;display:flex}.nav-links a{padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-buttons);font-size:var(--text-body-sm);font-weight:var(--weight-medium);text-decoration:none;display:block}.nav-links a:hover{background:var(--color-warm-gray)}.nav-links a[aria-current=page]{background:var(--accent-soft)}.stretch{padding:var(--section-gap) 0 0}.stretch:last-child{padding-bottom:var(--section-gap)}.stretch-band{margin-top:var(--section-gap);padding:var(--section-gap) 0;background:var(--surface)}.stretch-band.wash{background:var(--surface-wash)}.stretch-band+.stretch-band{margin-top:0}.stretch-band+.stretch{padding-top:var(--section-gap)}.stretch>.wrap>*+*,.stretch-band>.wrap>*+*{margin-top:var(--spacing-24)}.stretch>.wrap>h3,.stretch-band>.wrap>h3{margin-top:var(--spacing-48)}.stretch>.wrap>h2+*,.stretch-band>.wrap>h2+*{margin-top:var(--spacing-24)}.stretch>.wrap>h3+*,.stretch-band>.wrap>h3+*{margin-top:var(--spacing-16)}.start{padding:var(--spacing-48) 0 0}.start .wrap>*+*{margin-top:var(--spacing-16)}.lead{font-size:var(--text-body-lg);color:var(--text-muted)}.muted{color:var(--text-muted)}.gauge{background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-feature-cards);padding:var(--spacing-32);margin-top:var(--spacing-32)}.gauge-fields{gap:var(--spacing-24);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gauge-field{gap:var(--element-gap);flex-direction:column;display:flex}.gauge-field label,.gauge-field .field-name{font-size:var(--text-body-sm);font-weight:var(--weight-medium)}.gauge-input{border:var(--border-width) solid var(--border);border-radius:var(--radius-inputs);background:var(--surface);box-shadow:var(--shadow-subtle);align-items:center;display:flex}.gauge-input:focus-within{border-color:var(--dominant);box-shadow:var(--focus-ring)}.gauge-input input,.gauge-input select{min-width:0;font:inherit;font-size:var(--text-body);color:var(--text);padding:var(--spacing-8) var(--spacing-16);background:0 0;border:0;outline:none;flex:1;height:48px}.gauge-input .unit{padding-right:var(--spacing-16);color:var(--text-muted);font-size:var(--text-body-sm);white-space:nowrap}.fuel-switch{gap:var(--spacing-4);background:var(--color-warm-gray);border-radius:var(--radius-inputs);padding:var(--spacing-4);flex-wrap:wrap;display:flex}.fuel-switch input{opacity:0;pointer-events:none;position:absolute}.fuel-switch label{height:40px;padding:0 var(--spacing-8);white-space:nowrap;font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;border-radius:6px;flex:auto;justify-content:center;align-items:center;display:flex}.fuel-switch input:checked+label{background:var(--dominant);color:var(--text-inverse)}.fuel-switch input:focus-visible+label{box-shadow:var(--focus-ring)}.check-line{align-items:center;gap:var(--spacing-8);font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;min-height:48px;display:flex}.check-line input{width:20px;height:20px;accent-color:var(--dominant)}.gauge-more{margin-top:var(--spacing-24)}.gauge-more summary{cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-body-sm);align-items:center;gap:var(--spacing-16);min-height:56px;padding:var(--spacing-8) var(--spacing-16);border:var(--border-width) solid var(--border);border-radius:var(--radius-inputs);background:var(--surface-wash);list-style:none;display:flex}.gauge-more summary:hover{border-color:var(--dominant)}.gauge-more summary:after{content:"öffnen";font-weight:var(--weight-medium);color:var(--dominant);margin-left:auto}.gauge-more[open] summary:after{content:"schließen"}.gauge-more summary::-webkit-details-marker{display:none}.gauge-more summary:before{content:"+";background:var(--dominant);width:28px;height:28px;color:var(--text-inverse);font-size:var(--text-body-lg);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.gauge-more[open] summary:before{content:"−"}.gauge-more .gauge-fields{margin-top:var(--spacing-24)}.dial-board{margin-top:var(--spacing-32);gap:var(--spacing-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dial{background:var(--color-warm-gray);border-radius:var(--radius-cards);padding:var(--spacing-24);min-width:0}.dial.main{background:var(--surface-dark);color:var(--text-inverse)}.dial-label{font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--text-muted)}.dial.main .dial-label{color:var(--text-inverse-muted)}.dial-value{font-family:var(--font-display);font-size:var(--text-subheading);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading-sm);line-height:var(--leading-heading);margin-top:var(--spacing-4)}.dial.main .dial-value{font-size:var(--text-heading-sm)}.gauge>p{margin-top:var(--spacing-16)}.gauge>.gauge-fields+.gauge-fields{margin-top:var(--spacing-24)}.dial-sub{font-size:var(--text-body-sm);color:var(--text-muted);margin-top:var(--spacing-4)}.dial.main .dial-sub{color:var(--text-inverse-muted)}.cost-bar{margin-top:var(--spacing-24)}.cost-bar-track{border-radius:var(--radius-pill);background:var(--color-warm-gray);height:16px;display:flex;overflow:hidden}.cost-bar-track span{height:100%;display:block}.seg-fuel{background:var(--dominant)}.seg-toll{background:var(--accent)}.seg-park{background:var(--accent-pop)}.cost-legend{gap:var(--spacing-8) var(--spacing-24);margin-top:var(--spacing-16);font-size:var(--text-body-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.cost-legend li{align-items:center;gap:var(--spacing-8);display:flex}.cost-legend i{border-radius:3px;width:12px;height:12px;display:inline-block}.gauge-actions{gap:var(--spacing-16);margin-top:var(--spacing-24);font-size:var(--text-body-sm);color:var(--text-muted);flex-wrap:wrap;align-items:center;display:flex}.pump-btn{justify-content:center;align-items:center;gap:var(--spacing-8);min-height:48px;padding:var(--spacing-8) var(--spacing-24);border-radius:var(--radius-buttons);font:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-medium);cursor:pointer;border:var(--border-width) solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-subtle);text-decoration:none;display:inline-flex}.pump-btn:hover{background:var(--color-warm-gray)}.pump-btn.solid{background:var(--dominant);border-color:var(--dominant);color:var(--text-inverse)}.pump-btn.solid:hover{background:var(--dominant-hover)}.btn-row{gap:var(--spacing-16);flex-wrap:wrap;display:flex}.route-scroll{-webkit-overflow-scrolling:touch;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-cards);overflow-x:auto}.route-table{border-collapse:collapse;width:100%;font-size:var(--text-body-sm);line-height:1.5}.route-table th,.route-table td{text-align:left;padding:var(--spacing-16);border-bottom:var(--border-width) solid var(--border-soft);vertical-align:top}.route-table thead th{background:var(--color-warm-gray);font-weight:var(--weight-semibold);white-space:nowrap}.route-table tbody th{font-weight:var(--weight-medium)}.route-table tr:last-child>*{border-bottom:0}.route-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.km-list{padding-left:var(--spacing-24);gap:var(--spacing-8);display:grid}.km-list li::marker{color:var(--dominant)}.km-list.two{column-gap:var(--spacing-48);grid-template-columns:1fr 1fr}.stop-steps{counter-reset:stop;gap:var(--spacing-16);padding:0;list-style:none;display:grid}.stop-steps li{counter-increment:stop;gap:var(--spacing-16);grid-template-columns:40px 1fr;align-items:start;display:grid}.stop-steps li:before{content:counter(stop);border-radius:var(--radius-buttons);background:var(--dominant);width:40px;height:40px;color:var(--text-inverse);font-family:var(--font-display);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex}.stop-steps li>:first-child{padding-top:var(--spacing-8)}.refuel-tiles{gap:var(--spacing-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.refuel-tiles.two{grid-template-columns:repeat(2,minmax(0,1fr))}.refuel-tile{background:var(--surface);border:var(--border-width) solid var(--border-soft);border-radius:var(--radius-cards);padding:var(--card-padding);gap:var(--spacing-8);flex-direction:column;display:flex}.stretch-band .refuel-tile{background:var(--color-warm-gray);border-color:#0000}.refuel-tile h3{font-size:var(--text-body-lg);letter-spacing:var(--tracking-sub)}.refuel-tile p{color:var(--text-muted);font-size:var(--text-body-sm)}.refuel-tile .pump-btn{align-self:flex-start;margin-top:auto}.tile-mark{border-radius:var(--radius-buttons);background:var(--accent-soft);width:40px;height:40px;color:var(--text);justify-content:center;align-items:center;display:flex}.tile-mark svg{width:22px;height:22px}.tile-figure{font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-heading-sm);line-height:var(--leading-heading)}.formula-line{background:var(--surface-dark);color:var(--text-inverse);border-radius:var(--radius-cards);padding:var(--spacing-24) var(--spacing-32);font-family:var(--font-display);font-size:var(--text-body-lg);font-weight:var(--weight-medium);gap:var(--spacing-8);display:grid}.fuel-note{background:var(--surface-wash);border-radius:var(--radius-cards);padding:var(--spacing-24);border-left:4px solid var(--accent)}.fuel-note.alert{border-left-color:var(--alert)}.fuel-note strong{font-weight:var(--weight-semibold)}.faq-stops{gap:var(--spacing-8);display:grid}.faq-stop{background:var(--surface);border:var(--border-width) solid var(--border-soft);border-radius:var(--radius-cards)}.faq-stop summary{cursor:pointer;padding:var(--spacing-24);justify-content:space-between;gap:var(--spacing-16);font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-body-lg);letter-spacing:var(--tracking-sub);list-style:none;display:flex}.faq-stop summary::-webkit-details-marker{display:none}.faq-stop summary:after{content:"+";border-radius:var(--radius-buttons);background:var(--color-warm-gray);flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.faq-stop[open] summary:after{content:"−"}.faq-answer{padding:0 var(--spacing-24) var(--spacing-24);color:var(--text-muted)}.depot{background:var(--surface-dark);color:var(--text-inverse);padding:var(--spacing-64) 0 var(--spacing-32)}.depot-groups{gap:var(--spacing-32);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.depot-title{font-size:var(--text-body-sm);font-weight:var(--weight-semibold);margin-bottom:var(--spacing-16)}.depot ul{gap:var(--spacing-8);padding:0;list-style:none;display:grid}.depot a{color:var(--text-inverse-muted);font-size:var(--text-body-sm);text-decoration:none}.depot a:hover{color:var(--text-inverse);text-decoration:underline}.depot-bottom{margin-top:var(--spacing-48);padding-top:var(--spacing-24);border-top:var(--border-width) solid var(--color-slate-700);font-size:var(--text-body-sm);color:var(--text-inverse-muted)}.lost{padding:var(--spacing-96) 0}.lost .wrap>*+*{margin-top:var(--spacing-24)}#f-fuel{grid-column:span 2}@media (width>=769px){.gauge-more .gauge-fields>.gauge-field:last-child:nth-child(3n+2){grid-column:span 2}}@media (width<=960px){#f-mode,#f-fuel{grid-column:1/-1}.gauge-fields,.dial-board,.refuel-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){:root{--section-gap:var(--spacing-64)}h1{font-size:var(--text-heading-mobile)}h2{font-size:var(--text-subheading)}h3{font-size:var(--text-body-lg)}.wrap{padding:0 var(--spacing-16)}.dash-bar .wrap{min-height:64px;padding-top:var(--spacing-8);padding-bottom:var(--spacing-8);flex-wrap:wrap}.nav-toggle{order:2}.nav-toggle summary{border-radius:var(--radius-buttons);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:hover{background:var(--color-warm-gray)}.nav-toggle:not([open]) .nav-links{display:none}.nav-toggle[open]{order:3;width:100%}.nav-toggle[open] summary{margin-top:-52px;margin-left:auto}.nav-links{padding:var(--spacing-8) 0;flex-direction:column;gap:0}.nav-links a{padding:var(--spacing-16) var(--spacing-8);font-size:var(--text-body)}.gauge{padding:var(--spacing-16);border-radius:var(--radius-cards)}.gauge-fields{gap:var(--spacing-16);grid-template-columns:minmax(0,1fr)}#calc>.gauge-fields{gap:var(--spacing-16) var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr))}#calc .gauge-input .unit{font-size:var(--text-body-sm)}.dial-board{gap:var(--spacing-8);grid-template-columns:1fr 1fr}.dial{padding:var(--spacing-16)}.dial-value{font-size:var(--text-body-lg)}.dial.main .dial-value{font-size:var(--text-subheading)}.gauge-more summary:after{display:none}.refuel-tiles,.refuel-tiles.two,.km-list.two{grid-template-columns:1fr}.route-table th,.route-table td{padding:var(--spacing-8) var(--spacing-16)}.depot-groups{grid-template-columns:1fr 1fr}.formula-line{padding:var(--spacing-16) var(--spacing-24);font-size:var(--text-body)}}.term-list{background:var(--surface);border:var(--border-width) solid var(--border-soft);border-radius:var(--radius-cards);grid-template-columns:minmax(160px,240px) 1fr;gap:0;margin-left:0;margin-right:0;display:grid}.term-list dt,.term-list dd{padding:var(--spacing-16) var(--spacing-24);border-bottom:var(--border-width) solid var(--border-soft);margin:0}.term-list dt{font-weight:var(--weight-semibold)}.term-list dt:last-of-type,.term-list dd:last-of-type{border-bottom:0}code{background:var(--color-warm-gray);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}.gauge-rows{gap:var(--spacing-8);display:grid}.gauge-row{gap:var(--spacing-16);grid-template-columns:repeat(3,minmax(0,1fr)) 48px;align-items:end;display:grid}.gauge-row .dial-sub{align-self:end;align-items:center;min-height:50px;margin:0;display:flex}.icon-btn{border-radius:var(--radius-buttons);border:var(--border-width) solid var(--border);background:var(--surface);cursor:pointer;width:48px;height:48px;font:inherit;font-size:var(--text-body-lg)}.icon-btn:hover{background:var(--color-warm-gray)}@media (width<=768px){.term-list{grid-template-columns:1fr}.term-list dt{border-bottom:0;padding-bottom:0}.gauge-row{gap:var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr)) 48px}.gauge-row .dial-sub{order:4;grid-column:1/-1;min-height:0}.gauge-rows .gauge-row+.gauge-row{border-top:var(--border-width) solid var(--border-soft);padding-top:var(--spacing-8)}}#abroad-extra{margin-top:var(--spacing-24);padding-top:var(--spacing-24);border-top:var(--border-width) solid var(--border-soft);grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=960px){#abroad-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.gauge-rows>.gauge-fields{gap:var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr))}.gauge-rows>.gauge-fields>.gauge-field:first-child{grid-column:1/-1}.gauge-rows>.gauge-fields+.gauge-fields{border-top:var(--border-width) solid var(--border-soft);padding-top:var(--spacing-16);margin-top:var(--spacing-8)}#abroad-extra{gap:var(--spacing-16) var(--spacing-8)}#abroad-extra>.gauge-field:last-child{grid-column:1/-1}}.dial-label,.dial-value,.dial-sub{hyphens:auto;overflow-wrap:break-word}@media (width<=768px){#f-km{order:3}#f-pers{order:4}#rt-line,#days-field{order:5;grid-column:1/-1}#f-use{order:6}#f-price{order:7}#f-cls{order:8;grid-column:1/-1}.dial-label{font-size:var(--text-caption)}.dial.main .dial-value{font-size:var(--text-body-lg)}#abroad-extra>.gauge-field:nth-child(2){order:3;grid-column:1/-1}#abroad-extra>.gauge-field:last-child{order:4}.fuel-switch:has(>label:nth-of-type(4):last-of-type)>label{flex-basis:calc(50% - var(--spacing-4))}}
