html, body {
	height:100%;
	background-color:#000;
	background-image:linear-gradient(135deg, #B43104 20%, #B45F04 70%);
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color: #fff;
	text-shadow: 0 0 0.3em #000;
	line-height:1.5em;
	margin:0px;
	padding:0px;
	text-align:center;
  }
  
a:link, a:visited {
	font-size:36px;
	color: #eee;
	text-shadow: 0 0 0.5em #fff;
	line-height:1.5em;
	text-decoration: none;
}

a:hover, a:active {
	font-size:36px;
	color: #ddd;
	text-shadow: 0 0 1.0em #fff;
	line-height:1.5em;
	text-decoration: none;
	border-bottom: 0px;
}

#video-bg {
	position: fixed;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	overflow: hidden;
  }

#video-bg > video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  /* 1. No object-fit support: */
  
  @media (min-aspect-ratio: 16/9) {
	#video-bg > video { height: 300%; top: -100%; }
  }

  @media (max-aspect-ratio: 16/9) {
	#video-bg > video { width: 300%; left: -100%; }
  }

  /* 2. If supporting object-fit, overriding (1): */
  
  @supports (object-fit: cover) {
	#video-bg > video {
  	top: 0; 
  	left: 0;
  	width: 100%; 
  	height: 100%;
  	object-fit: cover;
	}
  }
  
  #txt-zentriert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color: #fff;
	text-shadow: 0 0 0.3em #000;
	line-height:1.5em;
	height: 100px;
	width: 100%;
	position: absolute;
	top: 40%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }