* {
	
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	scroll-behavior: smooth;
	
	
}

body {
	background-color: #161616;
}

index {
	z-index: -102;
	position: relative;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	


}

section {
	
	z-index: 0;
	opacity: 1;
	position: absolute;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width:  100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#logo{
	opacity: 0.446;
	z-index: 0;
	position: absolute;
	width: auto;
	height: auto;
	min-height: 30%;
	min-width:  30%;
	
}
#creative__narrativ__directorFilm {

	z-index: 10;
	position: absolute;
	object-position: center;
	font-family: Futura-PT;
	font-style: normal;
	font-weight: lighter;
	font-size: 19px;
	color: rgba(105,105,105,1);
	letter-spacing: 4px;

	
}
#lichtspielfilm1 {
	
	z-index: 10;
	position: absolute;
	object-position: center;
	font-family: Futura-PT;
	font-style: normal;
	font-weight: lighter;
	font-size: 19px;
	color: rgba(105,105,105,1);
	letter-spacing: 6px;
	transform: translateY(250px);
	

	
}

#down{
	z-index: 2;
	position: absolute;
	object-position: center;
	font-family: Futura-PT;
	font-style: normal;
	font-weight: lighter;
	font-size: 0.8em;
	color: rgba(150,150,150,1.00);
	letter-spacing: 0px;
	transform: translate(0px,350px);

}
#Pfeil_hoch{
	position:absolute;
	overflow: visible;
	
	
	transform: translateY(400px) scale(0.02) rotate(45deg);
	

}

#BG {

	z-index: -100;
	position: absolute;
	width: auto;
	height: 100%;
	min-height: 100%;
	min-width:  100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#sun2 {
	z-index: 10;
	position: absolute;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width:  100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#sun1 {
	opacity: 0.62;
	mix-blend-mode: screen;
	z-index: 11;
	position: absolute;
	width: auto;
	height: auto;
	min-height: 100%;
	min-width:  100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.full-screen-video-container {
	z-index: 10000;
	
	position: relative;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	transform: translateY(0px);

	
}

.full-screen-video-container video {
	z-index: 10000;
	position: absolute;
	
	width: auto;
	height: auto;
	min-height: 100%;
	min-width:  100%;
	
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0.3;

}