/* ----- Musik-Knopf ----- */
.weihnachts-musik-knopf {
  position: fixed !important; 
  bottom: 20px !important;    /* 20px Abstand vom UNTEREN Bildschirmrand */
  right: 20px !important;   /* 20px Abstand vom RECHTEN Bildschirmrand */
  z-index: 10000 !important; /* Sorgt dafür, dass er über allem liegt */
	
  position: fixed; /* Bleibt beim Scrollen an einer Stelle */
  bottom: 20px;
  right: 20px;
  z-index: 10000; /* Über allem anderen */
  background: #c0392b; /* Weihnachtsrot */
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 14px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.weihnachts-musik-knopf:hover {
  background: #e74c3c;
}

/* Ändert das Symbol, wenn die Musik spielt (wird per JS gesteuert) */
.weihnachts-musik-knopf.playing span {
  display: inline-block;
  animation: beat 1s infinite; /* Kleiner "Beat"-Effekt */
}

@keyframes beat {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}