/* [jaegerhof_galerie] */
.jha-gal {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 210px;
	gap: 10px;
	margin: 0;
}
.jha-gal__item { position: relative; display: block; overflow: hidden; background: #ece6df; }
.jha-gal__item--big { grid-column: span 2; grid-row: span 2; }
.jha-gal__item img.jha-gal__img {
	display: block; width: 100% !important; height: 100% !important; max-width: none;
	object-fit: cover; transition: transform .45s ease;
}
.jha-gal__item:hover img.jha-gal__img, .jha-gal__item:focus-visible img.jha-gal__img { transform: scale(1.04); }
.jha-gal__item:focus-visible { outline: 3px solid #b99470; outline-offset: 2px; }
@media (max-width: 1024px) { .jha-gal { grid-auto-rows: 170px; } }
@media (max-width: 767px) {
	.jha-gal { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; gap: 6px; }
	.jha-gal__item--big { grid-column: span 2; grid-row: span 2; }
}

.jha-gal__dialog {
	width: 100vw; height: 100vh; max-width: none; max-height: none; margin: 0; padding: 0;
	border: 0; background: rgba(12, 10, 8, .94); color: #fff; overflow: hidden;
}
.jha-gal__dialog[open] { display: flex; align-items: center; justify-content: center; }
.jha-gal__dialog::backdrop { background: rgba(12, 10, 8, .94); }
.jha-gal__figure { margin: 0; max-width: 92vw; max-height: 90vh; text-align: center; }
.jha-gal__big { display: block; max-width: 92vw; max-height: 82vh; width: auto; height: auto; margin: 0 auto; object-fit: contain; }
.jha-gal__cap { margin-top: 10px; font-size: 15px; letter-spacing: .02em; opacity: .9; }
.jha-gal__close, .jha-gal__nav {
	position: absolute; z-index: 2; padding: 0 !important; border: 0 !important; cursor: pointer;
	background: rgba(0, 0, 0, .25) !important; color: #fff !important; border-radius: 50%;
	font: 300 40px/50px Arial, sans-serif !important; width: 54px; height: 54px; text-align: center;
}
.jha-gal__close { top: 16px; right: 18px; }
.jha-gal__nav--prev { left: 18px; top: 50%; margin-top: -27px; }
.jha-gal__nav--next { right: 18px; top: 50%; margin-top: -27px; }
.jha-gal__close:hover, .jha-gal__nav:hover { background: #b99470 !important; }
@media (max-width: 640px) {
	.jha-gal__nav { width: 44px; height: 44px; font-size: 34px !important; line-height: 42px !important; margin-top: -22px; }
	.jha-gal__nav--prev { left: 6px; }
	.jha-gal__nav--next { right: 6px; }
}