/* Benutzerdefinierte Animationen und Stile für Mariachi King */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@700&family=Open+Sans:wght@400;600&display=swap');

.font-bitter {
  font-family: 'Bitter', serif;
}
.font-open-sans {
  font-family: 'Open Sans', sans-serif;
}

/* Fade-In-Animation */
@keyframes fade {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade {
  animation: fade 0.8s ease-in-out;
}

/* Funkelnde Feuerwerk-Animation */
@keyframes sparkle {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(2.2) drop-shadow(0 0 16px #F4C107); }
}
.animate-sparkle {
  animation: sparkle 2s infinite;
}

/* Parallax-Effekt für Hero-Hintergrund */
.hero-parallax {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

/* Pulsierende Animation für Buttons */
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 #F4C10780; }
  50% { box-shadow: 0 0 16px 8px #F4C10780; }
}
.animate-pulse {
  animation: pulse 1.5s infinite;
}

/* Accordion-Transition für FAQ */
.accordion-content {
  transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  overflow: hidden;
  opacity: 0;
  max-height: 0;
}
.accordion-content.open {
  opacity: 1;
  max-height: 500px;
}

/* Für Cookie-Banner und Pop-up */
#cookie-banner, #popup-18 {
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
}