/* AK86 2026 – Startseite: Ergänzungen zur Grundlage (base.css enthält den Startseiten-Block aus dem Prototyp) */

/* Bilder im Kopf über die volle Bildschirmbreite hinter dem Claim (Alex, 30.10.: „Breite des Claims im normalen Raster,
   nur die Bilder dahinter 100vw“). Unten weich ins Dunkel, links leicht abgedunkelt, damit der Claim lesbar bleibt. */
@media (min-width: 761px) {
	.home-hero .hg-media { left: 0; right: 0; width: auto; }
	.home-hero .hg-stage {
		-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent); -webkit-mask-composite: source-over; /* Kopfbilder einheitlich ab 55 % (Alex 02.11.) */
		mask-image: linear-gradient(to bottom, #000 55%, transparent); mask-composite: add; }
	.home-hero .hg-par { z-index: 0; }
	.home-hero .hg-stage::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none;
		background: linear-gradient(to right, rgba(var(--bgcolor-rgb),.62) 0%, rgba(var(--bgcolor-rgb),.38) 45%, rgba(var(--bgcolor-rgb),.08) 85%); }
	.home-hero .hg-img img { filter: grayscale(1) contrast(1.08) brightness(.62); }
}