:root {
  --cassiopeia-color-primary: #aa0000; 
  --cassiopeia-color-link: #cc0000;
  --cassiopeia-color-hover: #ff0000;
  --link-color: #cc0000;
  --link-hover-color: #ff0000;
}

/* Schriftarten laden */
@font-face {
  font-family: "OkayD";
  src: url("/templates/cassiopeia_wam/fonts/OkayD.ttf")
}

/* Layout Banner oben */
.mybanner {
  min-width: 85%;
}

/* Hintergrundfarbe Header */
.container-header {
  background-color: #ffffff;
  background-image: none;
}

/* Navigation */

/* Textfarbe in Navigation */
.container-header .mod-menu {
  color: #000000;
}

/* Hintergrundfarbe in Navigation */
.container-header .mod-menu {
  background-color: #f1f1f1;
}

/* Abgerundete Ecken und bisschen Abstand für Navigations-Hover-Felder */
.container-header .mod-menu a {
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -border-radius: 6px 6px 6px 6px;
  padding: 3px 10px;
  color: #000000;
}

/* Navigations-Hover-Felder Farbe */
.container-header .mod-menu a:hover {
  background-color:#eee;
}


/* Navigations-Unterpunkte mit Hover */
.container-nav li.level-1.deeper.parent:hover > ul{
  display:block !important
}

/* Navigationsfelder enger zusammenrücken */
.metismenu.mod-menu metismenu-item {
  display :flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0em 0em;
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2;
}

/* Hamburger-Menu Farbe */
.container-header .navbar-toggler {
  color: #FF0000;
  border: 1px solid #FF0000;
}

/* Überschriften definieren */

h1, h2, h3 {
  font-family: "OkayD";  
  color: #cc0000;
}

/* Footer */

/* Footer Hintergrund- und Schriftfarbe */
.container-footer {
  background-color: #f7f7f7;
  background-image: none;
  color: #000000;
}

/* Footer Höhe verringern */
.footer .grid-child {
  padding: 1rem .0.5em;
}

/* Ausklapptext Überschriftengröße */
.accordion-button {
  font-size: 2rem;
}