Fix: Cookie-Banner Buttons stapeln sich auf Mobile

- Buttons werden vertikal gestapelt auf kleinen Bildschirmen
- Ab sm-Breakpoint (640px) nebeneinander
- Volle Breite auf Mobile für bessere Bedienbarkeit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

dev-dist/sw.js

@@ -67,10 +67,13 @@ if (!self.define) {
     });
   };
 }
-define(['./workbox-4a2e5f00'], (function (workbox) { 'use strict';
+define(['./workbox-6f774a69'], (function (workbox) { 'use strict';
 
-  self.skipWaiting();
+  self.addEventListener('message', event => {
-  workbox.clientsClaim();
+    if (event.data && event.data.type === 'SKIP_WAITING') {
+      self.skipWaiting();
+    }
+  });
 
   /**
    * The precacheAndRoute() method efficiently caches and responds to
@@ -82,7 +85,7 @@ define(['./workbox-4a2e5f00'], (function (workbox) { 'use strict';
     "revision": "3ca0b8505b4bec776b69afdba2768812"
   }, {
     "url": "index.html",
-    "revision": "0.j6gkgqhn35"
+    "revision": "0.4r61criari8"
   }], {});
   workbox.cleanupOutdatedCaches();
   workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

src/components/CookieBanner.tsx

@@ -7,7 +7,7 @@ import { loadGoogleTagManager } from '../services/gtm';
 const translations = {
     de: {
         title: "Cookie-Einstellungen",
-        message: "Diese Website verwendet Cookies, um Ihr Erlebnis zu verbessern. Daten werden ohne Ihre Zustimmung nicht an Dritte weitergegeben.",
+        message: "Wir nutzen Cookies zur Verbesserung der Website. Ohne Ihre Zustimmung keine Datenweitergabe an Dritte. ",
         acceptAll: "Alle akzeptieren",
         save: "Einstellungen speichern",
         decline: "Ablehnen",
@@ -304,22 +304,22 @@ const CookieBanner = () => {
                             <div className="flex-1">
                                 <p className="text-sm md:text-base font-light">{getText('message')}</p>
                             </div>
-                            <div className="flex flex-wrap gap-3 mt-2 md:mt-0">
+                            <div className="flex flex-col sm:flex-row gap-2 sm:gap-3 mt-3 md:mt-0 w-full sm:w-auto">
                                 <button
                                     onClick={() => setShowSettings(true)}
-                                    className="px-4 py-2 text-xs uppercase tracking-wider font-light text-white border border-white/30 hover:bg-white/10 transition-all"
+                                    className="w-full sm:w-auto px-4 py-2 text-xs uppercase tracking-wider font-light text-white border border-white/30 hover:bg-white/10 transition-all"
                                 >
                                     {getText('learnMore')}
                                 </button>
                                 <button
                                     onClick={handleDeclineAll}
-                                    className="px-4 py-2 text-xs uppercase tracking-wider font-light text-white border border-white/30 hover:bg-white/10 transition-all"
+                                    className="w-full sm:w-auto px-4 py-2 text-xs uppercase tracking-wider font-light text-white border border-white/30 hover:bg-white/10 transition-all"
                                 >
                                     {getText('decline')}
                                 </button>
                                 <button
                                     onClick={handleAcceptAll}
-                                    className="px-4 py-2 text-xs uppercase tracking-wider font-light bg-white text-black hover:bg-gray-200 transition-all"
+                                    className="w-full sm:w-auto px-4 py-2 text-xs uppercase tracking-wider font-light bg-white text-black hover:bg-gray-200 transition-all"
                                 >
                                     {getText('acceptAll')}
                                 </button>