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

.introAnimationValuesContainer:hover {
		text-decoration: none;
}

.homepageValuesLink:hover {
	text-decoration: none;
}

.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: white; /* should have color of background - otherwise there may be some flicker if image rendering takes longer */
	background-repeat: no-repeat;
	background-size: 100% auto;
/* 	background-position: right top; */
	background-position: center center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
/* 	animation: bgscale 2s linear; */
	
/* 	animation: ausblenden 2s steps(1,end) forwards; */
}

#companyvalues001 {
/* 	background-image: url(img/homeAnimationImgs/istockphoto-598520904-2048x2048.jpg); */
	background-image: url(img/homeAnimationImgs/hewoja_Create_a_pattern_for_stability_out_of_tall_trees_in_natu_1acb9684-7ffa-4427-82fb-4c3d70f9b18d.jpg);
	animation-delay: 0s;
	background-size: 60% auto; 
}

#companyvalues002 {
/* 	background-image: url(img/homeAnimationImgs/istockphoto-599678584-2048x2048.jpg); */
	animation-delay: 2.5s;
	animation-delay: 0s;
	background-position: center center;
}

#companyvalues003 {
/* 	background-image: url(img/homeAnimationImgs/gettyimages-857441852-2048x2048.jpg); */
	animation-delay: 5s;
	animation-delay: 2.5s;
	background-size: 90% auto; 
}

#companyvalues004 {
/* 	background-image: url(img/homeAnimationImgs/istockphoto-1138809373-2048x2048.jpg); */
	animation-delay: 7.5s;
	animation-delay: 5s;
	background-size: 70% auto;
	background-position: center top;
}

#companyvalues005 {
/* 	background-image: url(img/homeAnimationImgs/istockphoto-500037552-2048x2048.jpg); */
	animation-delay: 10s;
	animation-delay: 7.5s;
	background-size: 75% auto;
}

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

#companyvalues007 {
/* 	background-image: url(img/homeAnimationImgs/istockphoto-1146216191-2048x2048.jpg); */
	animation-delay: 15s;
	animation-delay: 12.5s;
	background-size: 70% auto;
/* 	background-position: 100% 10%; */
}

#companyvalues999 {
	background-color: white;
	background-size: 42% auto;
/* 	background-position: right bottom; */
	background-position: center center;
/* 	background-image: url(img/homeAnimationImgs/COVA_Skulptur-Herwig.jpg); */
	background-image: url(img/homeAnimationImgs/hewoja_Bright_grapes_of_rainbow_colors_on_the_vine_0d2bfdf7-e62f-4aa2-a37a-2ab7f2efaf8a.jpg);
	
/* 	background-position: 50% 90%; */
	
/* 	animation-delay: 17.5s; */
}

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

@media (max-width: 600px) {
	.introAnimationValuesHeader {
		font-size: 5vw;
		margin-bottom: 2vw;
	}

}

.animateBackAndForth {
	animation: backAndForth 60s ease-in-out infinite alternate;
	opacity: 1;
	animation-delay: 0;
	
}

.animateBackAndForthTwo {
	animation: backAndForthTwo 10s ease-in-out infinite alternate;
	opacity: 1;
	animation-delay: 0;
	
}

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

.animateHardFadeInOutMeaningful {
	animation: ausblenden 2.49s steps(1,end) forwards, bgscaleMeaningful 3s linear;	
}

.animateHardFadeInOutConfident {
	animation: ausblenden 2.49s steps(1,end) forwards, bgscaleConfident 3s linear;	
}

.animateHardFadeInStay {
	opacity: 0;
/* 	animation: einblenden 2s steps(1,end) forwards, backAndForth 60s ease-in-out infinite alternate; */
	animation: einblenden 2s steps(1,end) forwards, backAndForth 3s ease-in-out infinite alternate;

	animation-delay: 17.5s;
	animation-delay: 15s;
}

.goAway {
	opacity: 0;
}


/* 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 bgscaleConfident {
	100%   { background-size: 180%; }
}

@keyframes bgscaleMeaningful {
	100%   { background-size: 160%; }
}

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

}

@keyframes backAndForthTwo {

	50%		{ background-size: 170%; }
	100%	{ background-size: 100%; }
}

@keyframes backAndForth {

	50%		{ background-size: 80%; }
	100%	{ background-size: 42%; }
	/*
	50%		{ background-size: 140%; }
	100%	{ background-size: 80%; } */
}

.page-template-page-homeAnimation-php .fullsizeblock {
	background-image: url(img/homeAnimationImgs/hewoja_an_airplane_view_of_clouds_from_an_air_plane_between_the_f951e852-4b77-4b2f-a50c-b2875d09723b.png);
}