/* ===== Farbwelten – Über uns (28.09.2026) ===== */
/* ================= Über uns: Unsere Story (28.09.2026) ================= */
.story{margin-top:clamp(3rem,9vh,6.5rem);border-top:1px solid rgba(244,238,227,.12);padding-top:clamp(2.4rem,7vh,4.5rem)}
.story-kopf{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(1.6rem,4vw,4.5rem);align-items:start}
.story-bild{margin:0;position:sticky;top:6rem}
.story-bild img{display:block;width:100%;height:auto;aspect-ratio:2/3;border-radius:6px;background:#1a1612}
.story-bild figcaption{margin-top:.8rem;font-family:'Cutive',Georgia,serif;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.story-bild figcaption b{font-weight:400;color:var(--bone)}
.story h3{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;line-height:.95;font-size:clamp(2.1rem,5vw,4.2rem);color:var(--bone);margin:.9rem 0 .5rem}
.story .sub{font-family:'Archivo Black',sans-serif;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.2px var(--bronze);font-size:clamp(1.15rem,2.4vw,1.9rem);line-height:1.1;margin:0 0 1.6rem}
.story p.t{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8;color:#cfc7ba;margin:0 0 1.15rem;max-width:40rem}
.story p.lead{color:var(--bone);font-size:clamp(1.08rem,1.45vw,1.25rem)}
.story em.us{font-style:normal;color:var(--bronze)}
.story h4{font-family:'Archivo Black',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.2rem,2vw,1.6rem);color:var(--bone);margin:2.4rem 0 1rem}
.stationen{list-style:none;margin:2.2rem 0 1rem;padding:0;border-left:1px solid rgba(214,150,74,.45);max-width:40rem}
.stationen li{position:relative;padding:0 0 1.15rem 1.4rem}
.stationen li::before{content:"";position:absolute;left:-5px;top:.45rem;width:9px;height:9px;border-radius:50%;background:var(--bronze)}
.stationen b{display:block;font-family:'Cutive',Georgia,serif;font-weight:400;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze)}
.stationen span{display:block;color:var(--bone);font-size:clamp(.98rem,1.15vw,1.05rem);line-height:1.55;margin-top:.2rem}
.story .schluss{font-family:'Archivo Black',sans-serif;text-transform:uppercase;color:var(--bone);font-size:clamp(1.05rem,1.8vw,1.4rem);line-height:1.25;margin-top:2.2rem}
@media (max-width:860px){.story-kopf{grid-template-columns:1fr}.story-bild{position:static;max-width:420px;width:100%;margin:0 auto}}


/* Über-uns-Welt: Helles Beige, Dunkelbraun, Bordeaux – als eigener, voll breiter Abschnitt */
#manifest .story{--bone:#29231F;--dim:#4a4037;--bronze:#7B1E2B;--rust:#7B1E2B;--rust-t:#7B1E2B;
  background:var(--fw-beige);color:var(--fw-braun);margin-inline:calc(var(--pad)*-1);
  padding:clamp(2.6rem,8vh,5rem) var(--pad) clamp(3rem,9vh,5.5rem);border-top:6px solid var(--fw-bordeaux)}
#manifest .story .eyebrow{color:var(--fw-bordeaux)!important}
#manifest .story h3,#manifest .story h4,#manifest .story .schluss{color:var(--fw-braun)}
#manifest .story .sub{color:var(--fw-bordeaux);-webkit-text-stroke:0}
#manifest .story p.t{color:#3a3129}
#manifest .story p.lead{color:var(--fw-braun)}
#manifest .story em.us{color:var(--fw-bordeaux)}
#manifest .story .stationen{border-left-color:rgba(123,30,43,.45)}
#manifest .story .stationen li::before{background:var(--fw-bordeaux)}
#manifest .story .stationen b{color:var(--fw-braun)}
#manifest .story .stationen span{color:#3a3129}
#manifest .story-bild figcaption{color:#4a4037;font-size:.8125rem;letter-spacing:.1em}
#manifest .story-bild figcaption b{color:var(--fw-braun);font-weight:600}
/* Foto vollständig (kein Beschnitt): Seitenverhältnis des Originals 2:3 */
#manifest .story-bild img{aspect-ratio:840/1260;object-fit:contain;height:auto}