@font-face{font-family:manrope;src:url(../media/manrope_latin_wght_normal-s.p.1p_a2k8qd5zhp.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.XySX5a_className{font-family:manrope,manrope Fallback}.XySX5a_variable{--schrift-manrope:"manrope", "manrope Fallback"}
@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--kopf-hoehe) + 1rem);interpolate-size:allow-keywords}img,svg,picture{max-width:100%;display:block}img{height:auto}input,button{font:inherit;color:inherit}ul[class],ol[class],nav ul,nav ol{padding:0;list-style:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}}@layer basis{body{background:var(--papier);color:var(--tinte);font-family:var(--schrift-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;overflow-x:clip}h1,h2,h3,h4{font-family:var(--schrift-titel);letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:1.05}h3{letter-spacing:-.015em;font-weight:700;line-height:1.2}p,li,dd{text-wrap:pretty}a{color:var(--akzent);text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{text-decoration-thickness:.14em}:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in oklch, var(--bernstein) 55%, transparent);color:var(--tinte)}code,kbd{font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;font-size:.88em}kbd{border:1px solid var(--linie-stark);background:var(--flaeche);border-bottom-width:2px;border-radius:6px;padding:.05em .4em}.zahl,time{font-variant-numeric:tabular-nums}.leise{color:var(--tinte-leise)}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}mark.platzhalter{background:color-mix(in oklch, var(--bernstein) 26%, transparent);outline:1.5px dashed var(--lightningcss-light,#8a5300)var(--lightningcss-dark,var(--bernstein));outline-offset:-1.5px;color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:.05em .35em;font-weight:600;display:inline}.titel-riesig{letter-spacing:-.055em;font-size:clamp(3.1rem,.8rem + 5.9vw,8rem);line-height:.88}.titel-gross{letter-spacing:-.045em;font-size:clamp(2.6rem,1.4rem + 5vw,6.25rem);line-height:.95}.titel{letter-spacing:-.04em;font-size:clamp(2.1rem,1.3rem + 3.3vw,4.5rem);line-height:.98}.zeile{display:block}.einleitung{color:var(--tinte-leise);max-width:38ch;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.5}.fliesstext{max-width:62ch}.fliesstext>*+*{margin-top:1em}.fliesstext h2,.fliesstext h3{margin-top:2em;font-size:1.375rem}.fliesstext ul,.fliesstext ol{padding-left:1.25em}.fliesstext li+li{margin-top:.35em}.bildnotiz{color:var(--tinte-leise);margin-top:.875rem;font-size:.875rem}.knopf{background:var(--knopf);min-height:3.25rem;color:var(--knopf-text);font-family:var(--schrift-titel);letter-spacing:-.01em;border-radius:.875rem;align-items:center;gap:.75rem;padding:.75rem 1.4rem .75rem 1.6rem;font-size:1.0625rem;font-weight:700;text-decoration:none;transition:background-color .2s,translate .2s;display:inline-flex}.knopf svg{transition:translate .2s}.knopf:hover{background:var(--knopf-hover)}.knopf:hover svg{translate:.25rem}.knopf--gross{border-radius:1rem;min-height:4rem;padding-inline:2rem 1.75rem;font-size:1.25rem}.textlink{min-height:2.75rem;color:var(--akzent);cursor:pointer;text-underline-offset:.25em;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;font-weight:650;text-decoration:underline;text-decoration-thickness:.08em;display:inline-flex}.textlink svg{transition:translate .2s}.textlink:hover svg{translate:.25rem}.etikett{border:1px dashed var(--linie-stark);font-family:var(--schrift-text);letter-spacing:.02em;color:var(--tinte-leise);vertical-align:.2em;white-space:nowrap;border-radius:999px;margin-left:.5em;padding:.1em .6em;font-size:.75rem;font-weight:600;display:inline-block}.pille{white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8125rem;font-weight:650;line-height:1.4;display:inline-flex}.pille--info{color:var(--lightningcss-light,#0f548c)var(--lightningcss-dark,#8ac2f5);background:var(--lightningcss-light,#ebf3fc)var(--lightningcss-dark,#132f4c)}.pille--indigo{color:var(--lightningcss-light,#4f52b2)var(--lightningcss-dark,#b4b8f5);background:var(--lightningcss-light,#e8ebfa)var(--lightningcss-dark,#272a4f)}.pille--erfolg{color:var(--lightningcss-light,#0e700e)var(--lightningcss-dark,#9fd89f);background:var(--lightningcss-light,#dff6dd)var(--lightningcss-dark,#1b3a1b)}.pille--warnung{color:var(--lightningcss-light,#6b4e00)var(--lightningcss-dark,#f7d88a);background:var(--lightningcss-light,#fff4ce)var(--lightningcss-dark,#3d3214)}.pille--neutral{color:var(--tinte-leise);background:var(--papier-2)}}@layer rahmen{.sprung{z-index:100;background:var(--knopf);color:var(--knopf-text);border-radius:.75rem;padding:.75rem 1rem;font-weight:700;position:fixed;top:1rem;left:1rem;translate:0 -200%}.sprung:focus{translate:0}.kopf{z-index:30;background:var(--papier);border-bottom:1px solid #0000;position:sticky;top:0}.kopf:after{content:"";background:var(--route);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;scale:0 1}.kopf-innen{max-width:calc(var(--breite) + var(--schiene) + 2 * var(--rand));min-height:var(--kopf-hoehe);padding-inline:var(--rand);align-items:center;gap:clamp(1rem,2vw,2rem);margin-inline:auto;display:flex}.kopf-marke{border-radius:6px;margin-right:auto;padding-block:.5rem;display:block}.logo,.logo svg{width:auto;height:clamp(1.75rem,1.5rem + .6vw,2.125rem);display:block}.logo path{stroke:var(--route)}.logo text{font-family:var(--schrift-manrope), Manrope, "Segoe UI", system-ui, sans-serif;fill:var(--lightningcss-light,var(--petrol-900))var(--lightningcss-dark,#e8eff0)}.navi ul{gap:clamp(.25rem,1vw,1rem);display:flex}.navi a{min-height:2.75rem;color:var(--tinte);border-radius:8px;align-items:center;padding-inline:.5rem;font-size:.975rem;font-weight:600;text-decoration:none;display:inline-flex}.navi a:hover{color:var(--akzent)}.navi a[aria-current=page],.navi a[data-bereich]{color:var(--akzent);text-underline-offset:.5em;text-decoration:underline;text-decoration-thickness:2px}.kopf-aktion{border-radius:.75rem;min-height:2.75rem;padding:.5rem 1.1rem;font-size:.975rem}.fahrtuhr{display:none}.menue-knopf{border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:.875rem;place-items:center;width:3rem;height:3rem;display:none}.erscheinung-knopf{width:2.75rem;height:2.75rem;color:var(--tinte-leise);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.erscheinung-knopf:hover{color:var(--akzent);background:var(--flaeche)}}:root:not([data-ansicht]) .erscheinung-knopf,:root[data-ansicht=dunkel] .erscheinung-mond,:root:not([data-ansicht=dunkel]) .erscheinung-sonne{display:none}@media (max-width:68.75rem){.navi{display:none}.menue-knopf{display:grid}}@media (max-width:40rem){.kopf .kopf-aktion{display:none}}.menue{width:min(26rem,100vw);height:100dvh;max-height:none;padding:1rem var(--rand) 2rem;border:0;border-left:1px solid var(--linie);background:var(--papier);color:var(--tinte);margin:0;position:fixed;inset:0 0 0 auto;overflow-y:auto}.menue::backdrop{background:#061a1f73}.menue:popover-open{flex-direction:column;gap:1.5rem;display:flex}.menue .menue-knopf{display:grid}@media (prefers-reduced-motion:no-preference){.menue{transition:translate .3s cubic-bezier(.2, .8, .2, 1), display .3s allow-discrete, overlay .3s allow-discrete;translate:100%}.menue:popover-open{translate:0}@starting-style{.menue:popover-open{translate:100%}}}.menue-kopf{justify-content:space-between;align-items:center;min-height:3.5rem;display:flex}.menue-kopf-rechts{align-items:center;gap:.5rem;display:flex}.menue-liste{gap:.25rem;display:grid}.menue-liste>li>a{font-family:var(--schrift-titel);letter-spacing:-.03em;color:var(--tinte);padding:.6rem 0;font-size:1.6rem;font-weight:800;text-decoration:none;display:block}.menue-liste ul{border-left:2px solid var(--route);margin-left:.25rem;padding:0 0 .75rem 1rem;list-style:none}.menue-liste ul a{color:var(--tinte);padding:.45rem 0;font-weight:550;text-decoration:none;display:block}.menue-liste a[aria-current=page]{color:var(--akzent);text-decoration:underline}.fuss{margin-top:var(--abstand);background:var(--papier-2);border-top:1px solid var(--linie);font-size:.9375rem}.fuss-innen,.fuss-unten{max-width:calc(var(--breite) + var(--schiene) + 2 * var(--rand));padding-inline:var(--rand);margin-inline:auto}.fuss-innen{grid-template-columns:1fr;gap:2.5rem;padding-block:clamp(3rem,6vw,5rem);display:grid}@media (min-width:62rem){.fuss-innen{grid-template-columns:minmax(16rem,1fr) 2.2fr}}.fuss-marke{max-width:30ch;color:var(--tinte-leise);align-content:start;gap:1rem;display:grid}.fuss-kontakt{gap:.2rem;font-style:normal;display:grid}.fuss-kontakt a{color:var(--tinte);justify-self:start;padding-block:.15rem;font-weight:650}.fuss-rolle{letter-spacing:.02em;font-size:.8125rem;font-weight:600}.fuss-weitere{align-content:start;gap:.1rem;display:grid}.fuss-baum{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:2rem 1.5rem;display:grid}.fuss-baum ul{margin-top:.5rem;padding:0;list-style:none}.fuss-baum li a,.fuss-baum .fuss-titel{color:var(--tinte);padding-block:.3rem;text-decoration:none;display:inline-block}.fuss-baum .fuss-titel{font-family:var(--schrift-titel);font-size:1.05rem;font-weight:800}.fuss-baum a:hover{color:var(--akzent);text-decoration:underline}.fuss-unten{border-top:1px solid var(--linie);color:var(--tinte-leise);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;padding-block:1.5rem 2rem;display:flex}.fuss-unten ul{gap:1.5rem;padding:0;list-style:none;display:flex}.fuss-unten a{color:var(--tinte);padding-block:.25rem;display:inline-block}}@layer fahrt{main:focus{outline:none}.etappe{max-width:calc(var(--breite) + var(--schiene) + 2 * var(--rand));padding:var(--abstand) var(--rand) 0 calc(var(--rand) + var(--schiene));margin-inline:auto;position:relative}.etappe[data-erste]{--abstand:clamp(2rem, 1rem + 3vw, 4rem)}.schiene{left:var(--rand);width:var(--schiene);top:calc(var(--abstand) + var(--halt-mitte));bottom:calc(-1 * (clamp(4.5rem, 3rem + 6vw, 9.5rem) + var(--halt-mitte)));pointer-events:none;position:absolute}.schiene-linie{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.schiene-linie path{fill:none;stroke:var(--route);stroke-width:3px;stroke-linecap:round}.halt-punkt{left:var(--von);background:var(--papier);border:3px solid var(--route);border-radius:50%;width:.95rem;height:.95rem;position:absolute;top:0;translate:-50% -50%}.etappe[data-erste] .halt-punkt{background:var(--bernstein);width:1.5rem;height:1.5rem;box-shadow:0 0 0 .4rem color-mix(in oklch, var(--bernstein) 22%, transparent);border:0}.halt{letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--tinte-leise);flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;margin-bottom:clamp(1.5rem,1rem + 2vw,2.75rem);font-size:.8125rem;font-weight:650;line-height:1.35;display:flex}.halt .halt-zeit{color:var(--akzent);font-size:.9375rem;font-weight:800}.halt .halt-wort{text-transform:uppercase;letter-spacing:.14em;color:var(--tinte)}.ankunft{max-width:calc(var(--breite) + var(--schiene) + 2 * var(--rand));padding:var(--abstand) var(--rand) 0 calc(var(--rand) + var(--schiene));margin-inline:auto;position:relative}.ankunft p{padding-left:max(0px, 1.2rem - var(--schiene) * (1 - var(--faktor)));color:var(--tinte-leise);font-variant-numeric:tabular-nums;font-size:.9375rem;line-height:1.1rem}.ankunft strong{font-family:var(--schrift-titel);color:var(--tinte);letter-spacing:-.02em;font-size:1.25rem}.ankunft-punkt{left:calc(var(--rand) + var(--schiene) * var(--faktor));top:calc(var(--abstand) + var(--halt-mitte));background:var(--route);width:1.25rem;height:1.25rem;box-shadow:0 0 0 .35rem var(--akzent-flaeche);border-radius:50%;position:absolute;translate:-50% -50%}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.schiene-linie{animation:linear both route-zeichnen;animation-timeline:view();animation-range:cover 55vh cover calc(100% - 45vh)}.etappe:not([data-erste]) .halt-punkt{animation:linear both halt-erreicht;animation-timeline:view();animation-range:cover 40% cover 50%}.kopf:after{animation:linear both fortschritt;animation-timeline:scroll(root)}.kopf{animation:linear both kopf-linie;animation-timeline:scroll(root);animation-range:0 6rem}}}@keyframes route-zeichnen{0%{clip-path:inset(0 -1rem 100%)}to{clip-path:inset(0 -1rem -1rem)}}@keyframes halt-erreicht{0%{background:var(--papier);scale:.7}to{background:var(--route);scale:1}}@keyframes fortschritt{to{scale:1}}@keyframes kopf-linie{to{border-bottom-color:var(--linie)}}@property --minute{syntax:"<integer>";inherits:true;initial-value:536}@supports (animation-timeline:scroll()) and (width:calc(mod(5px, 3px))){@media (min-width:80rem){.fahrtuhr{border:1px solid var(--linie);font-variant-numeric:tabular-nums;color:var(--tinte-leise);border-radius:999px;align-items:center;gap:.6rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:700;animation:linear both uhr;animation-timeline:scroll(root);display:inline-flex}.fahrtuhr-zeit{color:var(--akzent);counter-reset:h calc(round(down, var(--minute) / 60)) m calc(mod(var(--minute), 60))}.fahrtuhr-zeit:after{content:counter(h, decimal-leading-zero) ":" counter(m, decimal-leading-zero)}.fahrtuhr-statisch{display:none}.fahrtuhr-strecke{background:var(--linie-stark);width:4.5rem;height:2px;position:relative}.fahrtuhr-strecke:before{content:"";background:var(--bernstein);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;left:-3px}.fahrtuhr-strecke i{background:var(--route);transform-origin:0;scale:calc((var(--minute) - 536) / 17) 1;position:absolute;inset:0}}}@keyframes uhr{0%{--minute:536}to{--minute:553}}}@layer bloecke{.kopfzeile{gap:1.25rem 3rem;margin-bottom:clamp(2rem,1.5rem + 2.5vw,4rem);display:grid}@media (min-width:60rem){.kopfzeile{grid-template-columns:7fr 5fr;align-items:end}}.kopfzeile .einleitung{max-width:44ch}.hero{align-items:center;gap:clamp(2rem,4vw,4rem);display:grid}.hero-text{align-content:center;justify-items:start;gap:clamp(1.25rem,1rem + 1vw,2rem);display:grid}.kontext{font-family:var(--schrift-titel);color:var(--akzent);letter-spacing:-.01em;font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-weight:700}.pfadleiste ol{color:var(--tinte-leise);flex-wrap:wrap;gap:.25rem .5rem;padding:0;font-size:.875rem;list-style:none;display:flex}.pfadleiste ol li+li:before{content:"/";color:var(--linie-stark);margin-right:.5rem}.pfadleiste ol a{color:var(--tinte-leise);padding-block:.2rem;display:inline-block}.pfadleiste ol [aria-current]{color:var(--tinte);font-weight:600}.schlagworte{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.schlagworte li{border:1px solid var(--linie-stark);border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .85rem .35rem .7rem;font-size:.875rem;font-weight:600;display:inline-flex}.schlagworte li:before{content:"";background:var(--route);border-radius:50%;width:.45rem;height:.45rem}.hero-medien{min-width:0;position:relative}.hero-foto img{aspect-ratio:5/4;object-fit:cover;border-radius:0 0 0 clamp(2rem,6vw,6rem);width:100%}@media (min-width:60rem){.hero--start{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:clamp(2rem,4vw,5rem)}.hero--start .hero-foto{height:100%;margin-right:calc(-1 * var(--rand))}.hero--start .hero-foto img{aspect-ratio:auto;height:100%;min-height:36rem}.hero--start .hero-text{padding-block:2rem 4rem}}.hero--start .einleitung{max-width:34ch}@media (min-width:60rem){.hero--seite{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.hero--seite .einleitung{max-width:40ch}.hero--ohne-bild{grid-template-columns:1fr!important}.hero--ohne-bild .titel-gross{max-width:16ch}.hero--ohne-bild .einleitung{max-width:52ch}.hero--desktop{grid-template-columns:1fr!important}.hero--desktop .hero-text{max-width:60rem}.hero--desktop .hero-medien{margin-top:.5rem}.hero--telefon .hero-medien{justify-self:center}.fahrtkarte{z-index:2;background:var(--flaeche);border:1px solid var(--linie);width:min(23rem,92%);box-shadow:0 1.5rem 3rem -1.5rem var(--schatten);border-radius:1.1rem;margin:-3rem 4% 0 auto;padding:1.1rem 1.25rem 1rem;font-size:.9375rem;position:relative}.fahrtkarte header,.fahrtkarte footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.fahrtkarte header .zahl{color:var(--tinte-leise);font-size:.875rem;font-weight:700}.fahrtkarte footer{border-top:1px solid var(--linie);color:var(--tinte-leise);justify-content:flex-start;gap:.5rem 1rem;padding-top:.75rem;font-size:.875rem}.fahrtkarte footer span{align-items:center;gap:.3rem;display:inline-flex}@media (min-width:60rem){.fahrtkarte{margin:0;position:absolute;bottom:3rem;left:-3.5rem}}.weg{gap:.6rem;margin:.9rem 0;padding:0 0 0 1.4rem;list-style:none;display:grid;position:relative}.weg li{font-weight:600;line-height:1.35;position:relative}.weg li:before{content:"";border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.3rem;left:-1.4rem}.weg li:first-child:before{background:var(--bernstein)}.weg li:last-child:before{border:2.5px solid var(--route);background:var(--flaeche)}.weg:before{content:"";background:var(--linie-stark);width:2px;position:absolute;top:1.1rem;bottom:1.1rem;left:.33rem}.weg time{margin-right:.35rem;font-weight:800}.weg small{color:var(--tinte-leise);font-size:.8125rem;font-weight:400;display:block}.geraet-rahmen{box-shadow:0 0 0 1px var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff14), 0 2rem 4rem -2rem var(--schatten);background:#0f181b;border-radius:clamp(.75rem,1.2vw,1.25rem);padding:clamp(.35rem,.6vw,.65rem)}.geraet-rahmen img{border-radius:clamp(.4rem,.7vw,.75rem);width:100%}.geraet--telefon{width:min(19rem,72vw);margin-inline:auto}.geraet--telefon .geraet-rahmen{border-radius:2.75rem;padding:.55rem}.geraet--telefon .geraet-rahmen img{border-radius:2.25rem}.textbild{align-items:center;gap:clamp(2rem,4vw,5rem);display:grid}@media (min-width:60rem){.textbild{grid-template-columns:5fr 7fr}.textbild.textbild--links{grid-template-columns:7fr 5fr}.textbild.textbild--links .textbild-text{order:2}.textbild.textbild--telefon{grid-template-columns:7fr 5fr}.textbild.textbild--telefon.textbild--links{grid-template-columns:5fr 7fr}}.textbild-text{justify-items:start;gap:1.5rem;display:grid}.textbild-text .fliesstext{color:var(--tinte-leise);font-size:1.125rem}.textbild-bild img{object-fit:cover;aspect-ratio:3/2;border-radius:var(--ecke);width:100%}.textbild--hoch .textbild-bild img{aspect-ratio:4/5}.textbild--panorama .textbild-bild img{aspect-ratio:21/9}.textbild--quadrat .textbild-bild img{aspect-ratio:1}.textbild--rechts .textbild-bild img{border-radius:var(--ecke) 0 0 clamp(2rem, 6vw, 6rem)}.textbild--links .textbild-bild img{border-radius:0 var(--ecke) clamp(2rem, 6vw, 6rem) 0}.punkte{gap:.75rem;display:grid}.punkte li{padding-left:1.75rem;position:relative}.punkte li:before{content:"";border:2.5px solid var(--route);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.45em;left:.15rem}.vergleich-tabelle{border-collapse:collapse;width:100%}.vergleich-tabelle th,.vergleich-tabelle td{text-align:left;vertical-align:top;border-top:1px solid var(--linie);padding:1.1rem 1rem 1.1rem 0}.vergleich-tabelle thead th{text-transform:uppercase;letter-spacing:.14em;color:var(--tinte-leise);border-top:0;padding-block:0 .75rem;font-size:.8125rem}.vergleich-tabelle thead th:last-child{color:var(--akzent)}.vergleich-tabelle tbody th{font-family:var(--schrift-titel);letter-spacing:-.02em;width:22%;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:800}.vergleich-tabelle td:first-of-type{color:var(--tinte-leise);width:33%}.vergleich-tabelle td:nth-of-type(2){padding-left:1.75rem;font-weight:650;position:relative}.vergleich-tabelle td:nth-of-type(2):before{content:"";background:var(--route);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:1.55rem;left:0}.vergleich-tabelle tbody tr:hover{background:linear-gradient(to right, transparent, var(--papier-2))}@media (max-width:45rem){.vergleich-tabelle thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.vergleich-tabelle tr{border-top:1px solid var(--linie);padding-block:1rem;display:grid}.vergleich-tabelle th,.vergleich-tabelle td{border:0;padding:.15rem 0;width:auto!important}.vergleich-tabelle td:after{content:none}.vergleich-tabelle td:first-of-type:before{content:attr(data-kopf) ": ";font-weight:600}.vergleich-tabelle td:nth-of-type(2){padding-left:1.5rem}.vergleich-tabelle td:nth-of-type(2):before{top:.55rem}}.merkmal-liste{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:2.25rem clamp(1.5rem,3vw,3rem);display:grid}.merkmal-liste li{border-top:2px solid var(--tinte);padding-top:1.1rem}.merkmal-liste h3{margin-bottom:.5rem;font-size:1.25rem}.merkmal-liste p{color:var(--tinte-leise)}.produktbild-figur{margin:0}.produktbild-merkmale{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.75rem 2.5rem;margin-top:clamp(2rem,4vw,3.5rem);display:grid}.produktbild-merkmale li{border-left:3px solid var(--route);padding-left:1.1rem}.produktbild-merkmale h3{margin-bottom:.4rem;font-size:1.15rem}.produktbild-merkmale p{color:var(--tinte-leise);font-size:1rem}@media (min-width:60rem){.produktbild--telefon{grid-template-columns:6fr 5fr;align-items:start;column-gap:4rem;display:grid}.produktbild--telefon .kopfzeile{grid-column:1;grid-template-columns:1fr;align-self:center}.produktbild--telefon .produktbild-figur{grid-area:1/2/span 2}.produktbild--telefon .produktbild-merkmale{grid-column:1;margin-top:0}}.bento{grid-template-columns:1fr;gap:1rem;display:grid;container:bento/inline-size}@container bento (min-width:36rem){.bento{grid-template-columns:repeat(2,1fr)}.kachel--1,.kachel--7{grid-column:span 2}}.kachel{border-radius:var(--ecke);background:var(--flaeche);border:1px solid var(--linie);flex-direction:column;min-height:13rem;padding:clamp(1.25rem,2vw,1.75rem);transition:border-color .2s,translate .25s;display:flex;position:relative;overflow:hidden}.kachel:hover{border-color:var(--linie-stark)}.kachel:has(.kachel-link:focus-visible){outline:3px solid var(--fokus);outline-offset:3px}.kachel h3{letter-spacing:-.03em;margin:.6rem 0 .5rem;font-size:clamp(1.35rem,1.1rem + .8vw,1.85rem)}.kachel p{color:var(--tinte-leise);max-width:40ch}.kachel-link{color:inherit;text-decoration:none}.kachel-link:after{content:"";z-index:1;position:absolute;inset:0}.kachel-link:focus-visible{outline:none}.marke-wort{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:inline-flex}.marke-wort:before{content:"";background:var(--farbe);border-radius:.2rem;width:.8rem;height:.8rem}.kachel-pfeil{color:var(--akzent);transition:translate .2s;position:absolute;top:1.25rem;right:1.25rem}.kachel:hover .kachel-pfeil{translate:.25rem}.kachel-bild{min-height:10rem;max-height:22rem;box-shadow:0 0 0 1px var(--linie);border-top-left-radius:.9rem;flex:1;margin:1.5rem calc(-1*clamp(1.25rem,2vw,1.75rem)) calc(-1*clamp(1.25rem,2vw,1.75rem)) clamp(1.25rem,2vw,1.75rem);overflow:hidden}.kachel-bild img{width:100%;min-width:38rem;max-width:none}.kachel--telefon .kachel-bild{width:min(15rem,80%);max-height:19rem;box-shadow:none;border:.45rem solid #0f181b;border-bottom:0;border-radius:1.75rem 1.75rem 0 0;margin:1.5rem auto calc(-1*clamp(1.25rem,2vw,1.75rem))}.kachel--telefon .kachel-bild img{min-width:0}.kachel:not(:has(.kachel-bild)){background:color-mix(in oklch, var(--farbe) 10%, var(--flaeche));justify-content:flex-end}@container bento (min-width:60rem){.bento{grid-template-columns:repeat(6,1fr);grid-auto-flow:dense}.kachel--1{grid-area:span 2/span 4}.kachel--2{grid-area:span 2/span 2}.kachel--3{grid-column:span 2}.kachel--4{grid-column:span 4}.kachel--5,.kachel--6{grid-column:span 3}.kachel--7{flex-direction:row;grid-column:span 6;gap:2rem}.kachel--7 .kachel-text{flex:0 0 34%;align-self:center}.kachel--7 .kachel-bild{border-radius:0;max-height:18rem;margin:calc(-1*clamp(1.25rem,2vw,1.75rem)) calc(-1*clamp(1.25rem,2vw,1.75rem)) calc(-1*clamp(1.25rem,2vw,1.75rem)) 0}.kachel--1 .kachel-bild{max-height:30rem}}.felder{gap:clamp(3rem,6vw,6rem);display:grid}.feld{align-items:center;gap:1.5rem clamp(2rem,4vw,4.5rem);display:grid}@media (min-width:60rem){.feld{grid-template-columns:7fr 5fr}.feld:nth-child(2n){grid-template-columns:5fr 7fr}.feld:nth-child(2n) .feld-bild{order:2}}.feld-bild img{aspect-ratio:3/2;object-fit:cover;border-radius:var(--ecke) var(--ecke) var(--ecke) clamp(2rem, 6vw, 6rem);width:100%}.feld:nth-child(2n) .feld-bild img{border-radius:var(--ecke) clamp(2rem, 6vw, 6rem) var(--ecke) var(--ecke)}.feld-text{justify-items:start;gap:1rem;display:grid}.feld-text h3{letter-spacing:-.035em;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:800;line-height:1.02}.feld-text h3 a{color:inherit;text-decoration:none}.feld-text h3 a:hover{text-decoration:underline}.feld-text p{color:var(--tinte-leise);max-width:42ch}.feld-nr{font-family:var(--schrift-titel);color:var(--akzent);font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-size:1rem;font-weight:800;display:inline-flex}.feld-nr:before{content:"";background:var(--bernstein);border-radius:50%;width:.7rem;height:.7rem}.tag{display:grid}.tag-schritt{border-top:1px solid var(--linie);gap:.5rem 2rem;padding-block:clamp(1.5rem,2.5vw,2.25rem);display:grid}@media (min-width:52rem){.tag-schritt{grid-template-columns:9rem minmax(0,1fr) minmax(0,20rem);align-items:baseline}}.tag-zeit{font-family:var(--schrift-titel);letter-spacing:-.04em;color:var(--akzent);font-size:clamp(2rem,1.5rem + 2vw,3.25rem);font-weight:800;line-height:1}.tag-inhalt h3{margin-bottom:.4rem;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}.tag-inhalt p{color:var(--tinte-leise);max-width:54ch}.tag-detail{color:var(--tinte-leise);border-left:2px solid var(--bernstein);padding-left:.9rem;font-family:ui-monospace,Cascadia Mono,SF Mono,Consolas,monospace;font-size:.8125rem;line-height:1.5}.tag-bild{grid-column:1/-1;margin-top:1.5rem}.tag-bild img{aspect-ratio:21/8;object-fit:cover;border-radius:var(--ecke);width:100%}.schritte{counter-reset:schritt;gap:2rem;display:grid}@media (min-width:52rem){.schritte{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}}.schritte li{padding-top:4.5rem;position:relative}.schritte li:before{content:"";border-top:3px dotted var(--route);position:absolute;top:1.6rem;left:0;right:0}@media (min-width:52rem){.schritte li:not(:last-child):before{right:-2rem}}.schritte h3{margin-bottom:.5rem;font-size:1.35rem}.schritte p{color:var(--tinte-leise)}.schritt-nr{background:var(--papier);border:3px solid var(--route);width:3.25rem;height:3.25rem;font-family:var(--schrift-titel);color:var(--akzent);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:0;left:0}.schritte li:first-child .schritt-nr{background:var(--bernstein);border-color:var(--bernstein);color:#1a1a1a}.etappe--datenschutz{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8eff0;padding-bottom:var(--abstand);--band:var(--band-datenschutz);--papier:var(--band-datenschutz);--tinte:#e8eff0;--tinte-leise:#b3cdd3;--linie:#e8eff02e;--linie-stark:#e8eff052;--akzent:var(--petrol-dunkel);--route:var(--petrol-dunkel)}.etappe--datenschutz:before{content:"";z-index:-1;top:calc(var(--abstand) * .45);background:var(--band);width:100vw;position:absolute;bottom:0;left:50%;translate:-50%}.spezifikation{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:0 2.5rem;display:grid}.spezifikation div{border-top:1px solid var(--linie);padding-block:1.1rem}.spezifikation dt{text-transform:uppercase;letter-spacing:.14em;color:var(--tinte-leise);align-items:center;gap:.6rem;margin-bottom:.3rem;font-size:.8125rem;font-weight:700;display:flex}.spezifikation .spezifikation-icon{color:var(--tinte)}.spezifikation dd{font-size:1.0625rem}.datenfluss{align-items:center;gap:1rem;margin-block:0 clamp(2rem,4vw,3rem);display:grid}@media (min-width:60rem){.datenfluss{grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) minmax(0,1.2fr);gap:1.25rem}}.datenfluss p{margin:0}.datenfluss p+p{color:var(--tinte-leise);margin-top:.3rem;font-size:.9375rem}.datenfluss-quellen{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.datenfluss-quellen li{border:1px solid var(--linie-stark);border-radius:.75rem;align-items:center;gap:.6rem;padding:.6rem .9rem;font-weight:650;display:flex}.datenfluss-pfeil{color:var(--akzent);place-items:center;display:grid}@media (max-width:59.99rem){.datenfluss-pfeil{rotate:90deg}}.datenfluss-server,.datenfluss-dritte{border-radius:var(--ecke);border:1px solid var(--linie-stark);padding:1.1rem 1.25rem}.datenfluss-server{border-color:var(--akzent);border-width:2px}.datenfluss-dritte{border-style:dashed}.datenfluss-titel{font-family:var(--schrift-titel);letter-spacing:-.015em;align-items:center;gap:.6rem;font-size:1.125rem;font-weight:800;display:flex}.barrierefrei{border-radius:var(--ecke);border:1px solid var(--linie-stark);gap:2rem 4rem;margin-top:clamp(3rem,6vw,5rem);padding:clamp(1.5rem,3vw,2.75rem);display:grid}@media (min-width:60rem){.barrierefrei{grid-template-columns:1fr 1.2fr;align-items:center}}.barrierefrei h3{letter-spacing:-.035em;margin-bottom:.9rem;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.5rem);font-weight:800;line-height:1.05}.barrierefrei p{color:var(--tinte-leise)}.werte{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1.5rem;display:grid}.werte div{flex-direction:column-reverse;gap:.35rem;display:flex}.werte dd{font-family:var(--schrift-titel);letter-spacing:-.04em;color:var(--akzent);font-size:clamp(2.25rem,1.6rem + 2vw,3.5rem);font-weight:800;line-height:1}.werte dt{color:var(--tinte-leise);font-size:.9375rem}.faq-liste{border-bottom:1px solid var(--linie)}.faq-liste details{border-top:1px solid var(--linie)}.faq-liste summary{cursor:pointer;min-height:3.5rem;font-family:var(--schrift-titel);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.1rem;font-size:clamp(1.1rem,1rem + .5vw,1.4rem);font-weight:700;list-style:none;display:flex}.faq-liste summary::-webkit-details-marker{display:none}.faq-liste summary:hover{color:var(--akzent)}.faq-liste .faq-pfeil{color:var(--akzent);flex-shrink:0;transition:rotate .25s}.faq-liste details[open] .faq-pfeil{rotate:180deg}.faq-liste .antwort{color:var(--tinte-leise);max-width:68ch;padding:0 0 1.75rem}@supports selector(::details-content){@media (prefers-reduced-motion:no-preference){.faq-liste details::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s allow-discrete;overflow-y:clip}.faq-liste details[open]::details-content{block-size:auto}}}@media (min-width:60rem){.faq{grid-template-columns:4fr 7fr;align-items:start;gap:4rem;display:grid}.faq .kopfzeile{top:calc(var(--kopf-hoehe) + 2rem);grid-template-columns:1fr;position:sticky}}.cta{gap:2rem clamp(2rem,5vw,6rem);display:grid}@media (min-width:60rem){.cta{grid-template-columns:1.1fr 1fr;align-items:end}}.cta-rechts{justify-items:start;gap:1.75rem;display:grid}.kontakt-angaben{grid-template-columns:max-content 1fr;column-gap:1.5rem;width:100%;display:grid}.kontakt-angaben div{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--linie);padding-block:.75rem;display:grid}.kontakt-angaben dt{color:var(--tinte-leise);white-space:nowrap;font-size:.9375rem}@media (max-width:30rem){.kontakt-angaben{grid-template-columns:1fr}.kontakt-angaben dt{white-space:normal}}.kontakt{justify-items:start;gap:1.75rem;display:grid}.kontakt .kontakt-angaben{max-width:40rem}.aktionen{flex-wrap:wrap;align-items:center;gap:1rem 2rem;display:flex}.kontakt-wege{gap:.5rem;padding:0;list-style:none;display:grid}.kontakt-gross{font-family:var(--schrift-titel);letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.6rem,1rem + 2.6vw,3.25rem);font-weight:800;line-height:1.15}.kontakt-stelle{gap:.5rem;display:grid}.kontakt-adresse{font-style:normal;line-height:1.6}.rechtstext{gap:2rem;max-width:52rem;display:grid}.rechtstext>h2{margin-top:1.5rem;font-size:clamp(1.6rem,1.2rem + 1.5vw,2.4rem)}.rechts-angaben{display:grid}.rechts-angaben div{border-top:1px solid var(--linie);gap:.25rem 2rem;padding-block:1rem;display:grid}@media (min-width:40rem){.rechts-angaben div{grid-template-columns:14rem 1fr}}.rechts-angaben dt{color:var(--tinte-leise)}.tabelle-rolle{border:1px solid var(--linie);border-radius:.75rem;overflow-x:auto}.tabelle{border-collapse:collapse;width:100%;font-size:.9375rem}.tabelle th,.tabelle td{text-align:left;border-top:1px solid var(--linie);padding:.75rem 1rem}.tabelle thead th{background:var(--papier-2);border-top:0}@media (max-width:40rem){.tabelle{-webkit-hyphens:auto;hyphens:auto;font-size:.875rem}.tabelle th,.tabelle td{padding:.6rem .5rem}}}@layer demo{.zeitachse{--start:420;--dauer:480;border-radius:var(--ecke);background:var(--flaeche);border:1px solid var(--linie);box-shadow:0 2rem 4rem -2.5rem var(--schatten);margin:0;padding:clamp(1rem,2vw,1.75rem);container:zeitachse/inline-size}.zeitachse:has([data-zoom=tag]:checked){--start:300;--dauer:960}.zeitachse:has([data-zoom=tag]:checked) .za-stunde:nth-child(2n){visibility:hidden}.zeitachse:has([data-zoom="4"]:checked){--start:480;--dauer:240}@container zeitachse (max-width:40rem){.za-stunde:nth-child(2n){visibility:hidden}.za-fahrt{padding-inline:.2rem;font-size:.6875rem}.za-name b{font-size:.8125rem}}.za-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.za-titel{font-variant-numeric:tabular-nums;align-items:center;gap:.6rem;font-weight:700;display:inline-flex}.puls{background:#c42b1c;border-radius:50%;width:.6rem;height:.6rem;box-shadow:0 0 0 .25rem #c42b1c38;box-shadow:0 0 0 .25rem lab(44.3533% 59.3895 47.8408/.22)}.za-zoom{border:1px solid var(--linie);background:var(--papier);border-radius:.75rem;padding:.25rem;display:inline-flex}.za-zoom label{cursor:pointer;border-radius:.55rem;place-items:center;min-width:3.25rem;min-height:2.5rem;padding-inline:.75rem;font-size:.9375rem;font-weight:650;display:grid;position:relative}.za-zoom input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.za-zoom label:has(input:checked){background:var(--knopf);color:var(--knopf-text)}.za-zoom label:has(input:focus-visible){outline:3px solid var(--fokus);outline-offset:2px}.za-raster{gap:.4rem;display:grid}.za-zeile,.za-skala{grid-template-columns:clamp(4.75rem,22cqi,11rem) 1fr;align-items:center;gap:.75rem;display:grid}.za-name{min-width:0;line-height:1.25;display:grid}.za-name b{white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.za-name span{color:var(--tinte-leise);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.za-spur{background:var(--papier);border-radius:.6rem;height:2.75rem;position:relative;overflow:hidden}.za-skala .za-spur{background:0 0;height:1.4rem}.za-stunde,.za-jetzt-marke{top:0;left:calc((var(--t) - var(--start)) / var(--dauer) * 100%);color:var(--tinte-leise);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem;font-weight:600;transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute;translate:-50%}.za-jetzt-marke{color:#fff;background:#c42b1c;border-radius:999px;padding:0 .35rem}.za-jetzt{width:2px;top:0;bottom:0;left:calc((var(--t) - var(--start)) / var(--dauer) * 100%);background:#c42b1c;transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute}.za-fahrt{top:.3rem;bottom:.3rem;left:calc((var(--von) - var(--start)) / var(--dauer) * 100%);width:calc((var(--bis) - var(--von)) / var(--dauer) * 100%);white-space:nowrap;font-variant-numeric:tabular-nums;border:0;border-radius:.45rem;align-items:center;gap:.25rem;padding-inline:.4rem;font-size:.75rem;font-weight:700;transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;overflow:hidden}.za-fahrt svg{flex-shrink:0}.za-fahrt--geplant{color:var(--lightningcss-light,#0b4552)var(--lightningcss-dark,#bfe7ef);background:var(--lightningcss-light,#dceef1)var(--lightningcss-dark,#1f4049)}.za-fahrt--abholung{color:#fff;background:#0f6cbd}.za-fahrt--eingestiegen{color:#fff;background:#5b5fc7}.za-fahrt--erledigt{color:var(--tinte-leise);background:var(--lightningcss-light,#e3e8ea)var(--lightningcss-dark,#26363c)}.za-fahrt--pause{color:var(--lightningcss-light,#6b4e00)var(--lightningcss-dark,#f7d88a);background:repeating-linear-gradient(135deg,var(--lightningcss-light,#fff4ce)var(--lightningcss-dark,#3d3214) 0 6px,var(--lightningcss-light,#fbe7a6)var(--lightningcss-dark,#4a3c17) 6px 12px)}.za-fahrt--offen{background:color-mix(in oklch, var(--bernstein) 16%, var(--flaeche));outline:2px dashed var(--bernstein);outline-offset:-2px;color:var(--tinte);cursor:pointer}.za-fahrt--offen:hover{background:color-mix(in oklch, var(--bernstein) 32%, var(--flaeche))}.za-fahrt--offen:focus-visible{outline:3px solid var(--fokus);outline-offset:1px}@supports (anchor-name:--a){.za-fahrt--offen{anchor-name:--offene-fahrt}.vorschlag{position-anchor:--offene-fahrt;inset:auto;top:anchor(bottom);left:anchor(center);position-try-fallbacks:flip-block;margin:.75rem 0 0;translate:-50%}@media (max-width:40rem){.vorschlag{left:50vw}}}@media (prefers-reduced-motion:no-preference){.za-fahrt--offen{animation:2.4s ease-in-out infinite offen-puls}}@keyframes offen-puls{50%{background:color-mix(in oklch, var(--bernstein) 34%, var(--flaeche))}}.za-legende{color:var(--tinte-leise);flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.25rem;font-size:.8125rem;display:flex}.za-legende li{align-items:center;gap:.4rem;display:inline-flex;color:var(--tinte-leise)!important;background:0 0!important;outline:0!important;animation:none!important}.za-legende li:before{content:"";border-radius:.2rem;width:1rem;height:.7rem}.za-legende .za-fahrt--geplant:before{background:var(--lightningcss-light,#dceef1)var(--lightningcss-dark,#1f4049)}.za-legende .za-fahrt--abholung:before{background:#0f6cbd}.za-legende .za-fahrt--eingestiegen:before{background:#5b5fc7}.za-legende .za-fahrt--offen:before{outline:2px dashed var(--bernstein);outline-offset:-2px}.za-legende .za-fahrt--erledigt:before{background:var(--lightningcss-light,#e3e8ea)var(--lightningcss-dark,#26363c)}.vorschlag{border:1px solid var(--linie);border-radius:var(--ecke);background:var(--flaeche);width:min(26rem,100vw - 2rem);color:var(--tinte);box-shadow:0 2rem 4rem -1.5rem var(--schatten);margin:auto;padding:1.5rem}.vorschlag::backdrop{background:#061a1f59}.vorschlag h3{margin-bottom:1rem;font-size:1.25rem}.vorschlag ol{gap:.5rem;padding:0;list-style:none;display:grid}.vorschlag li{background:var(--papier);border-radius:.75rem;grid-template-columns:2rem 1fr;gap:0 .75rem;padding:.6rem .75rem;display:grid}.vorschlag li b{background:var(--knopf);width:2rem;height:2rem;color:var(--knopf-text);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.vorschlag li small{color:var(--tinte-leise)}.vorschlag li:first-child{background:var(--akzent-flaeche)}.vorschlag p{color:var(--tinte-leise);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem;font-size:.9375rem;display:flex}.wisch{justify-items:center;gap:1rem;display:grid}.wisch-geraet{background:var(--flaeche);width:min(23rem,100%);box-shadow:0 2rem 4rem -2rem var(--schatten);border:.5rem solid #0f181b;border-radius:2rem;padding:1.25rem;font-family:-apple-system,Roboto,system-ui,sans-serif}.wisch-oben{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wisch-zeit{letter-spacing:-.03em;font-size:2.5rem;font-weight:700}.wisch-name{margin-top:.75rem;font-size:1.35rem;font-weight:650}.wisch-hilfe{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.wisch-hilfe span{background:var(--papier);border-radius:.6rem;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.9375rem;display:inline-flex}.schieber{background:linear-gradient(to right, var(--petrol-900) calc(var(--wert) * 1%), var(--petrol-700) 0);color:#fff;border-radius:1rem;height:4rem;margin-top:1rem;position:relative;overflow:hidden}.schieber-text{pointer-events:none;opacity:calc(1 - var(--wert) / 90);place-items:center;padding-left:3.5rem;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:0}.schieber input{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.schieber input:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:1rem}.schieber input::-webkit-slider-thumb{-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311596A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") 50%/1.5rem no-repeat;border-radius:.8rem;width:3.5rem;height:3.5rem;margin-left:.25rem;box-shadow:0 .25rem .75rem #00000040}.schieber input::-moz-range-thumb{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311596A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") 50%/1.5rem no-repeat;border:0;border-radius:.8rem;width:3.5rem;height:3.5rem}.wisch-neu{border:1.5px solid var(--linie-stark);background:var(--flaeche);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:4rem;margin-top:1rem;font-weight:700;display:inline-flex}.wisch-protokoll{min-height:4.5rem;color:var(--tinte-leise);gap:.3rem;margin-top:.9rem;font-size:.875rem;display:grid}.wisch-protokoll li{gap:.75rem;display:flex}.wisch-protokoll time{color:var(--tinte);font-weight:700}.wisch-hinweis{text-align:center;font-size:.875rem}@media (min-width:60rem){.demo--wischen{grid-template-columns:6fr 5fr;align-items:center;gap:4rem;display:grid}.demo--wischen .kopfzeile{grid-template-columns:1fr;margin:0}}}@layer hilfen{@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.schiene-linie path{stroke:canvastext}.halt-punkt,.ankunft-punkt{forced-color-adjust:none;border-color:canvastext}mark.platzhalter{outline-color:highlight}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.kopf{view-transition-name:kopf}@media print{.kopf,.fuss,.schiene,.fahrtuhr,.menue{display:none!important}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--petrol-900:#0b3a45;--petrol-700:#11596a;--petrol-dunkel:#7fc6d2;--bernstein:#f0a23b;--papier:var(--lightningcss-light,#f4f3ee)var(--lightningcss-dark,#0b171b);--papier-2:var(--lightningcss-light,#ebe9e1)var(--lightningcss-dark,#0f2228);--flaeche:var(--lightningcss-light,#fff)var(--lightningcss-dark,#132a31);--flaeche-2:var(--lightningcss-light,#f8f7f3)var(--lightningcss-dark,#17323a);--tinte:var(--lightningcss-light,#0e2329)var(--lightningcss-dark,#e8eff0);--tinte-leise:var(--lightningcss-light,#4a5c62)var(--lightningcss-dark,#a8bbc0);--linie:var(--lightningcss-light,#0e232924)var(--lightningcss-dark,#e8eff024);--linie-stark:var(--lightningcss-light,#0e232947)var(--lightningcss-dark,#e8eff04d);--route:var(--lightningcss-light,var(--petrol-700))var(--lightningcss-dark,var(--petrol-dunkel));--akzent:var(--lightningcss-light,var(--petrol-700))var(--lightningcss-dark,var(--petrol-dunkel));--akzent-flaeche:var(--lightningcss-light,#dceef1)var(--lightningcss-dark,#16343c);--knopf:var(--lightningcss-light,var(--petrol-700))var(--lightningcss-dark,var(--petrol-dunkel));--knopf-hover:var(--lightningcss-light,var(--petrol-900))var(--lightningcss-dark,#a3d8e1);--knopf-text:var(--lightningcss-light,#fff)var(--lightningcss-dark,#062a32);--fokus:var(--lightningcss-light,var(--petrol-900))var(--lightningcss-dark,var(--bernstein));--schatten:var(--lightningcss-light,#0b3a452e)var(--lightningcss-dark,#0000008c);--schrift-titel:var(--schrift-manrope), "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--schrift-text:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--rand:clamp(1rem, 4vw, 3.5rem);--schiene:clamp(2.4rem, 5vw, 5.5rem);--breite:84rem;--abstand:clamp(4.5rem, 3rem + 6vw, 9.5rem);--halt-mitte:.55rem;--ecke:1.25rem;--kopf-hoehe:4.5rem;--band-datenschutz:var(--lightningcss-light,var(--petrol-900))var(--lightningcss-dark,#0d2a31)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-erscheinung=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-erscheinung=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@property --band-datenschutz{syntax:"<color>";inherits:true;initial-value:#0b3a45}