/* Filmband der Beispielseiten (assets/filmband.js): ein belegter Stock-Clip als breite Szene zwischen zwei Abschnitten, immer als „Symbolbild“ gekennzeichnet.
 * Eigenständig dunkel (Betreiberregel: kein heller Grund); Schrift und Schrift-Familie erbt von der Seite. Das Startbild (poster) ist das erste Filmbild:
 * ohne Skript, bei „Bewegung reduzieren“, Datensparmodus, langsamer Verbindung und blockierter Wiedergabe bleibt es stehen – nie ein schwarzes Bild. */
.filmband{position:relative;display:block;margin:0;background:#050608;color:#f2eee6;isolation:isolate}
.fb-rahmen{position:relative;width:100%;height:clamp(260px,44vw,620px);overflow:hidden;background:#05070a}
.fb-rahmen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070a}
.fb-rahmen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,8,.5),rgba(5,6,8,0) 26%,rgba(5,6,8,0) 52%,rgba(5,6,8,.84))}
.fb-zeile{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;padding:clamp(1rem,2.6vw,2rem) clamp(1rem,4vw,3.4rem)}
.fb-titel{display:block;max-width:26ch;font-size:clamp(1.25rem,2.6vw,2.15rem);line-height:1.1;letter-spacing:-.015em;font-weight:500;text-wrap:balance;text-shadow:0 1px 18px rgba(0,0,0,.55)}
.fb-rechts{display:flex;align-items:center;gap:.9rem;flex:none}
.fb-hinweis{display:block;max-width:24ch;font:500 .66rem/1.45 ui-monospace,Consolas,"Courier New",monospace;letter-spacing:.12em;text-transform:uppercase;text-align:right;color:rgba(242,238,230,.86)}
.fb-knopf{position:relative;flex:none;min-width:44px;min-height:44px;padding:0;border:1px solid rgba(242,238,230,.55);border-radius:50%;background:rgba(5,6,8,.55);color:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.fb-knopf:hover{background:rgba(5,6,8,.8);border-color:#f2eee6}
.fb-knopf:focus-visible{outline:2px solid #f2eee6;outline-offset:3px}
.fb-knopf i{position:absolute;top:50%;left:50%;width:3px;height:14px;margin-top:-7px;background:currentColor;border-radius:1px}
.fb-knopf i:first-child{margin-left:-6px}
.fb-knopf i:last-child{margin-left:3px}
.fb-knopf.steht i{width:0;height:0;margin-top:-7px;margin-left:-4px;background:none;border-radius:0;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
.fb-knopf.steht i:last-child{display:none}
@media (max-width:640px){
  .fb-rahmen{height:clamp(240px,62vw,360px)}
  .fb-zeile{flex-direction:column;align-items:flex-start;gap:.7rem}
  .fb-rechts{align-self:stretch;justify-content:space-between}
  .fb-hinweis{text-align:left;max-width:30ch}
}
@media (prefers-reduced-motion:reduce){html:not(.bewegung-an) .fb-knopf{transition:none}}