@font-face {
    font-family: 'Avenir';
    src: url('fonts/avenir-medium.eot');
    src: url('fonts/avenir-medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir-medium.woff2') format('woff2'),
        url('fonts/avenir-medium.woff') format('woff'),
        url('fonts/avenir-medium.ttf') format('truetype'),
        url('fonts/avenir-medium.svg#Avenir-Medium') format('svg');
    font-weight: 600;
    font-style: normal;
}

body {
  font-family: Avenir, sans-serif;
  margin: 0;

}

.myfooter {
	margin: auto;
    width: 100%;
	font-size: 8pt !important;
	color:#000 !important;
	text-align: center;
	position: absolute;
	bottom: 0;
}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 background: url('images/abwarten_und_abwarten.mp4') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}

#title {
	position:fixed;
	margin-top: 130pt;
	text-align: center;
	padding-left: 45%;
	font-size: 19pt;
	font-family: Avenir, sans-serif;
	color:#707070;
}
#subtitle {
	position:fixed;
	text-align: center;
	margin-top: 140pt;
	margin-left: 45.9%;
	font-size: 9pt;
	font-family: Avenir, sans-serif;
	color:#707070;
}

	
#middletext {
	text-align: center;
	font-family: Avenir, sans-serif;
	font-size: 10pt;
	color:#707070;
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}


#footer {
	font-size: 8pt;
	color:#707070;
	font-family: Avenir, sans-serif;
	text-align: center;

}