/* Das CSS hier wird für die mobile Website geladen. */

/* Im Namensraum 106 = "Reim" die nach der Level-3-Überschrift = <h3>
** folgenden Listelemente automatisch in mehreren Spalten anzeigen
** nicht in den Menüs, deshalb Beschränkung auf mw-content-text
*/
.ns-106 #mw-content-text h3 ~ ul {
  column-width: 11em; 	
}


/* Sorgt zusammen mit der Vorlage:AutoColumns dafür, dass die der Vorlage
** folgenden Listelemente automatisch in mehreren Spalten angezeigt werden.
** Nicht in den Menüs, deshalb Beschränkung auf mw-content-text
*/
#mw-content-text .li-auto-columsXS ~ ul {
  column-width: 11em;
  word-wrap: break-word;
}
#mw-content-text .li-auto-columsS ~ ul {
  column-width: 13em;
  word-wrap: break-word;
}
#mw-content-text .li-auto-columsM ~ ul {
  column-width: 15em;
  word-wrap: break-word;
}
#mw-content-text .li-auto-columsL ~ ul {
  column-width: 19em;
  word-wrap: break-word;
}
#mw-content-text .li-auto-columsXL ~ ul {
  column-width: 23em;
  word-wrap: break-word;
}


/* Stylesheet fuer den 'Ausklappen'-Button an Navileisten, der in Mobile.js implementiert wird (aus dewiki) */
.NavToggle, .NavToggleAll, .NavToggleConfig {
  float: right;
  font-size: x-small;
}


/* Ü-Tabelle, bei nur einer Spalte listelement 1 nicht anzeigen */
.uetabli1 {
  display: none;
}

/* Ü-Tabelle automatisch in zwei Spalten aufteilen */
@media (min-width: 768px) {
  .uetab ~ ul {
    column-gap: 2em;
    column-count: 2;
  }

  /* Innerhalb einer geschachtelten Übersetzung einen Spaltenumbruch vermeiden */
  .uetab ~ ul > li {
    break-inside: avoid;  /* Chrome, Edge */
    -webkit-column-break-inside: avoid;  /* webkit-Browser */
    page-break-inside: avoid;  /* Firefox */
  }

  /* Bei nur einer Übersetzung Spaltung aufheben (nur eine Zeile über alle Spalten) */
  .uetab ~ ul > li:only-of-type {
    column-span: all;
  }

  /* Bei mehreren Spalten listelement 1 anzeigen */
  .uetabli1 {
    display: initial;
  }
}

/* Übersetzungseditor: Bullet für Listen aus optischen Gründen abschalten */
ul.uluetab {
  list-style-type: none !important;
  list-style-image: none !important;
}

/* Links in Flexionstabellen schwarz färben, Selbstlinks nicht fett */
.inflection-table a.new { color: #000000; }
.inflection-table strong.selflink { font-weight: normal; }

/* Abstand rechts vom Eingabefeld/Checkbox, damit der folgende Text nicht direkt daran klebt */
input {
  margin-right: 3px;
}

/* Bei Texteingabefeldern einen Rahmen anzeigen */
input[type=text] {
  border: 1px solid #999;
}

/* Schrift für Vorlage:Siehe_auch */
/* .SieheAuchText { } default */
/* Links in Vorlage:Siehe_auch */
/* .SieheAuch a { font-weight: bold } default */