html, body {
	height:100%;
	background-color:#000;
	background-image: linear-gradient(to top, #000 10%, #860000 80%);
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color: orange;
	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: orange;
	text-shadow: 0 0 0.3em #000;
	line-height:1.5em;
	text-decoration: underline;
  }

a:hover, a:active {
	font-size:36px;
	color: orange;
	text-shadow: 0 0 0.3em #000;
	line-height:1.5em;
	text-decoration: none;

}

#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: white;
	text-shadow: 0 0 0.3em #000;
	line-height:1.5em;
	height: 100px;
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
  }