/* Ersetzt die Inline-Styles von LinkStack (Hintergrund, Kontrast, Badge) */

/* Abdunklung des Hintergrundbilds: 0 = original, 1 = schwarz */
:root { --bg-dim: 0.65; }

body {
  background: #04121c !important;
  color: #fff;
  min-height: 100vh;
}

/* Fixierter Hintergrund als eigene Ebene (funktioniert auch auf iOS, anders als background-attachment: fixed) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: #04121c;
  background-image:
    linear-gradient(rgba(0, 0, 0, var(--bg-dim)), rgba(0, 0, 0, var(--bg-dim))),
    url('../img/background.jpg');
  background-image:
    linear-gradient(rgba(0, 0, 0, var(--bg-dim)), rgba(0, 0, 0, var(--bg-dim))),
    image-set(url('../img/background.webp') type('image/webp'), url('../img/background.jpg') type('image/jpeg'));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.container { word-break: break-word; }
/* Auf dem dunklen Hintergrund immer weiße Schrift (vorher per BackgroundCheck.js berechnet) */
.dynamic-contrast { color: #fff !important; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35); }
.badge { height: 0.6em; margin: 5px; display: inline-block; vertical-align: middle; }
.description-parent { padding-bottom: 30px; }
.description-parent p { margin: 0 0 1em; }
footer { padding: 5% 0 50px; }