body {
  margin: 0;
  background: #000;
  font-family: sans-serif;
  overflow-y: auto;
}

.gallery {
  display: flex;
  flex-direction: column;
  scroll-snap-type: y proximity;
  scroll-behavior: smooth; /* sanftes Scrollen */
}

.slide {
  flex: 0 0 auto;
  scroll-snap-align: start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
}

.slide img {
  max-width: 100%;
  max-height: 95vh;
  object-fit: contain;
  border-radius: 5px; /* optional: leichte Abrundung */
  transition: transform 0.3s ease; /* optional: Zoom-Effekt */
}

.slide img:hover {
  transform: scale(1.02); /* leichtes Zoomen beim Hover */
}

/* Scrollbar ausblenden */
.gallery::-webkit-scrollbar {
  display: none;
}

/* Für Firefox */
.gallery {
  scrollbar-width: none;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
  .slide img {
    max-height: 70vh; /* etwas kleinere Bilder auf kleinen Displays */
    padding: 0 10px;
  }
}