#block-hauptmenu   {
  float: left;
  margin: 0;
  padding: 0;
}
#block-hauptmenu .sf-navbar {
  width: 100%;
  background-color: #efefef;
}
#block-hauptmenu   ul {
  padding-left: 0;
}
#block-hauptmenu   a,
#block-hauptmenu   span.nolink {
  color: #871d33;
  padding: 0.75em 1em;
}
#block-hauptmenu   a.sf-with-ul,
#block-hauptmenu   span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-hauptmenu  .rtl a.sf-with-ul,
#block-hauptmenu  .rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-hauptmenu   span.sf-description {
  color: #871d33;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-hauptmenu  .rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-hauptmenu   li,
#block-hauptmenu  .sf-navbar {
  background: #efefef;
}
#block-hauptmenu   li li {
  background: #efefef;
}
#block-hauptmenu   li li li {
  background: #efefef;
}
#block-hauptmenu   li:hover,
#block-hauptmenu   li.sfHover,
#block-hauptmenu   a:focus,
#block-hauptmenu   a:hover,
#block-hauptmenu   a:active,
#block-hauptmenu   span.nolink:hover {
  background: #efefef;
  outline: 0;
}
#block-hauptmenu   li:hover > ul,
#block-hauptmenu   li.sfHover > ul {
  top: 40px;
}
#block-hauptmenu .sf-sub-indicator:after {
  content: "▼";
}
#block-hauptmenu ul .sf-sub-indicator:after,
#block-hauptmenu .sf-vertical .sf-sub-indicator:after {
  content: "►";
}
#block-hauptmenu .sf-navbar ul .sf-sub-indicator:after,
#block-hauptmenu .sf-accordion .sf-sub-indicator:after,
#block-hauptmenu .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
}
#block-hauptmenu .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
}
#block-hauptmenu .sf-accordion.sf-accordion-with-buttons li.sf-expanded > .sf-accordion-button:after {
  content: "▲";
}
#block-hauptmenu .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-hauptmenu .sf-vertical.rtl .sf-sub-indicator:after,
#block-hauptmenu .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
}
#block-hauptmenu div.sf-accordion-toggle  a {
  background: #efefef;
  color: #871d33;
  padding: 1em;
}
#block-hauptmenu div.sf-accordion-toggle  a.sf-expanded,
#block-hauptmenu  .sf-accordion li.sf-expanded {
  background: #efefef;
}
#block-hauptmenu div.sf-accordion-toggle  a.sf-expanded,
#block-hauptmenu  .sf-accordion li.sf-expanded > a,
#block-hauptmenu  .sf-accordion li.sf-expanded > span.nolink {
  font-weight: bold;
}
#block-hauptmenu  .sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 499;
}
#block-hauptmenu  .sf-accordion li li a,
#block-hauptmenu  .sf-accordion li li span.nolink {
  padding-left: 2em;
}
#block-hauptmenu  .sf-accordion li li li a,
#block-hauptmenu  .sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-hauptmenu  .sf-accordion li li li li a,
#block-hauptmenu  .sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-hauptmenu  .sf-accordion li li li li li a,
#block-hauptmenu  .sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-hauptmenu  .rtl.sf-accordion li li a,
#block-hauptmenu  .rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-hauptmenu  .rtl.sf-accordion li li li a,
#block-hauptmenu  .rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-hauptmenu  .rtl.sf-accordion li li li li a,
#block-hauptmenu  .rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-hauptmenu  .rtl.sf-accordion li li li li li a,
#block-hauptmenu  .rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-hauptmenu   li.sf-multicolumn-wrapper ol,
#block-hauptmenu   li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-hauptmenu   li.sf-multicolumn-wrapper a.menuparent,
#block-hauptmenu   li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-hauptmenu   li.sf-multicolumn-wrapper {
  background: #efefef;
}
#block-hauptmenu   li.sf-multicolumn-wrapper li {
  background: transparent;
}
#block-hauptmenu a:hover {
}
#block-bks-portal-theme-hauptmenu {
    float: left;
    text-align: left;
}

/* Sandwitch Menu soll über den Inhalten schweben */
#block-hauptmenu .sf-menu ul {
    position: absolute;  /* Macht das Menü unabhängig vom Fluss */
    top: 100%; /* Setzt es genau unter das übergeordnete Menü */
    left: 0;
    z-index: 1000; /* Sicherstellen, dass es über anderen Elementen liegt */
    display: none; /* Standardmäßig ausblenden */
    background: white; /* Hintergrund für bessere Sichtbarkeit */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional für bessere Optik */
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 200px; /* Breite festlegen, damit es nicht springt */
}

#block-hauptmenu .sf-menu li {
    position: relative; /* Damit sich das absolute Submenu darauf bezieht */
}

#block-hauptmenu .sf-menu li:hover > ul,
#block-hauptmenu .sf-menu li.sfHover > ul {
    display: block; /* Anzeigen, wenn das Eltern-Element aktiv ist */
}