/*
 Theme Name:     AZ Ingenieurbüro für Aufzugstechnik
 Author URI:     https://az-aufzugstechnik.de/
 Description:    Theme AZ Ingenieurbüro für Aufzugstechnik
 Template:       Divi
 Version:        1.0.0
*/
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */


/* Autoplay right - Custom CSS */

.ken-burns-effect-ap-right .et_pb_slide .et_parallax_bg {
   animation: kb-effect-ap-right 20s forwards;
  -ms-animation: kb-effect-ap-right 20s forwards;
  -webkit-animation: kb-effect-ap-right 20s forwards;
  -0-animation: kb-effect-ap-right 20s forwards;
  -moz-animation: kb-effect-ap-right 20s forwards;
     animation-delay: 300ms;
}
 
.ken-burns-effect-ap-right .et_parallax_bg {
   animation: kb-effect 20s forwards;
  -ms-animation: kb-effect 20s forwards;
  -webkit-animation: kb-effect 20s forwards;
  -0-animation: kb-effect 20s forwards;
  -moz-animation: kb-effect 20s forwards;
     animation-delay: 300ms;
}
 
@keyframes kb-effect-ap-right {
0%{
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: ease;
}
 
100%{
  -ms-transform: scale3d(1.25, 1.25, 1.25) translate3d(3%, 0%, 0) rotate3d(0, 0, 0, 0deg);
    -webkit-transform: scale3d(1.25, 1.25, 1.25) translate3d(3%, 0%, 0) rotate3d(0, 0, 0, 0deg);
    -o-transform: scale3d(1.25, 1.25, 1.25) translate3d(3%, 0%, 0) rotate3d(0, 0, 0, 0deg);
    -moz-transform: scale3d(1.25, 1.25, 1.25) translate3d(3%, 0%, 0) rotate3d(0, 0, 0, 0deg);
    transform: scale3d(1.25, 1.25, 1.25) translate3d(3%, 0%, 0) rotate3d(0, 0, 0, 0deg); 
}

/*100%{
  -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg); 
}*/

}

/* Autoplay left - Custom CSS */

.ken-burns-effect-ap-left .et_pb_slide .et_parallax_bg {
   animation: kb-effect-ap-left 20s forwards;
  -ms-animation: kb-effect-ap-left 20s forwards;
  -webkit-animation: kb-effect-ap-left 20s forwards;
  -0-animation: kb-effect-ap-left 20s forwards;
  -moz-animation: kb-effect-ap-left 20s forwards;
     animation-delay: 300ms;

}
 
 
.ken-burns-effect-ap-left .et_parallax_bg {
   animation: kb-effect-ap-left 20s forwards;
  -ms-animation: kb-effect-ap-left 20s forwards;
  -webkit-animation: kb-effect-ap-left 20s forwards;
  -0-animation: kb-effect-ap-left 20s forwards;
  -moz-animation: kb-effect-ap-left 20s forwards;
     animation-delay: 300ms;

}
 
 
@keyframes kb-effect-ap-left {
0%{
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: ease;

}
     
 
100%{
  -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg); 
}
}

/* Hover right - Custom CSS */

.ken-burns-effect-hv-right .et_pb_slide:hover .et_parallax_bg {
   animation: kb-effect-hv-right 20s forwards;
  -ms-animation: kb-effect-hv-right 20s forwards;
  -webkit-animation: kb-effect-hv-right 20s forwards;
  -0-animation: kb-effect-hv-right 20s forwards;
  -moz-animation: kb-effect-hv-right 20s forwards;

}
 
 
.ken-burns-effect-hv-right .et_parallax_bg:hover {
   animation: kb-effect-hv-right 20s forwards;
  -ms-animation: kb-effect-hv-right 20s forwards;
  -webkit-animation: kb-effect-hv-right 20s forwards;
  -0-animation: kb-effect-hv-right 20s forwards;
  -moz-animation: kb-effect-hv-right 20s forwards;

}
 
 
@keyframes kb-effect-hv-right {
0%{
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: ease;

}
     
 
100%{
  -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(9%, 3%, 0) rotate3d(0, 0, 1, 7deg); 
}
}

/* Hover left - Custom CSS */

.ken-burns-effect-hv-left .et_pb_slide:hover .et_parallax_bg {
   animation: kb-effect-hv-left 20s forwards;
  -ms-animation: kb-effect-hv-left 20s forwards;
  -webkit-animation: kb-effect-hv-left 20s forwards;
  -0-animation: kb-effect-hv-left 20s forwards;
  -moz-animation: kb-effect-hv-left 20s forwards;

}
 
 
.ken-burns-effect-hv-left .et_parallax_bg:hover {
   animation: kb-effect-hv-left 20s forwards;
  -ms-animation: kb-effect-hv-left 20s forwards;
  -webkit-animation: kb-effect-hv-left 20s forwards;
  -0-animation: kb-effect-hv-left 20s forwards;
  -moz-animation: kb-effect-hv-left 20s forwards;

}
 
@keyframes kb-effect-hv-left {
0%{
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    animation-timing-function: ease;
}
100%{
  -ms-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -o-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    -moz-transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(-9%, 3%, 0) rotate3d(0, 0, 1, -7deg); 
}
}