/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 27 2024 | 07:24:22 */
/* ANFLUG (SCROLLFILM CONTAINER) ------------------------------------------------------------------------------------------------------------------- */

section {
	z-index: 1;
}
#anflug, #aufbau {
	z-index: 0;
	background-color: var(--black);
}
#anflug {
  min-height: 100vh;
}
#anflug video {
  	object-fit: cover;
	height: 100vh;
	max-height: 100vh;
	margin-top: 0;	
	visibility: hidden;
	opacity: 0;
	transition: filter .5s ease-in-out;
	filter: brightness(0.3);
}
#anflug video.bright {
	filter: brightness(1);
}

/*
#anflug .standbild {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .8s ease-in-out;
}
body.elementor-editor-active #anflug .standbild { opacity: 1; position: relative; height: 100vh; }

#anflug .standbild.display {
	opacity: 1;
}
#anflug .standbild.off {
	height: 0;
}
*/

#anflug .standbild { visibility: hidden !important; }
#section01 #standbild {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	background-image: url(https://nmk.hhvision.de/wp-content/uploads/5187-SCROLLFILM_03_01200_2560px.webp);
	background-size: cover;
	background-position: center;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .8s ease-in-out;
}
body.elementor-editor-active #anflug #standbild { opacity: 1; position: relative; width: 300px; height: 200px; }

#anflug #standbild.display {
	opacity: 1;
}
#anflug #standbild.off {
	height: 0;
}

/*
@media (max-aspect-ratio: 1/1) {
	#section01 video, #section02 video { height: 100vw; top: 50%; transform: translateY(-50%); margin-top: 40px; }
}
*/



/* ---------------------------------------------------------------------------------------------------------------------------------------------- */




/* HEIGHT OF VIDEO 01 --------------------------------------------------------------------------------- */
#section01 {
  height: 1300vh !important;
}
body.elementor-editor-active #section01 {
	height: auto !important;
}
/* HEIGHT OF VIDEO 01 --------------------------------------------------------------------------------- */





.stoererbox {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
body.elementor-editor-active .stoererbox { position: relative; height: unset; }

.stoerer {
  	z-index: 2;
  	transition: all .5s ease-in-out;
  	display: inline-block;
  	position: absolute;
}
.stoerer.right { align-self: flex-end; }
.stoerer.right p { text-align: right; }
.stoerer.center { align-self: center; }
.stoerer.center p { text-align: center; }

.stoerer p {
	font-size: 26px;
	color: var(--primary);
	line-height: 1.45em;
}
.stoerer p strong {
	background: var(--white);
	font-weight: normal;
    padding: 5px 15px 8px 15px;
}
.stoerer p strong em {
	color: var(--black);
	font-style: normal;
}


/* vid 1 */
.stoererbox .stoerer:nth-of-type(1) { top: 10%; }
.stoererbox .stoerer:nth-of-type(2) { top: 12%; }
.stoererbox .stoerer:nth-of-type(3) { top: 17%; }
.stoererbox .stoerer:nth-of-type(4) { top: 25%; }
.stoererbox .stoerer:nth-of-type(5) { top: 33%; }
.stoererbox .stoerer:nth-of-type(6) { top: 44%; }
.stoererbox .stoerer:nth-of-type(7) { top: 63%; }
.stoererbox .stoerer:nth-of-type(8) { top: 73%; }
.stoererbox .stoerer:nth-of-type(9) { top: 83%; }
.stoererbox .stoerer:nth-of-type(10) { top: 90%; }

.stoererbox .stoerer:nth-last-of-type(1) p { font-size: 40px; }

.scrollVideoDiv {
    font-size: 20px !important;
}


































/* AUFBAUSEQUENZ --------------------------------------------------------------------------------------------------------------------------- */

#section02 video {
	object-fit: cover;
	height: 100vh;
	max-height: 100vh;
	margin-top: 0;	
	visibility: hidden;
	opacity: 0;
}

/* HEIGHT OF VIDEO 02 --------------------------------------------------------------------------------- */
#aufbau {
  height: 900vh !important;
}
#aufbau > .elementor-container {
  height: 100%;
}


/* IF THERE IS NO SECOND SCROLLFILM: hide, but leave in because of the script elements --------------------------------------------------------------------------------- */

#aufbau {
	height: 0 !important;
	overflow: hidden !important;
}
#section02 video {
	height: 0 !important;
	overflow: hidden !important;
}











body.elementor-editor-active #anflug,
body.elementor-editor-active #aufbau,
body.elementor-editor-active #section01,
body.elementor-editor-active #section02 {
  	margin-top: 100px !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	min-height: 50vh !important;
	height: auto !important;
	opacity: 1 !important;
	display: block !important;
	z-index: unset;
}
body.elementor-editor-active section { z-index: unset; }
body.elementor-editor-active #scrolleo-1, body.elementor-editor-active #scrolleo-2 { position: relative; top: 0; left: 0; z-index: unset; }
body.elementor-editor-active video { width: 320px !important; height: 180px !important; position: relative; top: 0; left: 0; z-index: unset; }
body.elementor-editor-active #cover { height: 100vh; position: relative !important; top: 0; left: 0; }
body.elementor-editor-active .stoerer { position: relative !important; top: 0 !important; left: 0 !important; height: auto !important; display: block !important; }