/**
 * animations.css
 * Eine orchestrierte Eintritts-Sequenz (Begruessung -> Statistik ->
 * Empfehlungen -> ...) statt vieler verstreuter Effekte. Siehe die
 * animation-delay-Werte in dashboard.css.
 */
@keyframes tk-fade-up {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.tk-section:nth-of-type(1) { animation-delay: 80ms; }
.tk-section:nth-of-type(2) { animation-delay: 140ms; }
.tk-section:nth-of-type(3) { animation-delay: 200ms; }