/* ************************************************************* */
/* Sonoma — sparsame Animationen.
/* Kein Aufpoppen, nur sanftes Wachsen beim Hover.
/* ************************************************************* */

.button-entrance {
  animation-name: fadein;
  animation-duration: .45s;
  animation-fill-mode: both;
  animation-delay: calc(var(--delay) / 28);
}

.fadein { animation-name: fadein; animation-duration: .7s; animation-fill-mode: both; }

@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

/* Die Hover- und Klickzustaende stehen gebuendelt am Ende der
   skeleton-auto.css, damit alle Elemente exakt dieselbe Kurve und
   Dauer nutzen. Die LinkStack-Klassen werden hier nur neutralisiert,
   sonst wuerden sie mit eigenen Werten dazwischenfunken. */
.button-hover, .social-hover, .credit-hover {
  transform: none;
  transition: none;
}

/* Kein Wackeln der Icons */
.icon-hover .hvr-icon { transform: none; }
.icon-hover:hover .hvr-icon,
.icon-hover:focus .hvr-icon,
.icon-hover:active .hvr-icon { animation: none; }

.footer-hover { transition: opacity .22s; }
.footer-hover:hover { transform: none; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  .button-hover:hover, .social-hover:hover { transform: none; }
}