/* ==========================================================
   BeKa Autoaufbereitung V2
   Datei: animations.css
   Aufgabe: Animationen & Übergänge
========================================================== */

.fade-up{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}

.fade-up.active{
    opacity:1;
    transform:translateY(0);
}

.fade-in{
    opacity:0;
    transition:opacity .8s ease;
}

.fade-in.active{
    opacity:1;
}

.zoom-in{
    opacity:0;
    transform:scale(.92);
    transition:all .7s ease;
}

.zoom-in.active{
    opacity:1;
    transform:scale(1);
}

.beka-button{
    transition:all .3s ease;
}

.beka-button:hover{
    transform:translateY(-3px);
}

.beka-service-card,
.beka-why-card,
.beka-gallery-grid img{
    transition:transform .35s ease, box-shadow .35s ease;
}

.beka-service-card:hover,
.beka-why-card:hover,
.beka-gallery-grid img:hover{
    transform:translateY(-8px);
}