/* Eigene Fotogalerie (Vollbild). Farben aus theme.json. */
.sonne-galerie a[href] {
	cursor: zoom-in;
}
.sonne-galerie-dialog {
	width: 100vw;
	height: 100dvh;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: color-mix(in srgb, var(--wp--preset--color--nacht) 97%, transparent);
	color: var(--wp--preset--color--licht);
}
.sonne-galerie-dialog::backdrop {
	background: color-mix(in srgb, var(--wp--preset--color--nacht) 90%, transparent);
}
.sonne-galerie-dialog[open] {
	display: grid;
	grid-template-rows: auto 1fr auto;
}
.sonne-galerie-dialog button {
	min-width: 2.75rem;
	min-height: 2.75rem;
	font: inherit;
	color: var(--wp--preset--color--licht);
	background: color-mix(in srgb, var(--wp--preset--color--nacht) 70%, transparent);
	border: 1px solid var(--wp--custom--linie);
	border-radius: 0;
	cursor: pointer;
}
.sonne-galerie-dialog button:hover {
	background: var(--wp--preset--color--messing);
	border-color: var(--wp--preset--color--messing);
	color: var(--wp--preset--color--nacht);
}
.sonne-galerie-dialog button:focus-visible {
	outline: 2px solid var(--wp--preset--color--messing);
	outline-offset: 3px;
}
.sonne-galerie-dialog__oben {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.75rem 1rem;
}
.sonne-galerie-dialog__schliessen {
	padding: 0.6rem 1.2rem;
	font-weight: 600;
}
.sonne-galerie-dialog__zaehler {
	font-family: var(--wp--preset--font-family--fraunces);
	font-style: italic;
	font-size: 1.3rem;
	color: var(--wp--preset--color--messing);
}
.sonne-galerie-dialog__buehne {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 0;
	padding: 0 4.5rem;
}
.sonne-galerie-dialog__buehne img {
	max-width: 100%;
	max-height: calc(100dvh - 13rem);
	object-fit: contain;
}
.sonne-galerie-dialog :is(.sonne-galerie-dialog__vor, .sonne-galerie-dialog__zurueck) {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	width: 3.25rem;
	height: 3.25rem;
	font-size: 1.3rem;
}
.sonne-galerie-dialog__zurueck {
	left: 1rem;
}
.sonne-galerie-dialog__vor {
	right: 1rem;
}
.sonne-galerie-dialog__unten {
	display: grid;
	gap: 0.75rem;
	padding: 0.75rem 1rem 1rem;
}
.sonne-galerie-dialog__titel {
	margin: 0;
	color: var(--wp--preset--color--gedaempft);
}
.sonne-galerie-dialog__daumen {
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
}
.sonne-galerie-dialog .sonne-galerie-dialog__daumen-knopf {
	flex: none;
	width: 5.5rem;
	padding: 0;
	border: 2px solid transparent;
	background: none;
	opacity: 0.55;
}
.sonne-galerie-dialog .sonne-galerie-dialog__daumen-knopf[aria-current="true"] {
	border-color: var(--wp--preset--color--messing);
	opacity: 1;
}
.sonne-galerie-dialog__daumen img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
@media (prefers-reduced-motion: no-preference) {
	.sonne-galerie-dialog__buehne img.ist-neu {
		animation: sonne-galerie-ein 0.45s ease both;
	}
}
@keyframes sonne-galerie-ein {
	from {
		opacity: 0;
		transform: scale(0.985);
	}
}
@media (max-width: 781.98px) {
	.sonne-galerie-dialog__buehne {
		padding: 0;
	}
}