/* ================= ZUFALLS-HINTERGRUND (nur index.php)  ==================
 * Ersetzt auf der Startseite die jquery.vegas-Diashow. Inhalt kommt aus
 * images/bg/ (includes/bg_media.php), gesteuert von js/bg-random.js.
 * Das Inline-Hintergrundbild von #bg-stage ist das erste Bild und zugleich
 * der Fallback ohne JavaScript.
 */
#bg-stage {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	overflow: hidden;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1.5s ease-in-out;
}
.bg-slide.is-active {
	opacity: 1;
}
/* Bildflaeche: fuellt ihren Platz (cover) mit langsamem Zoom */
.bg-pane {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: bg-zoom 12s linear forwards;
}
.bg-slide.zoom-tl .bg-pane { transform-origin: 20% 20%; }
.bg-slide.zoom-tr .bg-pane { transform-origin: 80% 20%; }
.bg-slide.zoom-bl .bg-pane { transform-origin: 20% 80%; }
.bg-slide.zoom-br .bg-pane { transform-origin: 80% 80%; }
@keyframes bg-zoom {
	from { transform: scale(1); }
	to   { transform: scale(1.12); }
}

/* Hochformat, Variante 1: mehrere Hochformat-Fotos nebeneinander */
.bg-split {
	display: flex;
	gap: 4px;
}
.bg-split .bg-col {
	position: relative;
	flex: 1 1 0;
	height: 100%;
	overflow: hidden;
}

/* Hochformat, Variante 2: Foto komplett sichtbar vor unscharfer,
   abgedunkelter Vergroesserung seiner selbst */
.bg-blur .bg-pane.bg-backdrop {
	filter: blur(28px) brightness(0.55);
	transform: scale(1.15);
	animation: none;
}
.bg-blur .bg-pane.bg-contain {
	background-size: contain;
	animation: none;
}

.bg-slide video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (prefers-reduced-motion: reduce) {
	.bg-pane { animation: none; }
	.bg-slide { transition-duration: 0.6s; }
}