/*
 * Logo-Umschaltung Hell/Dunkel
 * ---------------------------------------------------------------------------
 * SPTheme setzt beim Umschalten data-bs-theme am <html> (siehe custom.js).
 * Die helle Logo-Fassung traegt dunkle Schrift (#0B1F3A) und waere im Dark Mode
 * praktisch unsichtbar, die dunkle Fassung umgekehrt. Deshalb liegen beide im
 * Markup und werden hier getauscht.
 *
 * Wird in app.blade.php geladen. Nach einem SPTheme-Update pruefen, ob
 * nav.blade.php die beiden <img class="gsg-logo"> noch enthaelt.
 */

.gsg-logo {
  display: block;
  height: 80px;
  width: auto;
  max-width: 100%;
}

.gsg-logo--dunkel {
  display: none;
}

html[data-bs-theme="dark"] .gsg-logo--hell {
  display: none;
}

html[data-bs-theme="dark"] .gsg-logo--dunkel {
  display: block;
}

/* Auf schmaleren Desktops darf das Logo mitschrumpfen, statt den
   Event-Ticker daneben zu erdruecken. */
@media (max-width: 1300px) {
  .gsg-logo {
    height: 64px;
  }
}
