/* Kopfbild auf Beitragsseiten (Magazin): Vollbreitbild direkt unter dem
   Header, vor der blauen Breadcrumb-Leiste. Ausgabe siehe
   includes/class-sar-header_image.php.
   Desktop: flaches Banner mit fester Höhe. Mobil (bis 768px, wie der
   Slider-Breakpoint): Foto-Regel 16:10, Beschnitt aus der Bildmitte. */

.sar-header-image {
	width: 100%;
	line-height: 0;
}

.sar-header-image__img {
	display: block;
	width: 100%;
	height: clamp(200px, 28vw, 520px);
	object-fit: cover;
	object-position: center;
}

@media (max-width: 768px) {
	.sar-header-image__img {
		height: auto;
		aspect-ratio: 16 / 10;
	}
}