/* consent.css — Minimal DSGVO Banner */
#consent-banner, #consent-modal {
  position: fixed; inset: auto 16px 16px 16px;
  max-width: 760px; margin: 0 auto; z-index: 9999;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0f172a;
}
#consent-banner { background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 10px 30px rgba(2,6,23,.15); padding:16px; }
#consent-banner h3 { margin:0 0 8px; font-size:18px; }
#consent-banner p { margin:0 0 12px; color:#475569; line-height:1.5; }
#consent-banner .row { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
#consent-banner .btn { padding:10px 14px; border-radius:10px; border:1px solid #0ea5e9; background:#0ea5e9; color:#fff; font-weight:700; cursor:pointer }
#consent-banner .btn.secondary { background:transparent; color:#0ea5e9 }
#consent-banner .btn.muted { border-color:#cbd5e1; background:#f8fafc; color:#0f172a }

#consent-modal { display:none; background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 10px 30px rgba(2,6,23,.15); padding:16px; bottom: 16px; }
#consent-modal h3 { margin:0 0 8px; font-size:18px; }
#consent-modal .grid { display:grid; grid-template-columns: 1fr; gap:10px; }
#consent-modal label { display:flex; justify-content:space-between; align-items:center; padding:10px; border:1px solid #e5e7eb; border-radius:10px; }
#consent-modal .actions { display:flex; gap:10px; justify-content:flex-end; margin-top:10px }
#consent-modal .btn { padding:10px 14px; border-radius:10px; border:1px solid #0ea5e9; background:#0ea5e9; color:#fff; font-weight:700; cursor:pointer }
#consent-modal .btn.secondary { background:transparent; color:#0ea5e9 }

#consent-reopen {
  position: fixed; left:16px; bottom:16px; z-index:9998;
  padding:8px 12px; border-radius:999px; border:1px solid #cbd5e1; background:#fff; color:#0f172a;
  box-shadow:0 6px 20px rgba(2,6,23,.12); cursor:pointer; font-weight:600;
}



/* === PATCH: FAB-first setup === */
/* Reopen-Button dauerhaft ausblenden (wir nutzen den FAB) */
#consent-reopen { display:none !important; }

/* Optional: Auf kleinen Screens das alte Banner/Modal komplett ausblenden */
@media (max-width:700px){
  #consent-banner, #consent-modal { display:none !important; }
}


/* Borini override: no bottom cookie bar on mobile/desktop, no reopen pill */
#consent-banner,.consent-banner,.cookie-banner,.cookiebar,#cookie-banner,#cookieConsent,.cc-window.cc-bottom{display:none !important}
#consent-reopen{display:none !important}





/* Cookie-Button und Panel unten rechts platzieren */
#cookie-fab{
  right:14px; left:auto;
  bottom:calc(86px + env(safe-area-inset-bottom));
}
@media (min-width:768px){
  #cookie-fab{ bottom:calc(24px + env(safe-area-inset-bottom)); }
}

#cookie-panel{
  right:14px; left:auto;
  bottom:calc(86px + env(safe-area-inset-bottom));
}
@media (min-width:768px){
  #cookie-panel{ bottom:calc(24px + env(safe-area-inset-bottom)); }
}