|
|
| Zeile 1: |
Zeile 1: |
| /* ==== 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;
| |
| }
| |
| }
| |