/* Basis-Styles für Hof Hatje (ergänzend zu tailwind.css) */

/* Verhindert horizontales Scrollen durch AOS-Animationsversatz (fade-left/right, ±100px) */
html, body {
  overflow-x: hidden;
}

body {
  font-family: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lora', Georgia, serif;
}

/* Sanftes Scrollen abschalten, wenn Bewegungsreduktion gewuenscht ist.
   Der Selektor muss html.scroll-smooth treffen, sonst gewinnt Tailwinds Klasse. */
@media (prefers-reduced-motion: reduce) {
  html,
  html.scroll-smooth {
    scroll-behavior: auto;
  }
}

/* Interaktive Karte */
.drdsgvo_map {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Hero-Slider */
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.slide-1 { background-image: url('../../images/1_.webp'); }
.slide-2 { background-image: url('../../images/2_.webp'); }
.slide-3 { background-image: url('../../images/3_.webp'); }
.slide-4 { background-image: url('../../images/4_.webp'); }