#content {
	color: whitesmoke;
}

#mosaik {
    width: 95%; /* Volle Breite des Elternelements auf mobilen Geräten */
	display: flex;
	justify-content: center;
	margin-top: 25px;
	margin-left: 6px;
	margin-bottom: 50px;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 3px; /* Abstand zwischen den Bildern */
    margin-bottom: 40px;
    margin-left: auto; /* Automatischer Abstand links */
    margin-right: auto; /* Automatischer Abstand rechts */
	justify-content: center;
}

@media screen and (max-width: 1230px) {
    .gallery-item {
		flex: 0 0 calc(25% - 6px); /* Berechnete Breite für dynamische Anpassung */
        max-width: calc(25vw - 6px); /* Verwendung von vw für dynamische Größenanpassung */
    }
}

@media screen and (max-width: 768px) {
    .gallery-item {
		flex: 0 0 calc(33.33% - 6px); /* Berechnete Breite für dynamische Anpassung */
        max-width: calc(33.33vw - 6px); /* Verwendung von vw für dynamische Größenanpassung */
    }
}

@media screen and (max-width: 480px) {
    .gallery-item {
        flex: 0 0 calc(50% - 6px); /* Berechnete Breite für dynamische Anpassung */
        max-width: calc(50vw - 6px); /* Verwendung von vw für dynamische Größenanpassung */
    }
}

.gallery-item {
    margin-right: 3px; /* Abstand zwischen den Thumbnails */
    /*margin-bottom: 3px; /* Abstand zwischen den Zeilen */
	transition: transform 400ms ease-out;
}

.gallery-item img {
    width: 100%; /* Bildgröße auf 100% der Breite des Elternelements setzen */
    height: auto; /* Automatische Höhe entsprechend dem Seitenverhältnis beibehalten */
}

.gallery-item:hover {
	transform: scale(1.15);
}




/* Stile für die Beschreibung */
.galerie-beschreibung {
    width: 100%; /* Volle Breite für die Beschreibung */
    margin-top: 50px;
	text-align: left;
}