.gallery.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 10px;
}

.gallery.masonry {
	column-count: 3;
	column-gap: 10px;
}

.gallery.masonry img {
	width: 100%;
	margin-bottom: 10px;
}

.gallery.slider {
	display: flex;
	overflow-x: auto;
	gap: 10px;
}

/* .gallery img {
	width: 100%;
	cursor: pointer;
	border-radius: 6px;
	transition: 0.3s;
} */

.gallery img {
	width: 100%;
	height: 200px;
	/* feste Höhe für rechteckige Bilder */
	object-fit: cover;
	/* verhindert Verzerrung */
	object-position: center;
	/* Bild zentrieren */
	cursor: pointer;
	border-radius: 6px;
	transition: 0.3s;
}

.gallery img:hover {
	transform: scale(1.05);
}