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; }
-/* --- Mobile Darstellung der Infobox --- */
+/* --- Mobile-Layout: Infobox zuerst, volle Breite, nichts schiebt --- */
 @media screen and (max-width: 768px) {
-   .infobox {
+   /* 1) Infobox nicht floaten & volle Breite (überstimmt width:240px im Template) */
+  .mw-parser-output table.infobox {
      float: none !important;
-     margin: 0 auto 1em auto !important;
+     clear: both !important;
+    display: block !important;
      width: 100% !important;
-     display: block !important;
+     max-width: 100% !important;
-  }
+     margin: 0 0 1em 0 !important;
+    box-sizing: border-box;
-  /* Optional: Text nicht seitlich, sondern darunter */
-  .mw-body-content p {
-    clear: both;
-  }
-}
-/* --- Mobile Darstellung der Biobox (zentriert und volle Breite) --- */
-@media screen and (max-width: 768px) {
-  .biobox {
-    float: none !important;
-    display: block !important;
-    width: 100% !important;               /* volle Breite */
-    max-width: none !important;
-     margin: 0 0 1em 0 !important;         /* kein Seitenabstand, nur unten */
      background: #fff !important;
-    box-sizing: border-box;
-    border-radius: 8px;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
-    padding: 4px;
    }
-   /* Biobox in voller Breite auch bei Inhalts-Einrückung */
+   /* 2) Bilder in der Infobox responsiv */
-   .mw-parser-output .biobox,
+   .mw-parser-output table.infobox img {
-  .mw-body-content .biobox {
-    margin-left: -1em !important;
-    margin-right: -1em !important;
-    width: calc(100% + 2em) !important;
-  }
-  /* Bild korrekt skalieren */
-  .biobox img {
      max-width: 100% !important;
      height: auto !important;
      display: block;
-    margin: 0 auto;
    }
-   /* Überschriften zentrieren (optional) */
+   /* 3) Das zweite, rechts ausgerichtete Tabellelement (Social-Icons) neutralisieren */
-   .biobox b,
+   .mw-parser-output table.infobox + table[align="right"] {
-  .biobox td[colspan="2"] {
+     float: none !important;
-     text-align: center !important;
+    align: initial !important;
+    width: 100% !important;
+    margin: 0 0 1em 0 !important;
    }
-   /* Artikeltext erst unter der Biobox beginnen */
+   /* 4) Text sicher unterhalb starten */
    .mw-parser-output > p:first-of-type {
      clear: both !important;
    }
 }