/* Cookie-Banner. Sieht auf allen Seiten gleich aus: schwebende Glaskarte im Stil der Website (Radius 18, weiche Ebene, Pillen),
   eigene Knopf-Klassen (.cookie-btn) statt der .btn-Klassen der Seite. Nutzt die Tokens aus site.css (mit Rückfall
   auf die Hellfarben). Verhalten und Texte stehen in consent.js und sind unverändert. */
.cookie-banner {
  position: fixed; left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 50; display: none;
  max-width: 1100px; margin: 0 auto; border-radius: 18px;
  background: var(--glas, rgba(255, 255, 255, .8)); color: var(--text-1, #1a1a19);
  backdrop-filter: var(--glas-blur, blur(26px)); -webkit-backdrop-filter: var(--glas-blur, blur(26px));
  border: 1px solid var(--glas-rand, rgba(255, 255, 255, .75));
  box-shadow: var(--schatten, 0 14px 36px -12px rgba(40, 50, 90, .18));
  padding: 18px 20px;
}
.cookie-banner.show { display: block; animation: cookieUp 420ms cubic-bezier(.2, .8, .2, 1) both; }
.cookie-banner:focus { outline: none; }
@keyframes cookieUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .cookie-banner.show { animation: none; } }
.cookie-banner-inner { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; }
.cookie-banner-inner p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-2, #55534f); max-width: 660px; }
.cookie-banner a { color: var(--text-1, #1a1a19); text-decoration: underline; text-underline-offset: 3px; }
.cookie-banner a:hover { text-decoration-thickness: 2px; }
.cookie-banner-actions { display: flex; gap: 10px; flex: none; }
/* „Ablehnen“ und „Akzeptieren“ sind derselbe Knopf: gleiche Grösse, gleiches Gewicht, gleiche Farben */
.cookie-btn {
  font: inherit; font-size: 14.5px; font-weight: 600; line-height: 1.2; text-align: center;
  min-height: 44px; min-width: 124px; padding: 10px 20px; border-radius: 999px; cursor: pointer;
  color: var(--text-1, #1a1a19); background: var(--chip, #f1efeb);
  border: 0;
  transition: transform 220ms cubic-bezier(.2, .8, .2, 1), background-color 140ms cubic-bezier(.2, .8, .2, 1), box-shadow 220ms cubic-bezier(.2, .8, .2, 1);
}
.cookie-btn:hover { background: var(--chip-aktiv, #fff); transform: translateY(-1px); box-shadow: var(--schatten, 0 6px 14px -8px rgba(40, 50, 90, .25)); }
.cookie-btn:active { transform: scale(.98); }
.cookie-btn:focus-visible, .cookie-banner a:focus-visible { outline: 2px solid var(--akzent, #2a7cc8); outline-offset: 2px; }
@media (max-width: 560px) {
  .cookie-banner { left: 10px; right: 10px; padding: 16px; }
  .cookie-banner-inner { gap: 12px; }
  .cookie-banner-inner p { font-size: 13.5px; line-height: 1.45; }
  .cookie-banner-actions { width: 100%; }
  .cookie-btn { flex: 1 1 0; min-width: 0; padding-left: 8px; padding-right: 8px; }
}