/* Karussell Container */
main .carousel {
    position: relative;
    width: 80%;
    max-width: 600px;
	aspect-ratio: 1/1;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    border: 5px solid #FFFFFF;
}

/* Die Bilder im Karussell */
main .carousel-images {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 600px; 
	height: 100%; 
}

main .carousel-images img {
    width: 100%; /* Füllt die Breite jedes flex-Containers */
    height: 100%; /* Passt sich der Höhe an */
    object-fit: contain;/*scale-down; /* Beschneidet das Bild, um es in den Container einzupassen */
    flex-shrink: 0; /* Verhindert, dass die Bilder sich bei flex anpassen */
    display: block; /* Entfernt eventuell störende Inline-Abstände */
}