div.scroll-container {
  background-color: #ffffff;
  overflow-x: auto; /* Geändert auf overflow-x für horizontales Scrollen */
  white-space: nowrap;
  padding: 40px;
  display: flex;

  /* Scrollbar verstecken für Firefox */
  scrollbar-width: none;
  /* Scrollbar verstecken für IE und Edge */
  -ms-overflow-style: none;
  
  /* NEU: Aktiviert hardwarebeschleunigtes, flüssiges Scrollen in älteren/stabilen iOS-Versionen */
  -webkit-overflow-scrolling: touch; 
  
  /* NEU: Zwingt Safari, den gesamten Container im Grafikspeicher zu halten */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: lightblue;
}

/* Scrollbar verstecken für WebKit-Browser (Chrome, Safari, Edge) */
div.scroll-container::-webkit-scrollbar {
  display: none;
}

div.scroll-container img {
  padding: 0px;
  margin: 0px;
  display: block;
  flex-shrink: 0;
  transform: translateZ(0);
  margin-right: 0px;
  
  
  filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5));
}

body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
}