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 Mobile-Fix für iPhone (volle Breite & bündiger Inhalt) === */
@media (max-width: 900px) {
  .mw-parser-output table.biobox {
    float: none !important;
    clear: both !important;
    display: block !important;
    width: 100vw !important;          /* nutze volle Bildschirmbreite */
    max-width: 100vw !important;
    margin: 0 -1em 1em -1em !important; /* gleicht Body-Padding aus */
    border: 1px solid #c8ccd1;
    border-collapse: collapse;
    box-sizing: border-box;
    background: #fff;
  }

  /* Inhalt bündig – keine optische Einrückung */
  .mw-parser-output table.biobox td,
  .mw-parser-output table.biobox th {
    padding: 0.3em 0.5em !important;
  }

  /* Bild volle Breite der Box */
  .mw-parser-output table.biobox img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0;
  }

  /* Text unterhalb starten */
  .mw-parser-output > p:first-of-type {
    clear: both !important;
  }
}