/* liveshopping24 – Gesichter frei (Ingo 02.10.2026: „Auf allen Bildern sind auf den Gesichtern Dinge.“)
   Regel: Auf Ingo und Michèle liegen keine Schilder, Texte, Knöpfe oder Verläufe über Gesicht und Kopf,
   mindestens 40 px Abstand. Overlays nur in freie Flächen (Rand, eigener Balken, unter den Figuren).
   Wird als letzte Stildatei geladen; Kopfbereiche je Bild: Bauordner gesichter-frei_2026-10-02/kopfbereiche.json */

/* Startseite, Bühnenbild (PC): Schild und Sprechblasen rechts neben Michèle statt an ihrem Kopf */
.sb-schild{right:2.5%;top:16%;font-size:clamp(1.6rem,2.6vw,2.6rem)}
.sb-blase-1{right:3%;top:38%}
.sb-blase-2{right:2%;top:50%}

/* Sendeplan + Sendungsseiten: LIVE-Schild hängt mittig an der Unterkante des Comics (Arme), nie am Kopf */
.sg-comic{overflow:visible;margin-bottom:1.4rem}
.sg-comic img{border-radius:26px}
.sg-schild{top:auto;right:auto;left:50%;bottom:-1.25rem;transform:translateX(-50%) rotate(-3deg);background:#3a0f35;white-space:nowrap}

/* Moderatoren-Kopfbild: „Das ist Ingo!“ unten über den Armen statt über dem Kopf */
.mod-kopfbild .blase-ingo{top:auto;bottom:30%;left:-2%}

/* KI-Hinweis nie an den Köpfen: Profilbilder unten links, Retourenprofis-Bild unten rechts über dem Sticker */
.profil-bild .ki-marke{top:auto;bottom:.8rem;left:.8rem;right:auto}
.vertrauen-foto .ki-marke{top:auto;bottom:3.4rem;right:.8rem}

/* Galerie alter Ankündigungen: Stempel „vorbei“ im eigenen Balken unter dem Bild */
.galerie li{padding-bottom:2.5rem}
.galerie-stempel{top:auto;bottom:.55rem;right:.6rem;transform:none}

/* Jetzt live: Platzhalter-Text lag auf King & Queen → Hintergrundbild (dekorativ, alt="") weglassen */
.player-platzhalter img{display:none}

@media (max-width:760px){
  /* Bühnenbild Handy: kein Verlauf über den Köpfen (nur unten), Schild links oben im freien Lager,
     Sprechblasen über den Armen, KI-Hinweis unten links */
  .sb-bild img{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 80%,transparent 100%)}
  .sb-schild{left:3%;right:auto;top:4%;font-size:1.05rem}
  .sb-blase-1{right:3%;top:61%}
  .sb-blase-2{right:2%;top:74%}
  .sb-ki{top:auto;bottom:30px;left:12px}
}