.main .scene {
  animation-duration: 1.5s;
  transition-timing-function: ease-in;
  animation-fill-mode: both; }
.main .scene--slideinright {
  animation-name: slideInRight; }
.main .scene--slideinleft {
  animation-name: slideInLeft; }
.main .scene--slideinup {
  animation-name: slideInUp; }
.main .scene--slideindown {
  animation-name: slideInDown; }
.main .scene--zoomin {
  animation-name: zoomIn;
  /** Reverse "exit" animations */ }
  .main.is-exiting .scene {
    animation-direction: alternate-reverse; }

/* Animationen */
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: none; } }
@keyframes zoomIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    opacity: 1;
    transform: none; } }