.lauf{position:relative;background:var(--paper)}.lauf__bild{position:sticky;top:0;height:100vh;height:100svh;margin:0 0 40svh;overflow:hidden;background:var(--ink)}.lauf__bild img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.lauf__bild:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0a00 40%,#0a0a0a73 68%,#0a0a0ad1)}.lauf__marke{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(1.75rem,6vh,4.5rem);z-index:1;display:flex;flex-direction:column;gap:var(--sp-sm);text-align:center;color:var(--paper)}.lauf__zahl{margin:0 -.16em 0 0;font-family:var(--font-brand);font-weight:400;font-size:clamp(1.75rem,6vw,4.5rem);line-height:1.08;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 24px rgba(10,10,10,.5)}.lauf__strich{width:3.5rem;height:1px;margin-inline:auto;background:var(--accent)}.lauf__flaeche{position:relative;display:grid;align-content:center;min-height:100svh;padding-block:var(--sp-section);background:var(--paper);color:var(--ink)}.lauf__flaeche--dunkel{background:var(--ink);color:var(--paper)}.lauf__innen{width:min(var(--page-max),100% - var(--gutter) * 2);margin-inline:auto;display:grid;justify-items:center;gap:var(--sp-md);text-align:center}.lauf__titel{margin:0;font-family:var(--font-brand);font-weight:600;font-size:var(--fs-section);line-height:1.08;letter-spacing:-.022em;text-wrap:balance}.lauf__lede{margin:0;max-width:34ch;font-size:var(--fs-lede);line-height:1.35;letter-spacing:-.015em;text-wrap:balance}.lauf__flaeche--dunkel .lauf__lede{color:var(--accent)}.lauf__inhalt{display:flex;flex-direction:column;gap:var(--sp-sm);max-width:54ch;color:var(--mist);text-wrap:pretty}.lauf__flaeche--dunkel .lauf__inhalt{color:var(--on-ink-quiet)}.lauf__inhalt>*{margin:0}.lauf__inhalt strong{color:inherit;font-weight:600}.lauf__flaeche:not(.lauf__flaeche--dunkel) .lauf__inhalt strong{color:var(--ink)}.lauf__flaeche--dunkel .lauf__inhalt strong{color:var(--paper)}.lauf__flaeche--auftakt{min-height:0}@media(max-width:899px){.lauf__zahl{letter-spacing:.1em;margin-right:-.1em}.lauf__bild{margin-bottom:25svh}.lauf__flaeche{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/geschichte-lauf.css.map */
