Barrierefreiheit und mobile Darstellung

- Kontrast: gedämpfter Text war mit 3,1:1 unter WCAG AA, jetzt 4,9:1
  (hell) bzw. 6,4:1 (dunkel)
- Sprungmarke „Zum Inhalt springen" in Admin-Shell und Voucher-Seite
- aria-label für alle reinen Icon-Schaltflächen (Theme, Menü, Abmelden,
  Zeilenaktionen), aria-current auf dem aktiven Navigationspunkt,
  role="group" für den Sprachumschalter
- 194 dekorative Icons mit aria-hidden versehen, damit Screenreader sie
  nicht vorlesen
- Toast-Container als aria-live-Bereich ausgezeichnet
- prefers-reduced-motion schaltet Animationen und Übergänge ab

Tabellen (Benutzer, Vouchers, Profile, Audit-Log, Dashboard, API-Keys)
werden unter 720 px zu Karten: die Spaltenüberschrift steht per
data-label vor dem Wert, statt horizontal zu scrollen.

Datums- und Zeitformat in der Voucher-Liste folgen jetzt der gewählten
Sprache statt fest de-DE.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

login_simple.php

@@ -166,12 +166,12 @@ try {
         <?php if ($m365Enabled): ?>
             <div class="divider"><span>oder</span></div>
             <a href="<?= htmlspecialchars($m365LoginUrl) ?>" class="btn btn-microsoft">
-                <i class="fab fa-microsoft"></i> Mit Microsoft 365 anmelden
+                <i class="fab fa-microsoft" aria-hidden="true"></i> Mit Microsoft 365 anmelden
             </a>
         <?php endif; ?>
         
         <?php if ($publicAccess): ?>
-            <div class="auth-links"><a href="index.php" class="back-link"><i class="fas fa-arrow-left"></i> Zurück zur Code-Erstellung</a></div>
+            <div class="auth-links"><a href="index.php" class="back-link"><i class="fas fa-arrow-left" aria-hidden="true"></i> Zurück zur Code-Erstellung</a></div>
         <?php endif; ?>
         
         <!-- Debug Info (kann nach erfolgreicher Einrichtung entfernt werden) -->