MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.035: / Zeile 1.035: @@
-/* ==== ADOS Hero-Bereich ==== */
+/* ==== ADOS Hero-Bereich – Whisky-Balken ==== */
-/* Breiter Balken über gesamte Inhaltsbreite, nur auf der Hauptseite */
+/* Desktop / große Screens */
 body.page-Hauptseitev2 .ados-hero {
-  /* zieht den Bereich bis an den Rand des Inhalts (ConanWiki-Effekt) */
    margin: -0.5rem -1.5rem 1.2rem;
    padding: 1.4rem 1.5rem 1.1rem;
-  /* Whisky-Gold Farbverlauf, leicht transparent */
    background: linear-gradient(
 deg,
-     rgba(217, 164, 65, 0.26),   /* Gold */
+     rgba(217, 164, 65, 0.26),
-     rgba(243, 230, 192, 0.85)   /* helles Fass / Vanille */
+     rgba(243, 230, 192, 0.85)
    );
@@ Zeile 1.056: / Zeile 1.054: @@
 }
-/* Innen-Layout: links Text, rechts Linkspalten wie beim ConanWiki */
 body.page-Hauptseitev2 .ados-hero__inner {
    max-width: 1200px;
@@ Zeile 1.066: / Zeile 1.063: @@
 }
-/* Linker Block: Titel + Untertitel */
 body.page-Hauptseitev2 .ados-hero__left {
    flex: 1 1 45%;
@@ Zeile 1.084: / Zeile 1.080: @@
 }
-/* Rechter Block: 2–3 Spalten mit Links, wie Navigation beim ConanWiki */
 body.page-Hauptseitev2 .ados-hero__right {
    flex: 1 1 55%;
@@ Zeile 1.113: / Zeile 1.108: @@
 }
-/* Linkfarben leicht dunkler Whisky-Ton */
 body.page-Hauptseitev2 .ados-hero__right a:link,
 body.page-Hauptseitev2 .ados-hero__right a:visited {
@@ Zeile 1.123: / Zeile 1.117: @@
 }
-/* Mobile / kleine Screens – untereinander stapeln */
+/* ====== Mobil / Tablet-Anpassungen ====== */
+/* bis 900px: untereinander stapeln, alles zentrierter */
 @media (max-width: 900px) {
    body.page-Hauptseitev2 .ados-hero {
-     margin: -0.3rem -0.8rem 0.9rem;
+     margin: 0 -0.75rem 0.9rem;  /* kein starkes Überstehen mehr */
      padding: 1.1rem 0.9rem 0.9rem;
+    box-shadow: 0 4px 10px rgba(80, 50, 20, 0.14);
    }
    body.page-Hauptseitev2 .ados-hero__inner {
      flex-direction: column;
+    align-items: stretch;
    }
@@ Zeile 1.141: / Zeile 1.139: @@
    body.page-Hauptseitev2 .ados-hero__subtitle {
      text-align: center;
-     margin-bottom: 0.6rem;
+     margin-bottom: 0.7rem;
+    font-size: 0.95rem;
    }
    body.page-Hauptseitev2 .ados-hero__right {
      grid-template-columns: repeat(2, minmax(0, 1fr));
+    font-size: 0.9rem;
    }
 }
+/* bis 600px: volle Breite, Links einspaltig */
 @media (max-width: 600px) {
    body.page-Hauptseitev2 .ados-hero {
-     margin: -0.3rem -0.5rem 0.8rem;
+     margin: 0 -0.5rem 0.8rem;
      padding: 1rem 0.7rem 0.8rem;
    }