MediaWiki:Vector-2022.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* ==== ADOS Hero-Bereich – ConanWiki-Style ==== */

body.page-Hauptseitev2 .ados-hero {
  margin: -0.5rem -1.5rem 1.6rem;
  padding: 1.6rem 1.5rem 1.3rem;

  /* weicher Whisky-Farbverlauf wie „Bühne“ */
  background: linear-gradient(
    180deg,
    rgba(238, 216, 176, 0.96),
    rgba(248, 239, 214, 0.96)
  );

  border-bottom: 1px solid #dec29a;
  box-shadow: 0 10px 25px rgba(106, 72, 33, 0.18);

  color: #3a2610;
}

/* Inhalt: immer als Block wie beim ConanWiki zentriert */
body.page-Hauptseitev2 .ados-hero__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;       /* Titel + Spalten untereinander */
  align-items: center;
  text-align: center;
}

/* Titel + Untertitel */
body.page-Hauptseitev2 .ados-hero__title {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 .35rem;
  color: #4a2f10;
}

body.page-Hauptseitev2 .ados-hero__subtitle {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.5;
}

/* Spalten-Bereich wie beim ConanWiki */
body.page-Hauptseitev2 .ados-hero__right {
  width: 100%;
  margin-top: 0.9rem;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* Desktop: 3 Spalten */
  gap: 0.3rem 3rem;

  font-size: 0.9rem;
  text-align: left;             /* Listentext linksbündig wie beim ConanWiki */
}

body.page-Hauptseitev2 .ados-hero__col {
  min-width: 0;
}

body.page-Hauptseitev2 .ados-hero__heading {
  font-weight: 600;
  margin: 0 0 0.2rem;
  color: #5b3a14;
  text-align: center;           /* nur Überschrift zentriert */
}

body.page-Hauptseitev2 .ados-hero__right ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-Hauptseitev2 .ados-hero__right li {
  margin: 1px 0;
}

body.page-Hauptseitev2 .ados-hero__right a {
  text-decoration: none;
}

body.page-Hauptseitev2 .ados-hero__right a:link,
body.page-Hauptseitev2 .ados-hero__right a:visited {
  color: #7a4b18;
}

body.page-Hauptseitev2 .ados-hero__right a:hover {
  text-decoration: underline;
}

/* ====== Responsive ====== */

/* bis 900px: 2 Spalten nebeneinander (wie ConanWiki mobil) */
@media (max-width: 900px) {
  body.page-Hauptseitev2 .ados-hero {
    margin: 0 -0.75rem 1rem;
    padding: 1.3rem 0.9rem 1rem;
    box-shadow: 0 6px 15px rgba(106, 72, 33, 0.15);
  }

  body.page-Hauptseitev2 .ados-hero__right {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 Spalten */
    gap: 0.3rem 1.8rem;
    font-size: 0.9rem;
  }
}

/* sehr kleine Bildschirme: etwas enger, aber weiter 2 Spalten */
@media (max-width: 520px) {
  body.page-Hauptseitev2 .ados-hero {
    margin: 0 -0.5rem 0.9rem;
    padding: 1.1rem 0.7rem 0.9rem;
  }

  body.page-Hauptseitev2 .ados-hero__title {
    font-size: 1.7rem;
  }

  body.page-Hauptseitev2 .ados-hero__right {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.25rem 1.2rem;
  }
}