/* Facelift (AUFTRAG-UMSTIEG): unsere Farben und Schriften über dem alten global.css.
   Lädt nach global.css und site.css, gilt nur auf übernommenen Seiten (html.alt). */

html.alt {
  --bg-dark: var(--grund);
  --bg-card: var(--panel);
  --bg-card-hover: var(--kachel);
  --accent: var(--orange);
  --accent-dim: #c4520f;
  --accent-glow: var(--orange-matt);
  --ember: var(--orange-hell);
  --bone: var(--text);
  --text-dim: var(--leise);
  --text-bright: #fff;
  --danger: var(--rot);
  --warning: var(--gelb);
  --border: var(--linie);
  --radius: 6px;
  --font-stencil: var(--kopfschrift);
  --font-display: var(--kopfschrift);
  --font-body: var(--schrift);
  font-size: 16px;
}

/* alte Hintergründe, Scanlines, Abdunkelung aus */
html.alt::before, html.alt::after, html.alt body::before { display: none !important; }
html.alt body { background: var(--grund); background-image: none; font-family: var(--schrift); line-height: 1.5; }

/* Inhalt in unserer Spalte */
html.alt .alt-inhalt { width: 100%; }
html.alt .alt-inhalt .container { max-width: none; margin-top: 0; padding-left: 0; padding-right: 0; }

/* unser Kopf und Menü gegen den alten Reset (*{margin:0;padding:0}) absichern */
html.alt .kopf ul { padding: 0; }
html.alt .kopf .menue-tafel h2 { margin: 0 0 .5rem; }
html.alt .fuss { margin-top: auto; }

/* alte Karten und Knöpfe im neuen Stil */
html.alt .card, html.alt .panel { background: var(--panel); border: 1px solid var(--linie); border-radius: 8px; }
html.alt .btn-primary { background: var(--orange); border-color: var(--orange); color: #fff; }
html.alt .btn-primary:hover { background: var(--orange-hell); }

/* altes festes Menü gibt es nicht mehr: dessen Abstand oben und die alte Fußzeile weg */
html.alt { --kez-header-h: 0px; }
html.alt .page-wrapper { padding-top: 0; min-height: 0; }
html.alt #legal-footer { display: none; }
/* alt: overflow-x:hidden auf html+body macht body zum eigenen Scrollbereich (Seite endet am Bildschirm) */
html.alt, html.alt body { overflow-x: clip; overflow-y: visible; height: auto; }
html.alt body { min-height: 100vh; }

html.alt .alt-hinweis { max-width: 60rem; margin: 1rem auto; }