/* Neues Design für die ganze Website: dunkel, flach, Akzent Vulpo-Orange. Wird nach forest.css geladen.
   Das Dashboard (body.dash-page) legt in dash.css noch eigene Flächenfarben darüber. */
body {
  --accent: #e8762b; --accent-2: #f39a4f; --accent-soft: rgba(232, 118, 43, .16);
  --moss: var(--accent); --moss-2: var(--accent-2); --moss-3: #f6b27a; --pine: #b0501a; --primary: var(--accent); --primary-2: #d0661f; --on-primary: #fff;
  --bg: #23252e; --bg-2: #1d1e26; --surface: #1b1c22; --surface-2: #2c2e37; --surface-3: #34363f;
  --ink: #f2f3f5; --ink-2: #c4c7cf; --ink-3: #8f93a0; --line: #30323c; --line-2: #3a3c46;
  --field: #16171c; --field-line: #2a2c35; --menu-bg: #18191e; --fog: rgba(35, 37, 46, .95); --accent-ink: #f39a4f; --focus: rgba(232, 118, 43, .28);
  --tree-1: #2a2c36; --tree-2: #23252e; --tree-3: #1d1e26;
  --ok: #3ba55d; --warn: #f0b232; --bad: #ed4245;
  --shadow: none; --shadow-lg: 0 18px 40px rgba(0, 0, 0, .45); color-scheme: dark; background: var(--bg); color: var(--ink);
}
.forest-bg, .fireflies, #theme-toggle, .cta-trees { display: none !important; }
.nav { background: rgba(29, 30, 38, .92) !important; border: 1px solid var(--line) !important; box-shadow: none !important; }
.glass { background: var(--surface); border-color: var(--line); box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.glass-soft { background: var(--surface-2); }
h1, h2, h3, h4 { color: var(--ink); }
.btn { border-radius: 10px; }
.btn-primary, .btn-fox { background: var(--accent); color: #fff; border-color: transparent; box-shadow: 0 10px 24px -12px rgba(232, 118, 43, .8); }
.btn-primary:hover, .btn-fox:hover { background: var(--primary-2); }
.input, .select, textarea.input { background: var(--field); border-color: var(--field-line); color: var(--ink); }
.grad { background: linear-gradient(90deg, #f6b27a, #e8762b) !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; }
.eyebrow { color: var(--accent-2) !important; }
.cta { background: var(--accent) !important; color: #fff; border: 0 !important; }
.cta h2, .cta .lead { color: #fff !important; }
.footer { background: transparent !important; border: 0 !important; border-top: 1px solid var(--line) !important; border-radius: 0 !important; }
.badge.ok { background: var(--accent-soft); color: var(--accent-2); }
::selection { background: rgba(232, 118, 43, .35); }
.nav-dash { white-space: nowrap; }
@media (max-width: 560px) { .nav-dash { padding: 0 12px; } .nav-dash span { display: none; } }
/* Kopfzeile: rechteckig, oben festgeklebt, volle Breite */
.nav { top: 0 !important; left: 0 !important; right: 0; transform: none !important; width: 100% !important; max-width: none !important; border-radius: 0 !important;
  border: 0 !important; border-bottom: 1px solid var(--line) !important; background: #1f2027 !important; backdrop-filter: none !important;
  height: 72px; padding: 0 max(20px, calc((100% - 1180px) / 2)) !important; margin: 0 !important; }
.nav .brand { font-size: 22px; font-weight: 800; }
.nav .brand img { width: 40px; height: 40px; }
@media (max-width: 920px) { .nav-links { top: 72px !important; left: 0; right: 0; border-radius: 0 0 12px 12px !important; } }