/* ============================================================
   Responsive Fixes für FB5-Uni-Bremen  (Desktop-first / min-width)
   ============================================================ */

/* 1. Viewport-Korrektur */
@viewport {
  width: device-width;
  zoom: 1.0;
}

/* 2. Container flexibel machen */
#maincontainer,
#content,
#sidebar,
#footer {
  width: auto !important;
  max-width: 100%;
  float: none;
  box-sizing: border-box;
}

/* 3. Bilder und Videos an Container anpassen */
img,
video {
  max-width: 100%;
  height: auto;
}

/* 4. Tabellen & Boxen */
table {
  width: 100%;
  display: block;
  overflow-x: auto;
}

/* 5. Navigation (Grundlayout für große Bildschirme) */
/*#menu,
.nav-main {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  height: 51px;
}

#menu a {
  display: block;
}
*/
/* Hauptmenü standardmäßig ausblenden (unter 1024px) */
/*ul.main-menu {
  display: none;
}*/

/* Ab 1024px anzeigen */
@media (min-width: 1024px) {
#menu,
.nav-main {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  height: 51px;
}

  ul.main-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  ul.main-menu li {
    flex: 1 1 auto !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/