/*************************
    bxSlider zoom in nur Bild
 *************************/

.bx-wrapper .zoominimg img{
    -webkit-animation: kenburns linear;
            animation: kenburns linear;
            -webkit-animation-duration: 48s;
                    animation-duration: 48s;
/* 
            -webkit-animation-delay: 1s;
                    animation-delay: 1s;
 */
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;

}

/*************************
    Einzelbild
 *************************/

.zoom-single img{
    -webkit-animation: zoomsingle linear;
            animation: zoomsingle linear;
            -webkit-animation-duration: 40s;
                    animation-duration: 40s; 
            -webkit-animation-delay: 2s;
                    animation-delay: 2s;
            -webkit-animation-iteration-count: infinite;
                    animation-iteration-count: infinite;

}

@keyframes zoomsingle {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3) rotate(1deg);
                transform: scale(1.3) rotate(1deg);

    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}



/*************************
    bounce
 *************************/
  .ctsslider .bounce .texttable .textarea,
  .ctsslider .bounce .texttable a,
  .ctsslider .bounce .texttable h1{
  opacity: 0;
  -webkit-animation-duration: 0.8s;
  -moz-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

}
 
 
 .ctsslider .bounce .texttable h1{
   -webkit-animation-name: cd-bounce-right;
  -moz-animation-name: cd-bounce-right;
  animation-name: cd-bounce-right;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  animation-duration: 1.6s;
/* 
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
 */
}


  .ctsslider .bounce .texttable .textarea{
   -webkit-animation-name: cd-bounce-left;
  -moz-animation-name: cd-bounce-left;
  animation-name: cd-bounce-left;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  animation-duration: 1.6s;

}

  .ctsslider .bounce .texttable a{
   -webkit-animation-name: cd-bounce-rotate;
  -moz-animation-name: cd-bounce-rotate;
  animation-name: cd-bounce-rotate;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  animation-duration: 1.6s;

}

/*************************
    slide-up
 *************************/
  .ctsslider .slideup .texttable .textarea,
  .ctsslider .slideup .texttable a,
  .ctsslider .slideup .texttable h1{
  -webkit-animation-name: cd-slide-up;
  -moz-animation-name: cd-slide-up;
  animation-name: cd-slide-up;
              -webkit-animation-delay: 0s;
                    animation-delay: 0s;
  -webkit-animation-duration: 1.4s;
  -moz-animation-duration: 1.4s;
  animation-duration: 1.4s;
  -webkit-animation-fill-mode: backwards;
  -moz-animation-fill-mode: backwards;
  animation-fill-mode: backwards;

            -webkit-animation-iteration-count: 1;
                    animation-iteration-count: 1;
}

 .ctsslider .slideup .texttable h1{
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;

}

  .ctsslider .slideup .texttable .textarea{
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;

}

  .ctsslider .slideup .texttable a{
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;

}

/*************************
    scale
 *************************/
  .ctsslider .scale .texttable {
  background-color: transparent;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: cd-scale-in 0.6s 0.3s both;
  -moz-animation: cd-scale-in 0.6s 0.3s both;
  animation: cd-scale-in 0.9s 0.3s both;
}

/*************************
    scale out
 *************************/
  .ctsslider .scaleout h1 {
  background-color: transparent;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: cd-scale-out 0.6s 0.3s both;
  -moz-animation: cd-scale-out 0.6s 0.3s both;
  animation: cd-scale-out 0.9s 0.8s both;
}

  .ctsslider .scaleout .textarea {
  background-color: transparent;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: cd-scale-out 0.6s 0.3s both;
  -moz-animation: cd-scale-out 0.6s 0.3s both;
  animation: cd-scale-out 1.2s 0.9s both;
}

  .ctsslider .scaleout .link {
  background-color: transparent;
  /* Force hardware acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: cd-scale-out 0.6s 0.3s both;
  -moz-animation: cd-scale-out 0.6s 0.3s both;
  animation: cd-scale-out 1.5s 1s both;
}

/*************************
    Animationen
 *************************/

@-webkit-keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -webkit-transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0);
  }
}
@-moz-keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -moz-transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -moz-transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(800px) rotateX(0);
  }
}
@keyframes cd-bounce-rotate {
  0% {
    opacity: .2;
    -webkit-transform: perspective(800px) rotateX(-80deg);
    -moz-transform: perspective(800px) rotateX(-80deg);
    -ms-transform: perspective(800px) rotateX(-80deg);
    -o-transform: perspective(800px) rotateX(-80deg);
    transform: perspective(800px) rotateX(-80deg);
  }
  20% {
    opacity: 1;
  }
  60% {
    -webkit-transform: perspective(800px) rotateX(20deg);
    -moz-transform: perspective(800px) rotateX(20deg);
    -ms-transform: perspective(800px) rotateX(20deg);
    -o-transform: perspective(800px) rotateX(20deg);
    transform: perspective(800px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(800px) rotateX(0);
    -moz-transform: perspective(800px) rotateX(0);
    -ms-transform: perspective(800px) rotateX(0);
    -o-transform: perspective(800px) rotateX(0);
    transform: perspective(800px) rotateX(0);
  }
}

@-webkit-keyframes cd-slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30vh);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes cd-slide-up {
  0% {
    opacity: 0;
    -moz-transform: translateY(30vh);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes cd-slide-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30vh);
    -moz-transform: translateY(30vh);
    -ms-transform: translateY(30vh);
    -o-transform: translateY(30vh);
    transform: translateY(30vh);
  }
  100% {
    opacity: 0.8;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes cd-scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-scale-in {
  0% {
    opacity: 0;
    -moz-transform: scale(3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes cd-scale-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes cd-scale-out {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-scale-out {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes cd-scale-out {
  0% {
    opacity: 0;
/* 
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    -o-transform: scale(3);
 */
    transform: scale(0);
  }
  100% {
    opacity: 1;
/* 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
 */
    transform: scale(1);
  }
}


@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3,) rotate(2deg);
                transform: scale(1.3) rotate(2deg);

    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes kenburns {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.3) rotate(2deg);
                transform: scale(1.3) rotate(2deg);

    }

    100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}