body.bg-child {
  background-image: url("/static/core/img/child_bg.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Cards leicht transparent, damit Hintergrund durchscheint */
body.bg-child .card {
  background-color: rgba(255, 255, 255, 0.92);
}

/* Optional: Buttons für Kinder etwas runder/bunter */
body.bg-child .btn-primary {
  border-radius: 999px;
}

body.bg-child .btn-outline-primary {
  border-radius: 999px;
}

body.bg-child .btn-success,
body.bg-child .btn-warning {
  border-radius: 999px;
}

.child-banner {
  object-fit: cover;
  max-height: 180px;
}

@media (max-width: 575.98px) {
  .child-banner {
    max-height: 120px;
  }
}

/* Eltern-Spiel-Modus: gleicher Hintergrund wie Kinder */
body.bg-parent-game {
  background-image: url("/static/core/img/child_bg.png");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body.bg-parent-game .card {
  background-color: rgba(255, 255, 255, 0.92);
}

/* Eltern-Banner: gleiche Dimensionen wie child-banner */
.parent-banner {
  object-fit: cover;
  max-height: 180px;
}

@media (max-width: 575.98px) {
  .parent-banner {
    max-height: 120px;
  }
}