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

/* === Mobile-Fix für Biobox – simpel & robust === */
@media (max-width: 768px) {
  /* Biobox: volle Breite, kein Float */
  .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;
    border-collapse: collapse;   /* verhindert optische Einrückung */
  }

  /* Zell-Padding konsistent (verhindert „Inhalt weiter rechts“) */
  .mw-parser-output table.biobox td,
  .mw-parser-output table.biobox th {
    padding: 0.3em 0.4em !important;
  }

  /* Bilder nicht überstehen lassen */
  .mw-parser-output table.biobox img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;             /* zentriert, falls kleiner */
  }

  /* Rechts-ausgerichtete Folge-Tabellen (Social-Links etc.) entfloaten */
  .mw-parser-output table.biobox + table[align="right"] {
    float: none !important;
    width: 100% !important;
    margin: 0 0 1em 0 !important;
    align: initial !important;
    clear: both !important;
  }

  /* Text erst unter der Biobox starten */
  .mw-parser-output .biobox ~ p:first-of-type,
  .mw-parser-output .biobox ~ .mw-headline:first-of-type,
  .mw-parser-output #toc {
    clear: both !important;
  }
}