@charset "utf-8";
/*
 * Photo gallery (app/lib/Galerie.php): square thumbnails in the panel's squares.
 * Each thumbnail links to the full photo; js/lightbox.js opens it in place.
 */

.galerie {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(var(--raster-spalten, var(--spalten)), var(--zelle));
	gap: var(--luecke);
}

.galerie-bild {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	background: color-mix(in srgb, var(--schrift, var(--weiss)) 12%, transparent);
}
.galerie-bild img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 400ms cubic-bezier(0.2, 0.7, 0.2, 1);
}
.galerie-bild:hover img,
.galerie-bild:focus-visible img {
	transform: scale(1.06);
}
.galerie-bild:focus-visible {
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.galerie-bild img {
		transition: none;
	}
	.galerie-bild:hover img,
	.galerie-bild:focus-visible img {
		transform: none;
	}
}