/* ================================================
   cassiopeia_wh – user.css
   Farbschema C3 – Grau + Blau-Akzent
   Version MINIMAL 1.1 – Footer-Fix
   ================================================ */

/* ── CSS-Variablen (Farben) ──────────────────── */
:root {
  --wh-header:    #3c4858;
  --wh-nav:       #526070;
  --wh-akzent:    #2a7cc1;
  --wh-text:      #2c2c2c;
  --wh-bg:        #f7f8fa;
  --wh-grau-hell: #e8ecf0;
}

/* ── Basis / Body ────────────────────────────── */
body {
  color: var(--wh-text);
  background-color: var(--wh-bg);
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

/* ── Überschriften ───────────────────────────── */
h1, h2, h3, h4 {
  color: var(--wh-header);
  font-weight: 600;
}

/* ── Links ───────────────────────────────────── */
a { color: var(--wh-akzent); }
a:hover { color: var(--wh-nav); }

/* ── Header ──────────────────────────────────── */
.header {
  background-color: var(--wh-header) !important;
  background-image: none !important;
  padding: 0.2rem 1rem !important;
}
.header .navbar-brand img {
  max-height: 42px !important;
  width: auto !important;
}

/* ── Container Header (volle Breite) ─────────── */
.container-header {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}

/* ── Navbar Farbe ────────────────────────────── */
nav.navbar {
  background-color: var(--wh-nav) !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
nav.navbar a,
nav.navbar .nav-link {
  color: #ffffff !important;
}

/* ── Menü: nur Farben, kein Layout ───────────── */
ul.metismenu ul a {
  color: #ffffff !important;
}
ul.metismenu > li > ul {
  background-color: #3a4d60 !important;
  border-top: 2px solid var(--wh-akzent) !important;
}
ul.metismenu ul ul     { background-color: #5a7080 !important; }
ul.metismenu ul ul ul  { background-color: #7a9aaa !important; }
ul.metismenu ul ul ul ul { background-color: #9ab4c4 !important; }

ul.metismenu li > button.mm-toggler {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.85) !important;
  cursor: pointer !important;
}

/* ── Footer ──────────────────────────────────── */
footer.footer {
  background-color: var(--wh-header) !important;
  background-image: none !important;
  color: #cccccc !important;
}
footer.footer a { color: #aabbcc !important; }
footer.footer a:hover { color: #ffffff !important; }

/* Cassiopeia Footer-Wrapper Gradient entfernen */
.footer-wrapper,
.footer-inner,
.site-footer,
#footer {
  background-image: none !important;
  background-color: var(--wh-header) !important;
}