/* Hedgehog AI – Filme auf den Unterseiten (v14) */
.hh-film-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:center}
.hh-film-text h2{margin-bottom:16px}
.hh-film-text .lead{margin-bottom:20px}
.hh-film-punkte{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
.hh-film-punkte li{position:relative;padding-left:22px;color:var(--white-dim);font-size:15px;line-height:1.55}
.hh-film-punkte li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-dim)}
.hh-film{margin:0}
.hh-film-frame{position:relative;border-radius:14px;overflow:hidden;background:#050c18;border:1px solid rgba(201,168,76,.28);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 6px rgba(201,168,76,.05);aspect-ratio:16/9}
.hh-film-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#050c18}
.hh-film-start{position:absolute;inset:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:14px;padding:22px;border:0;margin:0;cursor:pointer;color:#fff;font:inherit;background:linear-gradient(180deg,rgba(5,12,24,0) 35%,rgba(5,12,24,.62) 100%)}
.hh-film-start[hidden]{display:none}
.hh-film-knopf{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 0 10px rgba(201,168,76,.22);transition:transform .2s,box-shadow .2s}
.hh-film-knopf svg{width:26px;height:26px;margin-left:5px;fill:var(--navy)}
.hh-film-start:hover .hh-film-knopf,.hh-film-start:focus-visible .hh-film-knopf{transform:scale(1.07);box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 0 14px rgba(201,168,76,.28)}
.hh-film-start:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.hh-film-hinweis{margin-bottom:21px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:rgba(5,12,24,.72);padding:6px 12px;border-radius:20px}
.hh-film figcaption{margin-top:12px;font-size:13px;line-height:1.55;color:var(--white-dim)}
.hh-film figcaption b{color:var(--white);font-weight:500}
@media(max-width:900px){.hh-film-grid{grid-template-columns:1fr;gap:26px}.hh-film-text .lead{margin-bottom:14px}}
@media(max-width:520px){.hh-film-start{padding:14px;gap:10px}.hh-film-knopf{width:54px;height:54px;box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 0 7px rgba(201,168,76,.22)}.hh-film-knopf svg{width:20px;height:20px;margin-left:4px}.hh-film-hinweis{margin-bottom:15px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hh-film-knopf{transition:none}}