.club-story-teaser{padding:clamp(64px,9vw,124px) 0;border-top:1px solid rgba(18,18,20,.14);overflow:hidden}
.club-story-teaser__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:clamp(56px,9vw,140px);align-items:start}
.club-story-teaser__intro h2{max-width:760px;margin:12px 0 24px;font-size:clamp(3rem,6vw,6.7rem);line-height:.88;letter-spacing:-.055em}
.club-story-teaser__intro>p:not(.eyebrow){max-width:690px;margin:0 0 25px;font-size:clamp(1.06rem,1.6vw,1.35rem);line-height:1.62}
.club-story-teaser__link{display:inline-flex;margin-top:4px}
.club-story-teaser__demo{display:block;max-width:580px;margin-top:24px;opacity:.58;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.club-story-timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}
.club-story-timeline:before{content:"";position:absolute;top:14px;bottom:14px;left:72px;width:1px;background:linear-gradient(to bottom,var(--accent,#8b5cf6),rgba(18,18,20,.14))}
.club-story-timeline li{position:relative;display:grid;grid-template-columns:72px 1fr;gap:28px;min-height:118px;padding:5px 0 28px}
.club-story-timeline li:after{content:"";position:absolute;top:10px;left:67px;width:11px;height:11px;border:2px solid var(--accent,#8b5cf6);border-radius:50%;background:#f1ebe1;box-shadow:0 0 0 7px #f1ebe1}
.club-story-timeline time{padding-top:1px;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.club-story-timeline strong{display:block;margin-bottom:8px;font-size:clamp(1.35rem,2vw,2rem);line-height:1.08}
.club-story-timeline span{display:block;max-width:560px;opacity:.72;line-height:1.55}
@media(max-width:900px){.club-story-teaser__grid{grid-template-columns:1fr;gap:54px}.club-story-timeline{max-width:720px}.club-story-teaser__intro h2{font-size:clamp(3rem,12vw,5.8rem)}}
@media(max-width:540px){.club-story-teaser{padding:58px 0}.club-story-timeline:before{left:52px}.club-story-timeline li{grid-template-columns:52px 1fr;gap:22px;min-height:128px}.club-story-timeline li:after{left:47px}.club-story-timeline time{font-size:.66rem}.club-story-teaser__intro h2{font-size:2.9rem}}


/* Kompakter Übergang von der Clubgeschichte zum Anreisebereich */
.club-story-teaser{
  padding-top:clamp(54px,7vw,94px);
  padding-bottom:clamp(34px,4.5vw,62px);
}

.club-story-teaser__link{
  position:relative;
  align-items:center;
  min-height:48px;
  margin-top:10px;
  padding:12px 18px;
  border:1px solid currentColor;
  border-radius:2px;
  background:var(--accent,#8b5cf6);
  color:#0b0b0f !important;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-decoration:none;
  text-transform:uppercase;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}

.club-story-teaser__link:hover,
.club-story-teaser__link:focus-visible{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.arrival--dark{
  margin-top:0;
  padding-top:clamp(48px,6vw,82px);
  padding-bottom:clamp(68px,8vw,112px);
  background:#08080b;
  color:#f4f0e9;
  border-top:1px solid rgba(255,255,255,.12);
}

.arrival--dark .arrival-grid{
  color:inherit;
}

.arrival--dark .eyebrow{
  color:var(--accent,#8b5cf6);
}

.arrival--dark h2,
.arrival--dark .arrival-info strong{
  color:#f7f3ec;
}

.arrival--dark .arrival-info{
  border-top-color:rgba(255,255,255,.18);
}

.arrival--dark .arrival-info>div{
  border-bottom-color:rgba(255,255,255,.18);
}

.arrival--dark .arrival-info span{
  color:rgba(247,243,236,.58);
}

.arrival--dark .btn-outline-gold{
  color:#f7f3ec;
  border-color:rgba(247,243,236,.48);
}

.arrival--dark .btn-outline-gold:hover,
.arrival--dark .btn-outline-gold:focus-visible{
  border-color:var(--accent,#8b5cf6);
  color:var(--accent,#8b5cf6);
}

@media(max-width:760px){
  .club-story-teaser{padding-bottom:38px}
  .arrival--dark{padding-top:46px}
  .club-story-teaser__link{width:100%;justify-content:center}
}