/*			
body{
background: var(--bgcolorglobal);
}


:root{
--menutextcolor: rgba(255,255,255,0.7);
--menucolorscrolled: linear-gradient(0deg, rgba(13,12,19,0) 0%, rgba(13,12,19,0.8) 7%, rgba(12,11,16,0.8) 100%);
}

.menu .logo .logoSchrift {
filter: hue-rotate(327deg) contrast(0.9);
}
*/
.arrowTop{
	background-color: rgba(0,0,0,0.6);
	border: 2px solid var(--maincolor);
}

.content-wrapper {
	margin:0;
	opacity: 1 !important;
}

#page{
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	perspective: 5px;
}


.parallax {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transform-style: preserve-3d;
	z-index: -1000;
}

.introContainer.parallax{
	z-index: -1;
}

.parallax > div {
	position: absolute;
	/*
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	pointer-events: none;
	background-position: center;
	background-size: cover;
	filter: contrast(1.2);
	box-shadow: 0px 0px 8px rgb(255 255 255 / 70%);
	*/
}

.parallax > h2 {
	position: relative;
	z-index: 1;
}

.parallax .background {
	transform: translateZ(-6px) scale(2.5);
	opacity: 1;
}

.parallax .foreground {
	transform: translateZ(-3px) scale(1.2);
	opacity: 1;
	width: 135%;
	z-index: 100;
}

.contentbg.parallax .background {
	top:111vh;
	min-height: 100vh;
	min-width: 100vw;
}

.contentbg.parallax .foreground {
	top:41vh;
	min-height: 100vh;
	min-width: 100vw;
}
.contentbg.parallax div.foreground video, .contentbg.parallax div.background video, .contentbg.parallax div.foreground img, .contentbg.parallax div.background img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;
	position: absolute;

}

.sloganImage.foreground.imageLeft.displaySlogan{
	/*transform: translatey(-50%) translateZ(-5px) scale(1.5);*/

}

.scrollArrow{
	bottom: 10% !important;
	left: 50%;
	font-size: 550%;
	/*transform: translateX(-50%) translateY(50%) translateZ(-2px) scale(1.5) !important;*/
}

.scrollArrow img{
	/*transform: translateY(83%);*/
}


.newsBox{
	padding:10px;
	font-family: var(--fonttext);
	background: var(--menucolorscrolled);
	border:1px solid var(--textcolor);
	width:auto;
	max-width:30%;
	right:3%;
	bottom:5%;
	font-size:1.1vw;
	line-height:1.5;
	z-index: 50;
}

.newsBox a{
	color: var(--maincolor);
	text-decoration: none;
	transition: ease-in 0.25s;
}

.newsBox a:hover{
	color: var(--hovercolor);
}

.content-element{
	position:relative;
}

@media (max-width: 1260px) {
}

@media only screen and (max-width: 1260px), (hover: none) {
}

@media (max-width: 768px) and (orientation: portrait){
	.newsBox{
		font-size:3vw;
		max-width:90%;
		padding:2%;
		right:3%;
		bottom:15%;
	}
}