/* Basis: Elemente starten unsichtbar */
  [data-anim] {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  /* Richtungen */
  [data-anim="fade-up"]    { transform: translateY(32px); }
  [data-anim="fade-down"]  { transform: translateY(-32px); }
  [data-anim="fade-left"]  { transform: translateX(32px); }
  [data-anim="fade-right"] { transform: translateX(-32px); }
  [data-anim="fade"]       { transform: none; }
  [data-anim="zoom"]       { transform: scale(0.94); }

  /* Sichtbar-Zustand (wird per JS gesetzt) */
  [data-anim].is-visible {
    opacity: 1;
    transform: none;
  }

  /* Verzögerungen (optional per data-delay) */
  [data-delay="100"]  { transition-delay: 100ms; }
  [data-delay="200"]  { transition-delay: 200ms; }
  [data-delay="300"]  { transition-delay: 300ms; }
  [data-delay="400"]  { transition-delay: 400ms; }
  [data-delay="500"]  { transition-delay: 500ms; }
  [data-delay="600"]  { transition-delay: 600ms; }

  /* Geschwindigkeit (optional per data-duration) */
  [data-duration="fast"]   { transition-duration: 0.35s; }
  [data-duration="slow"]   { transition-duration: 1s; }