Add animated gradient background for "Beliebt" badge: Introduced a new CSS class for the featured badge with a linear gradient and animation effects. Added media query to disable animation for users preferring reduced motion, enhancing accessibility.

public/assets/css/custom.css

@@ -15,3 +15,28 @@
     justify-content: center;
     margin-top: 2rem;
 }
+
+/* Animierter Farbverlauf für "Beliebt"-Badge */
+.featured-badge {
+    background: linear-gradient(135deg, #ff51f9 0%, #a348ff 50%, #3978ff 100%);
+    background-size: 220% 220%;
+    animation: featured-badge-colors 6s ease infinite;
+}
+
+@keyframes featured-badge-colors {
+    0% {
+        background-position: 0% 50%;
+    }
+    50% {
+        background-position: 100% 50%;
+    }
+    100% {
+        background-position: 0% 50%;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .featured-badge {
+        animation: none;
+    }
+}