body { }

html,
body {
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}

.viewport-header {
	position: relative;
	height: 100vh;
	text-align: center;
	z-index: 2;
	font-size: 3em;
	color: white;
}

@media screen and (max-width: 50em) {
	html {
		background: url(images/gipfel.jpg) #000 no-repeat center center fixed;
	}
	video {
		display: none;
	}
}

p { }

td { }

a:link { color: #e8d73a; text-decoration: none; text-shadow: 1px 2px 1px black;}

a:visited { color: #e8d73a; text-decoration: none; text-shadow: 1px 2px 1px black;}

a:hover { color: #c40000; text-decoration: none; text-shadow: 1px 2px 1px black;}

a:active { color: #e8d73a; text-decoration: none; }
h1 { color: #fff;  text-shadow: 1px 2px 1px black; }