:root {
  --gruen-dunkel: #0E2D1D;
  --gruen-mittel: #1A4A31;
  --gruen-hell:   #C5E2CE;
  --rahmen:       #C2DEC9;

  --cassiopeia-color-primary: var(--gruen-dunkel);
  --cassiopeia-color-link:    var(--gruen-dunkel);
  --cassiopeia-color-hover:   var(--gruen-mittel);
  --link-color:               var(--gruen-dunkel);
}

/* Kopfbereich */
.container-header {
  background: var(--gruen-dunkel);
}
.container-header a,
.container-header .mod-menu a {
  color: #ffffff;
}
.container-header .mod-menu .active > a {
  color: #A8CDB8;
}

/* Links */
a { color: var(--gruen-dunkel); }
a:hover, a:focus { color: var(--gruen-mittel); }

/* Überschriften */
h1, h2, h3 { color: var(--gruen-dunkel); }

/* Buttons */
.btn-primary {
  background-color: var(--gruen-dunkel);
  border-color: var(--gruen-dunkel);
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--gruen-mittel);
  border-color: var(--gruen-mittel);
  color: #ffffff;
}

/* Kästen in der Seitenleiste */
.card {
  border-color: var(--rahmen);
}
.card-header {
  background-color: var(--gruen-hell);
  color: var(--gruen-dunkel);
  border-bottom: 1px solid var(--rahmen);
}

/* Fußbereich */
.container-footer { background: var(--gruen-dunkel); }
.container-footer a, .container-footer p { color: #ffffff; }
/* Seitentitel im Kopfbereich */
.container-header .brand-logo,
.container-header .navbar-brand,
.container-header .navbar-brand a,
.container-header .site-title {
  font-weight: 700;
  text-decoration: none;
}
.container-header .navbar-brand a:hover,
.container-header .navbar-brand a:focus {
  text-decoration: none;
  color: #A8CDB8;
}