/* Vaikuntha Ortsbilder 1.0.0 — Bildstreifen vor der ersten Abschnitts-Überschrift.
   Dunkelmodus nur über html.vk-dark (Hausregel: kein prefers-color-scheme auf vaikuntha.eu). */
.vk-ob {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 0 0 2rem;
}
.vk-ob-bild {
	margin: 0;
	min-width: 0;
}
.vk-ob-bild a {
	display: block;
	border-radius: 12px;
	overflow: hidden;
	background: #eef5e4;
}
.vk-ob-bild img {
	display: block;
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform .4s ease;
}
.vk-ob-bild a:hover img,
.vk-ob-bild a:focus-visible img {
	transform: scale(1.03);
}
.vk-ob-bild a:focus-visible {
	outline: 3px solid #27500a;
	outline-offset: 2px;
}
.vk-ob-bild figcaption {
	font-size: .85rem;
	line-height: 1.4;
	color: #5c6156;
	padding: 6px 2px 0;
}
.vk-ob-credit {
	grid-column: 1 / -1;
	margin: 0;
	font-size: .75rem;
	color: #6f7666;
	text-align: right;
}
@media (max-width: 600px) {
	.vk-ob { grid-template-columns: 1fr; }
	.vk-ob-bild img { height: 200px; }
}
@media (prefers-reduced-motion: reduce) {
	.vk-ob-bild img { transition: none; }
	.vk-ob-bild a:hover img { transform: none; }
}
html.vk-dark .vk-ob-bild a { background: #212b1b; }
html.vk-dark .vk-ob-bild figcaption { color: #a9b39f; }
html.vk-dark .vk-ob-credit { color: #8a947f; }
html.vk-dark .vk-ob-bild a:focus-visible { outline-color: #9fd168; }