MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.787: / Zeile 1.787: @@
 .kat-links a:hover { background:#f8f9fa; }
-/* Mobil: Biobox/Infobox oben und 100% breit */
+/* ---------- Desktop: Biobox rechts floaten (wie vorher) ---------- */
+.mw-parser-output table.biobox {
+  float: right;
+  width: 240px;                 /* entspricht deinem inline-Style */
+  margin: 0 0 1em 1em;          /* Abstand links/unten */
+  background: #fff;
+  box-sizing: border-box;
+}
+/* Bilder in der Box nicht überlaufen lassen */
+.mw-parser-output table.biobox img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+/* ---------- Mobil: Biobox über dem Text, volle Breite ---------- */
 @media (max-width: 768px) {
-  .mw-parser-output table.infobox,
    .mw-parser-output table.biobox {
-     float: none !important;
+     float: none !important;     /* NICHT rechts auf Mobil  */
      clear: both !important;
      display: block !important;
-     width: 100% !important;     /* überstimmt width:240px im Template */
+     width: 100% !important;     /* volle Inhaltsbreite     */
      max-width: 100% !important;
      margin: 0 0 1em 0 !important;
-    box-sizing: border-box;
-    background: #fff;
    }
-   /* Bild über volle Zellbreite */
+   /* Bild über gesamte Zellbreite skalieren */
-   .mw-parser-output table.infobox a.image img,
+   .mw-parser-output table.biobox a.image,
    .mw-parser-output table.biobox a.image img {
+    display: block;
      width: 100% !important;
      height: auto !important;
-    display: block;
    }
-   /* falls direkt danach eine rechts-ausgerichtete Tabelle kommt (Social-Icons) */
+   /* Falls direkt NACH der Box noch eine rechts-ausgerichtete Tabelle kommt (Social-Icons), neutralisieren */
-  .mw-parser-output table.infobox + table[align="right"],
    .mw-parser-output table.biobox + table[align="right"] {
      float: none !important;
@@ Zeile 1.816: / Zeile 1.828: @@
      margin: 0 0 1em 0 !important;
      align: initial !important;
+  }
+  /* Ersten Absatz sicher UNTER der Biobox starten */
+  .mw-parser-output > p:first-of-type {
+    clear: both !important;
    }
 }