/* Burger-Menü: Grundlayout harmonisch gestalten */
.mobile-container .overlay {
  background: rgba(255, 255, 255, 0.95); /* heller, leicht transparenter Hintergrund */
  backdrop-filter: blur(4px);
  padding-top: 80px; /* Abstand von oben */
  z-index: 9999;
}

/* Entfernt Bullets von der Navigation */
.mobile-container .overlay ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2em;
}

/* Menülinks schöner gestalten */
.mobile-container .overlay ul li a {
  text-decoration: none;
  font-size: 1.3rem;
  color: #222; /* neutraler, moderner Farbton */
  font-weight: 500;
  transition: color 0.3s ease;
}

/* Hover-Farbe passend zum Theme */
.mobile-container .overlay ul li a:hover {
  color: #f0c000; /* Quark-Akzentfarbe */
}

/* Optional: animiertes Einblenden */
.mobile-container .overlay ul li {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInUp 0.4s ease forwards;
}
.mobile-container .overlay ul li:nth-child(1) { animation-delay: 0.1s; }
.mobile-container .overlay ul li:nth-child(2) { animation-delay: 0.2s; }
.mobile-container .overlay ul li:nth-child(3) { animation-delay: 0.3s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}