MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 852: / Zeile 852: @@
      margin-top: 0 !important; /* Entfernt Abstand oben beim ersten Absatz nach der Biobox */
 }
-/* ========== STARTSEITE: Responsive Layout (nur Mobile) ========== */
+/* ========== HAUPTSEITE: Responsive Layout (nur Mobile) ========== */
 @media (max-width: 800px) {
-  /* nur auf der Startseite */
+   /* News (3 Spalten) -> untereinander (nur Hauptseite) */
-  body.page-Hauptseite .startseite-news,
+   body.page-Hauptseite .startseite-news tr { display: block; }
-  body.page-Startseite .startseite-news,
+   body.page-Hauptseite .startseite-news td {
-  body.page-Hauptseite .startseite-boxrow,
-  body.page-Startseite .startseite-boxrow {
-    width: 100% !important;
-  }
-   /* News (3 Spalten) -> untereinander */
-   body.page-Hauptseite .startseite-news tr,
-  body.page-Startseite .startseite-news tr {
-    display: block;
-  }
-   body.page-Hauptseite .startseite-news td,
-  body.page-Startseite .startseite-news td {
      display: block;
      width: 100% !important;
@@ Zeile 875: / Zeile 863: @@
    }
-   /* Box-Reihen (2er/3er/4er) -> untereinander */
+   /* Box-Reihen (2er/3er/4er) -> untereinander (nur Hauptseite) */
    body.page-Hauptseite .startseite-boxrow,
-  body.page-Startseite .startseite-boxrow,
    body.page-Hauptseite .startseite-boxrow tbody,
-  body.page-Startseite .startseite-boxrow tbody,
    body.page-Hauptseite .startseite-boxrow tr,
-  body.page-Startseite .startseite-boxrow tr,
+   body.page-Hauptseite .startseite-boxrow td {
-   body.page-Hauptseite .startseite-boxrow td,
-  body.page-Startseite .startseite-boxrow td {
      display: block;
      width: 100% !important;
@@ Zeile 889: / Zeile 873: @@
    }
-   /* Spacer-Zellen weg */
+   /* Spacer-Zellen ausblenden */
-   body.page-Hauptseite .startseite-spacer,
+   body.page-Hauptseite .startseite-spacer {
-  body.page-Startseite .startseite-spacer {
      display: none !important;
    }
-   /* Abstand zwischen Boxen (nur die echten Box-tds) */
+   /* Abstand zwischen den Boxen (nur echte Box-Zellen) */
-   body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"],
+   body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"] {
-  body.page-Startseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"] {
      margin-bottom: 12px;
    }
-   body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"]:last-child,
+   body.page-Hauptseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"]:last-child {
-  body.page-Startseite .startseite-boxrow td[style*="border:1px solid #ef9a9a"]:last-child {
      margin-bottom: 0;
+  }
+  /* Optional: Bilder in Boxen auf Mobile nicht links quetschen */
+  body.page-Hauptseite .startseite-boxrow img {
+    max-width: 100%;
+    height: auto;
    }
 }