/* Cookie-Hinweisleiste: liegt im Seitenfluss ganz oben, überdeckt nichts, wegklickbar.
   Markup + Skript: includes/nav.html. Datenmodell wie omega3-test.net (localStorage "cookie_consent", Version 2). */
.cookie-leiste {
  background: #F3F4F6; color: var(--clr-text, #1A1A1A);
  border-bottom: 1px solid var(--clr-border, #E5E7EB);
  font-size: .85rem; line-height: 1.5;
}
.cookie-leiste[hidden] { display: none; }
.cookie-leiste-inner {
  max-width: var(--max-w, 1140px); margin: 0 auto; padding: 10px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.cookie-leiste p { margin: 0; }
.cookie-leiste a { color: var(--clr-primary, #1B4332); text-decoration: underline; white-space: nowrap; }
.cookie-leiste-ok {
  flex: none; cursor: pointer; font: inherit; font-weight: 600;
  background: var(--clr-primary, #1B4332); color: #fff;
  border: 0; border-radius: var(--radius-sm, 6px); padding: 7px 16px;
}
.cookie-leiste-ok:hover { background: var(--clr-primary-light, #2D6A4F); }
.cookie-leiste-ok:focus-visible { outline: 2px solid var(--clr-accent, #C2410C); outline-offset: 2px; }
@media (max-width: 560px) {
  .cookie-leiste { font-size: .8rem; }
  .cookie-leiste-inner { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 14px; }
  .cookie-leiste-ok { align-self: flex-end; }
}
@media print { .cookie-leiste { display: none; } }
