/* Cookie-Hinweis (27.10.2026, Nutzer): reines Informations-Banner unten – Markup aside.hinweis am Ende von index.html / en/index.html,
   Logik in js/app.js (Block „Cookie-Hinweis“). Nach schrift-groesser.css geladen, Größen hier schon inkl. +1 px.
   z-index 15: über Header (5) und Footer (1), unter Mobilmenü (20) und Zertifikat-Ebene (100). */
.hinweis { position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; padding: 0 var(--gutter) calc(16px + env(safe-area-inset-bottom)); pointer-events: none; }
.hinweis[hidden] { display: none; }
.hinweis-in { pointer-events: auto; max-width: 980px; margin: 0 auto; display: flex; align-items: center; gap: 14px 28px; padding: 18px 22px;
  background: rgba(11,2,7,.94); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; box-shadow: 0 10px 40px rgba(0,0,0,.5);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); opacity: 0; transform: translateY(12px); transition: opacity .3s, transform .3s; }
.hinweis.an .hinweis-in { opacity: 1; transform: none; }
.hinweis p { flex: 1; margin: 0; font: 300 16px/1.55 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; color: rgba(255,255,255,.82); }
.hinweis p b { font-weight: 600; color: #fff; }
.hinweis a { color: #fff; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; transition: color .2s; }
.hinweis a:hover { color: var(--color-coral-amber); }
.hinweis .btn { flex: none; border: 0; cursor: pointer; font-family: 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; font-weight: 600; }
.hinweis a:focus-visible, .hinweis .btn:focus-visible, footer.site .hinweis-oeffnen:focus-visible { outline: 2px solid var(--color-coral-amber); outline-offset: 3px; }
@media (max-width: 600px) {
  .hinweis-in { flex-direction: column; align-items: stretch; padding: 16px; }
  .hinweis p { font-size: 15px; }
  .hinweis .btn { text-align: center; }
}
@media (prefers-reduced-motion: reduce) { .hinweis-in { transition: none; transform: none; } }

/* Footer „Rechtliches“: Eintrag „Cookie-Hinweis“ ist ein Knopf (kein Seitenwechsel), Aussehen wie die Footer-Links */
footer.site .hinweis-oeffnen { background: none; border: 0; padding: 0; cursor: pointer; text-align: left; color: #fff; transition: color .2s;
  font: 300 16px/1.5 'inotec Sans Text', var(--font, Inter), system-ui, sans-serif; }
footer.site .hinweis-oeffnen:hover { color: var(--color-coral-amber); }

/* Datenschutz Punkt 4: Tabelle der Speichereinträge (schmal: eigener Scrollbereich statt Seiten-Querscroll) */
.page.dashboard-glas .ds-text #ds-speicher { scroll-margin-top: calc(var(--header-h) + 16px); }
.page.dashboard-glas .ds-text .ds-tabelle { overflow-x: auto; margin: 6px 0 22px; }
.page.dashboard-glas .ds-text table { width: 100%; min-width: 620px; border-collapse: collapse; font: 300 16px/1.5 'inotec Sans Text', sans-serif; color: rgba(255,255,255,.8); }
.page.dashboard-glas .ds-text th, .page.dashboard-glas .ds-text td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.page.dashboard-glas .ds-text th { font-weight: 600; color: #fff; }
.page.dashboard-glas .ds-text code { font: 400 .92em/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: #fff; white-space: nowrap; }