/*
 * Zusatz-Stylesheet für die Device-Update-Portal-Startseite.
 * Ergänzt style.css (unverändert) um:
 *   1) das Platinen-Hintergrundbild von yge.de
 *   2) ein paar leichte, optische Auffrischungen angelehnt an Variante 4
 * Nach style.css einbinden, damit die Regeln hier überschreiben.
 */

body {
  background-image: url('/assets/img/yge-bg.png');
  background-image: url('/assets/img/yge-bg.avif');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Navbar leicht transparent/glasig, damit die Platine durchscheint */
.navbar-default {
  background-color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Hero-Panel der Startseite etwas freistellen, damit der Hintergrund wirkt */
.hero-panel {
  background-color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 4px 24px rgba(40, 64, 132, 0.25);
  margin-top: 40px;
}

.hero-panel .btn-primary {
  padding-left: 28px;
  padding-right: 28px;
}