/* ============================================================
   Nyx, 27.07.2026 — NO_LCP-Fix (Logo-Ausblenden beim Scrollen)
   ------------------------------------------------------------
   PROBLEM: Google PageSpeed meldet auf Mobil "Error! (NO_LCP)".
   Ohne LCP kann Google eines der drei Ranking-Signale nicht bewerten.

   URSACHE: Euer Custom-JS (theme.config_values -> twt-custom-js-code)
   setzt beim Scrollen auf Mobil .hide-logo, Custom-CSS blendet per
   "opacity: 0" aus. Chrome VERWIRFT einen LCP-Kandidaten, der auf
   opacity:0 steht. Trace-Beleg: Kandidat mit 186.000 px2 (Bild) wird
   kassiert, uebrig bleibt 1.350 px2 (Text) -> zu klein -> NO_LCP.
   Siehe Lighthouse-Issue #14880.

   WICHTIG (Fehler im 1. Versuch, 14:06): Das Custom-CSS steht in einem
   INLINE <style>-Block bei 6,8 % Dokumenttiefe, diese Datei wird bei
   0,1 % geladen. Bei gleicher Spezifitaet gewinnt das spaetere -> mein
   erster Versuch wurde ueberschrieben (gemessen: opacity blieb 0).
   Deshalb jetzt hoehere Spezifitaet ueber den header-Kontext.
   KEIN !important, damit das Ausblenden selbst unveraendert bleibt.

   FIX: opacity 0 -> 0.001. Optisch identisch unsichtbar (Element hat
   zusaetzlich max-height:0 + overflow:hidden, ist also zugeklappt),
   aber Chrome behaelt den LCP-Kandidaten.

   ROLLBACK: diese Datei loeschen (Einbindung in meta.html.twig).
   ============================================================ */
@media (max-width: 950px) {
  header.header-main .header-row .header-logo-col.hide-logo,
  header .header-logo-col.hide-logo,
  .header-logo-col.hide-logo {
    opacity: 0.001;
  }
}