/* ============================================================
BEZEICHNUNG: GOLD NAV CSS — einheitliche Kopfzeile für Grid I–X
Diese Datei einmal als /gold/gold-nav.css hochladen und in JEDER
gridN/index.html zusätzlich einbinden:
  <link rel="stylesheet" href="/gold/gold-nav.css">
Die Regeln sind spezifischer als alte .system-nav-Regeln in den
einzelnen gridN.css-Dateien, daher überschreiben sie automatisch,
auch wenn die alten Regeln noch vorhanden sind.
============================================================ */

.system-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  justify-content:center;
  padding:12px;
  background:#0d2a5c;
}

.system-nav a{
  display:inline-block;
  min-width:90px;
  text-align:center;
  text-decoration:none;
  border-radius:8px;
  padding:8px 12px;
  font-weight:900;
  font-size:14px;
  line-height:1.15;
}

.system-nav a span{
  display:block;
  font-size:11px;
  font-weight:700;
  margin-top:3px;
  opacity:.85;
}

.system-nav a.nav-gold{ background:#0d2a5c; color:#fff; border:2px solid #f4b21b; }
.system-nav a.nav-gold:hover{ background:#123a78; }

.system-nav a.nav-g1{ background:#1e88e5; color:#fff; }
.system-nav a.nav-g1:hover{ background:#1565c0; }

.system-nav a.nav-g2{ background:#43a047; color:#fff; }
.system-nav a.nav-g2:hover{ background:#2e7d32; }

.system-nav a.nav-g3{ background:#b8860b; color:#fff; }
.system-nav a.nav-g3:hover{ background:#96690a; }

.system-nav a.nav-g4{ background:#cfe3fb; color:#0d2a5c; }
.system-nav a.nav-g4:hover{ background:#b7d5f8; }

.system-nav a.nav-g5{ background:#e3e3e3; color:#333; }
.system-nav a.nav-g5:hover{ background:#d2d2d2; }

.system-nav a.nav-g6{ background:#d8f5df; color:#1b5e20; }
.system-nav a.nav-g6:hover{ background:#c3edcd; }

.system-nav a.nav-g7{ background:#f7f7f5; color:#333; }
.system-nav a.nav-g7:hover{ background:#ececea; }

.system-nav a.nav-g8{ background:#ffb4b4; color:#7a1111; }
.system-nav a.nav-g8:hover{ background:#ff9a9a; }

.system-nav a.nav-g9{ background:#e6e6e3; color:#333; }
.system-nav a.nav-g9:hover{ background:#d8d8d4; }

.system-nav a.nav-g10{ background:#f8bbd0; color:#880e4f; }
.system-nav a.nav-g10:hover{ background:#f5a5c1; }

.system-nav a.active{
  outline:3px solid #0d2a5c;
  outline-offset:-3px;
}