MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.121: / Zeile 1.121: @@
 }
-/* ====== Mobil / Tablet ====== */
-/* bis 900px */
+/* ==== Mobile-Layout für ADOS-Hero ==== */
 @media (max-width: 900px) {
+   body.page-Hauptseite .ados-hero {
-  /* Hero-Container */
+    /* fast vollbreit wie ConanWiki, ohne „Karten“-Look */
-   body.page-Hauptseitev2 .ados-hero {
+     margin: -0.3rem -1rem 0.8rem;
-     margin: 0 -0.5rem 1rem;
+     padding: 1.1rem 1rem 0.9rem;
-     padding: 1.3rem 1rem 1rem;
+    border-radius: 0;
+    box-shadow: 0 4px 10px rgba(80, 50, 20, 0.15);
    }
-  /* Aufteilung untereinander */
+   body.page-Hauptseite .ados-hero__inner {
-   body.page-Hauptseitev2 .ados-hero__inner {
      flex-direction: column;
-     align-items: center !important;
+     align-items: stretch;
    }
-  /* ZENTRIERT: Titel + Beschreibung */
+   body.page-Hauptseite .ados-hero__title {
-   body.page-Hauptseitev2 .ados-hero__left {
+     font-size: 1.6rem;
-     width: 100%;
+     text-align: center;
-    max-width: 650px;
-    margin: 0 auto 1rem auto;
-    padding: 0 1rem;
-     text-align: center !important;
    }
-   body.page-Hauptseitev2 .ados-hero__title {
+   body.page-Hauptseite .ados-hero__subtitle {
-     text-align: center !important;
+     text-align: center;
+    margin-bottom: 0.7rem;
    }
-   body.page-Hauptseitev2 .ados-hero__subtitle {
+   body.page-Hauptseite .ados-hero__right {
-     text-align: center !important;
+     /* 2 Spalten auf mittelgroßen Phones */
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0.5rem 1rem;
    }
+}
-  /* ►► Listen-Bereich NICHT zentriert! ◄◄ */
+@media (max-width: 600px) {
-   body.page-Hauptseitev2 .ados-hero__right {
+   body.page-Hauptseite .ados-hero {
-     width: 100%;
+     margin: -0.2rem -0.7rem 0.8rem;
-    max-width: 650px;
+     padding: 1rem 0.8rem 0.8rem;
-    margin: 0 auto;
-    /* Zwei Spalten wie vorher */
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-     gap: 1rem 1.2rem;
-    text-align: left !important;        /* <<< WICHTIG */
    }
-   body.page-Hauptseitev2 .ados-hero__right ul {
+   body.page-Hauptseite .ados-hero__right {
-     padding-left: 0;
+     /* bei schmalen Phones alles untereinander */
-     margin: 0;
+     grid-template-columns: 1fr;
    }
-   body.page-Hauptseitev2 .ados-hero__right li {
+   body.page-Hauptseite .ados-hero__right ul {
-     margin: 2px 0;
+     margin-bottom: 0.3rem;
-    text-align: left;                   /* <<< WICHTIG */
-  }
-}
-/* bis 600px → eine Spalte */
-@media (max-width: 600px) {
-  body.page-Hauptseitev2 .ados-hero__right {
-    grid-template-columns: 1fr !important;
-    text-align: left !important;
    }
 }