MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 1.035: / Zeile 1.035: @@
-/* ==== ADOS Hero-Bereich – Whisky-Balken ==== */
+/* ==== ADOS Hero-Bereich – Whisky-Fade-Balken ==== */
 /* Desktop / große Screens */
@@ Zeile 1.042: / Zeile 1.042: @@
    padding: 1.4rem 1.5rem 1.1rem;
+  /* Whisky-Farbverlauf mit weichem Ausfaden nach rechts */
    background: linear-gradient(
 deg,
-     rgba(217, 164, 65, 0.26),
+     rgba(145, 96, 36, 0.92) 0%,    /* sattes Whisky-Braun links */
-     rgba(243, 230, 192, 0.85)
+    rgba(204, 150, 64, 0.88) 30%,  /* goldener Kern */
+     rgba(243, 230, 192, 0.82) 65%, /* helles Beige */
+    rgba(250, 246, 236, 0.0) 100%  /* nach rechts wegfaden */
    );
@@ Zeile 1.052: / Zeile 1.055: @@
    color: #3a2a16;
+  position: relative;   /* für den unteren Fade */
+  overflow: hidden;     /* falls der Fade leicht übersteht */
+}
+/* Unterer Fade – weicher Übergang in den Seitenhintergrund */
+body.page-Hauptseitev2 .ados-hero::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 38px;
+  background: linear-gradient(
+    to bottom,
+    rgba(250, 246, 236, 0) 0%,   /* oben durchsichtig */
+    rgba(250, 246, 236, 1) 100%  /* unten gleiche Farbe wie Seiten-Background */
+  );
+  pointer-events: none;
 }
@@ Zeile 1.065: / Zeile 1.088: @@
 body.page-Hauptseitev2 .ados-hero__left {
    flex: 1 1 45%;
+  max-width: 600px;                /* verhindert riesigen Textblock */
+  margin: 0 auto 1rem auto;        /* mittig ausrichten */
+  text-align: center !important;   /* zentrierter Text */
+  padding: 0 1rem;                 /* symmetrischer Innenabstand */
 }
@@ Zeile 1.122: / Zeile 1.149: @@
 @media (max-width: 900px) {
    body.page-Hauptseitev2 .ados-hero {
-     margin: 0 -0.75rem 0.9rem;  /* kein starkes Überstehen mehr */
+     margin: 0 -0.75rem 0.9rem;
      padding: 1.1rem 0.9rem 0.9rem;
      box-shadow: 0 4px 10px rgba(80, 50, 20, 0.14);
@@ Zeile 1.159: / Zeile 1.186: @@
      grid-template-columns: 1fr;
    }
-}
-/* ==== ADOS-Wiki: Zentrierung des mittleren Textblocks im Mobile-Hero ==== */
-body.page-Hauptseitev2 .ados-hero__left {
-    max-width: 600px;          /* verhindert, dass der Text zu breit wird */
-    margin: 0 auto 1rem auto;  /* oben 0, unten 1rem, links/rechts automatisch = zentriert */
-    text-align: center !important; /* erzwingt Zentrierung */
-    padding: 0 1rem;           /* symmetrischer Innenabstand */
 }