MediaWiki:Common.css - Versionsgeschichte

Webmaster am 10. Oktober 2025 um 18:48 Uhr

2025-10-10T18:48:50Z

← Nächstältere Version		Version vom 10. Oktober 2025, 20:48 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ==== Sidebar Collapser – ~~schlank~~ & skin-freundlich ==== */		/* ==== Sidebar Collapser – kompakt & skin-freundlich ==== */
	~~/* Typografie von Vector übernehmen~~ */
	.kr-sb .kr-head,		.kr-sb .kr-head,
	~~.kr-sb .kr-head > a,~~
	.kr-sb .kr-title {		.kr-sb .kr-title {
	font: inherit;		font: inherit;
	line-height: inherit;		line-height: inherit;
	color: inherit;		color: inherit; /* nur für Texttitel */
	}		}

	~~/* Kopfzeile: gleiche vertikale Luft wie die normalen Menülinks */~~
	.kr-sb .kr-head {		.kr-sb .kr-head {
	position: relative;		position: relative;
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	padding-block: .375rem; /* ~~entspricht~~ Vector-Links */		gap: .25rem;
			padding-block: .375rem; /* gleicher Vertikalabstand wie Vector-Links */
	}		}

	/* Link im Kopf ~~nicht zusätzlich „aufpolstern“~~ */		/* Link im Kopf: NICHT volle Breite einnehmen */
	.kr-sb .kr-head > a { padding: 0 !important; flex: ~~1 1~~ auto; }		.kr-sb .kr-head > a {
			padding: 0 !important;
			flex: 0 0 auto; /* nur so breit wie der Text */
			}

	/* ~~Unterliste: keine Aufzählungszeichen~~, ~~sauber eingerückt~~ */		/* Unterlisten sauber einrücken, ohne Punkte */
	.kr-sb ul.kr-sub {		.kr-sb ul.kr-sub {
	list-style: none;		list-style: none;
	margin: 0;		margin: 0;
	padding: 0 0 0 1rem; ~~/* Einzug der Kinder */~~		padding: 0 0 0 1rem;
	}		}

	~~/* eingeklappte Gruppen verstecken */~~
	.kr-sb li.is-collapsed > ul.kr-sub { display: none; }		.kr-sb li.is-collapsed > ul.kr-sub { display: none; }

	/* Pfeil ganz rechts~~, Größe aus Textgröße abgeleitet~~ */		/* Pfeil ganz rechts mit großer Klickfläche */
	.kr-sb .kr-arrow {		.kr-sb .kr-arrow {
	position: absolute;		position: absolute;
Zeile 37:		Zeile 36:
	top: 50%;		top: 50%;
	transform: translateY(-50%);		transform: translateY(-50%);
	width: 2rem; /* ~~klickbare Breite~~ */		width: 2rem; /* komfortable Hit-Zone */
	height: 1.6rem;		height: 1.6rem;
	border: 0;		border: 0;
Zeile 48:		Zeile 47:
	}		}
	.kr-sb .kr-arrow::before {		.kr-sb .kr-arrow::before {
	content: "▾"; ~~/* auf → zu wird durch Rotation dargestellt */~~		content: "▾";
	display: inline-block;		display: inline-block;
	transition: transform .15s ease;		transition: transform .15s ease;
	}		}
	.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before {		/* zugeklappt = Pfeil nach links */
	transform: rotate(-90deg); ~~/* zeigt nach links bei „zu“ */~~		.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); }
	}

	/* ~~Hit-Zone: Klick auf leere~~ Kopfzeile ~~klappt ebenfalls auf/zu~~ */		/* Gesamte Kopfzeile zeigt „Hand“, außer über dem Link selbst handled der Browser das */
	.kr-sb .kr-~~hit~~ {		.kr-sb .kr-head.has-toggle { cursor: pointer; }
	~~position: absolute;~~		.kr-sb .kr-head.has-toggle > a { cursor: pointer; }
	~~inset: 0 2rem 0 0; /* bis kurz vor den Pfeil */~~
	cursor: pointer;
	}
	.kr-sb .kr-head > ~~:is(~~a~~, .kr-title)~~ { ~~position~~: ~~relative; z-index: 1~~; }

Webmaster am 10. Oktober 2025 um 18:39 Uhr

2025-10-10T18:39:12Z

← Nächstältere Version		Version vom 10. Oktober 2025, 20:39 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* Typografie ~~der~~ Vector~~-Menülinks~~ übernehmen */		/* ==== Sidebar Collapser – schlank & skin-freundlich ==== */
			/* Typografie von Vector übernehmen */
	.kr-sb .kr-head,		.kr-sb .kr-head,
	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb .kr-title {		.kr-sb .kr-title {
	font: inherit; ~~/* Schriftfamilie, -größe, -gewicht vom Skin */~~		font: inherit;
	line-height: inherit; ~~/* keine eigene Zeilenhöhe setzen */~~		line-height: inherit;
	color: inherit; ~~/* Farbe vom Skin */~~		color: inherit;
	}		}

	/* ~~Den gleichen vertikalen Abstand~~ wie ~~Vector-Links geben~~ */		/* Kopfzeile: gleiche vertikale Luft wie die normalen Menülinks */
	.kr-sb .kr-head { ~~/* entspricht dem Padding der normalen <a>~~-~~Einträge */~~		.kr-sb .kr-head {
	padding-block: .375rem; /* ~~reicht in der Praxis; kein Effekt auf Typografie~~ */		position: relative;
			display: flex;
			align-items: center;
			padding-block: .375rem; /* entspricht Vector-Links */
	}		}

	/* Link~~-Padding~~ im Kopf ~~entfernen (sonst hätte der Link-Header mehr Luft)~~ */		/* Link im Kopf nicht zusätzlich „aufpolstern“ */
	.kr-sb .kr-head > a {		.kr-sb .kr-head > a { padding: 0 !important; flex: 1 1 auto; }
	padding: 0 ~~!important~~;
			/* Unterliste: keine Aufzählungszeichen, sauber eingerückt */
			.kr-sb ul.kr-sub {
			list-style: none;
			margin: 0;
			padding: 0 0 0 1rem; /* Einzug der Kinder */
	}		}

	/* ~~Pfeil rechts, Größe aus Schrift ableiten~~ */		/* eingeklappte Gruppen verstecken */
	.kr-sb .kr-~~head~~ { display:~~flex; align-items:center~~; }		.kr-sb li.is-collapsed > ul.kr-sub { display: none; }

			/* Pfeil ganz rechts, Größe aus Textgröße abgeleitet */
	.kr-sb .kr-arrow {		.kr-sb .kr-arrow {
	~~margin~~-~~inline~~-~~start~~:~~auto~~;		position: absolute;
	~~inline~~-size: 1em; ~~block~~-~~size~~: ~~1em~~;		right: 0;
	~~border~~:0; ~~background~~:~~transparent~~; ~~padding~~:0;		top: 50%;
			transform: translateY(-50%);
			width: 2rem; /* klickbare Breite */
			height: 1.6rem;
			border: 0;
			background: transparent;
			display: grid;
			place-items: center;
			cursor: pointer;
			font-size: 1em;
			line-height: 1;
			}
			.kr-sb .kr-arrow::before {
			content: "▾"; /* auf → zu wird durch Rotation dargestellt */
			display: inline-block;
			transition: transform .15s ease;
			}
			.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before {
			transform: rotate(-90deg); /* zeigt nach links bei „zu“ */
	}		}
	~~.kr-sb .kr-arrow::before { content:"▾"; display:inline-block; transition:transform .15s ease; }~~
	~~.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); }~~

	/* Hit-Zone ~~über die~~ Kopfzeile ~~(außer über dem Link) – unverändert~~ */		/* Hit-Zone: Klick auf leere Kopfzeile klappt ebenfalls auf/zu */
	~~.kr-sb .kr-head { position:relative; }~~
	.kr-sb .kr-hit {		.kr-sb .kr-hit {
	position:absolute; inset:0 ~~2.25em~~ 0 0; /* ~~2.25em ≈ Pfeilbreite + etwas Luft~~ */		position: absolute;
	cursor:pointer;		inset: 0 2rem 0 0; /* bis kurz vor den Pfeil */
			cursor: pointer;
	}		}
	.kr-sb .kr-head > :is(a, .kr-title) { position:relative; z-index:1; }		.kr-sb .kr-head > :is(a, .kr-title) { position: relative; z-index: 1; }

Webmaster am 10. Oktober 2025 um 18:35 Uhr

2025-10-10T18:35:47Z

← Nächstältere Version		Version vom 10. Oktober 2025, 20:35 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ~~==== Sidebar-Collapser (~~Vector-~~2022) – v7 ====~~ */		/* Typografie der Vector-Menülinks übernehmen */
			.kr-sb .kr-head,
	.kr-sb .kr-head{
	~~position: relative;~~
	~~display: flex; align-items: center; gap: .5rem;~~
	~~padding-right: 2.25rem; /* Platz für Pfeil/Hit-Zone rechts */~~
	~~cursor: pointer; /* Kopfzeile zeigt Finger */~~
	}

	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb ~~.kr-head >~~ .kr-title{ ~~pointer-events: auto; }~~		.kr-sb .kr-title {
			font: inherit; /* Schriftfamilie, -größe, -gewicht vom Skin */
	~~.kr-sb .kr-head > .kr-arrow{~~		line-height: inherit; /* keine eigene Zeilenhöhe setzen */
	~~position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);~~		color: inherit; /* Farbe vom Skin */
	~~display: grid; place-items: center;~~
	~~width: 2rem; height: 2rem;~~
	~~border: 0; background: transparent; padding: 0;~~
	~~cursor: pointer; z-index: 2;~~
	font~~-size~~: ~~1.5em~~; /* ~~an Textgröße gekoppelt~~ */
	line-height: 1;
	}
	~~.kr-sb .kr-head > .kr-arrow::before{~~
	~~content~~: ~~"▾"; display: block;~~
	~~transition: transform .15s ease~~;
	}		}

	/* ~~Zugeklappt: nach LINKS (‹) — 90°, nicht~~ -~~90°~~ */		/* Den gleichen vertikalen Abstand wie Vector-Links geben */
	.kr-sb ~~li.is-collapsed >~~ .kr-head > ~~.kr~~-~~arrow::before{~~		.kr-sb .kr-head { /* entspricht dem Padding der normalen <a>-Einträge */
	~~transform~~: ~~rotate(90deg)~~;		padding-block: .375rem; /* reicht in der Praxis; kein Effekt auf Typografie */
	}		}

	/* ~~Unsichtbare Hit~~-~~Zone rechts – ebenfalls Click/Finger */~~		/* Link-Padding im Kopf entfernen (sonst hätte der Link-Header mehr Luft) */
	~~.kr-sb .kr-head > .kr-hit{~~		.kr-sb .kr-head > a {
	~~position: absolute; top: 50%; right: .125rem; transform: translateY~~(-~~50%);~~		padding: 0 !important;
	~~width: 2.25rem; height: 2.25rem;~~
	~~cursor: pointer; z-index: 1;~~
	}

	~~/* Unterliste */~~
	~~.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }~~
	~~.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }~~

	~~/* Konsistenter Abstand zwischen Gruppen/Köpfen – auch wenn zugeklappt */~~
	~~.kr-sb li.kr-group {~~
	~~margin-bottom: .5rem; /* Abstand NACH Wut, Mana, … */~~
	}

	~~/* Das Unter-UL braucht unten KEINE~~ Luft ~~mehr (sonst doppelt~~) */
	.kr-sb ul.kr-~~sub,~~
	~~.kr-sb li.kr-top~~ > ~~ul.kr-sub~~ {
	~~margin~~: ~~.25rem~~ 0 ~~0 1rem~~; ~~/* oben etwas, unten 0; Einzug bleibt */~~
	}		}

	/* ~~Einheitlicher Zeilenabstand in Gruppen-Köpfen (egal ob Link oder Text)~~ */		/* Pfeil rechts, Größe aus Schrift ableiten */
	.kr-sb .kr-head {		.kr-sb .kr-head { display:flex; align-items:center; }
	padding: ~~.25rem~~ 0; ~~/* einheitliche Höhe */~~		.kr-sb .kr-arrow {
			margin-inline-start:auto;
			inline-size: 1em; block-size: 1em;
			border:0; background:transparent; padding:0;
	}		}
			.kr-sb .kr-arrow::before { content:"▾"; display:inline-block; transition:transform .15s ease; }
			.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before { transform: rotate(-90deg); }

	/* Link~~-Padding, das Vector standardmäßig setzt, im Kopf entfernen~~ */		/* Hit-Zone über die Kopfzeile (außer über dem Link) – unverändert */
	.kr-sb .kr-head ~~> a~~ {		.kr-sb .kr-head { position:relative; }
	~~padding~~: 0 ~~!important~~; /* ~~sonst hätte der Link-Header mehr~~ Luft */		.kr-sb .kr-hit {
	~~line-height~~: ~~1.4~~; ~~/* sauberer Textfluss */~~		position:absolute; inset:0 2.25em 0 0; /* 2.25em ≈ Pfeilbreite + etwas Luft */
			cursor:pointer;
	}		}
			.kr-sb .kr-head > :is(a, .kr-title) { position:relative; z-index:1; }

Webmaster am 10. Oktober 2025 um 17:04 Uhr

2025-10-10T17:04:52Z

@@ Zeile 51: / Zeile 51: @@
 .kr-sb li.kr-top > ul.kr-sub {
    margin: .25rem 0 0 1rem;         /* oben etwas, unten 0; Einzug bleibt */
+}

Webmaster am 10. Oktober 2025 um 17:00 Uhr

2025-10-10T17:00:47Z

← Nächstältere Version		Version vom 10. Oktober 2025, 19:00 Uhr
Zeile 41:		Zeile 41:
	.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }		.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }

			/* Konsistenter Abstand zwischen Gruppen/Köpfen – auch wenn zugeklappt */
			.kr-sb li.kr-group {
			margin-bottom: .5rem; /* Abstand NACH Wut, Mana, … */
			}

			/* Das Unter-UL braucht unten KEINE Luft mehr (sonst doppelt) */
			.kr-sb ul.kr-sub,
			.kr-sb li.kr-top > ul.kr-sub {
			margin: .25rem 0 0 1rem; /* oben etwas, unten 0; Einzug bleibt */
			}

Webmaster am 10. Oktober 2025 um 16:35 Uhr

2025-10-10T16:35:19Z

← Nächstältere Version		Version vom 10. Oktober 2025, 18:35 Uhr
Zeile 18:		Zeile 18:
	border: 0; background: transparent; padding: 0;		border: 0; background: transparent; padding: 0;
	cursor: pointer; z-index: 2;		cursor: pointer; z-index: 2;
	font-size: ~~1em~~; /* an Textgröße gekoppelt */		font-size: 1.5em; /* an Textgröße gekoppelt */
	line-height: 1;		line-height: 1;
	}		}
Zeile 41:		Zeile 41:
	.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }		.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }

	~~/* Titel ohne Link */~~
	~~.kr-sb .kr-title{ font-weight: 600; }~~

Webmaster am 10. Oktober 2025 um 16:30 Uhr

2025-10-10T16:30:37Z

← Nächstältere Version		Version vom 10. Oktober 2025, 18:30 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ==== Sidebar-Collapser (Vector-2022) ==== */		/* ==== Sidebar-Collapser (Vector-2022) – v7 ==== */

	.kr-sb .kr-head{		.kr-sb .kr-head{
	position: relative;		position: relative;
	display: flex; align-items: center; gap: .5rem;		display: flex; align-items: center; gap: .5rem;
	/* ~~rechter Gutter: Link endet VOR der Toggle~~-Zone */		padding-right: 2.25rem; /* Platz für Pfeil/Hit-Zone rechts */
	~~padding-right~~: ~~2.25rem~~;		cursor: pointer; /* Kopfzeile zeigt Finger */
	}		}

	~~/* Link/Titel normal klickbar */~~
	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb .kr-head > .kr-title{ pointer-events: auto; }		.kr-sb .kr-head > .kr-title{ pointer-events: auto; }
Zeile 16:		Zeile 15:
	position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);		position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);
	display: grid; place-items: center;		display: grid; place-items: center;
	width: 2rem; height: 2rem; ~~/* große Touch-Fläche */~~		width: 2rem; height: 2rem;
	border: 0; background: transparent; padding: 0;		border: 0; background: transparent; padding: 0;
	cursor: pointer; z-index: 2;		cursor: pointer; z-index: 2;
	font-size: 1em; /* ~~gleiche Größe wie Text~~ */		font-size: 1em; /* an Textgröße gekoppelt */
	line-height: 1;		line-height: 1;
	}		}

	.kr-sb .kr-head > .kr-arrow::before{		.kr-sb .kr-head > .kr-arrow::before{
	content: "▾"; display: block;		content: "▾"; display: block;
Zeile 28:		Zeile 26:
	}		}

	/* ~~Zu =~~ nach ~~links~~ (‹) */		/* Zugeklappt: nach LINKS (‹) — 90°, nicht -90° */
	.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{		.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
	transform: rotate(-90deg);		transform: rotate(90deg);
	}		}

	/* Unsichtbare ~~Klickfläche~~ rechts ~~(gleiche Zone wie Pfeil)~~ */		/* Unsichtbare Hit-Zone rechts – ebenfalls Click/Finger */
	.kr-sb .kr-head > .kr-hit{		.kr-sb .kr-head > .kr-hit{
	position: absolute; top: 50%; right: .125rem; transform: translateY(-50%);		position: absolute; top: 50%; right: .125rem; transform: translateY(-50%);
	width: 2.25rem; height: 2.25rem;		width: 2.25rem; height: 2.25rem;
	cursor: pointer; z-index: 1; ~~/* unter dem Button, aber vor dem Link */~~		cursor: pointer; z-index: 1;
	}		}

	/* ~~Unterlisten~~ */		/* Unterliste */
	.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }		.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }

			/* Titel ohne Link */
	.kr-sb .kr-title{ font-weight: 600; }		.kr-sb .kr-title{ font-weight: 600; }

Webmaster am 10. Oktober 2025 um 16:15 Uhr

2025-10-10T16:15:58Z

← Nächstältere Version		Version vom 10. Oktober 2025, 18:15 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ~~Kopfzeile: rechter Rand ist NUR für den Pfeil reserviert~~ */		/* ==== Sidebar-Collapser (Vector-2022) ==== */

	.kr-sb .kr-head{		.kr-sb .kr-head{
	~~display:flex; align-items:center; gap:.5rem;~~
	position: relative;		position: relative;
	~~padding~~-~~right~~: 2.~~1rem~~; /* ~~<- „Gutter“ rechts~~: Link endet VOR ~~dem Pfeilbereich~~ */		display: flex; align-items: center; gap: .5rem;
	~~pointer~~-~~events~~: ~~none~~; ~~/* Kopf selbst reagiert nicht auf Klicks */~~		/* rechter Gutter: Link endet VOR der Toggle-Zone */
			padding-right: 2.25rem;
	}		}

	/* Link/Titel ~~bleiben~~ klickbar */		/* Link/Titel normal klickbar */
	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb .kr-head > .kr-title{		.kr-sb .kr-head > .kr-title{ pointer-events: auto; }
	pointer-events: auto;
	}

	~~/* Pfeil ganz rechts, große Klickfläche, gleiche Schriftgröße wie Text */~~
	.kr-sb .kr-head > .kr-arrow{		.kr-sb .kr-head > .kr-arrow{
	~~pointer-events: auto;~~
	position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);		position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);
	display: grid; place-items: center;		display: grid; place-items: center;
	width: 2rem; height: 2rem; /* große Touch-Fläche */		width: 2rem; height: 2rem; /* große Touch-Fläche */
	border: 0; background: transparent; padding: 0;		border: 0; background: transparent; padding: 0;
	cursor: pointer; z-index: 2;		cursor: pointer; z-index: 2;
	font-size: 1em; /* ~~exakt~~ wie ~~Textgröße~~ */		font-size: 1em; /* gleiche Größe wie Text */
	line-height: 1;		line-height: 1;
	}		}

	~~/* Symbol + Richtung (eingeklappt zeigt nach links) */~~
	.kr-sb .kr-head > .kr-arrow::before{		.kr-sb .kr-head > .kr-arrow::before{
	content: "▾";		content: "▾"; display: block;
	display: block;
	transition: transform .15s ease;		transition: transform .15s ease;
	}		}

			/* Zu = nach links (‹) */
	.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{		.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
	transform: rotate(90deg);		transform: rotate(-90deg);
			}

			/* Unsichtbare Klickfläche rechts (gleiche Zone wie Pfeil) */
			.kr-sb .kr-head > .kr-hit{
			position: absolute; top: 50%; right: .125rem; transform: translateY(-50%);
			width: 2.25rem; height: 2.25rem;
			cursor: pointer; z-index: 1; /* unter dem Button, aber vor dem Link */
	}		}

	/* Unterlisten ~~unverändert~~ */		/* Unterlisten */
	.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }		.kr-sb ul.kr-sub{ list-style: none; margin: .25rem 0 .5rem 1rem; padding: 0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display: none; }
	.kr-sb .kr-title{ font-weight:600; }		.kr-sb .kr-title{ font-weight: 600; }

Webmaster am 10. Oktober 2025 um 15:59 Uhr

2025-10-10T15:59:30Z

← Nächstältere Version		Version vom 10. Oktober 2025, 17:59 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ~~Kopf bleibt Flex~~ */		/* Kopfzeile: rechter Rand ist NUR für den Pfeil reserviert */
	.kr-sb .kr-head{ display:flex; align-items:center; gap:.5rem; }		.kr-sb .kr-head{
			display:flex; align-items:center; gap:.5rem;
			position: relative;
			padding-right: 2.1rem; /* <- „Gutter“ rechts: Link endet VOR dem Pfeilbereich */
			pointer-events: none; /* Kopf selbst reagiert nicht auf Klicks */
			}

	/* ~~Label~~/~~Link links, füllt Breite~~ */		/* Link/Titel bleiben klickbar */
	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb .kr-head > .kr-title{		.kr-sb .kr-head > .kr-title{
	~~order~~:1;		pointer-events: auto;
	~~flex:1 1~~ auto;
	~~min-width:0;~~
	~~padding-right:.5rem; /* Platz, damit Link nicht unter den Pfeil reicht */~~
	}		}

	/* Pfeil ganz rechts, ~~eigene~~ Klickfläche, ~~über dem Link~~ */		/* Pfeil ganz rechts, große Klickfläche, gleiche Schriftgröße wie Text */
	.kr-sb .kr-head > .kr-arrow{		.kr-sb .kr-head > .kr-arrow{
	~~order~~:2;		pointer-events: auto;
	~~margin-left~~:~~auto~~;		position: absolute; top: 50%; right: .25rem; transform: translateY(-50%);
	~~flex~~:~~0 0 1.4em~~; ~~/* fixe Breite */~~		display: grid; place-items: center;
	~~inline-size~~:1.~~4em~~;		width: 2rem; height: 2rem; /* große Touch-Fläche */
	~~block~~-~~size:1.4em~~;		border: 0; background: transparent; padding: 0;
	display:~~inline-~~grid;		cursor: pointer; z-index: 2;
	place-items:center;		font-size: 1em; /* exakt wie Textgröße */
	border:0; background:transparent; padding:~~.25rem~~;		line-height: 1;
	cursor:pointer;
	~~position:relative~~; z-index:2; /* ~~liegt über dem Link~~ */
	line-height:1;
	}		}

	/* Symbol & Richtung */		/* Symbol + Richtung (eingeklappt zeigt nach links) */
	.kr-sb .kr-arrow::before{ content:"▾"; transition:transform .15s ease; }		.kr-sb .kr-head > .kr-arrow::before{
	.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{ transform:rotate(90deg); } ~~/* ◂ nach links */~~		content: "▾";
			display: block;
			transition: transform .15s ease;
			}
			.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
			transform: rotate(90deg);
			}

	/* Unterlisten ~~wie gehabt~~ */		/* Unterlisten unverändert */
	.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }		.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }
	.kr-sb .kr-title{ font-weight:600; }		.kr-sb .kr-title{ font-weight:600; }

Webmaster am 10. Oktober 2025 um 15:46 Uhr

2025-10-10T15:46:39Z

← Nächstältere Version		Version vom 10. Oktober 2025, 17:46 Uhr
Zeile 1:		Zeile 1:
	/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */		/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
	/* ~~==== Sidebar-Collapser – Pfeil rechts & größer ====~~ */		/* Kopf bleibt Flex */
			.kr-sb .kr-head{ display:flex; align-items:center; gap:.5rem; }

	~~/* Kopfzeile als Flex-Container */~~		/* Label/Link links, füllt Breite */
	~~.kr-sb .kr-head{~~
	~~display:flex;~~
	~~align-items:center;~~
	~~gap:.5rem;~~
	}

	/* Label/Link links, ~~nimmt den Platz ein~~ */
	.kr-sb .kr-head > a,		.kr-sb .kr-head > a,
	.kr-sb .kr-head > .kr-title{		.kr-sb .kr-head > .kr-title{
	order:1; ~~/* steht links */~~		order:1;
	flex:1 1 auto; ~~/* schiebt den Pfeil an den Rand */~~		flex:1 1 auto;
	min-width:0;		min-width:0;
			padding-right:.5rem; /* Platz, damit Link nicht unter den Pfeil reicht */
	}		}

	/* Pfeil ganz rechts, ~~größere~~ Klickfläche */		/* Pfeil ganz rechts, eigene Klickfläche, über dem Link */
	.kr-sb .kr-head > .kr-arrow{		.kr-sb .kr-head > .kr-arrow{
	order:2; ~~/* steht rechts, egal wo er im DOM steht */~~		order:2;
	margin-left:auto; ~~/* klebt am rechten Rand */~~		margin-left:auto;
	~~font-size~~:1.~~25em~~; /* ~~größer als Text~~ */		flex:0 0 1.4em; /* fixe Breite */
	inline-size:1.~~25em~~;		inline-size:1.4em;
	block-size:1.~~25em~~;		block-size:1.4em;
	display:inline-grid;		display:inline-grid;
	place-items:center;		place-items:center;
	border:0;		border:0; background:transparent; padding:.25rem;
	background:transparent;		cursor:pointer;
	padding:.25rem; /* ~~bessere Touch-Fläche~~ */		position:relative; z-index:2; /* liegt über dem Link */
	line-height:1;		line-height:1;
	~~cursor:pointer;~~
	}		}

	/* Symbol & ~~Rotation~~ */		/* Symbol & Richtung */
	.kr-sb .kr-arrow::before{		.kr-sb .kr-arrow::before{ content:"▾"; transition:transform .15s ease; }
	content:"▾";		.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{ transform:rotate(90deg); } /* ◂ nach links */
	transition:transform .15s ease;
	}
	.kr-sb li.is-collapsed > .kr-head > .kr-arrow::before{
	transform:rotate(-90deg);
	}

	/* Unterlisten ~~& Titel (~~wie gehabt) */		/* Unterlisten wie gehabt */
	.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }		.kr-sb ul.kr-sub{ list-style:none; margin:.25rem 0 .5rem 1rem; padding:0; }
	.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }		.kr-sb li.is-collapsed > ul.kr-sub{ display:none; }
	.kr-sb .kr-title{ font-weight:600; }		.kr-sb .kr-title{ font-weight:600; }