/* ==========================================================================
   Unterseiten / Branchen (acf/mk-kinder) · Stufe V1 (0.17.13) und V1.2 (0.17.14)
   Design #branchen-v1 / #branchen-v1m / #branchen-v12 / #branchen-v12m.
   Raster, Radien, Farben nur aus main.css.
   Aufbau: Kopf · (V1.2: Knopf mobil) · Panel [Bühne, Index]. Das Panel ist ab 901 px „display: contents“,
   Bühne und Index liegen dann direkt im Raster. Mobil ist es bei V1.2 der aufklappbare Bereich.
   Maße in em auf Basis --mk-fs-body (18 px bei 1440).
   ========================================================================== */

/* Große Bildschirme (0.18.2): wächst ab 1440 px als Einheit wie die übrigen Sektionen.
   Rechte Spalte = max(500 px, 11,36 × H2), Liste 38,22em, Abstand 4em → bei 1440 genau 688 · 72 · 500 */
.mk-kinder__inner { --mk-kinder-rechts: max(500px, calc(var(--mk-fs-h2) * 11.36)); }
.mk-wrap.mk-kinder__inner { max-width: max(var(--mk-max), calc(38.22em + 4em + var(--mk-kinder-rechts) + 2 * var(--mk-gutter))); }
.mk-kinder__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--mk-kinder-rechts);
	grid-template-areas:
		"index kopf"
		"index buehne";
	grid-template-rows: auto 1fr;
	column-gap: 4em;                                   /* 72 px bei 1440 */
}
.mk-kinder__panel,
.mk-kinder__panel[hidden] { display: contents; }
.mk-kinder__index { grid-area: index; min-width: 0; display: flex; flex-direction: column; }
.mk-kinder__knopf, .mk-kinder__wischen { display: none; }

/* Linke Spalte (nur V1) auf großen Bildschirmen nach links, bündig mit dem Text im Hero (0.18.3).
   Rechte Spalte bleibt, wo sie war. Die Liste wandert nur nach links, nie nach rechts.
   Kante des Hero-Texts = max(112 px × Zoom, ¼ Sektionsbreite − 260 px × Zoom), aus blocks/mk-hero/style.css:
   Textspalte 50 %, Polster links 112 / rechts 32 px, Inhalt 600 px mittig, zoom je Breite.
   ACHTUNG: Die Zoom-Stufen unten müssen zur Tabelle in blocks/mk-hero/style.css passen (ebenso blocks/mk-fehler/style.css, 0.18.7). */
@media (min-width: 1280px) {
	.mk-kinder { --mk-kinder-hz: 0.89; }
	@media (min-width: 1296px) { .mk-kinder { --mk-kinder-hz: 0.9; } }
	@media (min-width: 1360px) { .mk-kinder { --mk-kinder-hz: 0.94; } }
	@media (min-width: 1400px) { .mk-kinder { --mk-kinder-hz: 0.97; } }
	@media (min-width: 1440px) { .mk-kinder { --mk-kinder-hz: 1; } }
	@media (min-width: 1600px) { .mk-kinder { --mk-kinder-hz: 1.03; } }
	@media (min-width: 1760px) { .mk-kinder { --mk-kinder-hz: 1.07; } }
	@media (min-width: 1920px) { .mk-kinder { --mk-kinder-hz: 1.11; } }
	@media (min-width: 2080px) { .mk-kinder { --mk-kinder-hz: 1.15; } }
	@media (min-width: 2240px) { .mk-kinder { --mk-kinder-hz: 1.18; } }
	@media (min-width: 2400px) { .mk-kinder { --mk-kinder-hz: 1.22; } }

	.mk-wrap.mk-kinder__inner.mk-kinder--v1 {
		--mk-kinder-breite: max(var(--mk-max), calc(38.22em + 4em + var(--mk-kinder-rechts) + 2 * var(--mk-gutter)));
		--mk-kinder-rand: max(var(--mk-gutter), calc((100% - var(--mk-kinder-breite)) / 2 + var(--mk-gutter)));   /* bisheriger Rand */
		max-width: none;
		padding-right: var(--mk-kinder-rand);
		padding-left: min(var(--mk-kinder-rand), max(calc(112px * var(--mk-kinder-hz)), calc(25% - 260px * var(--mk-kinder-hz))));
	}
}

/* Alles auf einen Blick (0.18.4, nur V1 ab 1280 px): Die Sektion soll nicht höher sein als der sichtbare Bereich
   unter der Kopfzeile. Das Foto nimmt, was nach dem Kopf übrig bleibt: höchstens das bisherige Hochformat
   (Spalte × 560/500), mindestens 220 px. Die Liste zieht sich auf dieselbe Höhe (Zeilen 1fr), aber nie unter ihren Inhalt.
   Kopfhöhe (gemessen, 2 px Reserve): Eyebrow 19,8 + 16 · H2 2 × 1,04 · 18 · Einleitung 4 × 1,65 · 32
   = 85,8 px + 2,08 × H2 + 6,6 × Fließtext. Die Höhe steht vor dem Laden fest (kein Springen, CLS 0). */
@media (min-width: 1280px) {
	.mk-kinder--v1 {
		--mk-kinder-sicht: calc(100vh - var(--mk-header-h) - var(--mk-pad-top) - var(--mk-pad-bottom));
		--mk-kinder-sicht: calc(100svh - var(--mk-header-h) - var(--mk-pad-top) - var(--mk-pad-bottom));
		--mk-kinder-kopf: calc(85.8px + 2.08 * var(--mk-fs-h2) + 6.6 * var(--mk-fs-body));
	}
	.mk-kinder--v1 .mk-kinder__buehne {
		aspect-ratio: auto; height: auto;
		align-self: stretch;                               /* füllt den Rest, falls die Liste höher ist (kleine Laptops) */
		min-height: clamp(220px, calc(var(--mk-kinder-sicht) - var(--mk-kinder-kopf)), calc(var(--mk-kinder-rechts) * 1.12));
	}
	.mk-kinder--v1 .mk-kinder__eintrag { padding-block: 6px; }   /* Mindesthöhe klein; wo Platz ist, verteilen die Zeilen ihn (1fr) */
}
/* Niedrige Bildschirme (Laptops): weniger Abstand oben/unten, Zeilen enger. Schrift bleibt gleich */
@media (min-width: 1280px) and (max-height: 900px) {
	.mk-section.mk-kinder:has(.mk-kinder--v1) { --mk-pad-top: 40px; --mk-pad-bottom: 36px; }
}
@media (min-width: 1280px) and (max-height: 800px) {
	.mk-kinder--v1 .mk-kinder__eintrag { padding-block: 3px; }
}

/* ---------- Kopf rechts ---------- */
.mk-kinder__kopf { grid-area: kopf; min-width: 0; }
.mk-kinder__eyebrow { margin-bottom: 16px; }
.mk-kinder .mk-kinder__h2 { margin-bottom: 18px; max-width: none; }   /* Breite = rechte Spalte (wächst mit der H2) */
.mk-kinder__gold { color: var(--mk-gold-head); }
.mk-kinder__intro {
	margin-bottom: 32px;
	min-height: calc(4 * 1.65em);          /* 4 Zeilen reserviert: Foto steht auf jeder Seite gleich */
	color: var(--mk-text);
}
.mk-kinder__hinweis {
	margin: -16px 0 24px; padding: 8px 12px;
	border: 1px dashed var(--mk-line-gold-strong); border-radius: var(--mk-r-ctrl);
	font-size: 0.72em; color: var(--mk-gold-dark);
}

/* ---------- Liste links ---------- */
.mk-kinder--v1 .mk-kinder__liste {
	flex: 1;
	display: grid;
	/* Nummer · Name · Button (alle gleich breit). Platz im Verhältnis der Design-Vorlage (Name 1 : Button 1,56 → Button 384 px
	   bei 1440), mindestens so breit wie der längste Name bzw. Ankertext. Wird die Liste nach links breiter, wächst der Button mit (0.18.3) */
	grid-template-columns: 1.9em minmax(max-content, 1fr) minmax(max-content, 1.56fr);
	grid-auto-rows: 1fr;                                          /* Zeilen verteilen die Höhe der rechten Spalte */
	align-content: stretch;
	margin: 0 -14px; padding: 0; list-style: none;
	border-top: 1px solid var(--mk-gold);
}
.mk-kinder__eintrag {
	position: relative;
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: subgrid;
	grid-template-rows: auto auto;
	column-gap: 12px; row-gap: 8px;
	align-content: center;
	padding: 14px;
	border-bottom: 1px solid var(--mk-line-gold);
	border-radius: var(--mk-r-img);
	transition: background-color 220ms ease;
}
.mk-kinder__eintrag.is-active { background: var(--mk-gold-tint); }

.mk-kinder__nr {
	grid-column: 1; grid-row: 1 / 3; align-self: start;
	padding-top: 0.55em;
	font-size: 0.722em; font-weight: 700; letter-spacing: 0.06em; font-variant-numeric: tabular-nums;
	color: var(--mk-gold-dark);
}
.mk-kinder__thumb { display: none; }
.mk-kinder__name {
	grid-column: 2; grid-row: 1; align-self: center; min-width: 0;
	font-family: var(--mk-font-head);
	font-size: 1.444em; line-height: 1.1; font-weight: 900; letter-spacing: -0.02em;
	color: var(--mk-ink);
}
.mk-kinder__link {
	grid-column: 3; grid-row: 1; align-self: center;
	display: inline-flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 10px 14px;
	font-size: 0.722em; font-weight: 700; letter-spacing: 0.06em; line-height: 1.2;
	white-space: nowrap;
}
.mk-kinder__link .mk-icon { flex: 0 0 auto; }
/* Ganze Zeile klickbar (ein Link pro Eintrag, Bild ist kein Link) */
a.mk-kinder__link::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
/* Ziel noch nicht veröffentlicht: Ankertext ohne Link und ohne Pfeil */
.mk-kinder__link--offen {
	border: 1px dashed var(--mk-line-gold-strong); border-radius: var(--mk-r-ctrl);
	color: var(--mk-text);
}

.mk-kinder__punkte--liste {
	grid-column: 2 / 4; grid-row: 2;
	display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
}
.mk-kinder__punkte--liste .mk-kinder__punkt {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 0.722em; line-height: 1.4; white-space: nowrap; color: var(--mk-text);
}
.mk-kinder__dot { width: 4px; height: 4px; border-radius: 50%; background: var(--mk-gold); flex: 0 0 auto; }

/* ---------- Foto rechts (500 × 560 fest) ---------- */
.mk-kinder__buehne {
	grid-area: buehne; align-self: end;
	position: relative;
	width: 100%; aspect-ratio: 500 / 560;               /* 500 × 560 bei 1440, wächst mit der Spalte (Tablet, V1.2) */
	border-radius: var(--mk-r-card); overflow: hidden;
	background: var(--mk-ink);                                  /* ohne Foto: Tinte, Beschriftung bleibt lesbar */
	box-shadow: var(--mk-shadow-tile-hover);
}
.mk-kinder__foto {
	position: absolute; inset: 0; margin: 0;
	opacity: 0; pointer-events: none;
	transition: opacity 420ms ease;
}
.mk-kinder__foto.is-active { opacity: 1; z-index: 1; }
.mk-kinder__img { width: 100%; height: 100%; object-fit: cover; }
/* Schwarz 16 % über dem Foto, Verlauf unten für die Beschriftung */
.mk-kinder__foto::before,
.mk-kinder__foto::after { content: ""; position: absolute; left: 0; right: 0; pointer-events: none; }
.mk-kinder__foto::before { top: 0; bottom: 0; background: rgba(0, 0, 0, 0.16); }
.mk-kinder__foto::after  { bottom: 0; height: 48%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 100%); }
.mk-kinder__caption {
	position: absolute; left: 26px; right: 26px; bottom: 30px; z-index: 1;
	display: flex; flex-direction: column; gap: 12px;
}
.mk-kinder__caption-name {
	font-family: var(--mk-font-head);
	font-size: 1.667em; line-height: 1.1; font-weight: 900; letter-spacing: -0.02em;   /* 30 px */
	color: var(--mk-white);
}
.mk-kinder__punkte--foto { display: flex; flex-direction: column; gap: 6px; }
.mk-kinder__punkte--foto .mk-kinder__punkt {
	display: flex; align-items: center; gap: 8px;
	font-size: 0.806em; color: var(--mk-text-dark);                                    /* 14,5 px */
}
.mk-kinder__haken { color: var(--mk-gold); }

/* ---------- 901–1279 px: Kopf oben, Liste und kleineres Foto nebeneinander ---------- */
@media (max-width: 1279px) {
	.mk-kinder__inner {
		grid-template-columns: minmax(0, 1fr) 360px;
		grid-template-areas:
			"kopf kopf"
			"index buehne";
		grid-template-rows: auto auto;
		column-gap: 40px;
	}
	.mk-kinder__intro { min-height: 0; max-width: var(--mk-measure); }
	.mk-kinder__buehne { align-self: start; width: 360px; }   /* 360 × 403, gleiches Seitenverhältnis 500 : 560 */
	/* Button unter dem Namen. Spalte 2 = Breite des längsten Buttons (Name und Stichpunkte laufen über 2–3,
	   Einträge über eine flexible Spalte zählen bei der Breitenberechnung nicht mit) */
	.mk-kinder--v1 .mk-kinder__liste { grid-template-columns: 1.9em max-content minmax(0, 1fr); grid-auto-rows: auto; }
	.mk-kinder__eintrag { grid-template-rows: auto auto auto; }
	.mk-kinder__name { grid-column: 2 / 4; }
	.mk-kinder__punkte--liste { grid-column: 2 / 4; }
	.mk-kinder__link { grid-column: 2; grid-row: 3; }
}

/* ---------- Mobil (Design #branchen-v1m) ---------- */
@media (max-width: 900px) {
	.mk-kinder__inner {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: none;
	}
	.mk-kinder__kopf, .mk-kinder__index { grid-area: auto; }
	.mk-kinder__eyebrow { margin-bottom: 12px; }
	.mk-kinder .mk-kinder__h2 { margin-bottom: 16px; }
	.mk-kinder__intro { margin-bottom: 22px; }
	.mk-kinder__buehne { display: none; }                          /* kein großes Foto, Bilder werden nicht geladen */

	.mk-kinder--v1 .mk-kinder__liste { display: flex; flex-direction: column; margin: 4px -8px 0; }
	.mk-kinder__eintrag {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		column-gap: 14px; row-gap: 7px;
		align-items: center;
		padding: 14px 8px;
	}
	.mk-kinder__nr { display: none; }
	.mk-kinder__thumb {
		display: block; grid-column: 1; grid-row: 1 / 3;
		position: relative; z-index: 3;
		width: 76px; height: 76px; border-radius: var(--mk-r-img); overflow: hidden;
		background: var(--mk-sand);
		box-shadow: 0 0 0 1px var(--mk-line-gold);
	}
	.mk-kinder__thumb::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.16); pointer-events: none; }
	.mk-kinder__thumb-img { width: 100%; height: 100%; object-fit: cover; }
	.mk-kinder__name { grid-column: 2; grid-row: 1; align-self: end; font-size: 1.25em; }   /* 20 px */
	.mk-kinder__punkte--liste { grid-column: 2; grid-row: 2; align-self: start; }
	.mk-kinder__punkte--liste .mk-kinder__punkt { font-size: 0.781em; }                     /* 12,5 px */
	.mk-kinder__link {
		grid-column: 1 / -1; grid-row: 3; justify-self: stretch;
		margin-top: 3px; padding: 10px 12px;
		font-size: 0.719em; letter-spacing: 0.02em;                                         /* 11,5 px, einzeilig */
		overflow: hidden; text-overflow: ellipsis;
	}
	.mk-kinder__link > span { overflow: hidden; text-overflow: ellipsis; }
}

/* ==========================================================================
   Stufe V1.2 (ab 11 Einträgen, 0.17.14)
   ========================================================================== */

/* ---------- Desktop: offener Rahmen oben + links, Glossar A–Z ---------- */
.mk-kinder--v12 .mk-kinder__index {
	position: relative;
	width: 100%; max-width: 31.11em; justify-self: center;   /* 560 px bei 1440 */
	padding: 30px 40px 30px 70px;
	border-top: 1px solid var(--mk-line-gold);
	border-left: 1px solid var(--mk-line-gold);
	border-top-left-radius: var(--mk-r-card);
}
.mk-kinder__titel {                                   /* Absatz, kein h: „Services“ */
	display: flex; flex-direction: column; gap: 10px;
	margin: 0 0 18px 52px;
	font-family: var(--mk-font-head);
	font-size: 1.056em; line-height: 1; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase;   /* 19 px */
	color: var(--mk-ink);
}
.mk-kinder__titel::after { content: ""; width: 44px; height: 2px; background: var(--mk-gold); }

.mk-kinder--v12 .mk-kinder__liste {
	flex: 1;
	display: flex; flex-direction: column;
	margin: 0; padding: 0; list-style: none;
}
.mk-kinder--v12 .mk-kinder__eintrag {
	position: relative;
	flex: 1;
	min-height: 36px;                                   /* Klickfläche, auch wenn viele Einträge neben einem kleinen Foto stehen */
	display: flex; align-items: center;
	padding: 0 12px 0 0;
	border-bottom: 1px solid var(--mk-line-gold-soft);
	border-radius: var(--mk-r-ctrl);
	transition: background-color 220ms ease;
}
.mk-kinder--v12 .mk-kinder__eintrag.is-neu:not(:first-child) { border-top: 1px solid var(--mk-line-gold); }   /* neuer Buchstabe */
.mk-kinder--v12 .mk-kinder__eintrag:last-child { border-bottom: 0; }                                          /* kein Strich unter dem letzten */
.mk-kinder--v12 .mk-kinder__eintrag.is-active { background: var(--mk-gold-tint); }

.mk-kinder__buchstabe {
	flex: 0 0 52px; align-self: stretch;
	display: flex; align-items: flex-start; padding-top: 6px;
	font-family: var(--mk-font-head);
	font-size: 1.222em; line-height: 1; font-weight: 900; letter-spacing: -0.02em;   /* 22 px */
	color: var(--mk-gold);
}
.mk-kinder__name-link {
	display: inline-flex; align-items: center;
	font-family: var(--mk-font-head);
	font-size: 0.917em; font-weight: 800; letter-spacing: -0.01em; white-space: nowrap;   /* 16,5 px */
	color: var(--mk-ink);
}
.mk-kinder__wort {
	display: inline-block; transform-origin: left center;
	transition: transform 260ms cubic-bezier(.2, .7, .2, 1);
}
.mk-kinder__name-link .mk-icon {
	margin-left: 12px; color: var(--mk-gold-dark);
	transition: transform 260ms cubic-bezier(.2, .7, .2, 1);
}
/* ganze Zeile klickbar. Aktive Zeile (Hover, Fokus, mobil: im Band): Wort wächst ohne Layoutsprung
   (transform), Pfeil wandert 30 px (wie Design) */
a.mk-kinder__name-link::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; }
.mk-kinder--v12 .mk-kinder__eintrag.is-active .mk-kinder__wort { transform: scale(1.14); }
.mk-kinder--v12 .mk-kinder__eintrag.is-active a .mk-icon { transform: translateX(30px); }
a.mk-kinder__name-link:focus-visible { outline: none; }
a.mk-kinder__name-link:focus-visible::after { outline: 2px solid var(--mk-gold); outline-offset: -2px; }
.mk-kinder__name-link--offen { color: var(--mk-text); }

/* ---------- Mobil: Knopf, Foto 16:10, Wischliste mit Auswahlband ---------- */
@media (max-width: 900px) {
	.mk-kinder--v12 .mk-kinder__knopf {
		display: flex; align-items: center; justify-content: space-between; gap: 12px;
		width: 100%; padding: 16px 18px;
		border: 1px solid var(--mk-line-gold-strong); border-radius: var(--mk-r-card);
		background: var(--mk-white); cursor: pointer; text-align: left;
	}
	.mk-kinder__knopf-text { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
	.mk-kinder__knopf-titel {
		font-family: var(--mk-font-head);
		font-size: 1em; line-height: 1; font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase;   /* 16 px */
		color: var(--mk-ink);
	}
	.mk-kinder__knopf-info { font-size: 0.781em; color: var(--mk-text); }                                   /* 12,5 px */
	.mk-kinder__knopf-kreis {
		flex: 0 0 auto; display: flex; align-items: center; justify-content: center;
		width: 32px; height: 32px; border-radius: 50%;
		border: 1px solid var(--mk-line-gold-strong); color: var(--mk-gold-dark);
		transition: transform 240ms ease;
	}
	.mk-kinder__knopf[aria-expanded="true"] .mk-kinder__knopf-kreis { transform: rotate(180deg); }

	.mk-kinder--v12 .mk-kinder__panel[hidden] { display: none; }
	.mk-kinder--v12 .mk-kinder__panel:not([hidden]) { display: block; margin-top: 14px; }

	.mk-kinder--v12 .mk-kinder__buehne {
		display: block; width: 100%; height: auto; aspect-ratio: 16 / 10;
		box-shadow: var(--mk-shadow-tile);
	}
	.mk-kinder--v12 .mk-kinder__foto::after { height: 58%; }
	.mk-kinder--v12 .mk-kinder__caption { left: 16px; right: 16px; bottom: 14px; gap: 8px; }
	.mk-kinder--v12 .mk-kinder__caption-name { font-size: 1.375em; }                                         /* 22 px */
	.mk-kinder--v12 .mk-kinder__punkte--foto { flex-direction: row; flex-wrap: wrap; gap: 4px 12px; }
	.mk-kinder--v12 .mk-kinder__punkte--foto .mk-kinder__punkt { gap: 6px; font-size: 0.813em; }           /* 13 px */

	/* Wischliste: 260 px hoch, 5 Zeilen à 52 px, mittlere Zeile im Band */
	.mk-kinder--v12 .mk-kinder__index {
		max-width: none; height: 260px; margin-top: 14px; padding: 0;
		border-top-left-radius: var(--mk-r-card);
	}
	.mk-kinder--v12 .mk-kinder__titel { display: none; }
	.mk-kinder--v12 .mk-kinder__index::before {        /* Auswahlband mit zwei Goldlinien */
		content: ""; position: absolute; left: 8px; right: 0; top: 104px; height: 52px; z-index: 1; pointer-events: none;
		border-top: 1px solid var(--mk-line-gold); border-bottom: 1px solid var(--mk-line-gold);
	}
	.mk-kinder--v12 .mk-kinder__index::after {         /* weiche Ausblendung oben und unten */
		content: ""; position: absolute; left: 1px; right: 0; top: 0; bottom: 0; z-index: 3; pointer-events: none;
		background: linear-gradient(180deg, var(--mk-white) 0, transparent 70px, transparent calc(100% - 70px), var(--mk-white) 100%);
	}
	.mk-kinder--v12 .mk-kinder__liste {
		height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
		scroll-snap-type: y mandatory; scrollbar-width: none;
		padding: 104px 0 104px 8px;
	}
	.mk-kinder--v12 .mk-kinder__liste::-webkit-scrollbar { display: none; }
	.mk-kinder--v12 .mk-kinder__eintrag {
		flex: 0 0 52px; height: 52px; scroll-snap-align: center;
		border: 0 !important; border-radius: var(--mk-r-img);
		transition: background-color 200ms ease;
	}
	.mk-kinder--v12 .mk-kinder__buchstabe {
		flex: 0 0 34px; align-self: center; padding: 0 0 0 10px; font-size: 1.125em;   /* 18 px */
	}
	.mk-kinder--v12 .mk-kinder__name-link { font-size: 1em; }                                               /* 16 px */
	.mk-kinder--v12 .mk-kinder__name-link .mk-icon { margin-left: 10px; }

	.mk-kinder--v12 .mk-kinder__wischen {
		display: block; margin: 10px 0 0; text-align: center;
		font-size: 0.75em; color: var(--mk-text);                                                          /* 12 px */
	}
}

@media (prefers-reduced-motion: reduce) {
	.mk-kinder__foto, .mk-kinder__eintrag, .mk-kinder__wort, .mk-kinder__name-link .mk-icon, .mk-kinder__knopf-kreis { transition: none; }
	/* keine Bewegung, nur Hervorhebung (Hintergrund, Farbe) */
	.mk-kinder--v12 .mk-kinder__eintrag .mk-kinder__wort,
	.mk-kinder--v12 .mk-kinder__eintrag a .mk-icon { transform: none !important; }
	.mk-kinder--v12 .mk-kinder__eintrag.is-active .mk-kinder__wort { color: var(--mk-gold-dark); }
	.mk-kinder--v12 .mk-kinder__liste { scroll-behavior: auto; }
}