MediaWiki:Mobile.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* ===== Biobox mobil reparieren ===== */
.mw-parser-output table.biobox {
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 1em 0 !important;
  box-sizing: border-box;
  border: 1px solid #c8ccd1;   /* sauberer Rahmen */
  background: #fff;
}

/* Zellen & Bild responsiv */
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox th {
  padding: 0.25em 0.4em !important;
  vertical-align: top;
  border: 0;
}
.mw-parser-output table.biobox img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Die direkt folgende rechte Social-Icons-Tabelle neutralisieren */
.mw-parser-output table.biobox + table[align="right"] {
  float: none !important;
  align: initial !important;
  width: 100% !important;
  margin: 0 0 1em 0 !important;
  display: block !important;
  box-sizing: border-box;
}

/* Falls Social-Icons weitere rechte Tabellen enthalten, alle neutralisieren */
.mw-parser-output table.biobox ~ table[align="right"] {
  float: none !important;
  width: 100% !important;
  margin: 0 0 1em 0 !important;
}

/* Textfluss: Inhalt unter der Box beginnen */
.mw-parser-output > p:first-of-type,
.mw-parser-output .toc {
  clear: both !important;
}

/* Generelle Sicherheit: Tabellen brechen nicht aus dem Viewport */
.mw-parser-output table {
  max-width: 100%;
  overflow-x: auto;
  display: block;
}