/* Grundlegende Typografie-Regeln */
body {
  font-family: 'Unbounded', sans-serif;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* Grain-Overlay für den analogen Look */
.grain-overlay::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.04;
  z-index: 50;
  background-image: url(https://lh3.googleusercontent.com/aida-public/AB6AXuCKfw-9d9n5IrhevN8j77z6-kD0Y1WSbe_D7Dn1UBm4rH8NV4JqujEJsOlNLJayb1LGOK9j6pJq-tF-HDp2T69pDhKzbTr1xQkHZ84lu4KUKCBgA3N7w5X-iNplJUcOs3TuFis4C9Ja47d1eR22hLSoNuKqMRMq3GMerAkL3Z9EzxKco4JQuNPetPjN7Y7PceRDcIqq_Zaa7YUJnFQBfBvGZTEtv83m2LZxGOy57o1Bv8tH6izj7s9NoGmpNyrJC9JHNRTfMXHomo_B);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

.nav-link {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: color 0.3s ease;
}

/* Brevo Form Styling Container */
.brevo-form-wrapper {
  margin-top: 2rem;
  background: #fdfdfd;
  padding: 2rem;
  border-radius: 4px;
  border: 1px solid #eee;
}

input:focus {
  outline: none;
}

/* Slider ohne sichtbare Scrollbar (versteckt die Scrollbar visuell) */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Aktiviert das Hardware-beschleunigte Scrollen auf iOS für beide Slider */
#formats-slider,
#gatherings-slider {
  -webkit-overflow-scrolling: touch;
}

.lemon {
  text-decoration-line: underline;
  text-decoration-color: #FAFA33; /* Zitronengelb */
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
}