MediaWiki:Common.css
Zur Navigation springen
Zur Suche springen
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
/* CSS an dieser Stelle wirkt sich auf alle Skins aus */
.onlyinprint {display: none}
/* ===== CK-Wissen-Design „Klar und verlässlich“ (seit 24.09.2026) =====
Schriften: Newsreader und Source Sans 3 liegen seit 24.09.2026 auf dem eigenen Server (Ordner /schriften/,
Lizenz SIL Open Font License 1.1) – bewusst kein Laden von Google-Servern (Datenschutz).
Frühere Fassung dieser Seite: Versionsgeschichte (nur die Zeile .onlyinprint). */
/* Schriften vom eigenen Server */
@font-face { font-family: 'Newsreader'; src: url('/schriften/newsreader-600.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('/schriften/SourceSans3VF-Upright.ttf.woff2') format('woff2'); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Source Sans 3'; src: url('/schriften/SourceSans3VF-Italic.ttf.woff2') format('woff2'); font-weight: 200 900; font-style: italic; font-display: swap; }
:root {
--ckw-ink: #1B2A2F;
--ckw-text: #2F3D42;
--ckw-soft: #45545A;
--ckw-muted: #5F6B71;
--ckw-line: #E3E7E6;
--ckw-line2: #DDE3E2;
--ckw-bg: #F4F6F5;
--ckw-tint: #EEF3F2;
--ckw-accent: #1F6F78;
--ckw-accent-dark: #134A50;
--ckw-akut: #B84F1C;
--ckw-akut-text: #A9461A;
--ckw-akut-bg: #FBF1EA;
--ckw-akut-line: #EFD3C1;
--ckw-card: #FFFFFF;
--ckw-soft-bg: #F7F9F8;
--ckw-zebra: #FAFBFB;
--ckw-pill: #EDF0EF;
--ckw-note-bg: #FFF6F2;
--ckw-note-line: #E8B4A6;
--ckw-visited: #3B6E73;
--ckw-new: #B3261E;
--ckw-ref: #5B7E83;
--ckw-btn-line: #B9C3C2;
--ckw-search-line: #CDD4D3;
--ckw-accent-fill: #1F6F78;
--ckw-on-fill: #FFFFFF;
--ckw-underline: rgba(31, 111, 120, 0.35);
--ckw-shadow: rgba(27, 42, 47, 0.04);
--ckw-akut-shadow: rgba(143, 58, 18, 0.06);
--ckw-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%231F6F78' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%231F6F78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-winkel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%235F6B71' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
--ckw-sans: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
}
/* ---------- Grundgerüst (Vector) ---------- */
html, body { background: var(--ckw-bg); }
body { font-family: var(--ckw-sans); color: var(--ckw-text); }
#mw-page-base { background: var(--ckw-bg) !important; background-image: none !important; }
.skin-vector-legacy #content,
.skin-vector-legacy .mw-body {
background: var(--ckw-card);
border: 1px solid var(--ckw-line);
border-right: 0;
color: var(--ckw-text);
padding: 1.6em 2.6em 2.2em;
}
.skin-vector-legacy .mw-body-content,
.skin-vector-legacy .vector-body { font-size: 1.0625rem; line-height: 1.7; color: var(--ckw-text); }
body:not(.page-Hauptseite) .mw-parser-output { max-width: 62rem; }
body.page-Benutzer_Cezary_Hauptseite-Entwurf .mw-parser-output { max-width: none; }
/* Große Bildschirme: ganze Seite mittig statt links kleben */
@media (min-width: 1500px) {
body.skin-vector-legacy { max-width: 1480px; margin: 0 auto; position: relative; }
}
/* Überschriften */
.mw-body h1, .mw-body .firstHeading,
.mw-body-content h1, .mw-body-content h2 {
font-family: var(--ckw-serif);
color: var(--ckw-ink);
font-weight: 600;
letter-spacing: -0.02em;
}
.mw-body .firstHeading { font-size: 2.35em; line-height: 1.12; border-bottom: 0; margin-bottom: 0.25em; }
.mw-body-content h2 { font-size: 1.65em; line-height: 1.25; border-bottom: 1px solid var(--ckw-line2); padding-bottom: 0.25em; margin-top: 1.5em; }
.mw-body-content h3 { font-family: var(--ckw-sans); font-size: 1.2em; font-weight: 700; color: var(--ckw-ink); }
.mw-body-content h4, .mw-body-content h5 { font-family: var(--ckw-sans); font-weight: 700; color: var(--ckw-ink); }
#siteSub, #contentSub, #contentSub2 { color: var(--ckw-muted); }
/* Links */
.mw-body a, #mw-panel a, #footer a, #p-personal a { color: var(--ckw-accent); }
.mw-body a:visited { color: var(--ckw-visited); }
.mw-body a:hover, #mw-panel a:hover { color: var(--ckw-accent-dark); }
.mw-body a.new, .mw-body a.new:visited, #mw-panel a.new { color: var(--ckw-new); }
/* Logo: reine Schrift-Wortmarke statt wiki.png */
#p-logo a, #p-logo .mw-wiki-logo { background-image: none !important; }
#p-logo, #p-logo a { height: 110px !important; }
#p-logo a {
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 7px; text-decoration: none;
}
#p-logo a::before {
content: 'CK-Wissen';
font-family: var(--ckw-serif); font-size: 30px; font-weight: 600; line-height: 1;
letter-spacing: -0.02em; color: var(--ckw-ink); white-space: nowrap;
}
#p-logo a::after {
content: 'Cluster-Kopfschmerz';
font-family: var(--ckw-sans); font-size: 10.5px; font-weight: 700; line-height: 1;
letter-spacing: 0.13em; text-transform: uppercase; color: var(--ckw-accent); white-space: nowrap;
padding-top: 8px; border-top: 1px solid var(--ckw-line2);
}
/* Linke Leiste */
#mw-panel { font-family: var(--ckw-sans); }
#mw-panel .vector-menu-portal { background-image: none !important; }
#mw-panel .vector-menu-portal .vector-menu-heading {
background-image: none !important; color: var(--ckw-muted);
font-size: 0.72em; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
border-bottom: 1px solid var(--ckw-line);
}
#mw-panel .vector-menu-portal .vector-menu-content li a { color: var(--ckw-text); }
#mw-panel .vector-menu-portal .vector-menu-content li a:hover { color: var(--ckw-accent); }
/* Reiter oben (Lesen, Bearbeiten …) */
.skin-vector-legacy .vector-menu-tabs,
.skin-vector-legacy .vector-menu-tabs li,
.skin-vector-legacy .vector-menu-tabs .selected,
.skin-vector-legacy .vector-menu-tabs a,
.skin-vector-legacy .vector-menu-dropdown .vector-menu-heading { background-image: none !important; background-color: transparent !important; }
.skin-vector-legacy .vector-menu-tabs li a { color: var(--ckw-soft); font-family: var(--ckw-sans); }
.skin-vector-legacy .vector-menu-tabs .selected a,
.skin-vector-legacy .vector-menu-tabs .selected a:visited { color: var(--ckw-ink); box-shadow: inset 0 -2px 0 var(--ckw-accent); }
.skin-vector-legacy .vector-menu-tabs li a:hover { color: var(--ckw-accent); }
/* Suche */
#simpleSearch { border-radius: 8px !important; border-color: var(--ckw-search-line) !important; background: var(--ckw-card) !important; background-image: none !important; }
#searchInput { font-family: var(--ckw-sans); }
/* Fußbereich */
.skin-vector-legacy #footer { color: var(--ckw-muted); padding: 1.4em 2.6em; }
#footer li { color: var(--ckw-muted); }
/* Tabellen, Inhaltsverzeichnis, Bilder */
.mw-body-content .wikitable { background: var(--ckw-card); color: var(--ckw-text); border: 1px solid var(--ckw-line2); border-collapse: collapse; }
.mw-body-content .wikitable > * > tr > th, .mw-body-content .wikitable > tr > th { background: var(--ckw-tint); color: var(--ckw-ink); }
.mw-body-content .wikitable > * > tr > th, .mw-body-content .wikitable > * > tr > td,
.mw-body-content .wikitable > tr > th, .mw-body-content .wikitable > tr > td { border: 1px solid var(--ckw-line2); padding: 0.45em 0.7em; }
#toc, .toc { background: var(--ckw-soft-bg); border: 1px solid var(--ckw-line); border-radius: 12px; padding: 0.8em 1.2em; }
.toctitle h2 { font-family: var(--ckw-sans) !important; font-size: 0.8em !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 0.08em; color: var(--ckw-muted); border: 0 !important; }
.thumbinner, figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Frame"] { background: var(--ckw-soft-bg) !important; border-color: var(--ckw-line) !important; border-radius: 10px; }
/* Weiße Flächen aus dem Seitentext (z. B. Karten „Mehr bei CK-Wissen“): im hellen Modus unverändert weiß, im Nachtmodus dunkel.
Steht absichtlich vor den folgenden Regeln, damit farbige Kästen wie „Gegen die Attacke“ ihre Farbe behalten. */
.mw-parser-output :is([style*="background:#FFFFFF" i], [style*="background: #FFFFFF" i], [style*="background-color:#FFFFFF" i], [style*="background-color: #FFFFFF" i], [style*="background:#FFF;" i], [style*="background: #FFF;" i], [style*="background:white" i], [style*="background: white" i], [style*="background-color:white" i], [style*="background-color: white" i]) { background-color: var(--ckw-card) !important; }
/* ---------- Bestehende Kästen (Farben aus dem Seitentext) auf das neue Design umstellen ---------- */
.mw-parser-output [style*="background:#3832EC" i] { background: var(--ckw-accent-fill) !important; }
.mw-parser-output [style*="background:#E2EFFF" i] { background: var(--ckw-tint) !important; }
.mw-parser-output [style*="border:1px solid #3832EC" i] { border-color: var(--ckw-line2) !important; border-radius: 14px !important; }
.mw-parser-output [style*="border:1px solid #B8C8F5" i] { border-color: var(--ckw-line) !important; border-radius: 12px !important; }
.mw-parser-output [style*="border-top:4px solid #3832EC" i] { border-top: 3px solid var(--ckw-ink) !important; }
.mw-parser-output [style*="color:#231E9E" i] { color: var(--ckw-ink) !important; font-family: var(--ckw-serif); letter-spacing: -0.01em; }
.mw-parser-output [style*="color:#3832EC" i] { color: var(--ckw-accent) !important; border-color: var(--ckw-accent) !important; }
.mw-parser-output [style*="Linux Libertine" i] { font-family: var(--ckw-serif) !important; }
/* Kopfzeile in Kästen wie „Auf einen Blick“: ruhige Überschrift statt Farbbalken */
.mw-parser-output [style*="border:1px solid #3832EC" i] > [style*="background:#3832EC" i]:first-child {
background: transparent !important; color: var(--ckw-ink) !important;
font-family: var(--ckw-serif); font-size: 1.3em !important; letter-spacing: -0.01em; padding-bottom: 0 !important;
}
/* Akut-Kasten der heutigen Hauptseite */
.mw-parser-output [style*="border:2px solid #3832EC" i] { border: 1px solid var(--ckw-akut-line) !important; background: var(--ckw-akut-bg) !important; border-radius: 16px !important; }
.mw-parser-output [style*="border:2px solid #3832EC" i] > [style*="background:#3832EC" i]:first-child {
background: transparent !important; color: var(--ckw-ink) !important;
font-family: var(--ckw-serif); font-size: 1.6em !important; padding-top: 0.7em !important;
}
.mw-parser-output [style*="border:2px solid #3832EC" i] [style*="background:#E2EFFF" i] { background: var(--ckw-card) !important; }
/* Roter Hinweis: bleibt deutlich, wirkt aber ruhiger */
.mw-parser-output [style*="border:2px solid #E00000" i] { border: 1px solid var(--ckw-note-line) !important; background: var(--ckw-note-bg) !important; border-radius: 14px !important; }
/* ---------- Bausteine für die neue Hauptseite (ckw-…) ---------- */
/* Hauptseite: der Seitentitel bleibt für Suchmaschinen und Vorlese-Programme erhalten, ist aber nicht sichtbar */
.page-Hauptseite #firstHeading,
.page-Benutzer_Cezary_Hauptseite-Entwurf #firstHeading {
position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.page-Hauptseite #siteSub, .page-Hauptseite #contentSub,
.page-Benutzer_Cezary_Hauptseite-Entwurf #siteSub,
.page-Benutzer_Cezary_Hauptseite-Entwurf #contentSub { display: none; }
.ckw-home { font-size: 1.0625rem; line-height: 1.6; }
.ckw-top { display: flex; flex-wrap: wrap; gap: 1.8em 2.8em; align-items: flex-start; margin: 0.4em 0 3em; }
.ckw-hero { flex: 3 1 24em; display: flex; flex-direction: column; gap: 0.9em; }
.ckw-hero:only-child { max-width: 46em; }
.ckw-eyebrow { font-size: 0.78em; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ckw-accent); }
.ckw-title { font-family: var(--ckw-serif); font-size: 2.7em; line-height: 1.07; font-weight: 600; letter-spacing: -0.02em; color: var(--ckw-ink); text-wrap: balance; }
.ckw-lead { font-size: 1.08em; line-height: 1.6; color: var(--ckw-soft); }
.ckw-buttons { display: flex; flex-wrap: wrap; gap: 0.6em; }
.ckw-btn a {
display: inline-flex; align-items: center; min-height: 2.75em; box-sizing: border-box;
padding: 0 1.1em; border-radius: 10px; border: 1px solid var(--ckw-btn-line); background: var(--ckw-card);
color: var(--ckw-ink) !important; font-weight: 700; text-decoration: none !important;
}
.ckw-btn a:hover { border-color: var(--ckw-accent); }
.ckw-btn-primary a { background: var(--ckw-accent-fill); border-color: var(--ckw-accent-fill); color: var(--ckw-on-fill) !important; }
.ckw-btn-akut a { background: var(--ckw-akut); border-color: var(--ckw-akut); color: var(--ckw-on-fill) !important; }
.ckw-checks { display: flex; flex-wrap: wrap; gap: 0.4em 1.5em; font-size: 0.92em; color: var(--ckw-muted); }
.ckw-checks span { display: inline-flex; align-items: center; gap: 0.45em; }
.ckw-checks span::before {
content: ''; width: 1em; height: 1em; flex-shrink: 0;
background: var(--ckw-ic-check) center / contain no-repeat;
}
.ckw-akut {
flex: 2 1 21em; box-sizing: border-box; background: var(--ckw-akut-bg); border: 1px solid var(--ckw-akut-line);
border-radius: 16px; padding: 1.4em 1.5em; display: flex; flex-direction: column; gap: 0.8em;
box-shadow: 0 1px 2px var(--ckw-shadow), 0 8px 24px var(--ckw-akut-shadow);
}
.ckw-akut-title { font-family: var(--ckw-serif); font-size: 1.65em; line-height: 1.2; font-weight: 600; letter-spacing: -0.01em; color: var(--ckw-ink); }
.ckw-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(11.5em, 100%), 1fr)); gap: 0.8em; }
.ckw-tile { background: var(--ckw-card); border-radius: 12px; padding: 0.9em 1em; }
.ckw-tile-label { font-size: 0.72em; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ckw-muted); }
.ckw-tile-label a { color: var(--ckw-muted) !important; }
.ckw-tile-value { white-space: nowrap; font-family: var(--ckw-serif); font-size: 1.75em; font-weight: 600; line-height: 1.15; letter-spacing: -0.01em; color: var(--ckw-akut-text); font-variant-numeric: lining-nums; }
.ckw-tile ul { margin: 0.35em 0 0 1.1em; font-size: 0.9em; line-height: 1.45; color: var(--ckw-soft); -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 12 5 5; -webkit-hyphenate-limit-before: 5; -webkit-hyphenate-limit-after: 5; }
.ckw-small { font-size: 0.93em; color: var(--ckw-soft); }
.ckw-row { display: flex; flex-wrap: wrap; gap: 0.6em 1.2em; align-items: center; }
.ckw-section { margin: 0 0 3em; }
.ckw-h2 { font-family: var(--ckw-serif); font-size: 1.85em; line-height: 1.2; font-weight: 600; letter-spacing: -0.02em; color: var(--ckw-ink); margin: 0 0 0.7em; }
.ckw-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15em, 100%), 1fr)); gap: 1.6em 2.4em; }
.ckw-col { border-top: 3px solid var(--ckw-ink); padding-top: 0.9em; }
.ckw-col-title { font-family: var(--ckw-serif); font-size: 1.4em; font-weight: 600; letter-spacing: -0.01em; color: var(--ckw-ink); margin-bottom: 0.2em; }
.ckw-col-text { color: var(--ckw-muted); margin-bottom: 0.4em; }
.ckw-col ul { list-style: none !important; list-style-image: none !important; margin: 0 !important; padding: 0; }
.ckw-col li { margin: 0.3em 0; font-weight: 600; }
.ckw-sits { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(22em, 100%), 1fr)); column-gap: 2.6em; }
.ckw-sit { border-top: 1px solid var(--ckw-line2); }
.ckw-sit a { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1em; align-items: center; padding: 0.85em 0; text-decoration: none !important; }
.ckw-sit-t, .ckw-sit-s { grid-column: 1; }
.ckw-sit a::after {
content: ''; width: 1.2em; height: 1.2em; grid-column: 2; grid-row: 1 / span 2;
background: var(--ckw-ic-pfeil) center / contain no-repeat;
}
.ckw-sit-t { display: block; font-size: 1.1em; font-weight: 700; color: var(--ckw-ink); }
.ckw-sit-s { display: block; font-size: 0.93em; color: var(--ckw-muted); font-weight: 400; }
.ckw-sits-end { border-bottom: 1px solid var(--ckw-line2); }
/* „Wo stehen Sie gerade?“ als leicht getönte Fläche mit weißen Kacheln, klar getrennt von „Für wen?“ */
.ckw-band { background: var(--ckw-tint); border-radius: 18px; padding: 1.6em 1.8em 1.8em; }
.ckw-band .ckw-sits { gap: 0.75em 1em; }
.ckw-band .ckw-sit, .ckw-band .ckw-sits-end { background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 12px; }
.ckw-band .ckw-sit a { padding: 0.85em 1.1em; }
.ckw-band .ckw-sit:hover { border-color: var(--ckw-accent); }
/* „Alle Themen“ ebenfalls als Fläche, die Spalten als weiße Karten */
.ckw-band .ckw-cols { gap: 1em; }
.ckw-band .ckw-col { background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 12px; padding: 1em 1.2em 1.1em; }
/* Hauptseite „Alle Themen“ (seit 25.09.2026): vier Gruppen wie die linke Leiste – nebeneinander, wenn Platz ist, sonst zwei mal zwei, am Handy untereinander */
.ckw-themen { container-type: inline-size; }
.ckw-cols.ckw-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 40em) { .ckw-cols.ckw-cols-4 { grid-template-columns: minmax(0, 1fr); } }
@container (min-width: 58em) { .ckw-cols.ckw-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@container (max-width: 32em) { .ckw-cols.ckw-cols-4 { grid-template-columns: minmax(0, 1fr); } }
.ckw-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(13em, 100%), 1fr)); gap: 1em; }
.ckw-card { background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 14px; padding: 1em 1.15em; box-shadow: 0 1px 2px var(--ckw-shadow); }
.ckw-card-title { font-weight: 700; color: var(--ckw-ink); margin-bottom: 0.3em; display: flex; align-items: center; gap: 0.5em; }
.ckw-num { display: inline-flex; align-items: center; justify-content: center; width: 1.75em; height: 1.75em; border-radius: 50%; background: var(--ckw-accent-fill); color: var(--ckw-on-fill); font-weight: 700; font-size: 0.9em; flex-shrink: 0; }
.ckw-panel { background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 16px; padding: 1.3em 1.5em; box-shadow: 0 1px 2px var(--ckw-shadow); }
.ckw-panel-title { font-family: var(--ckw-serif); font-size: 1.45em; font-weight: 600; letter-spacing: -0.01em; color: var(--ckw-ink); margin-bottom: 0.4em; }
.ckw-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(20em, 100%), 1fr)); gap: 1.2em; }
.ckw-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(14em, 100%), 1fr)); gap: 1.4em 2em; background: var(--ckw-tint); border-radius: 16px; padding: 1.5em 1.8em; }
.ckw-trust-title { font-family: var(--ckw-serif); font-size: 1.25em; font-weight: 600; color: var(--ckw-ink); margin-bottom: 0.2em; }
.ckw-trust-text { color: var(--ckw-soft); }
.ckw-note { border: 1px solid var(--ckw-note-line); background: var(--ckw-note-bg); border-radius: 14px; padding: 1.1em 1.4em; text-align: center; }
.ckw-note-title { font-weight: 700; font-size: 1.1em; color: var(--ckw-ink); margin-bottom: 0.3em; }
.ckw-note-text { font-size: 0.92em; color: var(--ckw-soft); }
/* Schmale Bildschirme (der Kasten „Gegen die Attacke“ steht seit 25.09.2026 weiter unten, nicht mehr zuerst) */
@media (max-width: 720px) {
.ckw-title { font-size: min(2.1em, calc((100vw - 32px) / 10)); }
.ckw-top { gap: 1.4em; }
.ckw-buttons { flex-direction: column; }
.ckw-btn a { display: flex; justify-content: center; }
}
/* Handy (Minerva) */
.skin-minerva body, body.skin-minerva { font-family: var(--ckw-sans); }
.skin-minerva .mw-body h1, .skin-minerva .mw-body-content h2 { font-family: var(--ckw-serif); color: var(--ckw-ink); }
.skin-minerva .ckw-title { font-size: min(2.1em, calc((100vw - 32px) / 10)); }
/* ===== CK-Wissen: Lesespalte, linke Leiste und „Auf dieser Seite“ (seit 24.09.2026) =====
Ziel: lange Artikel angenehmer lesen, Themen links schneller finden, ohne dass ein Link wegfällt.
Alle Farben und Schriften aus dem Design „Klar und verlässlich“ (Variablen oben in MediaWiki:Common.css). */
/* ---------- Linke Leiste: etwas breiter, größere Schrift ---------- */
@media screen {
.skin-vector-legacy #mw-panel { width: 12.5em; }
.skin-vector-legacy #p-logo,
.skin-vector-legacy #p-logo a { width: 12.5em; }
.skin-vector-legacy #content,
.skin-vector-legacy #mw-head-base,
.skin-vector-legacy #left-navigation,
.skin-vector-legacy #footer { margin-left: 13.5em; }
#mw-panel .vector-menu-portal { margin: 0 0.5em 0.2em 0.75em; }
#mw-panel .vector-menu-portal .vector-menu-heading {
font-size: 0.75em; margin: 0.5em 0 0; padding: 0; color: var(--ckw-muted);
}
#mw-panel .vector-menu-portal .vector-menu-content { margin-left: 0; }
#mw-panel .vector-menu-portal .vector-menu-content li {
font-size: 0.845rem; line-height: 1.3; padding: 0; margin: 0;
}
#mw-panel .vector-menu-portal .vector-menu-content li a {
display: block; padding: 0.3em 0.55em; border-radius: 7px;
}
#mw-panel .vector-menu-portal .vector-menu-content li a:hover { background: var(--ckw-tint); text-decoration: none; }
#mw-panel .vector-menu-portal .vector-menu-content { padding-bottom: 0.45em; }
/* Die Seite, auf der man gerade ist */
#mw-panel li.ckw-hier > a,
#mw-panel li.ckw-hier > a:visited { color: var(--ckw-ink) !important; font-weight: 700; background: var(--ckw-tint); }
#mw-panel #p-Gegen_die_Attacke li.ckw-hier > a { background: var(--ckw-card); }
/* Themen zum Aufklappen (Knopf wird per Skript in die Überschrift gesetzt) */
#mw-panel .ckw-klapp {
-webkit-appearance: none; appearance: none; background: none; border: 0; margin: 0;
box-sizing: border-box; width: 100%; display: flex; align-items: center; gap: 0.5em;
padding: 0.75em 0.55em 0.65em; border-radius: 7px; cursor: pointer; text-align: left;
font: inherit; font-size: 1.12em; font-weight: 700; line-height: 1.3;
color: var(--ckw-ink); letter-spacing: 0; text-transform: none;
}
#mw-panel .ckw-klapp:hover { background: var(--ckw-tint); color: var(--ckw-ink); }
#mw-panel .ckw-klapp:focus-visible { outline: 2px solid var(--ckw-accent); outline-offset: 1px; }
#mw-panel .ckw-klapp-text { flex: 1 1 auto; }
#mw-panel .ckw-klapp-zahl {
flex: 0 0 auto; min-width: 1.6em; text-align: center; letter-spacing: 0;
font-size: 0.85em; font-weight: 700; color: var(--ckw-muted); background: var(--ckw-pill); border-radius: 999px; padding: 0.1em 0.45em;
}
#mw-panel .ckw-klapp::after {
content: ''; flex: 0 0 auto; width: 1.1em; height: 1.1em; transition: transform 0.15s ease;
background: var(--ckw-ic-winkel) center / contain no-repeat;
}
#mw-panel .ckw-klapp[aria-expanded="true"]::after { transform: rotate(90deg); }
#mw-panel .ckw-klapp[aria-expanded="true"] .ckw-klapp-zahl { visibility: hidden; }
#mw-panel .ckw-zu .vector-menu-content { display: none; }
/* Bis das Skript läuft: Themen schon zugeklappt zeigen, damit die Leiste nicht springt.
Sollte das Skript ausbleiben, geht nach 4 Sekunden alles von selbst wieder auf. */
.client-js:not(.ckw-leiste-bereit) #mw-panel .vector-menu-portal:not(#p-navigation):not(#p-Gegen_die_Attacke) .vector-menu-heading {
font-size: 0.84em; font-weight: 700; line-height: 1.3; color: var(--ckw-ink);
letter-spacing: 0; text-transform: none; padding: 0.75em 0.55em 0.65em;
}
.client-js:not(.ckw-leiste-bereit) #mw-panel .vector-menu-portal:not(#p-navigation):not(#p-Gegen_die_Attacke) .vector-menu-content {
max-height: 0; overflow: hidden; visibility: hidden; padding-bottom: 0;
animation: ckw-notfall-auf 0s 4s forwards;
}
/* „Gegen die Attacke“ als warme Karte, immer offen */
#mw-panel #p-Gegen_die_Attacke {
background: var(--ckw-akut-bg); border: 1px solid var(--ckw-akut-line); border-radius: 12px;
padding: 0.2em 0.35em 0.2em; margin: 0.5em 0.5em 0.6em 0.6em;
}
#mw-panel #p-Gegen_die_Attacke .vector-menu-heading {
color: var(--ckw-akut-text); border-bottom: 0; padding: 0.55em 0.55em 0.2em; margin: 0;
}
#mw-panel #p-Gegen_die_Attacke .vector-menu-content li a { color: var(--ckw-ink); font-weight: 600; }
#mw-panel #p-Gegen_die_Attacke .vector-menu-content li a:hover { background: var(--ckw-card); }
}
/* ---------- Lesespalte für Artikel ---------- */
.skin-vector-legacy.action-view.ns-0:not(.page-Hauptseite) .mw-body-content,
.skin-vector-legacy.action-view.ns-1 .mw-body-content,
.skin-vector-legacy.action-view.ns-4 .mw-body-content,
.skin-vector-legacy.action-view.ns-5 .mw-body-content,
.skin-vector-legacy.action-view.ns-12 .mw-body-content { font-size: 1.125rem; line-height: 1.7; }
.skin-vector-legacy.action-view.ns-0:not(.page-Hauptseite) .mw-parser-output,
.skin-vector-legacy.action-view.ns-1 .mw-parser-output,
.skin-vector-legacy.action-view.ns-4 .mw-parser-output,
.skin-vector-legacy.action-view.ns-5 .mw-parser-output,
.skin-vector-legacy.action-view.ns-12 .mw-parser-output { max-width: 38em; }
/* Absätze: mehr Luft, keine einzelnen Wörter in der letzten Zeile */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output p { margin: 0 0 1em; text-wrap: pretty; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output p.ckw-einleitung { font-size: 1.1em; line-height: 1.6; color: var(--ckw-ink); }
/* Links im Fließtext dezent unterstrichen: auch ohne Farbsehen als Link erkennbar */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output p a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output dd a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output td a {
text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.18em;
text-decoration-color: var(--ckw-underline);
}
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output p a:hover,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li a:hover,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output dd a:hover,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output td a:hover { text-decoration-color: currentColor; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output sup.reference a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output #toc a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .mw-editsection a,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output a.image,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output a.mw-file-description { text-decoration: none; }
/* Überschriften: klare Kapitel */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h2 {
font-size: 1.7em; line-height: 1.22; margin: 2em 0 0.55em; padding: 0.9em 0 0;
border-bottom: 0; border-top: 1px solid var(--ckw-line2);
}
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h3 { font-size: 1.2em; line-height: 1.35; margin: 1.7em 0 0.4em; padding: 0; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h4 { font-size: 1.05em; margin: 1.4em 0 0.3em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output #toc h2,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .toctitle h2 { border-top: 0; margin: 0; padding: 0; }
/* „Bearbeiten“ erst zeigen, wenn man mit der Maus auf die Überschrift geht */
@media (hover: hover) {
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .mw-editsection { opacity: 0; transition: opacity 0.15s ease; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h2:hover .mw-editsection,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h3:hover .mw-editsection,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output h4:hover .mw-editsection,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .mw-editsection:focus-within { opacity: 1; }
}
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .mw-editsection { font-family: var(--ckw-sans); font-size: 0.5em; font-weight: 400; letter-spacing: 0; }
/* Listen */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output ul { list-style-image: none; list-style-type: disc; margin-left: 1.3em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output ol { margin-left: 1.6em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li { margin-bottom: 0.4em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li::marker { color: var(--ckw-accent); }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li > ul, .skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output li > ol { margin-top: 0.4em; }
/* Belegnummern leiser, Einzelnachweise kleiner */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output sup.reference { font-size: 0.68em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output sup.reference a { color: var(--ckw-ref); }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .references { font-size: 0.86em; line-height: 1.5; color: var(--ckw-soft); }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .references li { margin-bottom: 0.45em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .references li::marker { color: var(--ckw-muted); }
/* Zitate */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output blockquote {
margin: 1.2em 0 1.4em; padding: 0.3em 0 0.3em 1.1em; border-left: 3px solid var(--ckw-line2); color: var(--ckw-soft);
}
/* Tabellen: ruhiger, mit leichtem Zeilenwechsel; zu breite Tabellen lassen sich seitlich schieben */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .ckw-tabelle { overflow-x: auto; margin: 1em 0 1.4em; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .ckw-tabelle > .wikitable { margin: 0; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .wikitable { font-size: 0.92em; line-height: 1.5; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .wikitable > * > tr > th { text-align: left; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .wikitable > tbody > tr:nth-child(even) > td { background: var(--ckw-zebra); }
/* Bilder */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .thumbcaption,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output figcaption { font-size: 0.86em; line-height: 1.45; color: var(--ckw-soft); -webkit-hyphens: auto; hyphens: auto; }
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output .thumbimage,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output figure img { border-radius: 6px; }
/* ---------- „Auf dieser Seite“ rechts neben dem Text (breite Bildschirme, per Skript) ---------- */
@keyframes ckw-notfall-auf { to { max-height: none; overflow: visible; visibility: visible; display: block; } }
.ckw-seitennav { display: none; }
@media screen and (min-width: 1260px) {
/* Das Inhaltsverzeichnis im Text gleich ausblenden, damit der Text nicht springt, wenn es nach rechts wandert */
.client-js .skin-vector-legacy.action-view.ns-0:not(.page-Hauptseite):not(.ckw-mit-seitennav) .mw-parser-output #toc,
.client-js .skin-vector-legacy.action-view.ns-1:not(.ckw-mit-seitennav) .mw-parser-output #toc,
.client-js .skin-vector-legacy.action-view.ns-4:not(.ckw-mit-seitennav) .mw-parser-output #toc,
.client-js .skin-vector-legacy.action-view.ns-5:not(.ckw-mit-seitennav) .mw-parser-output #toc,
.client-js .skin-vector-legacy.action-view.ns-12:not(.ckw-mit-seitennav) .mw-parser-output #toc {
display: none; animation: ckw-notfall-auf 0s 4s forwards;
}
.skin-vector-legacy.ckw-mit-seitennav #mw-content-text { display: flex; align-items: flex-start; gap: 2.8rem; }
.skin-vector-legacy.ckw-mit-seitennav #mw-content-text > .mw-parser-output { flex: 0 1 38em; min-width: 0; }
.skin-vector-legacy.ckw-mit-seitennav .mw-parser-output #toc { display: none; }
.ckw-seitennav {
display: block; flex: 0 0 15rem; box-sizing: border-box; position: sticky; top: 1.25rem;
max-height: calc(100vh - 2.5rem); overflow-y: auto; overscroll-behavior: contain;
margin-top: 0.2rem; padding: 0 0 0.5rem 1rem; border-left: 1px solid var(--ckw-line);
font-family: var(--ckw-sans); font-size: 0.9rem; line-height: 1.35;
}
.ckw-seitennav-titel {
font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
color: var(--ckw-muted); margin: 0.1rem 0 0.6rem;
}
.ckw-seitennav ol { list-style: none; margin: 0; padding: 0; }
.ckw-seitennav li { margin: 0; padding: 0; }
.ckw-seitennav a {
display: block; margin-left: calc(-1rem - 1px); padding: 0.32rem 0.4rem 0.32rem calc(1rem - 1px);
border-left: 3px solid transparent; color: var(--ckw-soft) !important; text-decoration: none !important;
}
.ckw-seitennav a:hover { color: var(--ckw-ink) !important; background: var(--ckw-soft-bg); }
.ckw-seitennav a.ckw-aktiv { color: var(--ckw-ink) !important; font-weight: 700; border-left-color: var(--ckw-accent); }
.ckw-seitennav ol ol { display: none; }
.ckw-seitennav li.ckw-offen > ol { display: block; }
.ckw-seitennav ol ol a { padding-left: calc(1.9rem - 1px); font-size: 0.94em; }
.ckw-seitennav .ckw-nach-oben {
margin-top: 0.8rem; font-size: 0.85rem; color: var(--ckw-muted) !important;
}
.ckw-seitennav .ckw-nach-oben::before { content: '↑ '; }
}
/* ---------- Schmale Bildschirme mit der Desktop-Ansicht ---------- */
@media screen and (max-width: 720px) {
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output p { -webkit-hyphens: auto; hyphens: auto; }
}
/* ---------- Handy (Minerva): Kopfzeile, alle Themen (seit 24.09.2026) ----------
Die Bausteine setzt das Skript in MediaWiki:Common.js ein; die Themen stammen aus MediaWiki:Sidebar. */
.skin-minerva .branding-box a { display: inline-flex; flex-direction: column; justify-content: center; text-decoration: none; }
.skin-minerva .branding-box a > span {
font-family: var(--ckw-serif); font-size: 1.4rem; font-weight: 600; line-height: 1;
letter-spacing: -0.02em; color: var(--ckw-ink);
}
.skin-minerva .branding-box a::after {
content: 'Cluster-Kopfschmerz'; margin-top: 4px; line-height: 1;
font-family: var(--ckw-sans); font-size: 0.56rem; font-weight: 700; letter-spacing: 0.13em;
text-transform: uppercase; color: var(--ckw-accent); white-space: nowrap;
}
.ckw-mobil-themen {
margin: 2.2em 1rem 1.6em; padding-top: 1.3em; border-top: 1px solid var(--ckw-line2); font-family: var(--ckw-sans);
}
.skin-minerva .ckw-mobil-themen-titel {
font-family: var(--ckw-serif); font-size: 1.55rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em;
color: var(--ckw-ink); margin: 0 0 0.5em; padding: 0; border: 0;
}
.ckw-gruppe ul { list-style: none; margin: 0; padding: 0 0 0.45em; }
.ckw-gruppe li { margin: 0; padding: 0; list-style: none; }
.ckw-gruppe li a {
display: block; padding: 0.62em 0.8em; border-radius: 8px; font-size: 1rem; line-height: 1.35;
color: var(--ckw-text) !important; text-decoration: none !important;
}
.ckw-gruppe li a:active, .ckw-gruppe li a:hover { background: var(--ckw-tint); }
.ckw-gruppe li a.ckw-hier { font-weight: 700; color: var(--ckw-ink) !important; background: var(--ckw-tint); }
.ckw-gruppe-start { margin-bottom: 0.5em; }
details.ckw-gruppe { border-top: 1px solid var(--ckw-line); }
details.ckw-gruppe > summary {
list-style: none; display: flex; align-items: center; gap: 0.55em; min-height: 3rem; box-sizing: border-box;
padding: 0.7em 0.8em; cursor: pointer; font-size: 1.02rem; font-weight: 700; color: var(--ckw-ink);
-webkit-tap-highlight-color: transparent;
}
details.ckw-gruppe > summary::-webkit-details-marker { display: none; }
details.ckw-gruppe > summary:focus-visible { outline: 2px solid var(--ckw-accent); outline-offset: -2px; border-radius: 8px; }
.ckw-gruppe-name { flex: 1 1 auto; min-width: 0; }
.ckw-gruppe summary, .ckw-gruppe li a { white-space: normal; overflow-wrap: break-word; }
.ckw-gruppe-zahl {
flex: 0 0 auto; min-width: 1.6em; text-align: center; font-size: 0.8rem; font-weight: 700;
color: var(--ckw-muted); background: var(--ckw-pill); border-radius: 999px; padding: 0.1em 0.5em;
}
details.ckw-gruppe > summary::after {
content: ''; flex: 0 0 auto; width: 1.15em; height: 1.15em; transition: transform 0.15s ease;
background: var(--ckw-ic-winkel) center / contain no-repeat;
}
details.ckw-gruppe[open] > summary::after { transform: rotate(90deg); }
details.ckw-gruppe[open] > summary .ckw-gruppe-zahl { visibility: hidden; }
details.ckw-gruppe-akut {
background: var(--ckw-akut-bg); border: 1px solid var(--ckw-akut-line); border-radius: 12px; margin: 0.35em 0 0.7em;
}
details.ckw-gruppe-akut + details.ckw-gruppe { border-top: 0; }
details.ckw-gruppe-akut > summary { color: var(--ckw-akut-text); }
details.ckw-gruppe-akut li a { font-weight: 600; color: var(--ckw-ink) !important; }
details.ckw-gruppe-akut li a.ckw-hier, details.ckw-gruppe-akut li a:hover { background: var(--ckw-card); }
/* Im Menü (☰) */
.ckw-menue-themen { padding: 0.4em 0.6em 0.8em; background: var(--ckw-card); border-bottom: 1px solid var(--ckw-line); font-family: var(--ckw-sans); }
.ckw-menue-themen details.ckw-gruppe-akut { margin-top: 0; }
/* ---------- „Weiter im Thema“ am Artikelende, Rechner und Handy (seit 25.09.2026) ---------- */
.ckw-weiter {
clear: both; margin: 2.4em 0 2.2em; padding: 1.05em 1.15em 1.15em; font-family: var(--ckw-sans);
background: var(--ckw-tint); border-radius: 14px; line-height: 1.35;
}
.ckw-weiter-kopf {
font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
color: var(--ckw-muted); margin-bottom: 0.75em;
}
.ckw-weiter-kopf b { color: var(--ckw-accent); }
.ckw-weiter-stelle { white-space: nowrap; }
.ckw-weiter-karten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7em; }
.ckw-weiter .ckw-weiter-karte {
display: flex; flex-direction: column; justify-content: center; gap: 0.2em; box-sizing: border-box; min-height: 4.2rem;
padding: 0.75em 1em; background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 12px;
text-decoration: none !important;
}
.ckw-weiter .ckw-weiter-karte:hover, .ckw-weiter .ckw-weiter-karte:focus-visible { border-color: var(--ckw-accent); }
.ckw-weiter .ckw-weiter-vor { grid-column: 2; align-items: flex-end; text-align: right; }
.ckw-weiter-richtung { font-size: 0.82rem; font-weight: 600; color: var(--ckw-muted); }
.ckw-weiter-titel {
font-family: var(--ckw-serif); font-size: 1.12rem; font-weight: 600; line-height: 1.25;
letter-spacing: -0.01em; color: var(--ckw-ink);
}
.ckw-weiter .ckw-weiter-karte:hover .ckw-weiter-titel { color: var(--ckw-accent-dark); }
@media (max-width: 560px) {
.ckw-weiter-karten { grid-template-columns: minmax(0, 1fr); }
.ckw-weiter .ckw-weiter-vor { grid-column: 1; }
}
@media print { .ckw-weiter { display: none; } }
/* ---------- Weitere alte Farben aus dem Seitentext an das Design angleichen (seit 25.09.2026) ----------
Die Seiten selbst bleiben unverändert; nur die Darstellung wird angepasst. */
/* Hellblaue Kästen und Tabellenköpfe → ruhiges Graugrün */
.mw-parser-output [style*="background-color:#E2EFFF" i],
.mw-parser-output [style*="background-color: #E2EFFF" i] { background: var(--ckw-tint) !important; }
.mw-parser-output [style*="background-color:#99CCFF" i] { background: var(--ckw-tint) !important; color: var(--ckw-ink) !important; }
/* Blau umrandete Kästen → feine Linie */
.mw-parser-output [style*="solid #0000FF" i] { border-color: var(--ckw-line2) !important; border-radius: 12px; }
/* Rot umrandete Hinweis-Kästen → warmer Hinweis-Kasten wie „Gegen die Attacke“ */
.mw-parser-output [style*="solid #FF0000" i],
.mw-parser-output [style*="solid #FF3D23" i] {
border: 1px solid var(--ckw-akut-line) !important; background: var(--ckw-akut-bg) !important; border-radius: 14px;
}
/* Knallige Schriftfarben */
.mw-parser-output [style*="color:#0000FF" i], .mw-parser-output font[color="blue" i] { color: var(--ckw-accent) !important; }
.mw-parser-output [style*="color:#FF0000" i], .mw-parser-output font[color="red" i] { color: var(--ckw-akut-text) !important; }
.mw-parser-output font[color="green" i] { color: var(--ckw-accent-dark) !important; }
/* Kästen „Das hilft“ / „Das hilft nicht“, Zitate und Sprungmarken (z. B. Seite „Angehörige“) */
.mw-parser-output [style*="border-left:4px solid #3832EC" i] {
border-left-color: var(--ckw-accent) !important; background: var(--ckw-tint) !important; border-radius: 0 10px 10px 0;
}
.mw-parser-output [style*="background:#FEF3F2" i] {
background: var(--ckw-akut-bg) !important; border-color: var(--ckw-akut-line) !important;
border-top-color: var(--ckw-akut) !important; border-radius: 12px !important;
}
.mw-parser-output [style*="background:#F3FAF6" i] {
background: var(--ckw-tint) !important; border-color: var(--ckw-line2) !important;
border-top-color: var(--ckw-accent) !important; border-radius: 12px !important;
}
.mw-parser-output [style*="color:#B32424" i] { color: var(--ckw-akut-text) !important; }
.mw-parser-output [style*="color:#14866D" i] { color: var(--ckw-accent-dark) !important; }
.mw-parser-output [style*="background:#B32424" i] { background: var(--ckw-akut) !important; }
/* Überschriften, die in einem solchen Kasten stehen: ohne Kapitel-Linie und ohne großen Abstand oben */
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output div[style] > h2,
.skin-vector-legacy:not(.page-Hauptseite) .mw-parser-output div[style] > h3 { border-top: 0; margin-top: 0.6em; padding-top: 0; }
/* ===== Zu breite Tabellen als Karten (seit 25.09.2026; Skript in MediaWiki:Common.js) =====
Das Skript setzt die Klasse ckw-karten nur, wenn eine Tabelle nicht in die Breite passt. */
.mw-parser-output table.ckw-karten,
.mw-parser-output table.ckw-karten > tbody { display: block; width: auto !important; max-width: 100%; border: 0 !important; background: transparent !important; overflow: visible; }
.mw-parser-output table.ckw-karten { margin: 1em 0 1.4em; }
.mw-parser-output table.ckw-karten > caption { display: block; text-align: left; font-weight: 700; margin: 0 0 0.6em; }
.mw-parser-output table.ckw-karten > thead,
.mw-parser-output table.ckw-karten tr.ckw-karten-kopf { display: none; }
.mw-parser-output table.ckw-karten > tbody > tr { display: block; background: var(--ckw-card); border: 1px solid var(--ckw-line); border-radius: 14px; padding: 0.8em 1.05em 0.35em; margin: 0 0 0.9em; box-shadow: 0 1px 2px var(--ckw-shadow); }
.mw-parser-output table.ckw-karten > tbody > tr > td,
.mw-parser-output table.ckw-karten > tbody > tr > th { display: block; width: auto !important; border: 0 !important; background: transparent !important; padding: 0 0 0.6em !important; text-align: left !important; font-weight: normal; hyphens: auto; overflow-wrap: anywhere; min-width: 0; }
.mw-parser-output table.ckw-karten > tbody > tr > :first-child { font-weight: 700; font-size: 1.05em; color: var(--ckw-ink); }
.mw-parser-output table.ckw-karten > tbody > tr > [data-ckw-spalte]::before { content: attr(data-ckw-spalte); display: block; font-size: 0.8em; font-weight: 700; color: var(--ckw-muted); margin: 0 0 0.1em; }
.mw-parser-output table.ckw-karten > tbody > tr > :first-child::before { font-size: 0.76em; }
.mw-parser-output table.ckw-karten > tbody > tr > .ckw-karten-leer { display: none; }
.mw-parser-output table.ckw-karten > tbody > tr.ckw-karten-gruppe { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; margin: 1.3em 0 0.5em; }
.mw-parser-output table.ckw-karten > tbody > tr.ckw-karten-gruppe > * { font-family: var(--ckw-serif); font-size: 1.15em; font-weight: 600; color: var(--ckw-ink); padding: 0 !important; }
.skin-vector-legacy .mw-parser-output .ckw-tabelle.ckw-tabelle-karten { overflow: visible; }
/* ===== Nachtmodus (seit 25.09.2026, für alle seit 25.09.2026 nachmittags) =====
Zwei Wege, gleiche Farben:
Block A – jemand hat im Schalter „Dunkel“ gewählt. Klasse ckw-farbe-clientpref-dunkel: setzt MediaWiki schon beim Laden aus dem
Cookie, ohne Aufblitzen (dafür gibt der Server die Grundklasse ckw-farbe-clientpref-auto aus, LocalSettings.php, Block
ckw-nachtmodus-2026; beim Bearbeiten nicht). Klasse ckw-nacht: setzt MediaWiki:Common.js, solange die Grundklasse fehlt.
Block B – automatisch nach der Einstellung von Handy oder Rechner (prefers-color-scheme: dark). Wirkt ohne Skript und ohne
Aufblitzen; nicht, wenn jemand „Hell“ gewählt hat (Klasse ckw-farbe-clientpref-hell bzw. ckw-hell) oder gerade bearbeitet.
Block B ist eine Kopie von Block A mit anderem Selektor – bei Änderungen bitte beide gleich ändern.
Beim Drucken immer hell.
Für Lichtempfindliche bewusst gedämpft: kein reines Weiß, keine kräftigen Farben, Bilder etwas dunkler.
Kontrast geprüft (WCAG, mindestens 4,5 : 1): Fließtext 11,2 : 1, Überschriften 13,4 : 1, Links 6,9 : 1, grauer Text 6,0 : 1 (überall mindestens 4,6 : 1), Akut-Text 7,2 : 1.
Schalter „Automatisch · Hell · Dunkel“: am Rechner oben rechts, am Handy oben im Menü (☰); Gestaltung ganz unten. */
/* --- Block A: gewählt „Dunkel“ --- */
@media screen {
html.ckw-nacht, html.ckw-farbe-clientpref-dunkel {
color-scheme: dark;
--ckw-ink: #DDE5E3;
--ckw-text: #C9D3D1;
--ckw-soft: #AEBAB8;
--ckw-muted: #8E9C9A;
--ckw-line: #26363A;
--ckw-line2: #2F4145;
--ckw-bg: #0E1517;
--ckw-tint: #1A272A;
--ckw-card: #141D20;
--ckw-soft-bg: #182326;
--ckw-zebra: #172124;
--ckw-pill: #243236;
--ckw-accent: #5FB1B9;
--ckw-accent-dark: #86CBD2;
--ckw-accent-fill: #1F6F78;
--ckw-on-fill: #EEF2F1;
--ckw-visited: #83ACB0;
--ckw-new: #EE8B81;
--ckw-ref: #7C9FA4;
--ckw-akut: #A5471A;
--ckw-akut-text: #E39A74;
--ckw-akut-bg: #2A1C16;
--ckw-akut-line: #5B3726;
--ckw-note-bg: #271B17;
--ckw-note-line: #6B4031;
--ckw-btn-line: #3B4E52;
--ckw-search-line: #3B4E52;
--ckw-underline: rgba(108, 195, 203, 0.4);
--ckw-shadow: rgba(0, 0, 0, 0.35);
--ckw-akut-shadow: rgba(0, 0, 0, 0.25);
--ckw-mark: #3A3316;
--ckw-extern: #8FAEDC;
--ckw-extern-visited: #A9A4D8;
--ckw-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%235FB1B9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%235FB1B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-winkel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%238E9C9A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
/* Handy-Ansicht (Minerva) arbeitet mit diesen Farbnamen */
--background-color-base: #141D20;
--background-color-neutral: #1A272A;
--background-color-neutral-subtle: #182326;
--background-color-interactive: #1A272A;
--background-color-interactive-subtle: #182326;
--background-color-notice-subtle: #1A272A;
--background-color-disabled: #2F4145;
--background-color-disabled-subtle: #1A272A;
--background-color-progressive: #1F6F78;
--background-color-progressive--hover: #25838D;
--background-color-progressive--active: #185A61;
--background-color-progressive-subtle: #16292C;
--background-color-button-quiet--hover: rgba(255, 255, 255, 0.06);
--background-color-button-quiet--active: rgba(255, 255, 255, 0.12);
--background-color-destructive-subtle: #3A1F1C;
--background-color-error-subtle: #3A1F1C;
--background-color-success-subtle: #16302A;
--background-color-warning-subtle: #3A3316;
--border-color-base: #3B4E52;
--border-color-subtle: #2F4145;
--border-color-muted: #26363A;
--border-color-interactive: #5F7478;
--border-color-disabled: #2F4145;
--border-color-notice: #95A3A1;
--border-color-progressive: #5FB1B9;
--border-color-progressive--hover: #86CBD2;
--border-color-progressive--active: #5FB1B9;
--border-color-progressive--focus: #5FB1B9;
--color-base: #C9D3D1;
--color-base--hover: #DDE5E3;
--color-emphasized: #DDE5E3;
--color-subtle: #8E9C9A;
--color-placeholder: #7C8A88;
--color-disabled: #6B7876;
--color-notice: #C9D3D1;
--color-progressive: #5FB1B9;
--color-progressive--hover: #86CBD2;
--color-progressive--active: #86CBD2;
--color-visited: #83ACB0;
--color-destructive: #EE8B81;
--color-error: #EE8B81;
--color-success: #6FD1A8;
--color-warning: #F0C35A;
--outline-color-progressive--focus: #5FB1B9;
--box-shadow-color-progressive--focus: #5FB1B9;
--filter-invert-icon: 1;
}
/* Rechner-Ansicht (Vector): Stellen, die keine Farbnamen kennen */
html.ckw-nacht .vector-menu-dropdown .vector-menu-content, html.ckw-farbe-clientpref-dunkel .vector-menu-dropdown .vector-menu-content { background-color: var(--ckw-card); border-color: var(--ckw-line2); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45); }
html.ckw-nacht #searchInput, html.ckw-farbe-clientpref-dunkel #searchInput { color: var(--ckw-text); background-color: transparent; }
html.ckw-nacht #searchInput::placeholder, html.ckw-farbe-clientpref-dunkel #searchInput::placeholder { color: var(--ckw-muted); opacity: 1; }
html.ckw-nacht .suggestions-results, html.ckw-nacht .suggestions-special, html.ckw-farbe-clientpref-dunkel .suggestions-results, html.ckw-farbe-clientpref-dunkel .suggestions-special { background-color: var(--ckw-card); border-color: var(--ckw-line2); color: var(--ckw-text); }
html.ckw-nacht .suggestions-result, html.ckw-farbe-clientpref-dunkel .suggestions-result { color: var(--ckw-text); }
html.ckw-nacht .suggestions-result-current, html.ckw-nacht .suggestions-special.suggestions-result-current, html.ckw-farbe-clientpref-dunkel .suggestions-result-current, html.ckw-farbe-clientpref-dunkel .suggestions-special.suggestions-result-current { background-color: var(--ckw-tint); color: var(--ckw-ink); }
html.ckw-nacht .vector-menu-tabs .new a, html.ckw-nacht .vector-menu-tabs .new a:visited, html.ckw-farbe-clientpref-dunkel .vector-menu-tabs .new a, html.ckw-farbe-clientpref-dunkel .vector-menu-tabs .new a:visited { color: var(--ckw-new); }
html.ckw-nacht .toctogglelabel, html.ckw-farbe-clientpref-dunkel .toctogglelabel { color: var(--ckw-accent); }
html.ckw-nacht .catlinks, html.ckw-farbe-clientpref-dunkel .catlinks { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); }
html.ckw-nacht pre, html.ckw-nacht .mw-code, html.ckw-farbe-clientpref-dunkel pre, html.ckw-farbe-clientpref-dunkel .mw-code { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); color: var(--ckw-text); }
html.ckw-nacht code, html.ckw-nacht kbd, html.ckw-nacht samp, html.ckw-farbe-clientpref-dunkel code, html.ckw-farbe-clientpref-dunkel kbd, html.ckw-farbe-clientpref-dunkel samp { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); color: var(--ckw-ink); }
html.ckw-nacht .mw-message-box, html.ckw-nacht .errorbox, html.ckw-nacht .warningbox, html.ckw-nacht .successbox, html.ckw-nacht .messagebox, html.ckw-farbe-clientpref-dunkel .mw-message-box, html.ckw-farbe-clientpref-dunkel .errorbox, html.ckw-farbe-clientpref-dunkel .warningbox, html.ckw-farbe-clientpref-dunkel .successbox, html.ckw-farbe-clientpref-dunkel .messagebox { background-color: var(--ckw-tint); border-color: var(--ckw-line2); color: var(--ckw-text); }
html.ckw-nacht hr, html.ckw-farbe-clientpref-dunkel hr { background-color: var(--ckw-line2); border-color: var(--ckw-line2); }
/* Eingabefelder und Knöpfe (z. B. Suchseite) */
html.ckw-nacht .oo-ui-textInputWidget input, html.ckw-nacht .oo-ui-textInputWidget textarea, html.ckw-nacht .cdx-text-input__input,
html.ckw-nacht input[type="search"], html.ckw-nacht input[type="text"], html.ckw-farbe-clientpref-dunkel .oo-ui-textInputWidget input, html.ckw-farbe-clientpref-dunkel .oo-ui-textInputWidget textarea, html.ckw-farbe-clientpref-dunkel .cdx-text-input__input, html.ckw-farbe-clientpref-dunkel input[type="search"], html.ckw-farbe-clientpref-dunkel input[type="text"] { background-color: var(--ckw-card); color: var(--ckw-text); border-color: var(--ckw-btn-line); }
html.ckw-nacht .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button, html.ckw-farbe-clientpref-dunkel .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { background-color: var(--ckw-tint); color: var(--ckw-text); border-color: var(--ckw-btn-line); }
html.ckw-nacht .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, html.ckw-farbe-clientpref-dunkel .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--ckw-accent-fill); border-color: var(--ckw-accent-fill); color: var(--ckw-on-fill); }
/* Bilder: Zeichnungen mit durchsichtigem Hintergrund bekommen einen gedämpft grauen Grund (schwarze Linien 12,8 : 1), alle Bilder etwas dunkler */
html.ckw-nacht .mw-parser-output :is(.thumb, figure, .gallerybox) img, html.ckw-farbe-clientpref-dunkel .mw-parser-output :is(.thumb, figure, .gallerybox) img { background-color: #C3CCCA; }
html.ckw-nacht .mw-parser-output img, html.ckw-farbe-clientpref-dunkel .mw-parser-output img { filter: brightness(0.85); }
/* Seitentext: übrige helle Flächen, Markierungen und dunkle Schrift (einzelne Seiten, per Bestandsaufnahme vom 25.09.2026) */
html.ckw-nacht .mw-parser-output :is([style*="#FEFEFE" i], [style*="#FAFBFF" i], [style*="#F5F8FF" i], [style*="#F8F9FA" i], [style*="#F9F9F9" i], [style*="#EEEEEE" i], [style*="#EEF3E2" i], [style*="#F6F9ED" i], [style*="#B9C3C2" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="#FEFEFE" i], [style*="#FAFBFF" i], [style*="#F5F8FF" i], [style*="#F8F9FA" i], [style*="#F9F9F9" i], [style*="#EEEEEE" i], [style*="#EEF3E2" i], [style*="#F6F9ED" i], [style*="#B9C3C2" i]) { background-color: var(--ckw-soft-bg) !important; }
html.ckw-nacht .mw-parser-output :is([style*="background:yellow" i], [style*="background: yellow" i], [style*="background-color:yellow" i], [style*="background-color: yellow" i], [style*="#F9F9B7" i], [style*="#FFCE7B" i], [style*="#FEDBCA" i], [style*="#FFFACD" i], [bgcolor="#FFFACD" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="background:yellow" i], [style*="background: yellow" i], [style*="background-color:yellow" i], [style*="background-color: yellow" i], [style*="#F9F9B7" i], [style*="#FFCE7B" i], [style*="#FEDBCA" i], [style*="#FFFACD" i], [bgcolor="#FFFACD" i]) { background-color: var(--ckw-mark) !important; color: var(--ckw-ink) !important; }
html.ckw-nacht .mw-parser-output :is([style*="color:#202122" i], [style*="color: #202122" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]):not([style*="color:#0000FF" i]):not([style*="color: #0000FF" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#202122" i], [style*="color: #202122" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]):not([style*="color:#0000FF" i]):not([style*="color: #0000FF" i]) { color: var(--ckw-text) !important; }
html.ckw-nacht .mw-parser-output :is([style*="color:#1B2A2F" i], [style*="color: #1B2A2F" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#1B2A2F" i], [style*="color: #1B2A2F" i]) { color: var(--ckw-ink) !important; }
html.ckw-nacht .mw-parser-output :is([style*="color:#45545A" i], [style*="color: #45545A" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#45545A" i], [style*="color: #45545A" i]) { color: var(--ckw-soft) !important; }
html.ckw-nacht .mw-parser-output :is([style*="color:#5F6B71" i], [style*="color: #5F6B71" i], [style*="color:#54595D" i], [style*="color: #54595D" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#5F6B71" i], [style*="color: #5F6B71" i], [style*="color:#54595D" i], [style*="color: #54595D" i]) { color: var(--ckw-muted) !important; }
html.ckw-nacht .mw-parser-output :is([style*="color:#002BB8" i], [style*="color: #002BB8" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#002BB8" i], [style*="color: #002BB8" i]) { color: var(--ckw-accent) !important; }
/* Weiße Schrift aus dem Seitentext (Knöpfe, Kopfbalken) als gebrochenes Weiß – kein reines Weiß im Nachtmodus */
html.ckw-nacht .mw-parser-output :is([style*="color:#FFFFFF" i], [style*="color: #FFFFFF" i], [style*="color:#FFF;" i], [style*="color: #FFF;" i], [style*="color:white" i], [style*="color: white" i]), html.ckw-farbe-clientpref-dunkel .mw-parser-output :is([style*="color:#FFFFFF" i], [style*="color: #FFFFFF" i], [style*="color:#FFF;" i], [style*="color: #FFF;" i], [style*="color:white" i], [style*="color: white" i]) { color: var(--ckw-on-fill) !important; }
/* Links zu anderen Webseiten: im hellen Modus blau (Vorgabe der Rechner-Ansicht), im Nachtmodus gedämpftes Hellblau */
html.ckw-nacht .mw-parser-output a.external, html.ckw-farbe-clientpref-dunkel .mw-parser-output a.external { color: var(--ckw-extern); }
html.ckw-nacht .mw-parser-output a.external:visited, html.ckw-farbe-clientpref-dunkel .mw-parser-output a.external:visited { color: var(--ckw-extern-visited); }
/* Rosa Hinweis „Diese Seiten sind von Nichtmedizinern geschrieben …“ (Vorlage:Gesundheitshinweis) */
html.ckw-nacht .mw-parser-output [style*="#FFF5F5" i], html.ckw-farbe-clientpref-dunkel .mw-parser-output [style*="#FFF5F5" i] { background-color: var(--ckw-note-bg) !important; border-color: var(--ckw-note-line) !important; }
/* Handy: Leiste „Zuletzt bearbeitet …“ */
html.ckw-nacht .last-modified-bar, html.ckw-farbe-clientpref-dunkel .last-modified-bar { background-color: var(--ckw-tint) !important; color: var(--ckw-soft) !important; }
html.ckw-nacht .last-modified-bar *, html.ckw-farbe-clientpref-dunkel .last-modified-bar * { color: inherit !important; }
/* Helle Schrift auf dunklem Grund wirkt sonst etwas fetter und strahlt */
html.ckw-nacht body, html.ckw-farbe-clientpref-dunkel body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
/* --- Block B: automatisch nach der Einstellung des Geräts (Kopie von Block A) --- */
@media screen and (prefers-color-scheme: dark) {
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) {
color-scheme: dark;
--ckw-ink: #DDE5E3;
--ckw-text: #C9D3D1;
--ckw-soft: #AEBAB8;
--ckw-muted: #8E9C9A;
--ckw-line: #26363A;
--ckw-line2: #2F4145;
--ckw-bg: #0E1517;
--ckw-tint: #1A272A;
--ckw-card: #141D20;
--ckw-soft-bg: #182326;
--ckw-zebra: #172124;
--ckw-pill: #243236;
--ckw-accent: #5FB1B9;
--ckw-accent-dark: #86CBD2;
--ckw-accent-fill: #1F6F78;
--ckw-on-fill: #EEF2F1;
--ckw-visited: #83ACB0;
--ckw-new: #EE8B81;
--ckw-ref: #7C9FA4;
--ckw-akut: #A5471A;
--ckw-akut-text: #E39A74;
--ckw-akut-bg: #2A1C16;
--ckw-akut-line: #5B3726;
--ckw-note-bg: #271B17;
--ckw-note-line: #6B4031;
--ckw-btn-line: #3B4E52;
--ckw-search-line: #3B4E52;
--ckw-underline: rgba(108, 195, 203, 0.4);
--ckw-shadow: rgba(0, 0, 0, 0.35);
--ckw-akut-shadow: rgba(0, 0, 0, 0.25);
--ckw-mark: #3A3316;
--ckw-extern: #8FAEDC;
--ckw-extern-visited: #A9A4D8;
--ckw-ic-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6L9 17l-5-5' fill='none' stroke='%235FB1B9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-pfeil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%235FB1B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ckw-ic-winkel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='%238E9C9A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
/* Handy-Ansicht (Minerva) arbeitet mit diesen Farbnamen */
--background-color-base: #141D20;
--background-color-neutral: #1A272A;
--background-color-neutral-subtle: #182326;
--background-color-interactive: #1A272A;
--background-color-interactive-subtle: #182326;
--background-color-notice-subtle: #1A272A;
--background-color-disabled: #2F4145;
--background-color-disabled-subtle: #1A272A;
--background-color-progressive: #1F6F78;
--background-color-progressive--hover: #25838D;
--background-color-progressive--active: #185A61;
--background-color-progressive-subtle: #16292C;
--background-color-button-quiet--hover: rgba(255, 255, 255, 0.06);
--background-color-button-quiet--active: rgba(255, 255, 255, 0.12);
--background-color-destructive-subtle: #3A1F1C;
--background-color-error-subtle: #3A1F1C;
--background-color-success-subtle: #16302A;
--background-color-warning-subtle: #3A3316;
--border-color-base: #3B4E52;
--border-color-subtle: #2F4145;
--border-color-muted: #26363A;
--border-color-interactive: #5F7478;
--border-color-disabled: #2F4145;
--border-color-notice: #95A3A1;
--border-color-progressive: #5FB1B9;
--border-color-progressive--hover: #86CBD2;
--border-color-progressive--active: #5FB1B9;
--border-color-progressive--focus: #5FB1B9;
--color-base: #C9D3D1;
--color-base--hover: #DDE5E3;
--color-emphasized: #DDE5E3;
--color-subtle: #8E9C9A;
--color-placeholder: #7C8A88;
--color-disabled: #6B7876;
--color-notice: #C9D3D1;
--color-progressive: #5FB1B9;
--color-progressive--hover: #86CBD2;
--color-progressive--active: #86CBD2;
--color-visited: #83ACB0;
--color-destructive: #EE8B81;
--color-error: #EE8B81;
--color-success: #6FD1A8;
--color-warning: #F0C35A;
--outline-color-progressive--focus: #5FB1B9;
--box-shadow-color-progressive--focus: #5FB1B9;
--filter-invert-icon: 1;
}
/* Rechner-Ansicht (Vector): Stellen, die keine Farbnamen kennen */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .vector-menu-dropdown .vector-menu-content { background-color: var(--ckw-card); border-color: var(--ckw-line2); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) #searchInput { color: var(--ckw-text); background-color: transparent; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) #searchInput::placeholder { color: var(--ckw-muted); opacity: 1; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .suggestions-results, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .suggestions-special { background-color: var(--ckw-card); border-color: var(--ckw-line2); color: var(--ckw-text); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .suggestions-result { color: var(--ckw-text); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .suggestions-result-current, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .suggestions-special.suggestions-result-current { background-color: var(--ckw-tint); color: var(--ckw-ink); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .vector-menu-tabs .new a, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .vector-menu-tabs .new a:visited { color: var(--ckw-new); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .toctogglelabel { color: var(--ckw-accent); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .catlinks { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) pre, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-code { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); color: var(--ckw-text); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) code, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) kbd, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) samp { background-color: var(--ckw-soft-bg); border-color: var(--ckw-line2); color: var(--ckw-ink); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-message-box, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .errorbox, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .warningbox, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .successbox, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .messagebox { background-color: var(--ckw-tint); border-color: var(--ckw-line2); color: var(--ckw-text); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) hr { background-color: var(--ckw-line2); border-color: var(--ckw-line2); }
/* Eingabefelder und Knöpfe (z. B. Suchseite) */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .oo-ui-textInputWidget input, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .oo-ui-textInputWidget textarea, html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .cdx-text-input__input,
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) input[type="search"], html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) input[type="text"] { background-color: var(--ckw-card); color: var(--ckw-text); border-color: var(--ckw-btn-line); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { background-color: var(--ckw-tint); color: var(--ckw-text); border-color: var(--ckw-btn-line); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--ckw-accent-fill); border-color: var(--ckw-accent-fill); color: var(--ckw-on-fill); }
/* Bilder: Zeichnungen mit durchsichtigem Hintergrund bekommen einen gedämpft grauen Grund (schwarze Linien 12,8 : 1), alle Bilder etwas dunkler */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is(.thumb, figure, .gallerybox) img { background-color: #C3CCCA; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output img { filter: brightness(0.85); }
/* Seitentext: übrige helle Flächen, Markierungen und dunkle Schrift (einzelne Seiten, per Bestandsaufnahme vom 25.09.2026) */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="#FEFEFE" i], [style*="#FAFBFF" i], [style*="#F5F8FF" i], [style*="#F8F9FA" i], [style*="#F9F9F9" i], [style*="#EEEEEE" i], [style*="#EEF3E2" i], [style*="#F6F9ED" i], [style*="#B9C3C2" i]) { background-color: var(--ckw-soft-bg) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="background:yellow" i], [style*="background: yellow" i], [style*="background-color:yellow" i], [style*="background-color: yellow" i], [style*="#F9F9B7" i], [style*="#FFCE7B" i], [style*="#FEDBCA" i], [style*="#FFFACD" i], [bgcolor="#FFFACD" i]) { background-color: var(--ckw-mark) !important; color: var(--ckw-ink) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#202122" i], [style*="color: #202122" i], [style*="color:#000" i], [style*="color: #000" i], [style*="color:black" i], [style*="color: black" i]):not([style*="color:#0000FF" i]):not([style*="color: #0000FF" i]) { color: var(--ckw-text) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#1B2A2F" i], [style*="color: #1B2A2F" i]) { color: var(--ckw-ink) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#45545A" i], [style*="color: #45545A" i]) { color: var(--ckw-soft) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#5F6B71" i], [style*="color: #5F6B71" i], [style*="color:#54595D" i], [style*="color: #54595D" i]) { color: var(--ckw-muted) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#002BB8" i], [style*="color: #002BB8" i]) { color: var(--ckw-accent) !important; }
/* Weiße Schrift aus dem Seitentext (Knöpfe, Kopfbalken) als gebrochenes Weiß – kein reines Weiß im Nachtmodus */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output :is([style*="color:#FFFFFF" i], [style*="color: #FFFFFF" i], [style*="color:#FFF;" i], [style*="color: #FFF;" i], [style*="color:white" i], [style*="color: white" i]) { color: var(--ckw-on-fill) !important; }
/* Links zu anderen Webseiten: im hellen Modus blau (Vorgabe der Rechner-Ansicht), im Nachtmodus gedämpftes Hellblau */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output a.external { color: var(--ckw-extern); }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output a.external:visited { color: var(--ckw-extern-visited); }
/* Rosa Hinweis „Diese Seiten sind von Nichtmedizinern geschrieben …“ (Vorlage:Gesundheitshinweis) */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .mw-parser-output [style*="#FFF5F5" i] { background-color: var(--ckw-note-bg) !important; border-color: var(--ckw-note-line) !important; }
/* Handy: Leiste „Zuletzt bearbeitet …“ */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .last-modified-bar { background-color: var(--ckw-tint) !important; color: var(--ckw-soft) !important; }
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) .last-modified-bar * { color: inherit !important; }
/* Helle Schrift auf dunklem Grund wirkt sonst etwas fetter und strahlt */
html:not(.ckw-hell):not(.ckw-farbe-clientpref-hell):not(:has(> body.action-edit)):not(:has(> body.action-submit)) body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
}
/* Schalter „Darstellung: Automatisch · Hell · Dunkel“ (per Skript: am Rechner oben rechts, am Handy oben im Menü ☰) */
.ckw-farbe { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid var(--ckw-line2); border-radius: 999px; background: var(--ckw-card); font-family: var(--ckw-sans); }
.ckw-farbe button {
-webkit-appearance: none; appearance: none; margin: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer;
color: var(--ckw-soft); font: 600 0.78rem/1 var(--ckw-sans); padding: 0.42em 0.8em;
}
.ckw-farbe button:hover { color: var(--ckw-ink); }
.ckw-farbe button[aria-pressed="true"] { background: var(--ckw-tint); color: var(--ckw-ink); box-shadow: inset 0 0 0 1px var(--ckw-line2); }
.ckw-farbe button:focus-visible { outline: 2px solid var(--ckw-accent); outline-offset: 1px; }
#p-personal #pt-ckw-farbe { display: flex; align-items: center; margin-right: 0.5em; font-size: 1rem; }
/* Handy: oben im Menü, große Tippflächen */
.ckw-farbe-menue { padding: 0.8em 0.9em 0.9em; background: var(--ckw-card); border-bottom: 1px solid var(--ckw-line); font-family: var(--ckw-sans); }
.ckw-farbe-kopf { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ckw-muted); margin: 0 0 0.5em 0.2em; }
.ckw-farbe-menue .ckw-farbe { display: flex; width: 100%; box-sizing: border-box; border-radius: 12px; padding: 3px; }
.ckw-farbe-menue .ckw-farbe button { flex: 1 1 0; min-height: 2.75rem; font-size: 0.95rem; border-radius: 9px; }
@media print { .ckw-farbe, .ckw-farbe-menue { display: none !important; } }
/* ===== Druckansicht (seit 25.09.2026) =====
Gedruckt wird nur der Inhalt: Text, Bilder, Tabellen und Quellen – schwarz auf weiß, ohne Leisten, Menüs und Schalter.
Die Adresse hinter Links auf andere Websites druckt MediaWiki selbst. Zwischenüberschriften, unter denen nur
Nicht-zu-Druckendes steht (class="noprint"), fallen weg: Klasse ckw-druck-leer, setzt MediaWiki:Common.js.
Der Gesundheitshinweis (Vorlage:Gesundheitshinweis, Klasse ckw-hinweis) wird mitgedruckt, die Themenkarten nicht.
Für Leser beschrieben in Hilfe:Hilfe, Abschnitt „Drucken und als PDF speichern“. */
@media print {
@page { margin: 16mm 15mm 18mm; }
/* Schwarz auf weiß. Hintergründe druckt der Browser meist nicht – weiße Schrift auf farbiger Fläche würde sonst verschwinden. */
*, *::before, *::after { color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important; }
:is(#content, #mw-content-text) *, :is(#content, #mw-content-text) *::before, :is(#content, #mw-content-text) *::after {
color: #000 !important; background: transparent !important; box-shadow: none !important; text-shadow: none !important;
}
html, body { background: #fff !important; }
img { filter: none !important; }
/* Nur der Inhalt */
#mw-panel, #mw-head, #mw-head-base, #mw-page-base, #p-personal, #siteNotice, .mw-indicators, .mw-jump-link,
#toc, .toc, .mw-editsection, #catlinks, #footer-places, #footer-icons, .mw-cite-backlink,
.ckw-seitennav, .ckw-weiter, .ckw-farbe, .ckw-farbe-menue, .ckw-mobil-themen, .ckw-menue-themen, .ckw-druck-leer,
.mw-parser-output iframe, .mw-parser-output video, .mw-parser-output audio { display: none !important; }
#content, .mw-body { margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; max-width: none !important; }
.skin-vector-legacy.ckw-mit-seitennav #mw-content-text { display: block !important; }
.mw-parser-output, .mw-body-content { max-width: none !important; }
#siteSub { display: block !important; font-size: 9pt !important; margin: 0 0 0.8em !important; }
/* Schrift: ruhig und gut lesbar auf Papier */
body { font-size: 11pt !important; }
.mw-body-content, .mw-parser-output, .mw-parser-output p, .mw-parser-output li, .mw-parser-output dd, .mw-parser-output dt,
.mw-parser-output blockquote, .mw-parser-output .ckw-einleitung { font-size: 11pt !important; line-height: 1.45 !important; }
#firstHeading { font-size: 20pt !important; line-height: 1.2 !important; margin: 0 0 0.15em !important; padding: 0 !important; border: 0 !important; }
.mw-parser-output h2 { font-size: 15pt !important; line-height: 1.25 !important; margin: 1.1em 0 0.35em !important; padding: 0 0 0.1em !important; border: 0 !important; border-bottom: 0.5pt solid #999 !important; }
.mw-parser-output h3 { font-size: 12.5pt !important; line-height: 1.3 !important; margin: 0.9em 0 0.3em !important; }
.mw-parser-output h4, .mw-parser-output h5, .mw-parser-output h6 { font-size: 11pt !important; margin: 0.8em 0 0.25em !important; }
.mw-parser-output a { text-decoration: none !important; }
.mw-parser-output a.external::after { font-size: 8.5pt !important; overflow-wrap: anywhere; word-break: break-all; }
/* Seitenumbrüche: Überschrift nicht allein am Seitenende, Bilder, Tabellenzeilen und Kästen nicht zerteilen */
h1, h2, h3, h4, h5, h6 { break-after: avoid; page-break-after: avoid; break-inside: avoid; page-break-inside: avoid; }
p, li, dd { orphans: 3; widows: 3; }
figure, .thumb, .gallerybox, blockquote, pre, tr, .ckw-hinweis, .ckw-note, .ckw-akut, .ckw-card, .ckw-col,
.mw-parser-output > div[style*="border"] { break-inside: avoid; page-break-inside: avoid; }
/* Bilder */
.mw-parser-output img { max-width: 100% !important; height: auto !important; }
/* Tabellen passen aufs Papier */
.ckw-tabelle { overflow: visible !important; }
.mw-parser-output table { max-width: 100% !important; font-size: 9.5pt !important; }
.mw-parser-output table p, .mw-parser-output table li, .mw-parser-output table dd { font-size: inherit !important; line-height: inherit !important; }
.mw-parser-output table td, .mw-parser-output table th { font-size: inherit !important; line-height: 1.35 !important; overflow-wrap: anywhere; }
.mw-parser-output .wikitable, .mw-parser-output .wikitable > * > tr > * { border: 0.5pt solid #888 !important; }
/* Quellen, Hinweis und Fuß */
.mw-parser-output .references, .mw-parser-output .references li { font-size: 9pt !important; line-height: 1.4 !important; }
.mw-parser-output .ckw-hinweis { font-size: 8.5pt !important; margin: 1.5em 0 0 !important; padding: 0.4em 0.8em !important; border: 0.5pt solid #999 !important; }
.mw-parser-output .ckw-hinweis img { display: none !important; }
.printfooter { font-size: 8.5pt !important; margin: 1em 0 0 !important; }
#footer { margin: 0.6em 0 0 !important; padding: 0 !important; border: 0 !important; }
#footer-info li { font-size: 8.5pt !important; line-height: 1.4 !important; }
}
/* ---------- YouTube erst nach Klick (seit 26.09.2026) ----------
Vorlage:YouTube zeigt eine Fläche ohne Vorschaubild. MediaWiki:Common.js setzt den Knopf „Video abspielen“ ein und lädt
den Player von youtube-nocookie.com erst nach dem Klick. Vorher wird nichts von YouTube oder Google geladen.
Die Fläche ist in Hell und Dunkel gleich dunkel (wie ein Videoplayer). Gedruckt wird sie nicht (noprint). */
.ckw-video { width: 320px; max-width: 100%; margin: 0.6em 0 1em; font-family: var(--ckw-sans); }
.ckw-video-flaeche {
position: relative; box-sizing: border-box; aspect-ratio: 16 / 9; overflow: hidden;
display: flex; flex-direction: column; padding: 10px 12px 12px;
background: linear-gradient(135deg, #1B2A2F 0%, #134A50 100%); border-radius: 8px; color: #FFFFFF;
}
.ckw-video-titel {
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
font-size: 15px; line-height: 1.3; font-weight: 600; color: #FFFFFF;
}
.ckw-video-start {
align-self: center; margin: auto 0; display: inline-flex; align-items: center; gap: 9px;
padding: 9px 18px 9px 14px; border: 0; border-radius: 999px; background: #FFFFFF; color: #1B2A2F;
font: 600 15px/1.2 var(--ckw-sans); cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
/* die ganze Fläche ist klickbar */
.ckw-video-start::after { content: ''; position: absolute; inset: 0; border-radius: 8px; }
.ckw-video-start:hover, .ckw-video-flaeche:hover .ckw-video-start { background: #E3F0EE; }
.ckw-video-start:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
.ckw-video-play {
width: 0; height: 0; margin-left: 2px; border-style: solid; border-width: 7px 0 7px 12px;
border-color: transparent transparent transparent #1F6F78;
}
.ckw-video-an .ckw-video-flaeche { padding: 0; background: #000000; }
.ckw-video-flaeche iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ckw-video-info { margin-top: 0.4em; font-size: 0.82em; line-height: 1.45; color: var(--ckw-muted); }
/* ===== Technische Seiten und schmale Fenster (seit 27.09.2026) =====
- „Atom“ in den Werkzeugen (ein Feed für Feed-Reader, erscheint nur bei Änderungslisten) steht nicht in der linken
Leiste; Feed-Reader finden den Feed weiter über den Seitenkopf. Die Zahl an „Werkzeuge“ zählt ihn nicht mit (Common.js).
- Das Fragezeichen „Hilfe“ oben rechts (Spezialseiten, Versionsgeschichte, Seiteninformationen) führt ins
MediaWiki-Handbuch auf mediawiki.org, nicht zu CK-Wissen – ausgeblendet. Hilfe für Leser: Hilfe:Hilfe.
- Änderungslisten: Die „Liste von Abkürzungen“ steht in schmaleren Fenstern über der Liste statt daneben,
sonst wird das Datum daneben Buchstabe für Buchstabe umbrochen.
- Kopfzeile in schmalen Fenstern (etwa Tablet hochkant): Common.js, Abschnitt „Kopfzeile“. */
@media screen {
#p-tb #feedlinks { display: none; }
#mw-indicator-mw-helplink { display: none; }
}
@media screen and (max-width: 1000px) {
.mw-changeslist-legend { float: none; margin: 0 0 1em; }
}