MediaWiki:Common.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 – einzige, saubere Definition ===== */

/* Desktop: klassisch rechts, feste Breite */
.mw-parser-output table.biobox{
  float:right;
  clear:right;
  width:22em;                 /* ~352px; stabile Desktopbreite */
  margin:0.5em 0 1em 1em;
  border:1px solid #c8ccd1;
  background:#fff;
  border-collapse:collapse;
  box-sizing:border-box;
  font-size:90%;
  line-height:1.5;
}
.mw-parser-output table.biobox td,
.mw-parser-output table.biobox th{
  border:0;
  padding:0.2em 0.4em;
  vertical-align:top;
  text-align:left;
}
.mw-parser-output table.biobox td[colspan="2"]{ text-align:center; }

/* Fotozelle: bündig, keine Baseline-Lücke */
.mw-parser-output table.biobox .biobox-photo{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  line-height:0 !important; /* Baseline killen */
}

/* Link-Wrapper und Bild auf Zellenbreite strecken und ebenfalls Baseline neutralisieren */
.mw-parser-output table.biobox .biobox-photo a.image,
.mw-parser-output table.biobox .biobox-photo img,
.mw-parser-output table.biobox .biobox-photo .mw-file-element{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  margin:0 !important;
  line-height:0 !important;
}

/* Bildklasse: keine Ränder/Schatten, volle Breite */
.mw-parser-output table.biobox .biobox-img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  border:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.mw-parser-output table.biobox .biobox-img img{
  display:block;
  width:100% !important;
  height:auto !important;
}

/* Thumbs in der Biobox nicht doppelt einrahmen */
.mw-parser-output table.biobox .thumb,
.mw-parser-output table.biobox .thumbinner{
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Header/Caption-Abstände feinjustieren */
.mw-parser-output table.biobox .biobox-header{ padding-bottom:0 !important; }
.mw-parser-output table.biobox .biobox-caption{ padding-top:0.15em !important; } /* auf 0 setzen, falls knallbündig gewünscht */

/* Falls direkt danach eine rechte Social-Tabelle kommt */
.mw-parser-output table.biobox + table[align="right"]{
  float:right;
  margin:0 0 1em 1em;
}

/* --- Mobile: volle Breite, kein Überstand, Text darunter --- */
@media (max-width:768px){
  .mw-parser-output table.biobox{
    float:none !important;
    clear:both !important;
    width:auto !important;
    max-width:100% !important;
    margin:0 0 1em 0 !important;
  }
  .mw-parser-output table.biobox + table[align="right"]{
    float:none !important;
    width:auto !important;
    margin:0 0 1em 0 !important;
    align:initial !important;
  }
  .mw-parser-output > p:first-of-type{
    clear:both !important;
  }
}