/* AIGIS Landing — Design „Galerie" (V1.0.47, Betreiber 10.10.2026: „den Style der Demo … auf die gesamte Plattform
   ausrollen mit Ausnahme der News, auch auf der Landing sollten die News rechts in ihrem eigenen Style bleiben").
   Gleiche Gestaltung wie in der Anwendung: warmes Papier, Graphitgrün, Rost für Schwerpunkte, Cyan für Bewegung;
   DM Sans, das Logo auf graphitgrüner Plakette, kantige Flächen, harte Versatzschatten an den Hauptknöpfen.
   Greift NUR mit <html data-design="galerie"> — gesetzt nach der Wahl des Besuchers (theme.js):
   „Papier" = data-theme="light", „Nacht" = ohne data-theme (dunkel). Schrift und Logo liefert der Server
   (/api/public/design/galerie/…), gleiche Herkunft — keine externe Anfrage.
   AUSNAHME: die News-Spalte (.news-leiste) behält ihr CI-Kleid — unten werden ihre Werte zurückgesetzt. */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/api/public/design/galerie/dmsans.woff2) format("woff2")}

/* ── Farben: Nacht ─────────────────────────────────────────────────────────────────────── */
html[data-design="galerie"]{
  --gal-ink:#ede8d9; --gal-on-ink:#17231b; --gal-rust:#d9703f; --gal-cyan:#169cc5; --gal-plakette:#17231b;
  --bg:#19251d; --bg-soft:#1c2921; --panel:#213027; --panel-2:#263429;
  --line:#35473a; --line-soft:rgba(237,232,217,.10);
  --tx:#e3ddcc; --tx-strong:#ede8d9; --mut:#a6aa97;
  --blue:#5ec8e8; --blue-deep:#0f6e8c; --blue-soft:rgba(22,156,197,.16);
  --lime:#d9703f; --lime-text:#e58a5c; --lime-ink:#17231b;
  --ice:#2c3b31; --ice-ink:#ede8d9; --flag:#e8775a; --amber:#e3b34f;
  --shadow-1:none; --shadow-2:0 18px 50px rgba(0,0,0,.38); --glow-blue:none; --glow-lime:none;
  --radius:2px; --radius-lg:3px;
  --font:"DM Sans","Segoe UI",system-ui,-apple-system,Roboto,sans-serif; --mono:var(--font);
  color-scheme:dark;
}
/* ── Farben: Papier ────────────────────────────────────────────────────────────────────── */
html[data-design="galerie"][data-theme="light"]{
  --gal-ink:#17231b; --gal-on-ink:#f5f2e8; --gal-rust:#a84b24;
  --bg:#e8e4d6; --bg-soft:#efebdf; --panel:#f5f2e8; --panel-2:#efebdf;
  --line:#c9c1a9; --line-soft:rgba(23,35,27,.12);
  --tx:#26312a; --tx-strong:#17231b; --mut:#5a6253;
  --blue:#0f6e8c; --blue-deep:#0f6e8c; --blue-soft:rgba(22,156,197,.12);
  --lime:#a84b24; --lime-text:#a84b24; --lime-ink:#f5f2e8;
  --ice:#dfe3d6; --ice-ink:#17231b; --flag:#b3361f; --amber:#b8691f;
  --shadow-2:0 18px 50px rgba(23,35,27,.18);
  color-scheme:light;
}

/* ── Schrift, Grund, Papierkorn ────────────────────────────────────────────────────────── */
html[data-design="galerie"] body{ font-family:var(--font) }
html[data-design="galerie"] h1, html[data-design="galerie"] h2, html[data-design="galerie"] h3, html[data-design="galerie"] h4{
  font-weight:700; letter-spacing:-.025em; font-optical-sizing:auto }
html[data-design="galerie"] ::selection{ background:var(--gal-cyan); color:#17231b }
html[data-design="galerie"] :focus-visible{ outline:2px solid var(--gal-cyan); outline-offset:2px; border-radius:2px }
html[data-design="galerie"] body::after{ content:""; position:fixed; inset:0; z-index:2147483000; pointer-events:none;
  opacity:.06; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E") }
html[data-design="galerie"]:not([data-theme="light"]) body::after{ opacity:.04; mix-blend-mode:screen }

/* ── Kopfleiste: Linie in Tinte, Logo auf der Plakette ─────────────────────────────────── */
html[data-design="galerie"] .nav{ background:color-mix(in srgb, var(--bg) 92%, transparent); border-bottom:1px solid var(--gal-ink) }
html[data-design="galerie"] .nav-logo img, html[data-design="galerie"] footer .foot-brand img{
  background:var(--gal-plakette); padding:5px 10px; border-radius:3px; box-sizing:content-box }
html[data-design="galerie"] .nav-links a{ border-radius:0; color:var(--mut) }
html[data-design="galerie"] .nav-links a:hover{ background:transparent; color:var(--tx-strong); box-shadow:inset 0 -2px 0 var(--gal-cyan) }
html[data-design="galerie"] .nav-links a[aria-current="page"]{ color:var(--tx-strong); box-shadow:inset 0 -3px 0 var(--gal-rust) }
html[data-design="galerie"] .theme-toggle, html[data-design="galerie"] .nav-burger{ border-radius:3px }

/* ── Knöpfe (nicht der Knopf der News-Spalte) ──────────────────────────────────────────── */
html[data-design="galerie"] .btn:not(.news-leiste-cta){ border-radius:3px; font-weight:700; letter-spacing:.01em }
html[data-design="galerie"] .btn.pri:not(.news-leiste-cta), html[data-design="galerie"] .btn.lime:not(.news-leiste-cta){
  background:var(--gal-ink); color:var(--gal-on-ink); border:1px solid var(--gal-ink); box-shadow:5px 5px 0 var(--gal-rust) }
html[data-design="galerie"] .btn.pri:not(.news-leiste-cta):hover, html[data-design="galerie"] .btn.lime:not(.news-leiste-cta):hover{
  transform:translate(2px,2px); box-shadow:3px 3px 0 var(--gal-rust) }
html[data-design="galerie"] .btn.gho:not(.news-leiste-cta){ border-color:var(--gal-ink); color:var(--tx-strong) }

/* ── Flächen: kantig wie die Vorlage ───────────────────────────────────────────────────── */
html[data-design="galerie"] .card{ border-radius:2px; box-shadow:none }
html[data-design="galerie"] .card:hover{ border-color:var(--gal-ink) }
html[data-design="galerie"] .chip{ border-radius:2px }
html[data-design="galerie"] .kicker::before{ border-radius:0; background:var(--gal-rust) }
html[data-design="galerie"] .quote{ border-left-color:var(--gal-rust) }
html[data-design="galerie"] .imp{ border-radius:3px; border-color:var(--gal-ink); box-shadow:8px 8px 0 var(--gal-cyan) }
html[data-design="galerie"] .cookie{ border-radius:3px; border-color:var(--gal-ink) }
html[data-design="galerie"] .sec-alt{ border-color:var(--line) }
html[data-design="galerie"] footer{ border-top:1px solid var(--gal-ink) }

/* ── Kopfmenüs (Darstellung, Sprache) ──────────────────────────────────────────────────── */
html[data-design="galerie"] .kopf-menu{ border-radius:3px; border-color:var(--gal-ink); box-shadow:6px 6px 0 var(--gal-cyan) }
html[data-design="galerie"] .kopf-menu button{ border-radius:2px }
html[data-design="galerie"] .kopf-menu .km-ok{ color:var(--gal-rust) }

/* ═══ AUSNAHME: die News-Spalte bleibt im CI-Kleid (wie AIGIS NEWS) ══════════════════════════
   Ihre Werte werden auf die CI-Fassung zurückgesetzt — Papier → CI hell, Nacht → CI dunkel. Werte wie tokens.css. */
html[data-design="galerie"] .news-leiste{
  --bg:#0B1D2C; --panel:#10283A; --panel-2:#153246; --line:rgba(203,226,242,.16); --line-soft:rgba(203,226,242,.08);
  --tx:#E3ECF3; --tx-strong:#FFFFFF; --mut:#9FB2C3; --blue:#38BDF8; --blue-deep:#0369A1; --lime:#38BDF8; --lime-text:#7DD3FC;
  --lime-ink:#0B1D2C; --shadow-1:0 1px 3px rgba(0,0,0,.30), 0 10px 30px rgba(0,0,0,.28); --glow-blue:0 6px 20px rgba(0,0,0,.30);
  --radius:10px; --radius-lg:14px;
  --font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --mono:var(--font);
  font-family:var(--font); color:var(--tx); color-scheme:dark }
html[data-design="galerie"][data-theme="light"] .news-leiste{
  --bg:#FFFFFF; --panel:#FFFFFF; --panel-2:#F1F4F8; --line:#DDE3EA; --line-soft:#ECF0F4;
  --tx:#26313D; --tx-strong:#111820; --mut:#5B6673; --blue:#0284C7; --blue-deep:#0369A1; --lime:#38BDF8; --lime-text:#0284C7;
  --lime-ink:#0B1D2C; --shadow-1:0 1px 3px rgba(10,20,35,.10), 0 10px 30px rgba(10,20,35,.10); --glow-blue:0 6px 20px rgba(2,132,199,.18);
  color-scheme:light }
html[data-design="galerie"] .news-leiste :focus-visible{ outline:3px solid var(--lime); outline-offset:3px; border-radius:6px }

@media print{ html[data-design="galerie"] body::after{ display:none } }
@media (prefers-reduced-motion: reduce){ html[data-design="galerie"] .btn{ transition:none } }