diff --git a/attached_assets/image_1772624103161.png b/attached_assets/image_1772624103161.png
new file mode 100644
index 0000000..5b8a378
Binary files /dev/null and b/attached_assets/image_1772624103161.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index aee45d0..b080da1 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -12,6 +12,7 @@ import GalleryPageWrapper from "@/pages/gallery";
 import HoroscopePage from "@/pages/horoscope";
 import RecipesPage from "@/pages/recipes";
 import SearchPage from "@/pages/search";
+import CookieConsent from "@/components/cookie-consent";
 
 function Router() {
   return (
diff --git a/client/src/components/cookie-consent.tsx b/client/src/components/cookie-consent.tsx
new file mode 100644
index 0000000..4204b39
--- /dev/null
+++ b/client/src/components/cookie-consent.tsx
@@ -0,0 +1,54 @@
+import { useState, useEffect } from "react";
+import { X } from "lucide-react";
+
+const CONSENT_KEY = "folx_cookie_consent";
+
+export default function CookieConsent() {
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    const consent = localStorage.getItem(CONSENT_KEY);
+    if (!consent) {
+      const timer = setTimeout(() => setVisible(true), 1500);
+      return () => clearTimeout(timer);
+    }
+  }, []);
+
+  const accept = () => {
+    localStorage.setItem(CONSENT_KEY, "accepted");
+    setVisible(false);
+  };
+
+  if (!visible) return null;
+
+  return (
+    <div
+      className="fixed bottom-0 left-0 right-0 z-[9999] bg-card border-t border-card-border shadow-2xl"
+      data-testid="cookie-consent-banner"
+    >
+      <div className="max-w-4xl mx-auto px-4 py-4 flex flex-col sm:flex-row items-start sm:items-center gap-3">
+        <div className="flex-1 text-sm text-card-foreground">
+          Diese Website verwendet Cookies und Google-Dienste, um Ihnen das bestmögliche
+          Erlebnis zu bieten. Mit der Nutzung dieser Website stimmen Sie der Verwendung
+          von Cookies zu.
+        </div>
+        <div className="flex items-center gap-2 flex-shrink-0">
+          <button
+            onClick={accept}
+            className="px-5 py-2 bg-primary text-primary-foreground text-sm font-medium rounded-md hover:bg-primary/90 transition-colors"
+            data-testid="button-accept-cookies"
+          >
+            Akzeptieren
+          </button>
+          <button
+            onClick={accept}
+            className="p-1.5 text-muted-foreground hover:text-foreground transition-colors"
+            data-testid="button-close-cookies"
+          >
+            <X className="w-4 h-4" />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}