diff --git a/app/shop/components/ProductGrid.tsx b/app/shop/components/ProductGrid.tsx
index 4979559..dcb7226 100644
--- a/app/shop/components/ProductGrid.tsx
+++ b/app/shop/components/ProductGrid.tsx
@@ -60,7 +60,7 @@ export async function ProductGrid() {
               {product.href && (
                 <Link
                   href={product.href}
-                  className="flex items-center gap-1 font-bold text-label text-brand hover:underline"
+                  className="flex items-center gap-1 font-bold text-label text-text-primary hover:text-brand transition-colors"
                 >
                   <span>Mehr erfahren</span>
                   <span aria-hidden>→</span>