/* ----------------------------------------------
 * 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 8s ease-out both;
	        animation: kenburns-bottom 8s 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;
  }
}




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

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

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-top {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    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;
  }
}