/* ---------------------------------------------
   Modern Header Layout (Flexbox)
   --------------------------------------------- */

/* Header: volle Breite + fixe Außenabstände */
header.siteheader {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 30px;              /* <- genau deine 30px */
  display: flex;                /* Flex auf den Header selbst */
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
    margin-top: 1.88em;
}

/* Logo links lassen (Standard), nur sauber ausrichten */
header.siteheader #logo {
  flex: 0 0 auto;
}

/* Rechter Block: Button + Navbar gemeinsam rechts */
header.siteheader .ilot-menubutton,
header.siteheader #navbar {
  flex: 0 0 auto;
}

/* Damit Button + Nav zusammen rechts "kleben":
   Nav bekommt automatisch den freien Platz nach links */
header.siteheader #navbar {
  margin-left: auto;            /* schiebt Nav nach rechts */
}

/* Optional: Abstand zwischen Button und Nav */
header.siteheader .ilot-menubutton {
  margin-left: 20px;
}

/* Nav-Liste horizontal (falls nicht schon) */
header.siteheader #navbar .menu {
  display: flex;
  align-items: center;
  gap: 22px;                    /* Abstand der Menüpunkte */
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Optional: Links ohne Extra-Padding */
header.siteheader #navbar .menu a {
  text-decoration: none;
}

/* Floats abschalten */
#logo,
#navbar,
.ilot-menubutton {
  float: none;
}

/* Navigation als horizontale Flex-Liste */
.navi-main ul {
  display: flex;
  align-items: center;
  gap: 2em;            /* ersetzt li padding links/rechts */
  margin: 0;
  padding: 0;
}

.navi-main ul li {
  float: none;
  padding: 0;          /* padding kommt jetzt über gap */
}

/* Deine bisherige Spezialbehandlung für last-child kann weg */
.navi-main ul li:last-child {
  padding: 0;
}

/* Mobile: Burger + Nav wie bisher */
@media screen and (max-width: 992px) {
  .siteheader {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  /* Logo links, Burger rechts */
  #logo { order: 1; }
  .ilot-menubutton { order: 2; margin-left: auto; display: block; }

  /* Nav unter Logo/Burger */
  #navbar { order: 3; width: 100%; }
  .navi-main ul { flex-direction: column; gap: 0; }
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs 
{background: rgba(0,0,0,0);}