MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.123: / Zeile 1.123: @@
 /* ====== Mobil / Tablet ====== */
-/* bis 900px: Blöcke untereinander, Titel/Untertitel zentriert */
+/* bis 900px */
 @media (max-width: 900px) {
    body.page-Hauptseitev2 #mw-content-text .ados-hero {
-     margin: 0 -0.5rem 0.9rem;
+     margin: 0 -0.5rem 1rem;
      padding: 1.3rem 1rem 1rem;
    }
@@ Zeile 1.132: / Zeile 1.132: @@
    body.page-Hauptseitev2 #mw-content-text .ados-hero__inner {
      flex-direction: column;
-     align-items: stretch;
+     align-items: center !important;      /* <<< absolut zentriert */
-     text-align: center;
+     text-align: center !important;       /* <<< wichtig */
    }
    body.page-Hauptseitev2 #mw-content-text .ados-hero__left {
-     max-width: 600px;
+    width: 100%;
-     margin: 0 auto 0.8rem;
+     max-width: 650px;
-     padding: 0 0.6rem;
+     margin: 0 auto 1rem auto;
+     padding: 0 1rem;
+    text-align: center !important;       /* <<< Text zentriert */
    }
    body.page-Hauptseitev2 #mw-content-text .ados-hero__title {
-     font-size: 1.7rem;
+     text-align: center !important;
+    width: 100%;
+    margin: 0 auto .4rem;
    }
    body.page-Hauptseitev2 #mw-content-text .ados-hero__subtitle {
-     font-size: 0.95rem;
+     text-align: center !important;
+    margin: 0 auto 1rem;
+    width: 100%;
    }
    body.page-Hauptseitev2 #mw-content-text .ados-hero__right {
-     grid-template-columns: repeat(2, minmax(0, 1fr));
+    width: 100%;
+    max-width: 650px;
+    margin: 0 auto;
+     grid-template-columns: repeat(2, 1fr);
      text-align: left;
-    font-size: 0.9rem;
    }
 }
-/* bis 600px: Links einspaltig */
+/* bis 600px */
 @media (max-width: 600px) {
-  body.page-Hauptseitev2 #mw-content-text .ados-hero {
-    margin: 0 -0.5rem 0.8rem;
-    padding: 1.1rem 0.8rem 0.9rem;
-  }
    body.page-Hauptseitev2 #mw-content-text .ados-hero__right {
      grid-template-columns: 1fr;
+    text-align: center !important;       /* <<< auf ganz schmal: ALLES zentriert */
    }
 }