MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.152: / Zeile 1.152: @@
      flex: 0 0 150px;
      text-align: center;
+  }
+}
+/* -------------------------------------------------
+   ADOS-Mainpage-Layout (unter dem Hero-Block)
+   ------------------------------------------------- */
+/* Wrapper für die zwei Spalten */
+.ados-mainpage {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.75rem;
+  margin: 0 -0.25rem 2rem;
+}
+/* linke/rechte Spalte */
+.ados-main-left {
+  flex: 2 1 480px;
+  min-width: 280px;
+}
+.ados-main-right {
+  flex: 1 1 260px;
+  min-width: 240px;
+}
+/* Grund-Boxen */
+.ados-box {
+  margin-bottom: 1.4rem;
+  padding: 1.1rem 1.3rem 1.3rem;
+  border-radius: 16px;
+  background: #fbf5ea;                    /* leichtes Pergament */
+  border: 1px solid #e2d4bc;
+  box-shadow: 0 6px 18px rgba(0,0,0,.04);
+}
+/* etwas kompaktere Boxen in der Sidebar */
+.ados-box.small {
+  font-size: 0.95rem;
+}
+/* Überschriften in Boxen */
+.ados-box h2,
+.ados-box h3 {
+  margin-top: 0;
+  margin-bottom: .65rem;
+  font-weight: 700;
+  color: #4b2b14;
+}
+/* Listen in Boxen */
+.ados-box ul {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 1.1rem;
+}
+.ados-box li {
+  margin: .12rem 0;
+}
+/* Meta-Zeile unten */
+.ados-meta {
+  margin-top: .75rem;
+  font-size: 0.8rem;
+  color: #777;
+}
+/* -------------------------------------------------
+   Intro-Block mit Logo (links Text, rechts Bild)
+   ------------------------------------------------- */
+.ados-box-intro {
+  background: #fdf6e8;
+}
+.ados-intro-layout {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1.25rem;
+  align-items: center;
+}
+.ados-intro-text {
+  flex: 2 1 280px;
+}
+.ados-intro-logo {
+  flex: 1 1 220px;
+  text-align: center;
+}
+/* Bilder im Intro responsiv */
+.ados-intro-logo img {
+  max-width: 100%;
+  height: auto;
+}
+/* -------------------------------------------------
+   Responsive – Mobil-Ansicht
+   ------------------------------------------------- */
+@media (max-width: 900px) {
+  .ados-mainpage {
+    flex-direction: column;
+    margin: 0 0 1.5rem;
+  }
+  .ados-main-left,
+  .ados-main-right {
+    min-width: 0;
+  }
+}
+@media (max-width: 720px) {
+  .ados-box {
+    padding: 1rem 1rem 1.1rem;
+    border-radius: 14px;
+  }
+  .ados-intro-layout {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .ados-intro-logo {
+    align-self: center;
    }
 }