.stories-intro{margin-bottom:2rem}.stories-raster{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.stories-raster li{margin:0}.story-karte{aspect-ratio:9/16;background:var(--color-ink);color:var(--color-paper);text-decoration:none;display:block;position:relative;overflow:hidden}.story-karte__bild{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.story-karte:hover .story-karte__bild{transform:scale(1.03)}.story-karte__text{background:linear-gradient(#0000,#0f0f0ed9);flex-direction:column;gap:.25rem;padding:3rem .875rem .875rem;display:flex;position:absolute;inset:auto 0 0}.story-karte__titel{font-family:var(--font-display);font-size:1.25rem;line-height:1.15}.story-karte__meta{font-family:var(--font-mono);opacity:.8;font-size:.75rem}.story{max-width:720px;margin:0 auto;padding:2rem 1rem}.story__titel{margin-bottom:.5rem}.story__slides{flex-direction:column;gap:2rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.story-slide,.story-slide__figur{margin:0}.story-slide__bild{width:100%;height:auto;display:block}.story-slide__text{font-family:var(--font-display);margin-top:.75rem;font-size:1.25rem;line-height:1.3}.story-ende{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.story-ende__titel{font-family:var(--font-display);margin:0;font-size:1.75rem;line-height:1.15}.story-ende__link{font-weight:600}.story-textseite__headline{margin:0 0 .5rem}.story-textseite__absatz{margin:0}html.story-js,html.story-js body{background:#0f0f0e}html.story-js body{overflow:hidden}html.story-js .story{z-index:1000;color:#f4f1ea;background:#0f0f0e;max-width:none;margin:0;padding:0;position:fixed;inset:0}html.story-js .story__buehne{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;background:#1a1a18;outline:none;width:min(100vw,56.25dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden;container-type:size}html.story-js .story-slide__bild{pointer-events:none}.story__balken{inset:max(.625rem, env(safe-area-inset-top)) .625rem auto;z-index:3;gap:4px;display:flex;position:absolute}.story__segment{background:#f4f1ea59;border-radius:2px;flex:1;height:3px;overflow:hidden}.story__fuellung{transform-origin:0;background:#f4f1ea;width:100%;height:100%;display:block;transform:scaleX(0)}.story__segment.ist-fertig .story__fuellung{transform:scaleX(1)}.story__segment.ist-aktiv .story__fuellung{animation:story-fortschritt var(--dauer,8s) linear forwards}@keyframes story-fortschritt{to{transform:scaleX(1)}}html.story-js .story__kopf{z-index:2;padding:calc(max(.625rem, env(safe-area-inset-top)) + .875rem) 6rem 2.5rem .875rem;pointer-events:none;background:linear-gradient(#0f0f0ea6,#0000);position:absolute;inset:0 0 auto}html.story-js .story__titel{color:#f4f1ea;font-family:var(--font-body);letter-spacing:0;margin:0;font-size:.875rem;font-weight:600;line-height:1.3}html.story-js .story__beschreibung{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.story__knopf,.story__pfeil{color:#f4f1ea;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.story__knopf svg,.story__pfeil svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.story__knopf{top:calc(max(.625rem, env(safe-area-inset-top)) + .5rem);z-index:3;width:2.75rem;height:2.75rem;position:absolute}.story__knopf--schliessen{right:.25rem}.story__knopf--pause{right:3rem}.story__pfeil{z-index:3;background:#f4f1ea1f;border-radius:50%;width:3rem;height:3rem;margin-top:-1.5rem;display:none;position:absolute;top:50%}.story__pfeil:hover{background:#f4f1ea3d}.story__pfeil--zurueck{right:calc(50% + min(50vw,28.125dvh) + 1rem)}.story__pfeil--weiter{left:calc(50% + min(50vw,28.125dvh) + 1rem)}@media (aspect-ratio>=3/4) and (width>=700px){.story__pfeil{display:grid}}.story__knopf:focus-visible,.story__pfeil:focus-visible{outline-offset:-2px;outline:2px solid #f4f1ea}html.story-js .story__slides{margin:0;display:block}html.story-js .story-slide{display:none;position:absolute;inset:0}html.story-js .story-slide.ist-aktiv{animation:.3s story-einblenden;display:block}@keyframes story-einblenden{0%{opacity:0}}html.story-js .story-slide__figur{position:absolute;inset:0}html.story-js .story-slide__text{padding:5rem 1.25rem max(2rem, env(safe-area-inset-bottom));color:#f4f1ea;background:linear-gradient(#0000,#0f0f0ed9 55%);margin:0;font-size:clamp(1.375rem,6.5cqw,1.75rem);line-height:1.2;position:absolute;inset:auto 0 0}html.story-js .story-slide--schwenk .story-slide__bild{-o-object-fit:cover;object-fit:cover;width:auto;min-width:100%;max-width:none;height:100%;transform:translateX(calc((100cqw - 100%) * var(--von)));will-change:transform;position:absolute;top:0;left:0}html.story-js .story-slide--schwenk.ist-aktiv .story-slide__bild{animation:story-schwenk var(--dauer,8s) ease-in-out forwards}@keyframes story-schwenk{to{transform:translateX(calc((100cqw - 100%) * var(--bis)))}}html.story-js .story-slide--ganz .story-slide__figur{overflow:hidden}html.story-js .story-slide--ganz .story-slide__figur:before{content:"";background:var(--hintergrund) center / cover;filter:blur(24px)brightness(.6);position:absolute;inset:-10%}html.story-js .story-slide--ganz .story-slide__bild{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;position:relative}html.story-js .story-slide--textseite{color:#1a1a18;background:#f4f1ea}html.story-js .story-textseite{flex-direction:column;justify-content:center;gap:3cqw;padding:4.5rem 7cqw 2.5rem;display:flex;position:absolute;inset:0}html.story-js .story-textseite__headline{color:#1a1a18;font-family:var(--font-display);letter-spacing:0;margin:0;font-size:clamp(1.25rem,8cqw,2.25rem);font-weight:400;line-height:1.12}html.story-js .story-textseite__absatz{color:#2b2a27;font-family:var(--font-body);margin:0;font-size:clamp(.875rem,4.5cqw,1.25rem);line-height:1.45}.story--hell .story__segment{background:#1a1a1833}.story--hell .story__fuellung{background:#1a1a18}.story--hell .story__knopf{color:#1a1a18}html.story-js .story--hell .story__kopf{background:0 0}html.story-js .story--hell .story__titel{color:#1a1a18}html.story-js .story-slide--ende{background:#1a1a18}html.story-js .story-ende{justify-content:center;gap:1rem;padding:1.5rem;position:absolute;inset:0}html.story-js .story-ende__titel{color:#f4f1ea;margin-bottom:.75rem;font-size:clamp(1.75rem,9cqw,2.25rem)}html.story-js .story-ende__link{color:#fff;background:#c43d14;padding:.75rem 1rem;text-decoration:none}html.story-js .story-ende__link:hover{color:#fff;background:#a8330f}html.story-js .story-ende__weiter{color:#f4f1ea}html.story-js .story-ende__weiter:hover{color:#f0643a}@media (width<=600px) and (orientation:portrait){html.story-js .story{--ueberstand:7rem;height:calc(100lvh + var(--ueberstand));position:absolute;inset:0 0 auto}html.story-js .story:before{content:"";z-index:1;background:#0f0f0e;height:1px;position:fixed;inset:0 0 auto}html.story-js .story__buehne{--unten:calc(100lvh - 100dvh + var(--ueberstand));width:100%;height:100%}html.story-js .story-slide__text{padding-bottom:calc(var(--unten) + 2rem)}html.story-js .story-slide--ganz .story-slide__bild{height:calc(100% - var(--unten))}html.story-js .story-textseite{padding-bottom:calc(var(--unten) + 2.5rem)}html.story-js .story-ende{padding-bottom:calc(var(--unten) + 1.5rem)}}.story--pause .story__fuellung,html.story-js .story--pause .story-slide__bild{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){html.story-js .story-slide.ist-aktiv,html.story-js .story-slide--schwenk.ist-aktiv .story-slide__bild{animation:none}.story-karte__bild{transition:none}.story-karte:hover .story-karte__bild{transform:none}}