.slideshow-container
{
	max-width: 300px; /* Maximale Breite */
	height: 200px;   /* Feste Höhe */
	position: relative;
	margin: auto;
	overflow: hidden; /* Versteckt alles, was über die Grenzen hinausgeht */
	border: 1px solid #ddd; /* Optionaler Rahmen */
}

.mySlides
{
	width: 100%; /* Bild nimmt die gesamte Breite des Containers ein */
	height: 100%; /* Bild nimmt die gesamte Höhe des Containers ein */
	object-fit: cover; /* Stellt sicher, dass das Bild den Bereich ausfüllt, ohne verzerrt zu werden */
	display: none; /* Standardmäßig alle Bilder ausblenden */
}

/* Fading-Animation */
.fade
{
	animation-name: fade;
	animation-duration: 2.5s;
}

@keyframes fade
{
	from {opacity: .1}
	to {opacity: 1}
}