.image-scroll-container {
    display: flex;              /* Flex-Container, um Bilder nebeneinander anzuordnen */
    overflow-x: auto;           /* horizontaler Scrollbalken, wenn Inhalt breiter als Container */
    scroll-behavior: smooth;    /* sanftes Scrollen bei PROGRAMM-Scroll-Aufrufen */
    -webkit-overflow-scrolling: touch; /* Momentum-Scroll auf iOS */
}

.image-scroll-container::-webkit-scrollbar {
    height: 1.5em;                /* Höhe des horizontalen Scrollbalkens */
}

.image-scroll-container::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 0.3em;
}

.image-item {
    flex: 0 0 auto;             /* verhindert, dass Bilder schrumpfen oder wachsen */
    width: 320px;               /* feste Breite – passt du nach Bedarf an */
    height: auto;
    margin-right: 2em;         /* Abstand zwischen den Bildern */
    border-radius: 1em;
    object-fit: cover;          /* Bildfüllung ohne Verzerrung */
}