/*------------------------------------*\
  #BILDERGALERIE (boosim/bildergalerie)
\*------------------------------------*/
/* Schlagschatten (Checkbox „Schlagschatten“)
   PLATZHALTER: Wert von privatbergfuehrer.de noch nicht übernommen –
   nur diese Variable anpassen. */
.pbf-bildergalerie {
	--pbf-galerie-schatten: 0 2px 8px rgb(0 0 0 / 35%);
}

.pbf-bildergalerie--schatten .pbf-bildergalerie__link,
.pbf-bildergalerie--schatten .pbf-bildergalerie__item > picture {
	box-shadow: var(--pbf-galerie-schatten);
}

.pbf-bildergalerie__headline {
	margin-bottom: 1.5rem;
}

.pbf-bildergalerie__item {
	margin: 0;
}

.pbf-bildergalerie__item picture,
.pbf-bildergalerie__item img {
	display: block;
	width: 100%;
	height: auto;
}

.pbf-bildergalerie__link {
	display: block;
	overflow: hidden;
}

.pbf-bildergalerie__link img {
	transition: transform .4s ease;
}

.pbf-bildergalerie__link:hover img,
.pbf-bildergalerie__link:focus-visible img {
	transform: scale(1.03);
}

.pbf-bildergalerie__link:focus-visible {
	outline: 2px solid var(--pbf-primary);
	outline-offset: 2px;
}

.pbf-bildergalerie__caption {
	margin-top: .5rem;
	font-size: .875em;
	color: var(--pbf-text);
}

@media (prefers-reduced-motion: reduce) {
	.pbf-bildergalerie__link img {
		transition: none;
	}
}