/*Breite der Bereiche*/
@media (min-width: 992px) {
  body.has-sidebar-left.has-sidebar-right .site-grid {
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 12%) minmax(0, 74%) minmax(0, 12%) [main-end] minmax(0, 1fr) [full-end];
    grid-template-areas: ". banner  banner banner ."
                         ". top-a top-a  top-a ."
                         ". top-b top-b  top-b ."
                         ". side-l comp  side-r ."
                         ". bot-a bot-a  bot-a ."
                         ". bot-b bot-b  bot-b .";
  }
}  
/*Formatierung des Menüs*/
@media (min-width: 992px) {
  .metismenu-item.level-1.deeper.parent:hover > ul,
  .metismenu-item.level-2.deeper.parent:hover > ul {
    display: block !important;
  }
} 
.mm-toggler {
  display: none !important;
} 
.mod-menu a {
  text-decoration: none !important;
  color: #ff5722 !important;        /* Schriftfarbe (Orange) */
  font-size: 16px !important;       /* Schriftgröße */
  font-weight: bold !important;     /* Fett */
  background-color: #f0f0f0 !important; /* Hintergrundfarbe */
  padding: 8px 12px !important;     /* Abstand innerhalb des Links */
  border-radius: 4px !important;    /* Abgerundete Ecken */
}   
.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#mod-menu115 {
    display: flex;
    flex-direction: row;
    gap: 15px;
}   

/*Farbe von Überschriften*/
/* Alle Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: #ff5722 !important; /* Beispiel: Orange */
}
/* Nur Artikelüberschriften */
.com-content .page-header h1 {
  color: #4CAF50 !important; /* Beispiel: Grün */
}