/* Weihnachts-Hintergrund */
body.christmas #bg:after {
  filter: brightness(0.9);
}

/* Navigation in weihnachtlichen Farben */
body.christmas nav ul li a {
  color: #fff !important;
  background: rgba(200, 0, 0, 0.7);
  border-radius: 6px;
  padding: 5px 10px;
  transition: background 0.3s;
}

body.christmas nav ul li a:hover {
  background: rgba(0, 120, 0, 0.8);
  color: #ffe600 !important;
}

/* Weihnachtsüberschriften */
body.christmas h2.major{
  color: #d40000;
  text-shadow: 1px 1px 4px #fff;
}

body.christmas h4 {
  color: #063a0d;
  text-shadow: 1px 1px 4px #fff;
}

/* Schneeflocken */
.snowflake {
  position: fixed;
  top: -10px;
  z-index: 9999;
  font-size: 1em;
  color: white;
  user-select: none;
  pointer-events: none;
  animation: fall linear infinite;
}

@keyframes fall {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(100vh); opacity: 0; }
}