/* BAR BEREIT. – echte Videoaufnahmen (Stand 23.09.2026) */
.bb-media{position:relative;overflow:hidden;background:#111510}
.bb-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-image>video{object-position:center 30%}
.story-photo>video{object-position:center 22%}
.story-photo>.bb-real{bottom:auto;right:auto;font-size:11px;letter-spacing:1.4px;color:var(--ink)}
.bb-real{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:1.4px;padding:7px 10px;line-height:1}
.bb-real::before{content:"";width:7px;height:7px;border-radius:50%;background:#e0262b;box-shadow:0 0 0 3px #e0262b33}
.hero-image .bb-real{left:28px;bottom:74px}
.story-photo .bb-real{left:32px;top:28px}
.bb-toggle{position:absolute;z-index:3;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff80;background:#0008;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.bb-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.bb-toggle svg{width:16px;height:16px;fill:currentColor}
.bb-toggle .i-play{display:none}.bb-toggle[aria-pressed="true"] .i-play{display:block}.bb-toggle[aria-pressed="true"] .i-pause{display:none}
.hero-image .bb-toggle{bottom:auto;top:96px;right:28px}
.story-photo{min-height:640px}
.image-topline,.hero-image figcaption,.story-photo>span{z-index:2}

/* Empfang-Block mit zwei Clips */
.bb-reception{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:28px;align-items:end;margin-top:64px;padding-top:40px;border-top:2px solid var(--ink)}
.bb-reception h3{font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:-.05em;margin:22px 0 18px}
.bb-reception p{font-size:16px;line-height:1.55}
.bb-reception .button{margin:10px 0 16px}
.bb-clip{margin:0;aspect-ratio:9/16;max-height:560px}
.bb-clip figcaption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:40px 18px 18px;background:linear-gradient(transparent,#000c);color:#fff;font-size:12px;font-weight:700;letter-spacing:1.6px}
.bb-clip figcaption b{display:block;font-size:22px;letter-spacing:-.5px;margin-top:4px}
.bb-clip .bb-real{left:14px;top:14px;font-size:10px}
.bb-clip .bb-toggle{bottom:auto;top:12px;right:12px;width:40px;height:40px}

@media(max-width:1100px){.bb-reception{grid-template-columns:1fr 1fr}.bb-reception-copy{grid-column:1/-1}.hero-image .bb-real{left:22px;bottom:66px}.hero-image .bb-toggle{top:92px;right:22px}}
@media(max-width:760px){.story-photo{min-height:0;height:520px}.bb-reception{gap:14px;margin-top:44px}.bb-clip{max-height:none}.bb-clip figcaption b{font-size:18px}.hero-image .bb-real{bottom:60px}}
@media(max-width:380px){.story-photo{height:460px}}
@media(prefers-reduced-motion:reduce){.bb-toggle{border-color:var(--lime)}}