/* --------------------------------- */
/* Standard CSS-Datei zur Animation  */
/* Stand 24.08.2018                  */
/* --------------------------------- */


 @-webkit-keyframes uk-fade-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}
 @keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}
 
 @-webkit-keyframes uk-fade-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}
 @keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}

 @-webkit-keyframes uk-fade-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}
 @keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}
 
 @-webkit-keyframes uk-fade-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}
 @keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}
 
 @-webkit-keyframes uk-fade-scale-02{0%{opacity:0;-webkit-transform:scale(.2)}100%{opacity:1;-webkit-transform:scale(1)}}
 @keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}


[class*=animation-]
{
-webkit-animation-duration:.5s; animation-duration:1.1s;
-webkit-animation-timing-function:ease-out; animation-timing-function:ease-out;
-webkit-animation-fill-mode:both;animation-fill-mode:both
}

.animation-scale-up {-webkit-animation-name:uk-fade-scale-02;animation-name:uk-fade-scale-02}
.animation-scale-down {-webkit-animation-name:uk-fade-scale-18;animation-name:uk-fade-scale-18}
.animation-slide-up {-webkit-animation-name:uk-fade-scale-02;animation-name:uk-fade-scale-02}
.animation-slide-down {-webkit-animation-name:uk-fade-scale-18;animation-name:uk-fade-scale-18}
.animation-slide-top {-webkit-animation-name:uk-fade-top;animation-name:uk-fade-top}
.animation-slide-bottom {-webkit-animation-name:uk-fade-bottom;animation-name:uk-fade-bottom}
.animation-slide-left {-webkit-animation-name:uk-fade-left;animation-name:uk-fade-left}
.animation-slide-right {-webkit-animation-name:uk-fade-right;animation-name:uk-fade-right}