/*--------------------------------------------------------------
# Animationen
--------------------------------------------------------------*/

[data-scroll], [data-scroll_2], [data-scroll_3], [data-scroll_4] {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

[data-scroll] {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;}

[data-scroll_2] {
    -webkit-animation-delay: 0.35s;
            animation-delay: 0.35s;}

[data-scroll_3] {
    -webkit-animation-delay: 0.45s;
            animation-delay: 0.45s;
}
[data-scroll_4] {
    -webkit-animation-delay: 0.55s;
            animation-delay: 0.55s;
}

[data-scroll="in"] {
  -webkit-animation-duration: .7s!important;
          animation-duration: .7s!important;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
} 

@-webkit-keyframes fadeInUp {

0% {
	opacity: 0;
    -webkit-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

}

@keyframes fadeInUp {

0% {
	opacity: 0;
    -webkit-transform: translate(0px, 10px);
    -ms-transform: translate(0px, 10px);
    transform: translate(0px, 10px);
}

100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/*OLD GUTENBERG SHIT
 * 
 * data-scroll], [data-scroll_2], [data-scroll_3], [data-scroll_4] {
    opacity: 1!important;
}*/