diff --git a/public/assets/css/custom.css b/public/assets/css/custom.css
index fef5517..0642a97 100644
--- a/public/assets/css/custom.css
+++ b/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;
+    }
+}