:root {
    --cassiopeia-color-primary: #002678;
    --cassiopeia-color-link: #000000;
    --link-color: #30638d;
    --link-color-rgb: 48, 99, 141;
    --cassiopeia-color-hover: rgb(0,38,120);
    --link-hover-color: #954b56;
    --link-hover-color-rgb: 0, 38, 120;
    --color: #000000

    --template-bg-light: #002678;
    --template-text-dark: #000000;
    --template-text-light: #ffffff;
    --template-link-color: var(--link-color);
    --template-special-color: #001B4C;
}

/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein */

.metismenu.mod-menu {
  color: rgb(255,255,255);
  background: rgb(74,84,89)
}

.metismenu.mod-menu .mm-collapse {
  color: rgb(255,255,255);
  background: rgb(74,84,89)
}

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {
  color: rgb(255,255,255);
  background: rgb(74,84,89)
}

.container-nav {
  justify-content: right;
  background: rgb(74,84,89)
}

.container-header .container-nav {
  justify-content: right;
}

.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  color: rgb(0,0,0);
  background: #fff;
  left: 0;
  right: 0;
}

/* .item-page { */
/*   color: rgb(255,255,255); */
/*  background-color: rgb(0,0,0); /*Hintergrundfarbe */ */
/*  } */

.article-body p {
      color: #ffffff; /* Textfarbe */
    }

a.brand-logo img {
max-width: 1400px;  
}

.mod-custom {
  background: rgb(255,255,255)
}