/* ----------------------------------------------
* Generated by Animista on 2021-6-8 18:20:59
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */

/**
* ----------------------------------------
* Titelbild Zoom-Effekt
* ----------------------------------------
*/
.kenburns-bottom {
	background-color:#000;
	-webkit-animation: kenburns-bottom 12s ease-out both;
	animation: kenburns-bottom 12s ease-out both;
}

/**
* ----------------------------------------
* animation kenburns-bottom
* ----------------------------------------
*/
@-webkit-keyframes kenburns-bottom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 84%;
		transform-origin: 50% 84%;
	}
	100% {
		-webkit-transform: scale(1.1) translateY(10px);
		transform: scale(1.1) translateY(10px);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}
@keyframes kenburns-bottom {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 84%;
		transform-origin: 50% 84%;
	}
	100% {
		-webkit-transform: scale(1.1) translateY(10px);
		transform: scale(1.1) translateY(10px);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
	}
}




/**
* ----------------------------------------
* bild-fadein
* ----------------------------------------
*/
.showBodyIn.start {
	-webkit-animation: body-fade-in 1s ease-in-out ;
	animation: body-fade-in 1s ease-in-out ;
}

@-webkit-keyframes body-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes body-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}




/**
* ----------------------------------------
* h1-Titel
* ----------------------------------------
*/
.showIn.start {
	-webkit-animation: tracking-in-expand-fwd-top .7s ease-in ;
	animation: tracking-in-expand-fwd-top .7s ease-in ;
}

@-webkit-keyframes tracking-in-expand-fwd-top {
	0% {
		-webkit-transform: translateY(35px);
		transform: translateY(35px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes tracking-in-expand-fwd-top {
	0% {
		-webkit-transform: translateY(35px);
		transform: translateY(35px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}



/**
* ----------------------------------------
* bild-fadein
* ----------------------------------------
*/
.showImageIn.start {
	-webkit-animation: image-fade-in 1s ease-in-out ;
	animation: image-fade-in 1s ease-in-out ;
}

@-webkit-keyframes image-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes image-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
