:root {
  --cassiopeia-color-primary: #228b22;/*#ffffff; weiss*/ /* leuchtend gruen #66ff4f;*//*#32cd32;*/ /*#ffffff;*/ /*#39ff14;*/
  --cassiopeia-color-link: #454545; /*grau #454545 */ /*#696969;*/ /* #000000 schwarze Menue Schrift */
  --cassiopeia-color-hover: #228b22; /* leuchtend gruen #66ff4f*/ /*#66ff4f;/*#32cd32;*/
  --cassiopeia-font-family-body: "Roboto", sans-serif;
  --cassiopeia-font-family-headings: "Roboto", sans-serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
}


/* header 3 color */
h3 {
  color: #228b22; /* dunkel gruen */
  padding-left: 25px;
}

h4,h5 {
  color: #454545; /* grau #454545 */
  padding-left: 25px;
}

p {
  color: #454545; /* grau #454545 */
  padding-left: 25px;
}

span style {
  color: #228b22;
}  

a style {
  color: #228b22;"
}

/* Aufzaehlung */
td {
  padding-left: 25px;
}

body {
  background-color: #ffffff; /* E6F9E6 hell gruen Body Hintergrund */
}

.metismenu.mod-menu .mm-collapse {
  background: #d8d8d8; /* #d8d8d8; grau Quick Link 2. Menue Hintergrund */
  border: 1px solid #dfe3e7; /* #dfe3e7; grau Rand von 2. Menue Hintergrund */
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 1px;
}

/* Login Bottom Color */
/*.btn-primary {
    background: #696969; #454545;
}*/


/* not used */
/*btn-primary:focus, .btn-primary:hover {
    background-color: #222222;
}*/

.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
    overflow: hidden;
    text-decoration: none;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: currentColor;
    position: relative;
    text-decoration: none;
}

/* not used */
.back-to-top-link {
    color: #222222; /* #222222; schwarz */
}


/*bestückte navbar*/
.container-header .mod-menu {
  color: #eeeeee; /* #454545; grau Farbe Menues*/ /*#696969;*/
  margin-left: 3px;
/*  margin: auto;*/
  justify-content: center;
}

/* Menu background */
.header .mod-menu > li {
  position: relative;/*absolute relative;*/
}

.header .mod-menu li:hover > ul {
  background-color:#D8D8D8;
  border: 1px solid #D8D8D8;/* #dfe3e7; */
  border-radius: 5px;
  display: block;
  position: absolute; 
  top: 100%;
  left: 0;
 /* min-width: 150px;*/
  padding: 1px;
}

.header .mod-menu li:hover > ul li {
  display: block;
}

/* Spalten anpassen */
@supports (display: grid) {
  @media (min-width: 992px) {
    .site-grid {
      grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,12.875rem) minmax(0,24.875rem) minmax(0,24.875rem) minmax(0,12.875rem) [main-end] minmax(0,1fr) [full-end]
    }
  }
}