.mock--auftritt{--app-marke:var(--app-vorgang);--app-marke-blass:var(--app-vorgang-blass)}.mock__seite-koerper{text-align:left;background:var(--float);gap:0;padding:0;display:grid}.mock__seitenkopf{border-bottom:1px solid var(--line-soft);background:var(--float);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.mock__markenzeile{flex:none;align-items:center;gap:.3rem;min-width:0;margin-right:.35rem;display:flex}.mock__marke{color:var(--app-marke);stroke-width:2px;font-size:.875rem}.mock__markenwort{font-family:var(--head);font-weight:var(--head-w);font-size:var(--t-micro);letter-spacing:-.02em;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;max-width:5.5rem;line-height:1;overflow:hidden}.mock__reiter{flex:1;gap:.15rem;min-width:0;display:flex}.mock__reiter span{font-family:var(--sans);letter-spacing:var(--ls-ui);font-size:var(--t-mock-s);color:var(--fg-3);white-space:nowrap;padding:.2rem .3rem;line-height:1.1;position:relative}.mock__reiter span[data-aktiv]{color:var(--fg)}.mock__reiter span[data-aktiv]:after{content:"";border-radius:var(--r-pill);background:var(--app-marke);height:2px;position:absolute;bottom:-.1rem;left:.3rem;right:.3rem}.mock__knopf{cursor:pointer;background:var(--app-marke);color:var(--on-ink);font-family:var(--sans);letter-spacing:var(--ls-ui);font-size:var(--t-mock-s);transition:background var(--dur-tap) var(--ease), transform var(--dur-tap) var(--ease);border:0;border-radius:6px;flex:none;margin-left:auto;padding:.24rem .55rem;font-weight:560;line-height:1.1;position:relative}@media (hover:hover){.mock__knopf:hover{background:color-mix(in oklab, var(--app-marke) 86%, black)}}.mock__knopf:active{transform:scale(.95)}.mock__knopf:before{content:"";width:100%;min-width:24px;height:100%;min-height:24px;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (pointer:coarse){.mock__knopf:before{min-width:44px;min-height:44px}}.mock__hero{background:linear-gradient(180deg, var(--float) 0%, color-mix(in oklab, var(--app-marke-blass) 55%, white) 100%);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:.75rem;padding:.85rem .75rem .85rem .85rem;display:grid}.mock__buehne{align-content:center;justify-items:start;gap:.4rem;min-width:0;display:grid}.mock__hut{font-family:var(--head);font-weight:var(--head-w);letter-spacing:-.035em;color:var(--fg);text-wrap:balance;font-size:1.75rem;line-height:.98}.mock__unter{font-size:var(--t-mock);color:var(--fg-2);text-wrap:pretty;max-width:26ch;line-height:1.4}.mock__cta{color:var(--ton-aktiv);font-size:var(--t-mock-s);letter-spacing:var(--ls-ui);margin-top:.2rem;font-weight:560;line-height:1.1}.mock__hero-bild{border-radius:var(--r-small);background:linear-gradient(160deg, var(--app-marke-blass), color-mix(in oklab, var(--app-marke-blass) 60%, var(--soft)));min-height:7.5rem;display:block;position:relative;overflow:hidden}.mock__hero-bild img{object-fit:cover;filter:var(--foto-daempfung)}.mock__hero-bild:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #14120f14}.mock__kacheln{border-top:1px solid var(--line-soft);justify-content:flex-start;margin:0;padding:.6rem .75rem .65rem .85rem;display:flex}.mock__kachel{border-left:1px solid var(--line-soft);align-items:center;gap:.4rem;min-width:0;padding:.05rem .5rem;display:flex}.mock__kachel:first-child{border-left:0;padding-left:0}.mock__kachel-zeichen{background:var(--app-marke-blass);width:1.375rem;height:1.375rem;color:var(--app-marke);border-radius:6px;flex:none;place-items:center;font-size:.75rem;display:grid}.mock__kachel em{font-style:normal;font-size:var(--t-mock);letter-spacing:var(--ls-ui);color:var(--fg);white-space:nowrap;min-width:0;line-height:1.2}.mock--auftritt{align-content:center;justify-items:stretch;gap:.35rem;padding:clamp(.55rem,2vw,1.1rem)}.mock--auftritt .mock__seite{justify-self:start;gap:0;width:min(100%,26rem);padding:0;overflow:hidden}.mock--auftritt .mock__karte{justify-self:end;width:min(78%,16.5rem);margin-top:clamp(-6.4rem,-10vw,-5rem)}.mock--auftritt .mock__karte--portal{gap:0;padding:0;overflow:hidden}.mock--auftritt .mock__karte--portal .fenster{min-height:1.55rem;padding:.35rem .5rem}.mock--auftritt .fenster__ampeln i{width:8px;height:8px}.mock__portal-koerper{background:var(--float);gap:.3rem;padding:.6rem .75rem .7rem;display:grid}.mock--auftritt .mock__kopf--portal{border-bottom-color:var(--line-soft);align-items:center;gap:.5rem;padding-bottom:.55rem}.mock__portal-avatar{background:var(--app-marke-blass);width:1.625rem;height:1.625rem;color:var(--app-marke);border-radius:50%;flex:none;place-items:center;font-size:.875rem;display:grid}.mock--auftritt .mock__kopf--portal .mock__titel{color:var(--fg);font-size:var(--t-meta);letter-spacing:var(--ls-ui);flex:1;font-weight:600;line-height:1.15}.mock--auftritt .mock__portal-status{font-size:var(--t-mock-s);padding:.12rem .42rem;line-height:1.2}.mock--auftritt .mock__karte--portal .mock__zeile{font-size:var(--t-micro);padding:.45rem 0;line-height:1.25}.mock--auftritt .mock__karte--portal .mock__zeile:first-child{padding-top:.2rem}.mock--auftritt .mock__karte--portal .mock__stand{font-size:var(--t-mock-s);padding:.12rem .42rem}.mock--auftritt .mock__karte--portal .mock__aktionen{padding-top:.35rem}.mock--auftritt .mock__karte--portal .mock__aktion--breit{width:100%;font-size:var(--t-micro);justify-content:center;padding:.4rem .75rem;display:flex}.mock--auftritt .mock__seite,.mock--auftritt .mock__karte{cursor:pointer;transition:transform .6s var(--slow), opacity .6s var(--slow), box-shadow .6s var(--slow), z-index .6s var(--slow);position:relative}.mock--auftritt .mock__seite{z-index:1}.mock--auftritt .mock__karte,.mock--auftritt[data-vorn=seite] .mock__seite{z-index:2;box-shadow:var(--kante-mock), var(--shadow-mock-2)}.mock--auftritt[data-vorn=seite] .mock__karte{z-index:1;box-shadow:var(--kante-mock), var(--shadow-mock-1);opacity:.85;transform:translate(.5rem,1.25rem)scale(.95)}@media (hover:hover){.mock--auftritt[data-vorn=bereich] .mock__seite:hover{transform:translateY(-4px)}.mock--auftritt[data-vorn=seite] .mock__karte:hover{opacity:1;transform:translate(.5rem,1.25rem)scale(.95)translateY(-4px)}}@container (max-width:34rem){.mock--auftritt .mock__seite{width:100%}.mock--auftritt .mock__seitenkopf{padding:.45rem .7rem}.mock--auftritt .mock__hero{gap:.6rem;padding:.7rem .7rem .75rem}.mock--auftritt .mock__kacheln{padding:.55rem .7rem .6rem}.mock__hut{font-size:1.3rem}.mock__hero-bild{min-height:6rem}.mock__reiter span:nth-child(3),.mock__kachel:nth-child(3){display:none}.mock__kachel{gap:.35rem}.mock__kachel-zeichen{border-radius:5px;width:1.125rem;height:1.125rem;font-size:.6875rem}.mock--auftritt .mock__karte{width:min(90%,15.5rem);margin-top:-5.25rem}.mock--auftritt .mock__portal-koerper{padding:.6rem .7rem .7rem}}@supports not (container-type:inline-size){@media (max-width:34rem){.mock--auftritt .mock__seite{width:100%}.mock--auftritt .mock__seitenkopf{padding:.45rem .7rem}.mock--auftritt .mock__hero{gap:.6rem;padding:.7rem .7rem .75rem}.mock--auftritt .mock__kacheln{padding:.55rem .7rem .6rem}.mock__hut{font-size:1.3rem}.mock__hero-bild{min-height:6rem}.mock__reiter span:nth-child(3),.mock__kachel:nth-child(3){display:none}.mock__kachel{gap:.35rem}.mock__kachel-zeichen{border-radius:5px;width:1.125rem;height:1.125rem;font-size:.6875rem}.mock--auftritt .mock__karte{width:min(90%,15.5rem);margin-top:-4.45rem}.mock--auftritt .mock__portal-koerper{padding:.6rem .7rem .7rem}}}.js .reveal.is-in .mock__buehne{animation:rise .5s var(--rise) .42s backwards}.js .reveal.is-in .mock__hero-bild{animation:rise .5s var(--rise) .5s backwards}.js .reveal.is-in .mock__kachel{animation:rise .5s var(--rise) backwards}.js .reveal.is-in .mock__kachel:first-child{animation-delay:.58s}.js .reveal.is-in .mock__kachel:nth-child(2){animation-delay:.66s}.js .reveal.is-in .mock__kachel:nth-child(3){animation-delay:.74s}@media (prefers-reduced-motion:reduce){.js .reveal.is-in .mock__buehne,.js .reveal.is-in .mock__hero-bild,.js .reveal.is-in .mock__kachel{animation:none}.mock--auftritt .mock__seite,.mock--auftritt .mock__karte{transition:none}}@media (max-width:34rem){.mock--auftritt{padding:var(--pad)}.mock--auftritt .mock__seite{width:calc(100% - .5rem)}.mock--auftritt .mock__karte{width:calc(100% - .5rem);margin-top:-3rem}.mock--auftritt .mock__seite,.mock--auftritt .mock__seite-koerper,.mock--auftritt .mock__karte{grid-template-columns:minmax(0,1fr)}.mock__knopf{font-size:var(--t-micro);padding:.38rem .7rem}}@media (max-width:26rem){.mock__markenwort{display:none}.mock--auftritt .mock__karte--portal .mock__was{white-space:normal}}@media (max-width:23rem){.mock__reiter span:nth-child(2){display:none}}@media (max-width:21.25rem){.mock--auftritt .mock__kopf--portal{gap:.375rem}.mock__portal-avatar{width:1.375rem;height:1.375rem;font-size:.75rem}.mock--auftritt .mock__portal-status{padding-inline:.36rem}.mock--auftritt .mock__karte--portal .mock__zeile{font-size:var(--t-mock)}.mock--auftritt .mock__hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.mock__cta{white-space:nowrap}}@media (max-width:34rem){.mock--auftritt{--stapel:4.75rem;padding-top:calc(var(--pad) + var(--stapel));grid-template-columns:minmax(0,1fr)}.mock--auftritt .mock__seite,.mock--auftritt .mock__karte{transform-origin:50% 0;grid-area:1/1;place-self:start stretch;width:100%;margin:0}.mock--auftritt[data-vorn=seite] .mock__seite,.mock--auftritt[data-vorn=bereich] .mock__karte{opacity:1;transform:none}.mock--auftritt[data-vorn=bereich] .mock__seite,.mock--auftritt[data-vorn=seite] .mock__karte{transform:translateY(calc(-1 * var(--stapel))) scale(.92);opacity:1;box-shadow:var(--kante-mock), var(--shadow-mock-1)}}@media (max-width:34rem) and (pointer:coarse){.mock--auftritt[data-vorn=bereich] .mock__knopf:before{min-height:48px;translate:-50% calc(-50% - 6px)}}@media (max-width:34rem){.mock--auftritt .mock__aktion--rand.mock__aktion--breit{justify-self:start;width:auto}}
.mock--betrieb{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.85rem}.mock--betrieb .mock__karte{grid-area:1/2;justify-self:end;width:min(100%,27rem)}.mock--betrieb .mock__ereignis{grid-area:1/1;align-self:center}.mock--betrieb .mock__karte--app{gap:0;padding:0;overflow:hidden}.mock--betrieb .mock__status-main{gap:.75rem;padding:.85rem 1rem .95rem}.mock__titel-zeile{align-items:center;gap:.5rem;min-width:0;display:flex}.mock__titel-zeile .mock__titel{min-width:0;color:var(--fg);flex:1;font-size:.9375rem;font-weight:600;line-height:1.2}.mock--betrieb .mock__punkt--puls{background:var(--ton-ok-punkt);margin-inline:2.5px}.mock--betrieb .mock__app-meta{padding-left:calc(12px + .5rem)}.mock--betrieb .mock__zeilen--app .mock__zeile{font-size:var(--t-micro);line-height:var(--lh-micro);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.45rem 0;display:grid}.mock--betrieb .mock__zeilen--app .mock__zeile:first-child{padding-top:0}.mock--betrieb .mock__zeilen--app .mock__zeile:last-child{padding-bottom:0}.mock--betrieb .mock__zeilen--app .mock__was,.mock--betrieb .mock__zeilen--app .mock__feld{color:var(--fg)}.mock--betrieb .mock__zeilen--app .mock__wert{text-align:right;color:var(--fg-2);font-size:var(--t-mock)}.mock--betrieb .mock__zeilen--app .mock__stand{font-size:var(--t-mock);justify-self:end;padding:.1rem 0;line-height:1.3}.mock--betrieb .mock__zeilen--app .mock__stand[data-ton]:not([data-um]){background:0 0}.mock--betrieb .mock__zeilen--app .mock__stand[data-um]{padding:.1rem .45rem}.mock__verfuegbar{border-top:1px solid var(--line-soft);gap:.35rem;padding-top:.7rem;display:grid}.mock__verfuegbar-titel{font-size:var(--t-mock);color:var(--fg-2);margin:0;line-height:1.2}.mock__spark{gap:2px;height:1.25rem;display:flex}.mock__spark i{background:color-mix(in oklab, var(--g-mint) 72%, var(--float));border-radius:2px;flex:1;display:block}.mock__spark i[data-tag=stoerung]{background:var(--g-sand)}.mock__spark-achse{font-size:var(--t-mock-s);color:var(--fg-3);justify-content:space-between;margin:0;line-height:1.2;display:flex}.mock__ereignis--ticket{gap:.7rem;width:clamp(13rem,20vw,13.5rem);padding:.8rem .85rem .85rem}.mock__ticket-kopf{border-bottom:1px solid var(--line-soft);align-items:center;gap:.4rem;padding-bottom:.55rem;display:flex}.mock__ticket-zeichen{color:var(--fg-3);font-size:.875rem}.mock__ticket-kopf .mock__titel{color:var(--fg);flex:1;font-size:.8125rem;font-weight:600;line-height:1.2}.mock__ticket-anzahl{border-radius:var(--r-pill);background:var(--ton-grund);min-width:1.1rem;height:1.1rem;color:var(--ton-schrift);font-size:var(--t-mock-s);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .4s var(--slow);flex:none;place-content:center;padding:0 .3rem;font-weight:600;line-height:1;display:grid}.mock__ticket-inhalt{display:grid}.mock__ticket-inhalt>*{transition:opacity .4s var(--slow);grid-area:1/1}.mock__ticket-leer{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-2);align-self:center;align-items:center;gap:.4rem;margin:0;display:flex}.mock__ticket-leer .sym{color:var(--ton-ok-punkt);font-size:1rem}.mock__lauf{opacity:0;align-content:start;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.mock__lauf li{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg);transition:opacity .45s var(--slow);grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:.45rem;display:grid;position:relative}.mock__lauf li .sym{color:var(--ton-punkt);justify-self:center;margin-top:.0625rem;font-size:.875rem}.mock__lauf li[data-ton=ok] .sym{stroke-width:2.25px}.mock__lauf b{color:var(--fg-3);font-variant-numeric:tabular-nums;margin-right:.2rem;font-weight:400}.mock__lauf li:last-child{opacity:0}.mock--betrieb .mock__aktion--voll{background:var(--app-betrieb);color:var(--on-ink)}@media (hover:hover){.mock--betrieb button.mock__aktion--voll:not([aria-disabled]):hover{background:color-mix(in oklab, var(--app-betrieb) 86%, var(--ink))}}.mock--betrieb .mock__aktion--voll[aria-disabled]{background:var(--soft);color:var(--fg-2)}.mock__ereignis--ticket .mock__aktion--breit{width:100%;font-size:var(--t-micro);justify-content:center;padding:.45rem .65rem;display:flex}.mock--betrieb[data-phase=erkannt] .mock__punkt--puls{background:var(--ton-stoer-punkt);animation-duration:.9s}.mock--betrieb[data-phase=erkannt] .mock__spark i[data-heute]{background:var(--g-rose)}.mock--betrieb[data-phase=erkannt] .mock__ticket-anzahl{opacity:1}.mock--betrieb:not([data-phase=bereit]) .mock__ticket-leer{opacity:0}.mock--betrieb:not([data-phase=bereit]) .mock__lauf,.mock--betrieb[data-phase=behoben] .mock__lauf li:last-child{opacity:1}.mock--betrieb[data-phase=behoben] .mock__spark i[data-heute]{background:var(--g-sand)}@container (max-width:34rem){.mock--betrieb{grid-template-columns:minmax(0,1fr);gap:.7rem 0}.mock--betrieb .mock__karte,.mock--betrieb .mock__ereignis{grid-area:auto;justify-self:stretch}.mock--betrieb .mock__ereignis{width:100%}.mock--betrieb .mock__verfuegbar{display:none}.mock--betrieb .mock__karte{width:min(100%,30rem)}.mock--betrieb .mock__status-main{gap:.55rem;padding:.6rem .75rem .7rem}.mock--betrieb .mock__ereignis--ticket{grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem}.mock--betrieb .mock__ticket-kopf{grid-area:1/1/2/3}.mock--betrieb .mock__ticket-inhalt{grid-area:2/1/3/3}.mock--betrieb .mock__ticket-kopf .mock__titel{flex:none}.mock--betrieb .mock__ereignis--ticket .mock__aktion--breit{grid-area:1/2;align-self:start;width:auto;margin-top:-.3rem;padding:.3rem .8rem}}@supports not (container-type:inline-size){@media (max-width:34rem){.mock--betrieb{grid-template-columns:minmax(0,1fr);gap:.7rem 0}.mock--betrieb .mock__karte,.mock--betrieb .mock__ereignis{grid-area:auto;justify-self:stretch}.mock--betrieb .mock__ereignis{width:100%}.mock--betrieb .mock__verfuegbar{display:none}.mock--betrieb .mock__karte{width:min(100%,30rem)}.mock--betrieb .mock__status-main{gap:.55rem;padding:.6rem .75rem .7rem}.mock--betrieb .mock__ereignis--ticket{grid-template-columns:minmax(0,1fr) auto;column-gap:.6rem}.mock--betrieb .mock__ticket-kopf{grid-area:1/1/2/3}.mock--betrieb .mock__ticket-inhalt{grid-area:2/1/3/3}.mock--betrieb .mock__ticket-kopf .mock__titel{flex:none}.mock--betrieb .mock__ereignis--ticket .mock__aktion--breit{grid-area:1/2;align-self:start;width:auto;margin-top:-.3rem;padding:.3rem .8rem}}}@media (max-width:34rem){.mock--betrieb .mock__zeilen--app .mock__wert,.mock--betrieb .mock__zeilen--app .mock__stand{font-size:var(--t-micro)}.mock--betrieb .mock__ereignis--ticket .mock__aktion--breit{margin-top:-.4rem;padding:.5rem .95rem}}@media (max-width:22rem){.mock--betrieb .mock__kopf--app{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.2rem .5rem;display:grid}.mock--betrieb .mock__app-titelblock{display:contents}.mock--betrieb .mock__titel-zeile{grid-column:1/-1}.mock--betrieb .mock__app-meta{grid-area:2/1;min-width:0}.mock--betrieb .mock__kopf--app .mock__stand-pille{grid-area:2/2;margin-left:0}}@media (prefers-reduced-motion:reduce){.mock--betrieb .mock__punkt--puls,.mock__lauf,.mock__lauf li,.mock__ticket-inhalt>*,.mock__ticket-anzahl,.mock__spark i{transition:none}}
.bild{--karte:29rem;align-content:center;justify-items:center;gap:.55rem;padding:clamp(.9rem,3vw,2rem);display:grid;inset:0}.bild__karte{width:min(100%, var(--karte));background:var(--float);border-radius:var(--r-fenster);box-shadow:var(--kante-mock), var(--shadow-mock-1);text-align:left;gap:1rem;padding:1.25rem 1.4rem 1.35rem;display:grid}.bild__kopf{border-bottom:1px solid var(--line);align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.bild__titel{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-2);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bild__stand,.bild__pille{border-radius:var(--r-pill);background:var(--soft);color:var(--fg-2);font-size:var(--t-micro);line-height:var(--lh-micro);flex:none;padding:.15rem .5rem}.bild__pille{color:var(--fg);margin-left:auto}.bild__stand[data-ton]{background:var(--ton-grund);color:var(--ton-schrift);align-items:center;gap:.3rem;display:inline-flex}.bild__stand[data-ton]:before{content:"";background:var(--ton-punkt);border-radius:50%;flex:none;width:5px;height:5px}.bild__fuss{color:var(--fg-2)}.bild__kopf .bild__titel{color:var(--fg);font-size:var(--t-ui);white-space:normal;line-height:1.25rem}.bild__zeichnung{display:contents}.bild__rolle{border-radius:var(--r-pill);background:var(--soft);min-width:1.5rem;height:1.5rem;box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--fg-2);font-size:var(--t-mock-s);letter-spacing:.02em;flex:none;place-content:center;padding:0 .3rem;font-weight:600;line-height:1;display:inline-grid}.bild__rolle[data-ton]{background:var(--ton-grund);color:var(--ton-schrift);box-shadow:none}.bild__eingabe{border-radius:var(--r-small);box-shadow:inset 0 0 0 1px var(--line);background:var(--float);gap:.1rem;padding:.35rem .55rem .4rem;display:grid}.bild__eingabe-label{font-size:var(--t-mock-s);color:var(--fg-3);line-height:1.2}.bild__eingabe-wert{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg)}.bild--strecke{max-width:39.5rem;margin-inline:auto}@media (min-width:34.01rem){.block:has(.block__punkte) .block__visual:has(.bild){aspect-ratio:auto}.block__visual:has(.bild){aspect-ratio:auto}.block__visual:has(.bild) .bild{min-height:var(--schaubild-hoehe);position:relative;inset:auto}}.js .reveal.is-in .bild__karte{animation:rise .5s var(--rise) .16s backwards}@media (prefers-reduced-motion:reduce){.js .reveal.is-in .bild__karte{animation:none}}@media (max-width:34rem){.grad .bild{position:relative;inset:auto}.block__visual:has(.bild){aspect-ratio:auto}.bild{min-height:72vw;padding-inline:var(--pad)}.bild__karte{gap:.8rem;padding:.95rem 1rem 1.05rem}.bild{--t-mock:.75rem;--t-mock-s:.6875rem}}
.vergleich .fenster,.strecke__web .fenster,.strecke__portal .fenster{border-radius:var(--r-fenster) var(--r-fenster) 0 0}.bild--vergleich{--karte:29rem}.bild__karte.vergleich{gap:0;padding:0}.vergleich__koerper{gap:1.25rem;padding:1.1rem 1.4rem 1.2rem;display:grid}.vergleich__titel{font-size:var(--t-ui);color:var(--fg);align-items:center;gap:.5rem;font-weight:560;line-height:1.25rem;display:flex}.vergleich__titel .sym{color:var(--fg-3);font-size:1.05em}.vergleich__skala{gap:.45rem;display:grid}.vergleich__ziel{width:var(--ziel);justify-content:flex-end;display:flex}.vergleich__ziel>span{background:var(--float);box-shadow:var(--kante-mock), var(--shadow-mock-1);color:var(--fg-3);font-size:var(--t-mock-s);letter-spacing:var(--ls-ui);white-space:nowrap;border-radius:.5rem 0 .5rem .5rem;justify-items:end;gap:.1rem;padding:.32rem .65rem .36rem;line-height:1.2;display:grid}.vergleich__ziel b{color:var(--ton-ok);font-size:var(--t-micro);font-variant-numeric:tabular-nums;font-weight:600;line-height:1.2}.vergleich__balken{gap:3px;height:.625rem;display:flex;position:relative}.vergleich__balken i{background:color-mix(in oklab, var(--ton-punkt) 16%, var(--ton-grund));border-radius:2px;flex-basis:0}.vergleich__balken i:first-child{border-radius:var(--r-pill) 2px 2px var(--r-pill)}.vergleich__balken i:last-child{border-radius:2px var(--r-pill) var(--r-pill) 2px}.vergleich__stab{left:var(--ziel);background:var(--ton-ok);border-radius:0 0 1px 1px;width:2px;margin-left:-2px;position:absolute;top:-.45rem;bottom:-.3rem}.vergleich__achse{height:1rem;font-size:var(--t-mock);color:var(--fg-3);font-variant-numeric:tabular-nums;line-height:1rem;position:relative}.vergleich__achse span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.vergleich__achse span[data-lage=start]{transform:none}.vergleich__achse span[data-lage=ende]{transform:translate(-100%)}.vergleich__grenze{font-size:var(--t-mock);color:var(--fg-3);text-align:right;justify-self:end;line-height:1.3}.vergleich__stationen{border-top:1px solid var(--line-soft);gap:.3rem;padding-top:.9rem;display:grid}.vergleich__stationen ul{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-2);flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;list-style:none;display:flex}.vergleich__stationen li{align-items:center;gap:.35rem;display:inline-flex}.vergleich__stationen .sym{color:var(--fg-3);font-size:.95em}.vergleich__stationen p{font-size:var(--t-mock);color:var(--fg-3);line-height:1.3}.bild--strecke{justify-items:stretch}.strecke{--strecke-spalten:minmax(0, 36fr) minmax(0, 24fr) minmax(0, 40fr);grid-template-columns:var(--strecke-spalten);--strecke-leiste:calc(1.85rem + 1px);grid-template-rows:minmax(0,1fr) auto auto auto;row-gap:0;width:100%;display:grid}.strecke__web,.strecke__portal{grid-template-rows:subgrid;border-radius:var(--r-fenster);text-align:left;row-gap:0;min-width:0;display:grid}.strecke__web{background:var(--float);box-shadow:var(--kante-mock), var(--shadow-mock-1);grid-area:1/1/4/3;grid-template-columns:minmax(0,1fr);overflow:hidden}.strecke__portal{z-index:1;background:linear-gradient(var(--float), var(--float)), var(--paper);box-shadow:var(--kante-mock), var(--shadow-mock-2);grid-area:2/2/5/4;position:relative}.strecke__web-oben{grid-row:1/3;grid-template-columns:minmax(0,1fr);align-content:start;display:grid}.strecke__felder{gap:.5rem;padding:.85rem 1rem .75rem;display:grid}.strecke__senden{grid-row:3;align-items:center;gap:.35rem;padding:.6rem 0 .6rem 1rem;display:flex}.strecke__knopf{border-radius:var(--r-pill);background:var(--app-marke);color:var(--on-ink);font-size:var(--t-mock);letter-spacing:var(--ls-ui);flex:none;padding:.34rem .85rem .36rem;font-weight:560;line-height:1.2}.strecke__faden{background:var(--app-marke);border-radius:1px;flex:1;min-width:1.5rem;height:1.5px;position:relative}.strecke__faden:before{content:"";background:var(--app-marke);border-radius:50%;width:5px;height:5px;margin-top:-2.5px;position:absolute;top:50%;left:0}.strecke__portal .fenster{grid-row:1}.strecke__kopf{border-bottom:1px solid var(--line);grid-row:2;align-items:center;gap:.6rem;padding:.6rem 1.2rem;display:flex;position:relative}.strecke__kopf:before{content:"";background:var(--app-marke);width:9px;height:9px;box-shadow:0 0 0 2.5px var(--paper);border-radius:50%;margin-top:-4.5px;position:absolute;top:50%;left:-4.5px}.strecke__titel{min-width:0;font-size:var(--t-ui);color:var(--fg);font-variant-numeric:tabular-nums;font-weight:560;line-height:1.25rem}.strecke__nr:after{content:" ·";content:" ·" / ""}.strecke__kopf .bild__stand{margin-left:auto}.strecke__zeilen{grid-row:3;margin:0;padding:.4rem 1.2rem .65rem;display:grid}.strecke__zeile{font-size:var(--t-meta);line-height:var(--lh-meta);grid-template-columns:6.6rem minmax(0,1fr);align-items:center;column-gap:.75rem;padding:.4rem 0;display:grid}.strecke__zeile dt{color:var(--fg-3);align-items:center;gap:.45rem;display:flex}.strecke__zeile dt .sym{font-size:1.05em}.strecke__zeile dd{min-width:0;color:var(--fg);flex-wrap:wrap;align-items:center;gap:.3rem .45rem;margin:0;display:flex}.strecke .bild__rolle{background:var(--app-marke-blass);color:var(--app-marke);box-shadow:none}@container (max-width:36rem){.bild.bild--strecke{padding-inline:1.25rem}.strecke{--strecke-spalten:minmax(0, 34fr) minmax(0, 30fr) minmax(0, 36fr)}.strecke__felder{padding-bottom:var(--strecke-leiste)}.strecke__kopf,.strecke__zeilen{padding-inline:1.05rem}.strecke__zeile{grid-template-columns:5.5rem minmax(0,1fr);column-gap:.6rem}}@container (max-width:25rem){.bild.bild--strecke{padding-inline:.875rem}.strecke{row-gap:var(--strecke-luecke);--strecke-luecke:1.1rem;--strecke-lot:calc(.75rem + 2.75rem);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.strecke__web{grid-area:1/1;grid-template-rows:auto auto}.strecke__web-oben{grid-row:1}.strecke__felder{padding:.85rem .75rem .25rem}.strecke__senden{grid-row:2;padding:.55rem .75rem .8rem}.strecke__knopf{text-align:center;min-width:5.5rem}.strecke__faden{display:none}.strecke__portal{grid-area:2/1;grid-template-rows:auto auto auto}.strecke__portal:before{content:"";left:calc(var(--strecke-lot) - .75px);top:calc(-1 * var(--strecke-luecke));width:1.5px;height:var(--strecke-luecke);background:var(--app-marke);position:absolute}.strecke__portal:after{content:"";left:calc(var(--strecke-lot) - 4.5px);background:var(--app-marke);width:9px;height:9px;box-shadow:0 0 0 2.5px var(--paper);z-index:2;border-radius:50%;position:absolute;top:-4.5px}.strecke__kopf:before{content:none}.strecke__kopf{gap:.5rem;padding-inline:.85rem}.strecke__zeilen{padding:.3rem .85rem .6rem}.strecke__zeile{grid-template-columns:6.2rem minmax(0,1fr);column-gap:.6rem}}@container (max-width:18.5rem){.bild.bild--strecke{padding-inline:.75rem}.strecke__zeile{grid-template-columns:minmax(0,1fr);row-gap:.1rem;padding:.3rem 0}}@supports not (container-type:inline-size){.strecke__felder{padding-bottom:var(--strecke-leiste)}@media (max-width:34rem){.bild.bild--strecke{padding-inline:.875rem}.strecke{row-gap:var(--strecke-luecke);--strecke-luecke:1.1rem;--strecke-lot:calc(.75rem + 2.75rem);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.strecke__web{grid-area:1/1;grid-template-rows:auto auto}.strecke__web-oben{grid-row:1}.strecke__felder{padding:.85rem .75rem .25rem}.strecke__senden{grid-row:2;padding:.55rem .75rem .8rem}.strecke__knopf{text-align:center;min-width:5.5rem}.strecke__faden{display:none}.strecke__portal{grid-area:2/1;grid-template-rows:auto auto auto}.strecke__portal:before{content:"";left:calc(var(--strecke-lot) - .75px);top:calc(-1 * var(--strecke-luecke));width:1.5px;height:var(--strecke-luecke);background:var(--app-marke);position:absolute}.strecke__portal:after{content:"";left:calc(var(--strecke-lot) - 4.5px);background:var(--app-marke);width:9px;height:9px;box-shadow:0 0 0 2.5px var(--paper);z-index:2;border-radius:50%;position:absolute;top:-4.5px}.strecke__kopf:before{content:none}.strecke__kopf{gap:.5rem;padding-inline:.85rem}.strecke__zeilen{padding:.3rem .85rem .6rem}.strecke__zeile{grid-template-columns:6.2rem minmax(0,1fr);column-gap:.6rem}}@media (max-width:22.5rem){.strecke__zeile{grid-template-columns:minmax(0,1fr);row-gap:.1rem;padding:.3rem 0}}}@media (max-width:34rem){.vergleich__koerper{gap:1.1rem;padding:1rem 1rem 1.05rem}.vergleich__ziel>span{font-size:var(--t-micro);padding-inline:.55rem}.vergleich__ziel b{font-size:var(--t-meta)}.vergleich__achse,.vergleich__grenze,.vergleich__stationen p{font-size:var(--t-micro)}}@container (max-width:18.5rem){.vergleich__koerper{padding-inline:.85rem}.vergleich__achse{font-size:.6875rem}}
.bild--verlauf{--karte:30rem}.bild--verlauf .bild__karte--app{gap:0;padding:0;overflow:hidden}.bild--verlauf .bild__app{background:var(--float);grid-template-columns:auto minmax(0,1fr);display:grid}.bild__leiste{background:color-mix(in oklab, var(--soft) 55%, transparent);border-right:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.bild__leiste-marke{width:1.125rem;height:1.125rem;color:var(--app-marke);margin-bottom:.5rem}.bild__leiste-eintrag{border-radius:var(--r-small);width:1.75rem;height:1.75rem;color:var(--fg-3);place-items:center;font-size:.9375rem;display:grid}.bild__leiste-eintrag[data-offen]{background:var(--app-vorgang-blass);color:var(--app-vorgang)}.bild--verlauf .bild__app-koerper{align-content:start;gap:1rem;padding:1rem 1.25rem 1.2rem;display:grid}.bild--verlauf .bild__kopf .bild__titel{font-weight:600}.bild__schritte{margin:0;padding:0;list-style:none;display:grid}.bild__schritt{grid-template-columns:1.75rem minmax(0,1fr);gap:.15rem .75rem;padding-bottom:.8rem;display:grid;position:relative}.bild__schritt:last-child{padding-bottom:0}.bild__schritt:not(:last-child):after{content:"";border-left:1px solid var(--line);position:absolute;top:1.75rem;bottom:0;left:calc(.875rem - .5px)}.bild__schritt[data-stand=laeuft]:after{border-left:1px dashed var(--soft-3);bottom:-2px}.bild__knoten{background:var(--soft);width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px var(--line-soft);color:var(--fg-2);border-radius:50%;grid-row:1/span 2;place-items:center;font-size:.875rem;display:grid}.bild__schritt[data-stand=laeuft] .bild__knoten{background:var(--app-vorgang-blass);box-shadow:0 0 0 3px color-mix(in oklab, var(--app-vorgang) 12%, transparent);color:var(--app-vorgang)}.bild__schritt[data-stand=folgt] .bild__knoten{box-shadow:none;color:var(--mark);background:0 0;font-size:1.75rem}.bild__schritt[data-stand=folgt] .bild__knoten .sym{stroke-width:.8px}.bild__schritt-was{font-size:var(--t-ui);color:var(--fg);padding-top:.25rem;line-height:1.25rem}.bild__schritt[data-stand=laeuft] .bild__schritt-was{color:var(--fg);font-weight:560}.bild__schritt[data-stand=folgt] .bild__schritt-was{color:var(--fg-3)}.bild__schritt-wer{font-size:var(--t-mock);color:var(--fg-3);font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;line-height:1.25;display:flex}.bild--verlauf .bild__rolle{letter-spacing:.01em;min-width:0;height:1.125rem;box-shadow:none;padding:0 .4rem;font-weight:500;line-height:1.0625rem;display:inline-block}@container (max-width:30rem){.bild--verlauf .bild__app{grid-template-columns:minmax(0,1fr)}.bild--verlauf .bild__leiste{display:none}.bild--verlauf .bild__app-koerper{gap:.85rem;padding:.9rem 1rem 1rem}}@supports not (container-type:inline-size){@media (max-width:34rem){.bild--verlauf .bild__app{grid-template-columns:minmax(0,1fr)}.bild--verlauf .bild__leiste{display:none}}}
.bild__karte--app{gap:0;padding:0;overflow:hidden}.bild__app-koerper{background:var(--float);align-content:start;gap:1rem;padding:1rem 1.25rem 1.2rem;display:grid}.bild--monat .bild__kopf .bild__titel,.bild--checkliste .bild__kopf .bild__titel{font-weight:600}.bild--monat{--karte:31rem}.bild__bericht{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:1.25rem;display:grid}.bild__kalender{font-variant-numeric:tabular-nums;grid-template-columns:repeat(7,1.75rem);grid-auto-rows:1.625rem;gap:.125rem;display:grid}.bild__kalender-kopf{font-size:var(--t-mock-s);color:var(--fg-3);place-items:center;line-height:1;display:grid}.bild__tag{border-radius:var(--r-small);font-size:var(--t-mock);color:var(--fg-2);place-items:center;line-height:1;display:grid}.bild__tag[data-wochenende]{color:var(--fg-3)}.bild__tag[data-marke]{background:var(--app-betrieb-blass);color:var(--app-betrieb);font-size:.875rem}.bild__legende{border-left:1px solid var(--line-soft);gap:.7rem;margin:0;padding:0 0 0 1.25rem;list-style:none;display:grid}.bild__legende li{grid-template-columns:1.5rem minmax(0,1fr);align-items:center;gap:.05rem .6rem;display:grid}.bild__legende-zeichen{background:var(--app-betrieb-blass);width:1.5rem;height:1.5rem;color:var(--app-betrieb);border-radius:7px;grid-row:1/span 2;align-self:start;place-items:center;font-size:.8125rem;display:grid}.bild__legende-was{font-size:var(--t-meta);color:var(--fg);line-height:1.1rem}.bild__legende-wann{font-size:var(--t-mock);color:var(--fg-3);font-variant-numeric:tabular-nums;line-height:1.25}.bild__legende-taeglich{border-top:1px solid var(--line-soft);padding-top:.7rem}.bild__legende-taeglich .bild__legende-zeichen{background:var(--soft);color:var(--fg-2)}@container (max-width:36rem){.bild--monat .bild__bericht{column-gap:1rem}.bild--monat .bild__kalender{grid-template-columns:repeat(7,1.5rem)}.bild--monat .bild__legende{padding-left:1rem}}@container (max-width:30rem){.bild.bild--monat{padding-inline:1.25rem}.bild--monat .bild__app-koerper{gap:.85rem;padding:.9rem 1rem 1rem}.bild--monat .bild__bericht{column-gap:.875rem}.bild--monat .bild__kalender{grid-template-columns:repeat(7,1.375rem)}.bild--monat .bild__legende{padding-left:.875rem}.bild--monat .bild__legende li{grid-template-columns:1.375rem minmax(0,1fr);column-gap:.5rem}.bild--monat .bild__legende-zeichen{border-radius:6px;width:1.375rem;height:1.375rem;font-size:.75rem}}@container (max-width:27rem){.bild--monat .bild__bericht{grid-template-columns:minmax(0,1fr);row-gap:1rem}.bild--monat .bild__kalender{grid-template-columns:repeat(7,minmax(0,2.75rem));justify-content:space-between}.bild--monat .bild__legende{border-left:0;border-top:1px solid var(--line-soft);padding:.9rem 0 0}}@supports not (container-type:inline-size){@media (max-width:34rem){.bild--monat .bild__app-koerper{gap:.85rem;padding:.9rem 1rem 1rem}.bild--monat .bild__bericht{grid-template-columns:minmax(0,1fr);row-gap:1rem}.bild--monat .bild__kalender{grid-template-columns:repeat(7,minmax(0,2.75rem));justify-content:space-between}.bild--monat .bild__legende{border-left:0;border-top:1px solid var(--line-soft);padding:.9rem 0 0}}}.bild--checkliste{--karte:30rem}.bild__fortschritt{font-size:var(--t-mock);color:var(--fg-3);font-variant-numeric:tabular-nums;flex:none;justify-items:end;gap:.3rem;margin-left:auto;line-height:1;display:grid}.bild__fortschritt-linie{border-radius:var(--r-pill);background:var(--soft-2);width:4.5rem;height:3px;overflow:hidden}.bild__fortschritt-linie i{border-radius:inherit;background:var(--app-uebernahme);height:100%;display:block}.bild__punkte{margin:0;padding:0;list-style:none;display:grid}.bild__punkt-zeile{border-top:1px solid var(--line-soft);grid-template-columns:1.125rem minmax(0,1fr) auto;align-items:start;column-gap:.7rem;padding:.7rem 0;display:grid}.bild__punkt-zeile:first-child{border-top:0;padding-top:.1rem}.bild__punkt-zeile:last-child{padding-bottom:0}.bild__haken{width:1.125rem;height:1.125rem;color:var(--ton-punkt);place-items:center;margin-top:.0625rem;font-size:1.125rem;display:grid}.bild__haken i{border:1.5px solid color-mix(in oklab, var(--ton-punkt) 30%, transparent);border-top-color:var(--ton-punkt);border-radius:50%;width:.9375rem;height:.9375rem;transform:rotate(45deg)}.bild__haken[data-ton=neutral]{color:var(--mark)}.bild__punkt-was{font-size:var(--t-ui);color:var(--fg);line-height:1.25rem}.bild__punkt-zeile:has([data-ton=neutral]) .bild__punkt-was{color:var(--fg-2)}.bild__chips{flex-wrap:wrap;grid-column:2/-1;gap:.375rem;margin-top:.55rem;display:flex}.bild__chip{border-radius:var(--r-pill);background:var(--float);box-shadow:inset 0 0 0 1px var(--line);font-size:var(--t-mock);color:var(--fg-2);align-items:center;gap:.3rem;padding:.2rem .5rem .2rem .4rem;line-height:1.3;display:inline-flex}.bild__chip .sym{color:var(--app-uebernahme);font-size:.75rem}@container (max-width:30rem){.bild--checkliste .bild__app-koerper{gap:.85rem;padding:.9rem 1rem 1rem}.bild__punkt-zeile{column-gap:.55rem}}@container (max-width:25rem){.bild__chips:has(>:nth-child(4)){grid-template-columns:repeat(2,max-content);display:grid}}@supports not (container-type:inline-size){@media (max-width:34rem){.bild--checkliste .bild__app-koerper{gap:.85rem;padding:.9rem 1rem 1rem}.bild__punkt-zeile{column-gap:.55rem}.bild__chips:has(>:nth-child(4)){grid-template-columns:repeat(2,max-content);display:grid}}}
.bild--auslese{justify-items:stretch}.lese-huelle{container:lese/inline-size}.lese{--h:1.75rem;--linie:color-mix(in oklab, var(--app-ki) 62%, transparent);--schraeg:-1.5deg;--zeilenluft:.7rem;grid-template-rows:auto auto repeat(3,auto) auto;grid-template-columns:minmax(0,.8fr) 1.75rem minmax(0,1.2fr);width:min(100%,36rem);margin-inline:auto;display:grid;position:relative}.lese__blatt{background:var(--paper);box-shadow:var(--kante-mock), var(--shadow-mock-1);rotate:var(--schraeg);transform-origin:100%;border-radius:3px;grid-area:1/1/7;align-self:stretch;margin:.35rem 0 .2rem;position:relative;overflow:hidden}.lese__blatt:after{content:"";background-image:var(--grain);background-size:var(--grain-size);opacity:.14;mix-blend-mode:multiply;position:absolute;inset:0}.lese[data-schrift=druck]{--zeilenluft:.3rem}.lese__fenster{background:var(--float);border-radius:var(--r-fenster);box-shadow:var(--kante-mock), var(--shadow-mock-2);grid-area:1/3/7;align-self:stretch}.lese__belegkopf,.lese__stelle,.lese__belegfuss{rotate:var(--schraeg);z-index:1;grid-column:1;position:relative}.lese__belegkopf{transform-origin:100%;grid-row:1/3;align-self:start;gap:.7rem;padding:1.35rem 1.1rem 0;display:grid}.lese__balken{gap:5px;display:grid}.lese__balken i{border-radius:var(--r-pill);background:var(--soft-3);height:5px;display:block}.lese__balken i:first-child{background:#14120f42;width:40%;margin-bottom:4px}.lese__balken i:nth-child(2){width:62%}.lese__balken i:nth-child(3){width:48%}.lese__balken--rest i:first-child{background:var(--soft-3);width:78%;margin-bottom:0}.lese__balken--rest i:nth-child(2){width:52%}.lese__belegtitel{font-size:var(--t-ui);line-height:var(--lh-ui);letter-spacing:.01em;color:var(--fg);font-weight:650}.lese[data-schrift=hand] .lese__belegtitel{font-family:var(--hand);letter-spacing:0;font-size:1.6rem;font-weight:600;line-height:1.1}.lese__zeile{display:contents}.lese__stelle{grid-column:1/3;grid-row:calc(3 + var(--n));padding:var(--zeilenluft) 0 0 1.1rem;min-width:0;transform-origin:100% calc(100% - var(--h) / 2);align-self:end;align-items:flex-end;display:flex}.lese__text{justify-items:start;gap:.15rem;min-width:0;display:grid}.lese__vordruck{font-size:var(--t-mock-s);color:var(--fg-3);line-height:1.1}.lese__mark{height:var(--h);line-height:var(--h);background:var(--app-ki-blass);color:var(--fg);font-size:var(--t-meta);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:4px;margin-left:-.35rem;padding:0 .35rem;font-weight:500}.lese[data-schrift=hand] .lese__mark{font-family:var(--hand);letter-spacing:0;font-size:1.3rem;font-weight:500}.lese__leer{width:6rem;height:6px;margin-bottom:calc(var(--h) / 2 - 3px);border-radius:var(--r-pill);background:#14120f4d;display:block}.lese__stempel{border:1.5px solid var(--app-ki);color:var(--app-ki);background:color-mix(in oklab, var(--app-ki-blass) 70%, transparent);mix-blend-mode:multiply;border-radius:5px;justify-items:center;padding:.15rem .55rem 0;display:inline-grid;rotate:-4deg}.lese__stempel b{font-size:var(--t-mock-s);letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.2}.lese__stempel .lese__mark{height:calc(var(--h) - .3rem);line-height:calc(var(--h) - .3rem);color:inherit;background:0 0;margin:0;padding:0;font-weight:650}.lese__nr{background:var(--app-ki);width:1rem;height:1rem;color:var(--on-ink);font-size:var(--t-mock-s);text-align:center;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;font-weight:650;line-height:1rem}.lese__fund{align-items:flex-end;min-width:0;display:inline-flex;position:relative}.lese__fund>.lese__nr{margin:0 0 calc((var(--h) - 1rem) / 2) .4rem}.lese__haken{vertical-align:-.05em;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:.8em;height:.8em;margin-left:.2em;display:inline-block}.lese__linie{min-width:.4rem;height:1.25px;margin-bottom:calc(var(--h) / 2 - .625px);background:var(--linie);flex:1 1 0;position:relative}.lese__linie:after{content:"";background:var(--app-ki);width:7px;height:7px;box-shadow:0 0 0 2px var(--float);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;right:-3.5px}.lese__belegfuss{transform-origin:100%;grid-row:6;align-self:end;padding:0 1.1rem 1.35rem}.lese__unterschrift{fill:none;width:5.5rem;height:auto;stroke:var(--fg);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;display:block}.lese__leiste{grid-area:1/3;position:relative}.lese__leiste .fenster{border-radius:var(--r-fenster) var(--r-fenster) 0 0}.lese__kopf{border-bottom:1px solid var(--line);grid-area:2/3;align-items:center;gap:.55rem;margin-bottom:.3rem;padding:.62rem 1rem .58rem;display:flex;position:relative}.lese__funke{color:var(--app-ki);font-size:1rem}.lese__titel{font-size:var(--t-ui);color:var(--fg);min-width:0;font-weight:560;line-height:1.2rem;display:grid}.lese__unter{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-3);white-space:nowrap;font-weight:400}.lese__kopf .bild__stand{margin-left:auto}.lese__feld{grid-column:3;grid-row:calc(3 + var(--n));padding:var(--zeilenluft) 1rem 0;justify-content:space-between;align-self:end;align-items:center;gap:.6rem;display:flex;position:relative}.lese__label{min-width:0;font-size:var(--t-meta);line-height:var(--lh-meta);color:var(--fg-2);white-space:nowrap;align-items:center;gap:.45rem;display:inline-flex}.lese__wert{height:var(--h);line-height:var(--h);box-shadow:inset 0 0 0 1px var(--line);background:var(--float);font-size:var(--t-meta);color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;border-radius:6px;flex:0 0 52%;padding:0 .55rem;font-weight:500;overflow:hidden}.lese__fuss{border-top:1px solid var(--line-soft);grid-area:6/3;justify-content:space-between;align-items:center;gap:.6rem;margin:.9rem 1rem 0;padding:.7rem 0 .75rem;display:flex;position:relative}.lese__hinweis{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-3);white-space:nowrap}.lese__knopf{border-radius:var(--r-small);background:var(--app-ki);color:var(--on-ink);font-size:var(--t-micro);line-height:var(--lh-micro);letter-spacing:var(--ls-ui);flex:none;padding:.4rem .8rem;font-weight:560;box-shadow:inset 0 -1px #14120f24,0 1px 2px #14120f1f}@container lese (max-width:31rem){.lese{--h:1.625rem;--zeilenluft:.5rem;grid-template-columns:minmax(0,.85fr) 1rem minmax(0,1.15fr)}.lese[data-schrift=druck]{--zeilenluft:.3rem}.lese[data-schrift=hand] .lese__mark{font-size:1.125rem}.lese__stelle{padding-left:.9rem}.lese__belegkopf,.lese__belegfuss{padding-inline:.9rem}.lese__kopf{flex-wrap:wrap;gap:.45rem;padding-inline:.7rem}.lese__feld{padding-inline:.7rem}.lese__fuss{margin-inline:.7rem}.lese__feld{flex-direction:column;align-items:stretch;gap:.2rem}.lese__label{font-size:var(--t-micro);line-height:var(--lh-micro);white-space:normal;gap:.35rem}.lese__label .lese__nr{width:.875rem;height:.875rem;line-height:.875rem}.lese__wert{flex:none}}@supports not (container-type:inline-size){@media (max-width:34rem){.lese{--h:1.625rem;--zeilenluft:.5rem}.lese[data-schrift=druck]{--zeilenluft:.3rem}.lese__feld{flex-direction:column;align-items:stretch;gap:.2rem}.lese__label{font-size:var(--t-micro);line-height:var(--lh-micro);white-space:normal;gap:.35rem}.lese__label .lese__nr{width:.875rem;height:.875rem;line-height:.875rem}.lese__wert{flex:none}}}.bild--zusage{--karte:27rem}.zusage{width:min(100%, var(--karte));background:var(--float);border-radius:var(--r-fenster);box-shadow:var(--kante-mock), var(--shadow-mock-1);text-align:left;gap:.25rem;padding:1.2rem 1.35rem .85rem;display:grid}.zusage__kopf{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding-bottom:.9rem;display:flex}.zusage__zeichen{border-radius:var(--r-small);background:var(--soft);width:2rem;height:2rem;color:var(--fg-2);flex:none;place-items:center;font-size:1rem;display:grid}.zusage__titel{min-width:0;font-size:var(--t-ui);color:var(--fg);font-weight:560;line-height:1.25rem;display:grid}.zusage__unter{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-3);font-weight:400}.zusage__zeilen{margin:0;padding:0;list-style:none;display:grid}.zusage__zeile{font-size:var(--t-ui);grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding:.7rem 0;line-height:1.35rem;display:grid}.zusage__zeile+.zusage__zeile{border-top:1px solid var(--line-soft)}.zusage__symbol{background:var(--soft);width:1.75rem;height:1.75rem;color:var(--fg-2);border-radius:7px;place-items:center;font-size:.95rem;display:grid}.zusage__was{color:var(--fg);min-width:0}.zusage__gilt{justify-self:end}.bild--zusage[data-modus=notizen] .zusage__zeile{grid-template-columns:1.75rem minmax(0,1fr);align-items:start;row-gap:.1rem}.bild--zusage[data-modus=notizen] .zusage__symbol{grid-row:span 2;margin-top:.05rem}.zusage__rat{font-size:var(--t-meta);line-height:var(--lh-meta);color:var(--fg-2);grid-column:2;align-items:center;gap:.4rem;display:inline-flex}.zusage__rat .sym{color:var(--mark);flex:none}.zusage__notiz{margin:-.7rem max(0px, calc((100% - var(--karte)) / 2 - 1.25rem)) 0 0;z-index:1;background:var(--g-sand-pale);width:fit-content;max-width:min(11.5rem,78%);font-family:var(--hand);color:var(--fg);text-wrap:balance;border-radius:3px;justify-self:end;padding:.6rem .95rem .75rem;font-size:1.3rem;font-weight:500;line-height:1.15;position:relative;rotate:2deg;box-shadow:0 0 0 1px #7a501014,0 1px 2px #14120f14,0 16px 28px -16px #14120f66}@media (max-width:34rem){.lese{grid-template-columns:minmax(0,1fr) .75rem minmax(0,1fr)}.lese__belegkopf{gap:.5rem;padding:1rem .7rem 0}.lese__stelle{padding:var(--zeilenluft) 0 0 .7rem}.lese__belegfuss{padding:0 .7rem 1rem}.lese[data-schrift=hand] .lese__mark{font-size:1.0625rem}.lese[data-schrift=hand] .lese__belegtitel{font-size:1.35rem}.lese__mark,.lese__wert{font-size:var(--t-micro)}.lese__fund>.lese__nr{box-shadow:0 0 0 1.5px var(--paper);margin:0;position:absolute;top:-.7rem;right:-.65rem}.lese__linie{margin-left:.15rem}.lese__text{gap:.35rem}.lese__unterschrift{width:4.25rem}.lese__kopf{flex-wrap:wrap;row-gap:.35rem;padding:.65rem .7rem .6rem}.lese__kopf .bild__stand{margin-left:0}.lese__feld{padding-inline:.7rem}.lese__fuss{flex-wrap:wrap;margin:.8rem .7rem 0;padding:.7rem 0 .8rem}.zusage{padding:1rem 1rem .85rem}.zusage__zeile{grid-template-columns:1.75rem minmax(0,1fr);row-gap:.3rem}.zusage__gilt{grid-column:2;justify-self:start}.zusage__notiz{margin-right:.25rem;font-size:1.125rem}}@container lese (max-width:18rem){.lese__feld,.lese__kopf{padding-inline:.5rem}.lese__fuss{margin-inline:.5rem}.lese__wert{padding-inline:.45rem}.lese__leiste .fenster{gap:.35rem;padding-inline:.5rem}.lese__leiste .fenster__ampeln{gap:4px}.lese__leiste .fenster__ampeln i{width:8px;height:8px}}@container lese (max-width:16rem){.lese{grid-template-columns:minmax(0,.85fr) .5rem minmax(0,1.15fr)}.lese__stelle{padding-left:.55rem}.lese__belegkopf{padding-inline:.5rem}.lese__belegfuss{padding-inline:.55rem}.lese__belegtitel{font-size:var(--t-meta);letter-spacing:0}.lese__linie{min-width:1rem}.lese__mark{height:auto;min-height:var(--h);white-space:normal;padding-block:.3rem;line-height:1.25}.lese[data-schrift=hand] .lese__mark{line-height:1.15}.lese__stempel .lese__mark{min-height:calc(var(--h) - .3rem);line-height:calc(var(--h) - .3rem);padding-block:0}}.grad--rose .bild--verlauf{--app-vorgang:var(--app-ki);--app-vorgang-blass:var(--app-ki-blass)}
.bild__portraet{--gr:2.5rem;width:var(--gr);height:var(--gr);background:var(--soft-2);box-shadow:0 0 0 2px var(--float), 0 0 0 3px var(--line);color:var(--fg-2);font-size:var(--t-micro);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden}.bild__portraet img{object-fit:cover}.bild--wege{--wege-breite:min(100%, 31rem);--wege-einzug:1.4rem;gap:clamp(1.4rem,4vw,2rem)}.wege__label{font-size:var(--t-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-ui);color:var(--fg-2)}.wege__label--karte{font-size:var(--t-ui);line-height:var(--lh-ui);color:var(--fg);font-weight:560}.wege__frage{border-radius:var(--r-pill);background:var(--soft);height:1.75rem;color:var(--fg);font-size:var(--t-meta);white-space:nowrap;flex:none;align-items:center;gap:.4rem;padding:0 .65rem;line-height:1;display:inline-flex}.wege__frage .sym{color:var(--fg-3);font-size:.95em}.wege__name{font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-2);white-space:nowrap}.wege__bahn{--mitte:.875rem;width:var(--wege-breite);padding-inline:var(--wege-einzug);gap:.8rem;display:grid}.wege__kette{align-items:flex-start;gap:.55rem;min-width:0;display:flex}.wege__frage--lose{color:var(--fg-2);background:0 0;padding:0}.wege__frage--lose .sym{color:var(--fg-2)}.wege__halt{flex:none;justify-items:center;gap:.35rem;display:grid}.wege__halt .bild__rolle{min-width:calc(var(--mitte) * 2);height:calc(var(--mitte) * 2);box-shadow:inset 0 0 0 1px var(--mark);color:var(--fg-2);font-size:var(--t-mock);background:#fff6}.wege__weiter{height:calc(var(--mitte) * 2);color:var(--fg-2);flex:none;place-items:center;font-size:.875rem;display:grid}.wege__auslauf{min-width:1.25rem;height:1px;margin:var(--mitte) 4px 0 0;background:repeating-linear-gradient(to right, var(--mark) 0 3px, transparent 3px 6px);flex:1 1 0;position:relative}.wege__auslauf:after{content:"";box-sizing:border-box;border:1px solid var(--mark);border-radius:50%;width:8px;height:8px;position:absolute;top:-3.5px;right:-4px}.wege__karte{width:var(--wege-breite);padding:1.1rem var(--wege-einzug) 1.2rem;gap:1rem}.wege__direkt{--mitte:1.25rem;align-items:flex-start;gap:.6rem;display:flex}.wege__direkt>.wege__frage{margin-top:calc(var(--mitte) - .875rem)}.wege__linie{min-width:1rem;height:1.5px;margin-top:calc(var(--mitte) - .75px);background:var(--mark);border-radius:1px;flex:1 1 0}.wege__person{flex:none;justify-items:center;gap:.4rem;display:grid}.wege__person .wege__name{color:var(--fg)}.wege__direkt>:last-child{margin-top:calc(var(--mitte) - .65rem);flex:none;display:flex}.wege__direkt .bild__stand{font-size:var(--t-meta);padding:.15rem .55rem;line-height:1rem}.bild--wege .bild__fuss{justify-self:start}.bild--ablauf{--ablauf-einzug:1.5rem}.ablauf__fenster{gap:0;width:min(100%,29rem);padding:0;overflow:hidden}.ablauf__verlauf{justify-items:stretch;padding:.35rem 0 1.1rem;display:grid}.ablauf__marke{padding:.85rem var(--ablauf-einzug) .4rem;font-size:var(--t-micro);line-height:var(--lh-micro);color:var(--fg-3);font-weight:560}.ablauf__mail{padding:.6rem var(--ablauf-einzug);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-size:var(--t-ui);line-height:var(--lh-ui);align-items:center;gap:.75rem;display:flex;position:relative}.ablauf__mail .bild__rolle{width:2.25rem;min-width:0;height:2.25rem;box-shadow:0 0 0 2px var(--float), 0 0 0 3px var(--line);font-size:var(--t-mock);padding:0}.ablauf__mail>.ablauf__betreff{color:var(--fg-2);min-width:0}.ablauf__gesendet{color:var(--fg-3);margin-left:auto;font-size:.875rem}.ablauf__mail--neu:before{content:"";left:calc((var(--ablauf-einzug) - 3px) / 2 - 3.5px);background:var(--app-vorgang);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%}.ablauf__mail--neu{grid-template-columns:auto minmax(0,1fr) auto;gap:0 .75rem;display:grid}.ablauf__mail--neu .bild__portraet{--gr:2.25rem}.ablauf__text{min-width:0;display:grid}.ablauf__absender{color:var(--fg);font-weight:600}.ablauf__rolle{color:var(--fg-2);font-weight:400}.ablauf__text .ablauf__betreff{color:var(--fg-2);font-size:var(--t-meta);line-height:var(--lh-meta)}.ablauf__mail--neu>.bild__stand{flex:none;align-self:start;margin-top:.1rem}.ablauf__termin{margin:0 var(--ablauf-einzug);border-radius:var(--r-small);background:var(--app-vorgang-blass);color:var(--fg);font-size:var(--t-meta);line-height:var(--lh-meta);justify-self:start;align-items:center;gap:.5rem;padding:.45rem .75rem;display:inline-flex}.ablauf__termin .sym{color:var(--app-vorgang)}@container (max-width:32rem){.bild--wege{--wege-einzug:1.1rem}.wege__kette{gap:.4rem}.wege__frage--lose>span{display:none}.wege__auslauf{min-width:1.5rem}}@container (max-width:24rem){.bild--wege{--wege-einzug:1rem}.wege__bahn{padding-inline:.25rem}.wege__frage--lose>span{display:none}.wege__kette{gap:.35rem}.wege__halt .wege__name{font-size:.6875rem;line-height:1rem}.wege__direkt{gap:.4rem}.wege__direkt .wege__frage{font-size:var(--t-micro);padding:0 .6rem}.wege__direkt .wege__frage .sym{display:none}.wege__direkt .bild__stand{font-size:var(--t-micro)}.wege__linie{min-width:.75rem}.wege__auslauf{min-width:1.25rem}}@container (max-width:19rem){.bild--wege{--wege-einzug:.85rem}.wege__weiter{display:none}.wege__kette{justify-content:space-between}.wege__halt .wege__name{font-size:var(--t-mock-s)}.wege__auslauf{flex:0 0 1.25rem}.wege__direkt .wege__frage{justify-content:center;width:1.75rem;padding:0}.wege__direkt .wege__frage>span{display:none}.wege__direkt .wege__frage .sym{display:inline-block}}@container (max-width:28rem){.bild--ablauf{--ablauf-einzug:1.3rem}.ablauf__trenner{display:none}.ablauf__rolle{display:block}.ablauf__mail--neu{grid-template-columns:auto minmax(0,1fr);align-items:start}.ablauf__mail--neu .bild__portraet{grid-row:span 2}.ablauf__mail--neu>.bild__stand{grid-column:2;justify-self:start;margin-top:.4rem}.ablauf__mail--neu:before{top:1.725rem}.ablauf__termin{justify-self:stretch}}@supports not (container-type:inline-size){@media (max-width:34rem){.bild--wege{--wege-einzug:1rem}.wege__bahn{padding-inline:.25rem}.wege__frage--lose>span{display:none}.wege__kette{gap:.35rem}.wege__halt .wege__name{font-size:.6875rem;line-height:1rem}.wege__direkt{gap:.4rem}.wege__direkt .wege__frage{font-size:var(--t-micro);padding:0 .6rem}.wege__direkt .wege__frage .sym{display:none}.wege__direkt .bild__stand{font-size:var(--t-micro)}.wege__linie{min-width:.75rem}.wege__auslauf{min-width:1.25rem}.bild--ablauf{--ablauf-einzug:1.3rem}.ablauf__trenner{display:none}.ablauf__rolle{display:block}.ablauf__mail--neu{grid-template-columns:auto minmax(0,1fr);align-items:start}.ablauf__mail--neu .bild__portraet{grid-row:span 2}.ablauf__mail--neu>.bild__stand{grid-column:2;justify-self:start;margin-top:.4rem}.ablauf__mail--neu:before{top:1.725rem}.ablauf__termin{justify-self:stretch}}@media (max-width:22.5rem){.bild--wege{--wege-einzug:.85rem}.wege__weiter{display:none}.wege__kette{justify-content:space-between}.wege__halt .wege__name{font-size:var(--t-mock-s)}.wege__auslauf{flex:0 0 1.25rem}.wege__direkt .wege__frage{justify-content:center;width:1.75rem;padding:0}.wege__direkt .wege__frage>span{display:none}.wege__direkt .wege__frage .sym{display:inline-block}}}
:root{--head:var(--font-satoshi), system-ui, -apple-system, "Segoe UI", sans-serif;--sans:var(--font-inter), system-ui, -apple-system, "Segoe UI", sans-serif;--hand:var(--font-caveat), "Segoe Print", "Bradley Hand", cursive}