.introAnimationValuesContainer {
/* 	margin: 130px 0 30px 0; */
/* 	padding-top: 130px; */
	flex: none;
	-webkit-box-flex: 0;
}

.companyvaluesContainer {
	position: relative;
	height: 14vw; /* must be same size as font-size of the company values --> fix for vertical center alignment! */
}

.companyvalues {
	color: black;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	font-size: 180px;
	font-size: 14vw;
	text-align: center;
	line-height: 100%;
	opacity: 0;
	
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	
	background-color: blue;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: right top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
/* 	animation: bgscale 2s linear; */
	
/* 	animation: ausblenden 2s steps(1,end) forwards; */
}

#companyvalues001 {
	background-image: url(istockphoto-598520904-2048x2048.jpg);
	
	animation-delay: 1s;
}

#companyvalues002 {
	background-image: url(istockphoto-599678584-2048x2048.jpg);
	animation-delay: 3s;
}

#companyvalues003 {
	background-image: url(img/gettyimages-857441852-2048x2048.jpg);
	animation-delay: 5s;
}

#companyvalues004 {
	background-image: url(img/istockphoto-1138809373-2048x2048.jpg);
	animation-delay: 7s;
}

#companyvalues005 {
	background-image: url(img/istockphoto-500037552-2048x2048.jpg);
	animation-delay: 9s;
}

#companyvalues006 {
	background-image: url(img/istockphoto-856033084-2048x2048.jpg);
	animation-delay: 11s;
}

#companyvalues007 {
	background-image: url(img/istockphoto-1146216191-2048x2048.jpg);
	animation-delay: 13s;
}

#companyvalues999 {
	background-color: #103579;
	
	animation-delay: 15s;
}

.introAnimationValuesHeader {
	font-family: "Helvetica Neue", sans-serif;
	font-weight: bold;
	line-height: 100%;
	color: #103579;
	text-align: center;
	font-size: 40px;
	font-size: 3vw;
}

.animateHardFadeInOut {
	animation: ausblenden 2s steps(1,end) forwards, bgscale 3s linear;
}

.animateHardFadeInStay {
	animation: einblenden 2s steps(1,end) forwards;
}

/* Animations here */
@keyframes ausblenden {
	0%   { opacity: 1; }
/* 	50%  { opacity: 1; } */
	100% { opacity: 0; }
}
@keyframes einblenden {
	0%   { opacity: 1; }
/* 	50%  { opacity: 1; } */
	100% { opacity: 1; }
}

@keyframes bgscale {
	100%   { background-size: 105%; }
}