/* ===================================================
   EFFEKTE (anime.js)
   Ergaenzt css/reveal.css. Alles hier ist rein optisch –
   faellt anime.js aus, bleiben die normalen CSS-Hover-Zustaende.
   =================================================== */

/* Solange eine Karte gekippt wird, faehrt das JS transform Bild fuer Bild
   nach. Der CSS-Uebergang auf transform muss dafuer weg, sonst laeuft er
   gegen die Mausbewegung. Rahmen und Schatten behalten ihren Uebergang. */
.service-card.ov-tilt,
a.prj-tile.ov-tilt {
    transition: border-color 0.25s, box-shadow 0.25s;
    will-change: transform;
}

/* Der Hover-Versatz aus home.css/projekte.css wuerde das Kippen
   ueberschreiben – waehrend des Kippens uebernimmt das JS die Hoehe. */
.service-card.ov-tilt:hover,
a.prj-tile.ov-tilt:hover {
    transform: none;
}