MediaWiki:Common.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

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.mw-wiki-title,
.mw-header-title,
.mw-page-title-main,
.firstHeading {
    display: none !important;
}
.vector-header-container .mw-wiki-title {
    display: none !important;
}
.vector-header .mw-page-title {
    display: none !important;
}

.mw-logo-icon,
.mw-logo-container,
.mw-logo {
    max-height: 60px;
    width: auto;
}

/* Silbentrennung aktivieren */
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output td,
.mw-parser-output th {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Bilder skalieren */
.mw-content-ltr img { width: 100%; height: auto; }

/* Wrapper: Float links/rechts */
.char-img-wrap.left { float: left;  margin: 0 1em 0 0.5em; }
.char-img-wrap.right{ float: right; margin: 0 0.5em 0 1em; }

/* Prozentuale Breite über Wrapper-Klasse */
.char-img-35 img { width: 100% !important; height: auto !important; max-width: 220px; }

/* Mobil: Float aus, Bild block */
@media (max-width: 720px) {
  .char-img-wrap.left,
  .char-img-wrap.right { float: none; margin: 0.5em 0; }
  .char-img-35 img { width: 100% !important; max-width: 100% !important; }
}

/* Spaltensatz */

.twocolumns {
  display: flex;
  gap: 1em;
  background-color:#f6f6f6;
  padding:10px;
}
.twocolumns .col {
  width: 50%;
}

/* Mobil */
@media (max-width: 720px) {
  .twocolumns {
    flex-direction: column;
  }
  .twocolumns .col {
    width: 100%;
  }
}

.bookcolumns {
  display: flex;
  gap: 1em;
  background-color:#f6f6f6;
  padding:10px;
}
.bookcolumns .book {
  width: 25%;
}
.bookcolumns .text {
  width: 75%;
}

/* Mobil */
@media (max-width: 720px) {
  .bookcolumns {
    flex-direction: column;
    padding:10px;
  }
  .bookcolumns .book {
    width: 100%;
  }
  .bookcolumns .text {
    width: 100%;
  }
}