/* Förderverein EUM/EnWi – Anpassungen für Cassiopeia (Farben wie die alte Website) */
:root {
  --cassiopeia-color-primary: #0079ba;
  --cassiopeia-color-link: #0079ba;
  --cassiopeia-color-hover: #005a8b;
  --eum-background: #cce0ff;
}

body.site {
  background-color: var(--eum-background);
  border-top: 3px solid var(--cassiopeia-color-primary);
}

/* Inhalt als weiße Karte auf hellblauem Grund */
.site-grid {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
  margin-top: 1rem;
  padding-bottom: 1rem;
}

/* Kopfbereich: Kopfbild über die volle Breite statt Farbverlauf */
.container-header {
  background: var(--eum-background);
  background-image: none;
  box-shadow: none;
}
.container-header .navbar-brand {
  width: 100%;
  max-width: 1320px;
  margin: 1rem auto 0;
  padding: 0 .5rem;
}
.container-header .brand-logo img {
  width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
}

/* Hauptmenü als Leiste unter dem Kopfbild */
.container-header .container-nav {
  background: var(--cassiopeia-color-primary);
  max-width: 1320px;
  margin: 0 auto;
  border-radius: 0 0 6px 6px;
}
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span,
.container-header .navbar-toggler {
  color: #fff;
}

.footer {
  background: var(--cassiopeia-color-primary);
  background-image: none;
}

/* Alte Beiträge mit Layout-Tabellen fester Breite: auf kleinen Bildschirmen untereinander */
.com-content-article__body table {
  width: 100% !important;
  height: auto !important;
}
.com-content-article__body td {
  width: auto !important;
}
@media (max-width: 767px) {
  .com-content-article__body table,
  .com-content-article__body tbody,
  .com-content-article__body tr,
  .com-content-article__body td {
    display: block;
  }
}