/*
 * Anpassungen ohne Frontend-Build (dist/styles.css stammt aus dem Laravel-Mix-Build von 2021).
 * Wird nach dist/styles.css geladen.
 */

/* Ausgaben-Slider: ohne Cover linksbuendig ueber die volle Breite, Artikel zweispaltig */
.ausgabeSlider__wrapper {
  justify-content: flex-start;
}

.ausgabeSlider__content {
  width: 100%;
}

@media (min-width: 1024px) {
  .ausgabeSlider__articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 48px;
  }

  /* Trennlinie nur, wenn in derselben Spalte noch ein Artikel folgt */
  .ausgabeSlider__article:nth-last-child(-n+2) .articleIntro {
    border-bottom: 0;
  }
}

/* Ersatz fuer "TablePress Responsive Tables": breite Tabellen scrollen seitlich (Rahmen aus functions/theme/TablePress) */
.tablepress-scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
}

.tablepress * {
  word-break: normal;
}

/*
 * Hauptmenue: bei niedrigen Fenstern scrollt die Liste, statt unten abgeschnitten zu werden.
 * Der Scrollbereich reicht per negativem Rand bis an den Panelrand (Hover-Flaeche bleibt voll),
 * der Innenabstand stellt Panelabstand plus Theme-Einrueckung (31px / 10px / 0) wieder her.
 */
nav.topMenu > .topMenu__menu {
  flex: 1 1 auto;
  align-items: flex-start;
  min-height: 0;
  margin: 0 -70px;
  padding: 0 70px 0 101px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media only screen and (max-height: 600px) and (orientation: landscape) {
  nav.topMenu > .topMenu__menu {
    margin-right: -120px;
    margin-bottom: 24px;
    padding-right: 120px;
  }
}

@media (max-width: 599px) {
  nav.topMenu > .topMenu__menu {
    margin: 0 -46px 24px;
    padding: 0 46px 0 56px;
  }
}

@media (max-width: 479px) {
  nav.topMenu > .topMenu__menu {
    padding-left: 46px;
  }
}