@charset "UTF-8";
/* Standardstile für Untermenüs und Hauptmenüpunkte */
.main-navigation .sub-menu {
  background-color: #fFF;
  color: #000;
  /* Schwarz */
}
.main-navigation > ul > li > a {
  font-weight: bold;
  /* Fett */
  color: #FFF;
  /* Weiße Schriftfarbe */
}
/* Media Query für Desktop-Bildschirme (mindestens 768px breit) */
@media (min-width: 768px) {
  /* Anpassung der Untermenü-Stile für Desktop */
  /* Anpassung der Hauptmenü-Stile für Desktop */
  .main-navigation .sub-menu {
    background-color: #000;
    /* Transparenter Hintergrund */
    color: #000;
    /* Schwarze Schriftfarbe */
  }
  .main-navigation > ul > li > a {
    color: #000;
    /* Schwarze Schriftfarbe */
  }
}
/* Stil für Header-Bereich */
.header-widget-area {
  color: #FFF;
  /* Weiße Schriftfarbe */
  background-color: #000;
  /* Schwarzer Hintergrund */
  font-weight: bold;
  padding: 1.6em 10%;
  /* Oben und unten 1.6em, seitlich 10% */
  text-align: left;
  width: 100%;
  font-size: 16px;
}
/* Hintergrund für Navigation, Footer und Top-Bar */
.main-navigation ul ul, .footer-widgets-wrapper, .site-footer, .top-bar {
  background-color: #0A0A0A;
  /* Dunkelgrauer Hintergrund */
}
/* Stil für verschiedene Schaltflächen und Eingabefelder */
#infinite-handle span, .button, .comment-navigation a, .post-navigation a, .posts-navigation a, a, button, input[type="button"], input[type="reset"], input[type="submit"] {
  border-color: #0A0A0A;
  /* Dunkelgrauer Rand für Schaltflächen und Eingabefelder */
}
/* Stil für den Menü-Button */
.menu-toggle {
  color: #000;
  /* Standardmäßig schwarze Schriftfarbe */
  border-color: #0A0A0A;
  /* Dunkelgrauer Rand für den Button */
  /* Füge hier weitere Anpassungen für den Button hinzu, falls erforderlich */
}
/* Effekt beim Berühren (Hover) des Menü-Buttons */
.menu-toggle:hover {
  color: #808080;
  /* Graue Schriftfarbe beim Berühren */
  border-color: #808080;
  /* Grauer Rand beim Berühren */
  /* Füge hier weitere Anpassungen für den Button-Hover hinzu, falls erforderlich */
}
/* Stil für das Übermenü in der Mobile-Version */
.main-navigation .sub-menu {
  font-weight: normal;
  /* Standard-Schriftgewicht für Desktop */
}