/* ═══════════════════════════════════════════════════════════════════════════
   buehnenfilm.css — der Film der Makro-Brille in der alten Bühne
   (Vorschau ?bv-buehne=film; functions.php bv_buehne_film, front-page.php).

   Christopher, 24.10.2026: „Ich will die alte startseite wieder aber die anmierte
   brille anstatt der goldenenbrille." Der Film steht dort, wo die goldene
   three.js-Brille (#brille3d) stand: am unteren linken Rand des Fotos.

   Der Film hat einen hellen Cremegrund wie die Bühne. mix-blend-mode:darken lässt
   von ihm nur stehen, was dunkler ist als das, was darunter liegt — die Fassung —,
   und die Maske lässt den Rand weich auslaufen, sodass die Brille frei schwebt.
   Lage gerechnet aus der gemessenen Brille im Filmbild (x 34,3–81,1 %,
   y 32,9–74,1 %, Mitte 57,7 % / 53,5 %) und der Mitte der alten 3D-Brille.
   ═══════════════════════════════════════════════════════════════════════════ */

.buehne-bild .bf-film{
  position:absolute; z-index:3; pointer-events:none;
  left:-64.5%; top:64%; width:84%; aspect-ratio:16 / 9;
  mix-blend-mode:darken;
  -webkit-mask-image:radial-gradient(ellipse 46% 44% at 57.7% 53.5%, #000 62%, transparent 100%);
          mask-image:radial-gradient(ellipse 46% 44% at 57.7% 53.5%, #000 62%, transparent 100%);
  animation:schweben 7s ease-in-out infinite;
}
.bf-film picture, .bf-film img, .bf-film video{
  position:absolute; inset:0; width:100%; height:100%; display:block; object-fit:cover;
}
.bf-film video{ opacity:0; transition:opacity .2s linear; }
.bf-film.bf-laeuft video{ opacity:1; }

.buehne-bild .bf-ki{
  position:absolute; z-index:4; left:-30%; top:100%; margin-top:.5rem;
  font-size:.62rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-leise); opacity:.75; pointer-events:none;
}

/* Telefon und Tablett (eine Spalte): die Brille schwebt im hellen Himmel links im Foto. Dort
   stehen bei schmaler Bühne keine Notizen (teil-zi-buehne-punkte.css: unter 400 px nur n2, n3,
   n7, n9, alle außerhalb des Rahmens), und über hellem Grund bleibt die Fassung ganz sichtbar —
   über dem dunklen Pullover würde darken sie schlucken. */
@media (max-width:940px){
  /* Brille 18,8 % / 57 % der Bühne, etwa 29 % breit; die Beschriftung knapp unter den Gläsern
     (Unterkante der Brille: 47 % + 74,1 % × 32,3 % = 70,9 %). */
  .buehne-bild .bf-film{ left:-17%; top:47%; width:62%; }
  .buehne-bild .bf-ki{ left:5%; top:72%; margin-top:0; }

  /* Breitere Bühne in einer Spalte (Tablett): links stehen n1–n6 bis 60 % der Höhe, ab etwa
     250 px beginnt unten die Schulter. Die Brille sitzt darunter und links davon, etwa 24 % breit
     (Mitte 13,9 % / 69,3 %, Unterkante 74,8 %). Gemessen bei 768 px, 24.10.2026: bei 52 % berührte
     die Oberkante n6 um 9 px; 55 % lässt gut 11 px, mehr als die 9 px, die „schweben“ hebt. */
  @container buehne (min-width:401px){
    .buehne-bild .bf-film{ left:-15.7%; top:55%; width:51.3%; }
    .buehne-bild .bf-ki{ left:5%; top:76%; }
  }
}

@media (prefers-reduced-motion:reduce){
  .buehne-bild .bf-film{ animation:none; }
}