From d3da589a1dd87c104a49b33e7769f9504ac53247 Mon Sep 17 00:00:00 2001
From: TheOnlyMace <0815cracky@gmail.com>
Date: Thu, 9 Apr 2026 21:26:29 +0200
Subject: [PATCH] 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 | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

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;
+    }
+}