/* ================= VIDEO-HINTERGRUND (nur index.php)  ==================
 * Ersetzt auf der Startseite die jquery.vegas-Diashow. Der Wrapper traegt
 * ein Standbild als Fallback - es ist zu sehen, solange das Video laedt und
 * ueberall dort, wo das Video ausgeblendet wird (kleine Displays, s.u.).
 */
#bg-video-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	overflow: hidden;
	background-color: #000;
	background-image: url('../images/photos/start_akka_1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: none;
	transform: translate(-50%, -50%);
	object-fit: cover;
}
/* gleiche Breakpoints wie bei .vegas-background in media.css:
   auf sehr kleinen Displays bleibt nur das Standbild */
@media only screen and (max-width: 480px) {
	#bg-video {
		display: none !important;
	}
}
@media only screen and (max-height: 380px) {
	#bg-video {
		display: none !important;
	}
}