.held{--film-start:0s}.held-rahmen{box-shadow:var(--schatten-2);background:#f5f3ee;background:lab(95.9762% -.0124574 2.67332)}:root[data-modus=dunkel] .held-rahmen{background:#171a1e;background:lab(8.91277% -.537522 -3.28465)}.held-bild{--n:6;--weg:4.5rem}@media (prefers-reduced-motion:no-preference){:root .held .held-rahmen{--film-dauer:1.9s}:root .held .held-bild{--film-dauer:1.8s}.held[data-gesehen] .held-grund{animation:held-zoom 3.6s var(--film) calc(var(--film-start) + .48s) both}@supports (animation-timeline:view()){.held[data-gesehen] .held-grund{--tiefe:3.5%;animation:held-zoom 3.6s var(--film) calc(var(--film-start) + .48s) both, held-sinken linear both;animation-timeline:auto,view();animation-range:normal,exit}}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){:root .held[data-gesehen] .film-steigen{animation-name:held-steigen}}@keyframes held-steigen{0%{translate:0 1.25rem}to{translate:0}}@keyframes held-zoom{0%{scale:1.24}to{scale:1.1}}@keyframes held-sinken{to{translate:0 var(--tiefe)}}.held-led{position:relative}.held-led:after{content:"";border-radius:inherit;background:inherit;opacity:0;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.held[data-gesehen] .held-led:after{animation:held-puls 1.9s var(--film) calc(var(--film-start) + 2.9s) 2 both}.held[data-leben=atem][data-gesehen] .held-grund>*{animation:held-atem 18s ease-in-out calc(var(--film-start) + 3s) infinite alternate both}.held:not([data-im-bild]) .held-grund>*{animation-play-state:paused}@supports (animation-timeline:scroll()){.held .held-app{animation:linear both held-heben;animation-timeline:scroll(root);animation-range:0 240px}}}@keyframes held-puls{0%{opacity:.55;scale:1}to{opacity:0;scale:3.4}}@keyframes held-atem{0%{translate:0;scale:1}to{translate:-1.2% .6%;scale:1.035}}@keyframes held-heben{to{translate:0 -12px;scale:1.012}}
.wolken{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.wolken__halter{left:var(--links);top:var(--oben);width:max(var(--breite), 16rem);position:absolute}.wolken__bild{width:100%;height:auto;opacity:var(--deckkraft,.92);filter:drop-shadow(0 22px 34px oklch(from var(--color-akzent-800) l c h / .3));display:block}.wolken__bild:not([data-geladen]){opacity:0}.wolken__bild{transition:opacity 1.2s var(--kurve-ein,ease-out)}:root[data-modus=dunkel] .wolken__bild{opacity:calc(var(--deckkraft,.92) * .22);filter:brightness(.7)saturate(.6)}@media (prefers-reduced-motion:no-preference){.wolken__bild{animation:wolke-drift var(--dauer,60s) ease-in-out calc(var(--n,0) * -7s) infinite alternate both}.wolken:not([data-im-bild]) .wolken__bild{animation-play-state:paused}@supports (animation-timeline:view()){.wolken__halter{animation:linear both wolke-tiefe;animation-timeline:view();animation-range:cover}}}@keyframes wolke-drift{0%{translate:calc(var(--weg,18px) * -1) 0}to{translate:var(--weg,18px) 0}}@keyframes wolke-tiefe{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}
.hinweiskarte{z-index:2;pointer-events:none;background:oklch(from var(--color-papier) l c h / .97);width:min(16rem,24%);box-shadow:var(--schatten-3), var(--lichtkante), 0 0 0 1px color-mix(in oklab, var(--color-basis-900) 7%, transparent);border-radius:1rem;padding:.875rem 1.125rem;position:absolute}.hinweiskarte[data-ort=links]{top:56%;left:1.25%}.hinweiskarte[data-ort=rechts]{bottom:9%;right:1.25%}.hinweiskarte__titel{color:var(--color-basis-950);font-size:.875rem;font-weight:500;line-height:1.35}.hinweiskarte__text{color:var(--color-basis-600);margin-top:.125rem;font-size:.8125rem;line-height:1.45}.hinweiskarte__pille{isolation:isolate;border-radius:999px;margin-top:.5rem;display:inline-flex;position:relative;overflow:hidden}.hinweiskarte__pille:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffffbf 50%,#0000 70%);background:linear-gradient(105deg,#0000 30%,lab(100% 0 0/.75) 50%,#0000 70%);position:absolute;inset:0;translate:-110%}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){[data-film]:not([data-gesehen])>.hinweiskarte{opacity:0}[data-gesehen]>.hinweiskarte{animation:hinweis-steigen 1.1s var(--film) calc(var(--karten-start,.6s) + var(--n) * .28s) backwards}[data-gesehen]>.hinweiskarte .hinweiskarte__pille:after{animation:hinweis-glanz 1.1s var(--film-malen) calc(var(--karten-start,.6s) + .8s + var(--n) * .28s) both}@supports (animation-timeline:view()){[data-gesehen]>.hinweiskarte{animation:hinweis-steigen 1.1s var(--film) calc(var(--karten-start,.6s) + var(--n) * .28s) backwards, hinweis-tiefe linear both;animation-timeline:auto,view();animation-range:normal,cover}}}@keyframes hinweis-steigen{0%{opacity:0;translate:0 1.5rem;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes hinweis-glanz{0%{translate:-110%}to{translate:110%}}@keyframes hinweis-tiefe{0%{transform:translateY(12px)}to{transform:translateY(-12px)}}@media (max-width:1023px){.hinweiskarte{display:none}}:root[data-modus=dunkel] .hinweiskarte{box-shadow:0 30px 60px -30px #000000b3,inset 0 1px #ffffff0f,0 0 0 1px #ffffff14;box-shadow:0 30px 60px -30px lab(0% 0 0/.7),inset 0 1px lab(100% 0 0/.06),0 0 0 1px lab(100% 0 0/.08)}:root[data-modus=dunkel] .hinweiskarte__pille:after{background:linear-gradient(105deg,#0000 30%,#ffffff4d 50%,#0000 70%);background:linear-gradient(105deg,#0000 30%,lab(100% 0 0/.3) 50%,#0000 70%)}
.reiter-buehne{isolation:isolate;background:radial-gradient(90% 70% at 50% 0% in oklch, oklch(from var(--color-akzent-300) l c h / .32), oklch(from var(--color-akzent-300) l c h / 0) 72%), color-mix(in oklch, var(--color-akzent-100) 30%, var(--color-grund));box-shadow:var(--lichtkante), 0 0 0 1px oklch(from var(--color-akzent-800) l c h / .07);border-radius:2.5rem;padding:clamp(1rem,4.5%,4rem) clamp(.75rem,6%,5.5rem);position:relative}:root[data-modus=dunkel] .reiter-buehne{background:radial-gradient(90% 70% at 50% 0% in oklch, oklch(from var(--color-akzent-500) l c h / .22), oklch(from var(--color-akzent-500) l c h / 0) 72%), color-mix(in oklch, var(--color-akzent-900) 30%, var(--color-grund));box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #ffffff0f;box-shadow:inset 0 1px lab(100% 0 0/.06),0 0 0 1px lab(100% 0 0/.06)}@media (max-width:639px){.reiter-buehne{border-radius:1.5rem}}.reiter-buehne{--karten-start:1.3s}.reiter-panels{--n:2;--weg:6rem}.reiter-leiste [role=tablist]{background-color:var(--color-basis-100);box-shadow:var(--spa-shadow-card)}:root[data-modus=dunkel] .reiter-leiste [role=tablist]{background-color:var(--color-papier)}
.ts-liste{gap:clamp(5rem,10vw,9rem);margin-top:clamp(3rem,6vw,5rem);display:grid}.ts-station{gap:clamp(1.5rem,2.5vw,2.25rem);display:grid}.ts-zeile{grid-template-columns:5.5rem minmax(0,1.1fr) minmax(0,1fr);align-items:baseline;gap:.75rem 2.5rem;display:grid}.ts-uhr{font-variant-numeric:tabular-nums;color:var(--color-akzentschrift-700);font-size:1.125rem;font-weight:500}.ts-titel{letter-spacing:var(--tracking-titel);color:var(--color-basis-950);text-wrap:balance;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:500;line-height:1.12}.ts-satz{max-width:36rem;color:var(--color-basis-600);font-size:1.0625rem;line-height:1.6}.ts-rahmen{isolation:isolate;box-shadow:var(--schatten-2);border-radius:2rem;padding:clamp(1.5rem,5vw,4.5rem) clamp(1rem,7vw,7rem);position:relative;overflow:hidden}.ts-rahmen__bild{z-index:-1;position:absolute;inset:0;scale:1.1}.ts-rahmen__fenster{max-width:60rem;margin-inline:auto}@media (max-width:1023px){.ts-zeile{grid-template-columns:minmax(0,1fr);gap:.5rem}.ts-satz{margin-top:.25rem}}@media (max-width:639px){.ts-rahmen{border-radius:1.5rem;padding:2rem 1rem}}.ts-uhr{--n:0}.ts-titel{--n:1}.ts-satz{--n:2}.ts-rahmen{--karten-start:1.5s}.ts-rahmen__bild{--tiefe:3.5%}.ts-rahmen__fenster{--n:3;--weg:5.5rem}
.pl-foto{--rund:2rem;isolation:isolate;border-radius:var(--rund);aspect-ratio:4/3;background:var(--color-basis-100);box-shadow:var(--schatten-2);position:relative;overflow:hidden}.pl-foto__bild{position:absolute;inset:0}.pl-foto__bild img{object-fit:cover;object-position:50% 100%;width:100%;height:100%}:root[data-modus=dunkel] .pl-foto__tag,:root:not([data-modus=dunkel]) .pl-foto__nacht{display:none}.pl-foto:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px oklch(from var(--color-basis-900) l c h / .06);position:absolute;inset:0}:root[data-modus=dunkel] .pl-foto:after{box-shadow:inset 0 0 0 1px #ffffff12;box-shadow:inset 0 0 0 1px lab(100% 0 0/.07)}@media (max-width:639px){.pl-foto{--rund:1.5rem}}@media (min-width:1024px){.pl-foto{aspect-ratio:3/2}}[data-seite] .pl-karte{box-shadow:var(--spa-shadow-card)}@media (min-width:1024px){[data-seite] .pl-karte{box-shadow:var(--spa-shadow-modal)}}.pl-marke{letter-spacing:-.02em;line-height:1.2}.pl-logo{block-size:3.5rem;inline-size:auto;display:block}@media (min-width:1024px){.pl-logo{block-size:4rem}}.pl-link{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);transition:text-decoration-color var(--bew-hover-aus) var(--kurve-ein)}.pl-link__pfeil{transition:translate var(--bew-hover-aus) var(--kurve-ein)}@media (hover:hover) and (pointer:fine){.pl-link:hover{transition-duration:var(--bew-hover-ein);text-decoration-color:currentColor}@media (prefers-reduced-motion:no-preference){.pl-link:hover .pl-link__pfeil{transition-duration:var(--bew-hover-ein);translate:.125rem -.125rem}}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:root [data-seite] .pl-foto .pl-foto__bild{animation:linear both pl-foto-kamera;animation-timeline:view();animation-range:cover}}}@keyframes pl-foto-kamera{0%{transform:translateY(2.5%)scale(1.12)}to{transform:translateY(-2.5%)scale(1.06)}}
