🔧 INTERNAL — Cookie-Consent Banner (DSGVO-Ready Code)

🍪 COOKIE-CONSENT BANNER — DSGVO-Ready

OPTION A: Shopify Cookie-Banner (EMPFOHLEN!)

  1. Shopify Admin → Settings → Customer Privacy
  2. 'Cookie Banner' aktivieren
  3. Region: 'European Union'
  4. Standard-Customizing okay
  5. Save → Banner zeigt automatisch für EU-Besucher

OPTION B: Custom Cookie-Banner (HTML/CSS/JS)

Füge im Theme → theme.liquid VOR </body> ein:

<!-- LuxeStyle Cookie-Consent -->
<div id="lx-cookie" style="display:none;position:fixed;bottom:0;left:0;right:0;background:#1B2845;color:white;padding:20px;z-index:9998;box-shadow:0 -4px 20px rgba(0,0,0,0.3);">
  <div style="max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between;">
    <div style="flex:1;min-width:300px;">
      <p style="margin:0 0 5px;font-weight:700;">🍪 Wir nutzen Cookies</p>
      <p style="margin:0;font-size:13px;opacity:0.9;">Für eine bessere Nutzererfahrung. <a href="/pages/datenschutz" style="color:#D4AF37;">Mehr erfahren</a></p>
    </div>
    <div style="display:flex;gap:10px;">
      <button onclick="lxCookieDeny()" style="background:transparent;color:white;border:1px solid white;padding:10px 20px;border-radius:6px;cursor:pointer;">Ablehnen</button>
      <button onclick="lxCookieAccept()" style="background:#D4AF37;color:#1B2845;border:none;padding:10px 25px;border-radius:6px;font-weight:700;cursor:pointer;">Akzeptieren</button>
    </div>
  </div>
</div>
<script>
(function(){
  if(!localStorage.getItem('lx-cookie-choice')){
    setTimeout(function(){document.getElementById('lx-cookie').style.display='block';},1000);
  }
})();
function lxCookieAccept(){localStorage.setItem('lx-cookie-choice','accepted');document.getElementById('lx-cookie').style.display='none';}
function lxCookieDeny(){localStorage.setItem('lx-cookie-choice','denied');document.getElementById('lx-cookie').style.display='none';}
</script>