#sp-header,
#sp-header.header-sticky,
#sp-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
/* Drei Striche (Burger-Icon) vom Offcanvas-Menü schwarz färben */
.burger-icon span,
#offcanvas-toggler .burger-icon span {
  background-color: #000000 !important;
}

/* Optional: Farbe beim Hover (Überfahren mit der Maus) */
#offcanvas-toggler:hover .burger-icon span {
  background-color: #333333 !important;
}

/* Falls ein Kreis/Rahmen um das Icon ist, diesen ebenfalls anpassen */
.offcanvas-active .burger-icon,
#modal-menu-toggler.active .burger-icon {
  border-color: #000000 !important;
}
/* Menüpunkt beim Hover: schwarzer Hintergrund, orange Schrift */
.sp-megamenu-parent > li > a:hover,
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li > span:hover,
.sp-megamenu-parent > li:hover > span {
  background-color: #000000 !important;
  color: #F79434 !important;
}

/* Dropdown-Untermenüpunkte beim Hover ebenfalls anpassen */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span:hover {
  background-color: #000000 !important;
  color: #F79434 !important;
}
/* Offcanvas-Menü: Hover-Effekt mit schwarzem Hintergrund & oranger Schrift */
.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li > span:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li:hover > a,
.offcanvas-menu .offcanvas-inner ul.menu > li:hover > span {
  background-color: #000000 !important;
  color: #F79434 !important;
  padding-left: 12px !important; /* sorgt für einen sauberen Innenabstand */
  padding-right: 12px !important;
  opacity: 1 !important;
}

/* Offcanvas: Untermenüpunkte (Sub-Menüs) beim Hover */
.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child > li > a:hover,
.offcanvas-menu .offcanvas-inner ul.menu > li ul.menu-child > li > span:hover {
  background-color: #000000 !important;
  color: #F79434 !important;
  border-radius: 4px;
  opacity: 1 !important;
}