/* ==========================================================================
   Ziffern bauen sich auf (digits.js)
   Bis digits.js läuft, sind die Ziffern verdeckt, aber nur bei aktivem
   Scripting und ohne Wunsch nach reduzierter Bewegung. So blitzt beim Laden
   mit #anker keine fertige Ziffer auf, bevor sie sich zeichnet. Ohne JS
   (scripting: none), bei reduzierter Bewegung und in Browsern ohne diese
   Media-Abfrage bleiben die Ziffern sofort sichtbar.
   Notfall: Startet digits.js nicht (Fehler, sehr langsames Laden), erscheinen
   die Ziffern nach 3 s von selbst. digits.js setzt .has-digits an <html> und
   übernimmt ab dann über Strichmuster (Inline-Stil, Web Animations).
   ========================================================================== */

@media (scripting: enabled) and (prefers-reduced-motion: no-preference) {
  html:not(.has-digits) .principle .ziffer,
  html:not(.has-digits) .card__ziffer {
    animation: digits-failsafe 0s linear 3s both;
  }
}

@keyframes digits-failsafe {
  from { visibility: hidden; }
  to { visibility: visible; }
}

@media print {
  html:not(.has-digits) .principle .ziffer,
  html:not(.has-digits) .card__ziffer {
    animation: none;
  }
}