*{box-sizing:border-box}.about-v9{margin:0;background:#05080b;color:#f5f2ed;font-family:Arial,Helvetica,sans-serif}.about-banner{width:100%;height:clamp(260px,29vw,430px);overflow:hidden;background:#120b08}.about-banner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.about-story{position:relative;overflow:hidden;background:radial-gradient(circle at 50% -10%,rgba(34,52,60,.16),transparent 34%),linear-gradient(180deg,#060a0e 0%,#04070a 100%);padding:54px 24px 44px}.story-inner{position:relative;z-index:1;width:min(920px,100%);margin:0 auto}.eyebrow{margin:0 0 8px;color:#ff2d72;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800}.story-inner h1,.story-inner h2{font-family:Georgia,"Times New Roman",serif;color:#f7f3ed;font-weight:400}.story-inner h1{margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08}.accent-line{display:block;width:54px;height:2px;margin:16px 0 26px;background:#ff2d72}.lead,.body-copy{max-width:820px;margin:0;color:#d7d9dc;font-size:1rem;line-height:1.72}.lead em{color:#e7ae4d;font-style:normal}.story-space{margin-top:34px}.small-intro{margin:0 0 7px;color:#c4c7ca;font-size:.88rem}.story-space h2{margin:0;font-size:clamp(1.35rem,2.2vw,1.95rem);line-height:1.3}.script-line{margin:23px 0 2px;color:#ff2d72;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(1.65rem,2.8vw,2.45rem);font-style:italic}.subline{margin:0 0 28px;color:#f0ede8;font-size:.95rem;font-weight:600}.ending{margin-top:30px}.ending h2{margin:0 0 5px;font-size:clamp(1.45rem,2.3vw,2rem)}.ending>p:last-child{margin:0;color:#e2dfda;font-size:.95rem}.palm-divider{display:flex;align-items:center;justify-content:center;gap:16px;width:min(520px,70%);margin:25px auto 0;color:#ff2d72}.palm-divider span{height:1px;flex:1;background:#ff2d72;opacity:.75}.palm-divider b{font-size:1.55rem;font-weight:400}@media(max-width:650px){.about-banner{height:230px}.about-story{padding:42px 22px 36px}}

/* V37 – Über uns: Text links, Hochkant-Video rechts */
.about-story{
  padding:54px clamp(22px,5vw,74px) 44px;
}
.story-layout{
  position:relative;
  z-index:1;
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:clamp(34px,5vw,72px);
  align-items:start;
}
.story-inner{
  width:100%;
  margin:0;
}
.about-video-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  position:sticky;
  top:24px;
}
.video-frame{
  width:100%;
  max-width:340px;
  aspect-ratio:478/850;
  padding:7px;
  border-radius:20px;
  background:
    linear-gradient(#070a0e,#070a0e) padding-box,
    linear-gradient(145deg,#ff2d72,#ff9c2a,#ffe446,#74ef3d,#23d9f4) border-box;
  border:1px solid transparent;
  box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 28px rgba(255,45,114,.08);
}
.video-frame video{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:478/850;
  object-fit:cover;
  border-radius:14px;
  background:#000;
}
.about-story>.palm-divider{
  width:min(520px,70%);
  margin:34px auto 0;
}

@media(max-width:900px){
  .story-layout{
    grid-template-columns:minmax(0,1fr) minmax(240px,300px);
    gap:30px;
  }
  .video-frame{
    max-width:290px;
  }
}
@media(max-width:720px){
  .story-layout{
    grid-template-columns:1fr;
  }
  .about-video-wrap{
    position:static;
    margin-top:8px;
  }
  .video-frame{
    width:min(82vw,330px);
    max-width:330px;
  }
}

/* V45 – Responsive Check: Über uns */
@media (min-width:721px) and (max-width:900px){
  .about-story{
    padding-left:28px;
    padding-right:28px;
  }
  .story-layout{
    grid-template-columns:minmax(0,1fr) minmax(220px,270px);
    gap:26px;
  }
  .video-frame{
    max-width:270px;
  }
}
@media (max-width:430px){
  .about-story{
    padding-left:18px;
    padding-right:18px;
  }
  .video-frame{
    width:min(88vw,320px);
  }
  .story-inner h1{
    font-size:clamp(1.9rem,10vw,2.55rem);
  }
}