MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.306: / Zeile 1.306: @@
 /* ============================================
-    ADOS-Hero – whiskyfarben, elegant, KEINE weißen Boxen
+    ADOS-Hero – whiskyfarben, Fade nach unten
-   (überschreibt alle älteren Hero-Styles)
     ============================================ */
 .ados-hero {
-   background: linear-gradient(135deg, #e7cfa4 0%, #d4b287 100%);
+  /* whiskyfarben → nach unten ins Weiße auslaufen */
-   padding: 1.2rem 1.4rem 1.4rem;
+   background: linear-gradient(
-   margin: 0 0 2rem;
+deg,
+    #e7cfa4 0%,
+    #e1c297 40%,
+    #f6efe4 75%,
+    #ffffff 100%
+  );
+   padding: 1.2rem 1.4rem 1.5rem;
+   margin: 0 0 1.6rem;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.05);
@@ Zeile 1.319: / Zeile 1.325: @@
 }
-/* Layout */
+/* Grid: Titel & Text nebeneinander, Spalten unten drunter */
 .ados-hero__grid {
-   max-width: 900px;
+   max-width: 960px;
    margin: 0 auto;
    display: grid;
-   grid-template-columns: 1fr 1.2fr 1fr;
+   grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.3fr);
-   gap: 1.2rem;
+  grid-template-areas:
+    "title center"
+    "cols  cols";
+   gap: 1.1rem 1.6rem;
    align-items: center;
 }
-/* *** Sicherstellen, dass ALLE inneren Boxen durchsichtig sind *** */
+/* Linke Seite: Titel */
-.ados-hero__grid > div,
-.ados-hero__grid > div * {
-  background: transparent !important;
-  box-shadow: none !important;
-  border: none !important;
-}
-/* Titel links */
 .ados-hero__title {
+  grid-area: title;
    font-family: "Georgia","Times New Roman",serif;
-   font-size: 1.6rem;
+   font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.2;
@@ Zeile 1.348: / Zeile 1.350: @@
 .ados-hero__title hr {
    width: 55%;
-   margin-top: .5rem;
+   margin-top: .55rem;
    border: 0;
-   border-top: 1px solid rgba(75,43,20,.28);
+   border-top: 1px solid rgba(75,43,20,.26);
 }
-/* Mitte – reiner Text */
+/* Mitte: Beschreibung, ohne Box */
+.ados-hero__center {
+  grid-area: center;
+  display: flex;
+  justify-content: center;
+}
 .ados-hero__center-box {
    font-family: "Courier New", ui-monospace, monospace;
-   font-size: 0.95rem;
+   font-size: .96rem;
-   line-height: 1.55;
+   line-height: 1.6;
    color: #3a2918;
    text-align: center;
-   padding: .2rem 0 !important;
+   padding: .15rem .25rem;
 }
 .ados-hero__center-box strong {
@@ Zeile 1.367: / Zeile 1.374: @@
 }
-/* Rechte Spalten */
+/* Unten: Spalten nebeneinander über die gesamte Breite */
 .ados-hero__cols {
+  grid-area: cols;
    display: flex;
-   flex-direction: column;
+   justify-content: center;
-   gap: .8rem;
+   gap: 2.2rem;
+  padding-top: .4rem;
+  border-top: 1px solid rgba(75,43,20,.16);
+}
+.ados-hero__col {
+  min-width: 140px;
+  font-size: .95rem;
 }
 .ados-hero__col-title {
    font-weight: 700;
-   margin-bottom: .15rem;
+   margin-bottom: .2rem;
    color: #4b2b14;
-   font-size: .95rem;
+   font-size: .94rem;
 }
 .ados-hero__col ul {
    margin: 0;
-   padding-left: 1rem;
+   padding-left: 1.05rem;
 }
 .ados-hero__col li {
-   margin: .1rem 0;
+   margin: .08rem 0;
 }
@@ Zeile 1.404: / Zeile 1.419: @@
    .ados-hero__title {
-     font-size: 1.4rem;
+     font-size: 1.5rem;
+  }
+  .ados-hero__title hr {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .ados-hero__center-box {
+    max-width: 34rem;
+    margin: 0 auto;
    }
    .ados-hero__cols {
-     flex-direction: column;
+     flex-direction: row;
-     gap: .9rem;
+    flex-wrap: wrap;
+    justify-content: center;
+     gap: 1.2rem 2rem;
+    border-top: 1px solid rgba(75,43,20,.18);
+    padding-top: .6rem;
    }
    .ados-hero__col {
+    min-width: 130px;
      text-align: center;
+  }
+  .ados-hero__col ul {
+    padding-left: 0;
+    list-style-position: inside;
    }
 }