design updates

templates/index.html

@@ -25,10 +25,13 @@
             
                // Counter im Footer aktualisieren
                // Wir suchen das Element mit der Klasse 'badge-blue' (oder gib ihm eine ID)
-               const counterElement = document.querySelector(".badge-blue");
+               const counterElement = document.getElementById("global-counter");
                if (counterElement) {
-                   //counterElement.innerText = data.count;
                    document.getElementById("global-counter").innerText = data.count;
+                   // Animation triggern
+                   counterElement.classList.remove("counter-update"); // Vorherige Animation zurücksetzen
+                   void counterElement.offsetWidth;                 // Trick, um CSS-Reflow zu erzwingen
+                   counterElement.classList.add("counter-update");
                }
         })
         .catch(error => console.error("Fehler:", error));