/* Erzeugt von skripte/bau_theme.py – nie von Hand ändern. */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(schrift/Barlow-Regular.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(schrift/Barlow-SemiBold.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(schrift/Barlow-Bold.woff2) format('woff2')}
/* ==========================================================================
   Marken-Kern — Token-Stufen 2 und 3 (markenneutral)
   Kern-Version: siehe kern/VERSION

   Ladereihenfolge auf jeder Seite:
     1. tokens-kern.css   (diese Datei: Rollen, Maß, Bausteinwerte)
     2. marke.css         (Stufe 1 der Marke: Grundfarben, Schriften; darf Stufe 2/3 überschreiben)
     3. bausteine.css     (B-01 ff., liest nur --mk-*)
     4. spielschicht.css  (nur wenn die Marke die Spielschicht an hat)

   Regel: Bausteine lesen nur Rollen (--mk-farbe-*, --mk-gr-*, …), nie Grundfarben.
   Die Marke liefert die Grundfarben in marke.css. Fehlt eine, greift der Fallback hier,
   damit eine halbfertige Marke sichtbar falsch aussieht statt unsichtbar zu sein.
   ========================================================================== */

:root {
	/* --- Rollen: Farbe ---------------------------------------------------- */
	--mk-farbe-text: var(--mk-tinte, #1E2748);
	--mk-farbe-kopf: var(--mk-tinte, #1E2748);
	--mk-farbe-leise: var(--mk-grau-600, #575E73);         /* nie unter --mk-gr-klein */
	--mk-farbe-marke: var(--mk-marke-700, #495746);        /* Unterscheidungsfarbe: Deskriptor, Markenakzent */
	--mk-farbe-link: var(--mk-handlung, #105681);
	--mk-farbe-link-hover: var(--mk-handlung-dunkel, #0B4466);
	--mk-farbe-aktion: var(--mk-handlung, #105681);        /* nur Handlung: Knopf, Link, Fokus */
	--mk-farbe-aktion-hover: var(--mk-handlung-dunkel, #0B4466); /* Hover dunkler, nie heller */
	--mk-farbe-auf-aktion: var(--mk-weiss, #FFFFFF);
	--mk-farbe-flaeche: var(--mk-weiss, #FFFFFF);          /* Seitengrund: Weiß, kein Creme */
	--mk-farbe-flaeche-2: var(--mk-grau-100, #EEF0F4);     /* kühle Fläche: Tabelle, Formular */
	--mk-farbe-flaeche-marke: var(--mk-marke-100, #E7EBE0);/* Markenfläche hell: Faktenleiste, Kasten */
	--mk-farbe-flaeche-warm: var(--mk-akzent-100, #F3EEE2);/* Ergebnis, Zitat. Nie Seitengrund */
	--mk-farbe-dunkel: var(--mk-tinte, #1E2748);           /* dunkle Bänder */
	--mk-farbe-dunkel-marke: var(--mk-marke-900, #2C3529); /* dunkle Hausfläche der Marke: Kopf, CTA, og:image */
	--mk-farbe-auf-dunkel: var(--mk-weiss, #FFFFFF);
	--mk-farbe-auf-dunkel-leise: var(--mk-marke-300, #A9B793); /* nur auf dunkel */
	--mk-farbe-rand: var(--mk-rand, rgba(30, 39, 72, 0.14));
	--mk-farbe-rand-dunkel: rgba(255, 255, 255, 0.16);         /* Trennlinie auf dunklem Band (Kern 1.2) */
	--mk-farbe-rand-blatt: var(--mk-marke-300, #AEB7CF);        /* Haarrahmen des Urkundenblatts, Feldweg (Kern 1.3) */
	--mk-farbe-wappen-leer: var(--mk-grau-300, #C9CDD6);    /* Figur im offenen Wappen-Feld (Kern 1.2) */
	--mk-farbe-erledigt: var(--mk-marke-700, #495746);
	--mk-farbe-fokus: var(--mk-handlung, #105681);
	--mk-farbe-fehler: var(--mk-fehler, #A3262A);
	--mk-farbe-hinweis: var(--mk-hinweis, var(--mk-tinte, #1E2748)); /* ⓘ; Spielschicht setzt Münzfarbe */

	/* --- Schrift ---------------------------------------------------------- */
	--mk-font-kopf: var(--mk-schrift-kopf, Arial, sans-serif);
	--mk-font-text: var(--mk-schrift-text, Arial, sans-serif);
	--mk-font-zahl: var(--mk-schrift-zahl, var(--mk-font-kopf));   /* Beträge: tabellarische Ziffern */

	/* 10 Größen. Untergrenze 13 px (S-13). */
	--mk-gr-h1: clamp(36px, 4.4vw, 58px);
	--mk-gr-abschnitt: clamp(28px, 3vw, 42px);
	--mk-gr-h2: clamp(24px, 2.2vw, 30px);
	--mk-gr-h3: 21px;
	--mk-gr-h4: 18px;
	--mk-gr-lead: 19px;
	--mk-gr-text: 17px;
	--mk-gr-klein: 15px;
	--mk-gr-label: 14px;
	--mk-gr-fein: 13px;

	/* Zeilenabstand je Rolle, Fenster in SATZ.md (T-02); 1.4.0: Text 1,7 → 1,6, klein 1,55 → 1,5, neu fein 1,45 */
	--mk-zeile-kopf: 1.08;
	--mk-zeile-text: 1.6;
	--mk-zeile-klein: 1.5;
	--mk-zeile-fein: 1.45;
	--mk-zeile-eng: 1.2;

	--mk-lauf-kopf: -0.01em;
	--mk-lauf-label: 0.02em;     /* keine gesperrten Versalien */

	--mk-staerke-text: 400;
	--mk-staerke-betont: 600;
	--mk-staerke-kopf: 600;      /* nur Schnitte, die wirklich geladen sind */
	--mk-staerke-kopf-gross: 700;
	--mk-staerke-knopf: 600;

	/* --- Maß -------------------------------------------------------------- */
	--mk-container: 1220px;
	--mk-lesebreite: 600px;      /* ≈ 77 Zeichen Barlow 17 px (SATZ.md T-03: 28–80); 660 px ergab 85 */
	--mk-innen: clamp(16px, 2.4vw, 32px);   /* Innenabstand einer Fläche zur Kante (T-04: Handy ≥ 16, Desktop ≥ 24) */
	--mk-rand-seite: 20px;
	--mk-a-1: 4px; --mk-a-2: 8px; --mk-a-3: 12px; --mk-a-4: 16px; --mk-a-5: 24px;
	--mk-a-6: 32px; --mk-a-7: 48px; --mk-a-8: 64px; --mk-a-9: 96px;
	--mk-a-abschnitt: clamp(56px, 7vw, 96px);

	/* Ecken: gerade Kanten. Keine Pillen (S-18). */
	--mk-radius-sm: 2px;
	--mk-radius: 4px;
	--mk-radius-lg: 8px;
	--mk-radius-pixel: 0;

	--mk-schatten-1: 0 1px 2px var(--mk-schatten-farbe, rgba(30, 39, 72, 0.08));
	--mk-schatten-2: 0 12px 32px var(--mk-schatten-farbe-2, rgba(30, 39, 72, 0.10));

	/* Bewegung: Bedienelemente höchstens 1,05× und 4 px (S-16) */
	--mk-dauer-kurz: 160ms;
	--mk-dauer: 240ms;
	--mk-kurve: cubic-bezier(.2, .7, .2, 1);
	--mk-hub: -2px;              /* Knopf hebt sich bei Hover */

	/* --- Stufe 3: Bausteinwerte ------------------------------------------- */
	--mk-knopf-hoehe: 52px;
	--mk-knopf-polster: 0 24px;
	--mk-knopf-radius: var(--mk-radius);
	--mk-knopf-schrift: var(--mk-font-kopf);
	--mk-knopf-gr: 17px;
	--mk-knopf-bg: var(--mk-farbe-aktion);
	--mk-knopf-bg-hover: var(--mk-farbe-aktion-hover);
	--mk-knopf-text: var(--mk-farbe-auf-aktion);
	--mk-knopf-kante: inset 0 -3px 0 rgba(0, 0, 0, 0.22);   /* Unterkante wie eine Taste, kein Glow */

	--mk-kasten-bg: var(--mk-farbe-flaeche-marke);
	--mk-kasten-radius: var(--mk-radius);
	--mk-kasten-polster: var(--mk-a-5);

	--mk-tabelle-kopf-bg: var(--mk-farbe-dunkel);
	--mk-tabelle-kopf-text: var(--mk-farbe-auf-dunkel);
	--mk-tabelle-linie: var(--mk-farbe-rand);

	--mk-info-gr: 16px;
	--mk-info-tippflaeche: 32px;

	--mk-fortschritt-hoehe: 8px;
	--mk-fortschritt-bg: var(--mk-farbe-flaeche-marke);
	--mk-fortschritt-voll: var(--mk-farbe-erledigt);

	/* Markenmuster auf dunklen Bändern (Raster, Linien …): Marke setzt --mk-muster */
	--mk-muster: none;
}

@media (prefers-reduced-motion: reduce) {
	:root { --mk-dauer-kurz: 0ms; --mk-dauer: 0ms; --mk-hub: 0px; }
}

/* ==========================================================================
   paladinum — Token-Stufe 1 (Grundwerte der Marke)
   ERZEUGT von marken-ci/skripte/farben.py --css aus marke.json. Werte nur dort ändern.
   Lädt NACH kern/tokens-kern.css.
   ========================================================================== */

@font-face { font-family: "Barlow"; src: url("schrift/Barlow-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("schrift/Barlow-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("schrift/Barlow-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
	--mk-tinte-950: #141A33;
	--mk-tinte: #1E2748;
	--mk-grau-600: #575E73;
	--mk-grau-300: #C9CDD6;
	--mk-grau-100: #EEF0F4;
	--mk-weiss: #FFFFFF;
	--mk-marke-900: #141A33; /* Nacht-Navy */
	--mk-marke-700: #1E2748; /* Navy (Logo) */
	--mk-marke-500: #46557F;
	--mk-marke-300: #AEB7CF;
	--mk-marke-100: #E8EBF2;
	--mk-akzent-500: #8E9AB6; /* Stahlgrau */
	--mk-akzent-300: #C9CDD6; /* Stahlgrau hell */
	--mk-akzent-100: #EEF0F4;
	--mk-handlung: #105681;
	--mk-handlung-dunkel: #0B4466;
	--mk-handlung-100: #E2EDF4;
	--mk-fehler: #A3262A;
	--mk-rand: rgba(30, 39, 72, 0.14);
	--mk-schrift-kopf: "Barlow", Arial, sans-serif;
	--mk-schrift-text: "Barlow", Arial, sans-serif;
	--mk-schrift-zahl: "Barlow", Arial, sans-serif;
}

/* ==========================================================================
   Marken-Kern — Bausteine B-01 bis B-24 (markenneutral)
   Liest nur Rollen-Tokens (--mk-farbe-*, --mk-gr-*, --mk-a-*, …). Keine Literale (S-01 ff.).
   Katalog mit Zweck, Markup und Seitentypen: kern/BAUSTEINE.md
   Spielschicht-Bausteine (B-13 Motiv, B-14 Münze, B-15 Figur, B-21 Szene, B-22 Merkkasten): spielschicht.css
   ========================================================================== */

/* ---------- Seitenrahmen ---------- */
.mk-seite {
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-text);
	font-family: var(--mk-font-text);
	font-size: var(--mk-gr-text);
	font-weight: var(--mk-staerke-text);
	line-height: var(--mk-zeile-text);
	font-variant-numeric: lining-nums;
	-webkit-font-smoothing: antialiased;
}
.mk-seite *, .mk-seite *::before, .mk-seite *::after { box-sizing: border-box; }
.mk-seite :where(h1, h2, h3, h4) {
	margin: 0;
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-weight: var(--mk-staerke-kopf);
	line-height: var(--mk-zeile-kopf);
	letter-spacing: var(--mk-lauf-kopf);
	text-wrap: balance;
}
.mk-seite :where(h1) { font-size: var(--mk-gr-h1); font-weight: var(--mk-staerke-kopf-gross); }
.mk-seite :where(h1, h2, h3) { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }   /* deutsche Komposita (Kern 1.2.2) */
.mk-seite :where(h2) { font-size: var(--mk-gr-h2); }
.mk-seite :where(h3) { font-size: var(--mk-gr-h3); }
.mk-seite :where(h4) { font-size: var(--mk-gr-h4); }
.mk-seite :where(h3, h4) { line-height: var(--mk-zeile-eng); }   /* T-02: kleine Köpfe nie auf 1,08 */
/* :where() hält die Grundregeln auf Klassen-Spezifität, damit jeder Baustein sie überschreibt (Knopfschrift!) */
.mk-seite :where(a) { color: var(--mk-farbe-link); text-underline-offset: 0.18em; }
.mk-seite :where(a:hover) { color: var(--mk-farbe-link-hover); }
.mk-seite a:focus-visible,
.mk-seite button:focus-visible,
.mk-seite input:focus-visible,
.mk-seite select:focus-visible,
.mk-seite summary:focus-visible {
	outline: 2px solid var(--mk-farbe-fokus);
	outline-offset: 2px;
}
@media (min-width: 600px) {
	.mk-seite h1, .mk-seite h2, .mk-seite h3 { hyphens: manual; }
}
.mk-container {
	width: 100%;
	max-width: var(--mk-container);
	margin-inline: auto;
	padding-inline: var(--mk-rand-seite);
}
.mk-abschnitt { padding-block: var(--mk-a-abschnitt); }
.mk-abschnitt--marke { background: var(--mk-farbe-flaeche-marke); }
.mk-abschnitt--kuehl { background: var(--mk-farbe-flaeche-2); }

/* Dunkles Band (Kopf, CTA): Hausfläche der Marke, optional Markenmuster */
.mk-band {
	background: var(--mk-muster), var(--mk-farbe-dunkel-marke);
	color: var(--mk-farbe-auf-dunkel);
}
.mk-band--tinte { background: var(--mk-muster), var(--mk-farbe-dunkel); }
.mk-band :where(h1, h2, h3, h4, p) { color: var(--mk-farbe-auf-dunkel); }
.mk-band .mk-leise { color: var(--mk-farbe-auf-dunkel-leise); }
.mk-band .mk-abschnitt__kopf p { color: var(--mk-farbe-auf-dunkel-leise); }   /* B-04 im Band: nie grau auf dunkel (Kern 1.2.1) */
.mk-band :where(a:not(.mk-knopf)) { color: var(--mk-farbe-auf-dunkel); }

.mk-leise { color: var(--mk-farbe-leise); }

/* ---------- B-01 Seitenkopf ---------- */
.mk-kopf { padding-block: clamp(40px, 6vw, 88px) var(--mk-a-7); }
.mk-kopf__einordnung {
	margin: 0 0 var(--mk-a-3);
	color: var(--mk-farbe-marke);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-label);
	font-weight: var(--mk-staerke-betont);
	letter-spacing: var(--mk-lauf-label);
}
.mk-band .mk-kopf__einordnung { color: var(--mk-farbe-auf-dunkel-leise); }
.mk-kopf h1 { max-width: 20ch; }
.mk-kopf__lead {
	max-width: var(--mk-lesebreite);
	margin: var(--mk-a-4) 0 0;
	font-size: var(--mk-gr-lead);
	line-height: var(--mk-zeile-klein);
}
.mk-kopf__knoepfe { display: flex; flex-wrap: wrap; gap: var(--mk-a-3); margin-top: var(--mk-a-6); }
.mk-kopf__hinweis {
	margin: var(--mk-a-3) 0 0;
	font-size: var(--mk-gr-fein);
	line-height: var(--mk-zeile-klein);
}
/* Kopf mit Werkzeug (Rechner, Formular) direkt unter der H1 */
.mk-kopf--werkzeug { padding-bottom: var(--mk-a-5); }

/* ---------- B-02 Brotkrume ---------- */
.mk-krume {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mk-a-1) var(--mk-a-2);
	margin-bottom: var(--mk-a-4);
	color: var(--mk-farbe-leise);
	font-size: var(--mk-gr-klein);
	line-height: var(--mk-zeile-klein);
}
.mk-krume a { color: inherit; }
.mk-krume > * + *::before { content: "›"; margin-right: var(--mk-a-2); }
.mk-band .mk-krume { color: var(--mk-farbe-auf-dunkel-leise); }
@media (max-width: 600px) { .mk-krume [aria-current="page"] { display: none; } }

/* ---------- B-03 Faktenleiste ---------- */
.mk-fakten {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	gap: var(--mk-a-4) var(--mk-a-5);
	margin: 0;
	padding: var(--mk-a-5);
	border-radius: var(--mk-radius-lg);
	background: var(--mk-farbe-flaeche);
	box-shadow: var(--mk-schatten-2);
	color: var(--mk-farbe-text);
}
.mk-fakten dt {
	color: var(--mk-farbe-leise);
	font-size: var(--mk-gr-label);
	line-height: var(--mk-zeile-klein);
}
.mk-fakten dd {
	margin: var(--mk-a-1) 0 0;
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-zahl);
	font-size: var(--mk-gr-h4);
	font-weight: var(--mk-staerke-kopf);
	line-height: var(--mk-zeile-eng);
	font-variant-numeric: tabular-nums;
}

/* ---------- B-04 Abschnittskopf ---------- */
.mk-abschnitt__kopf { max-width: var(--mk-lesebreite); margin-bottom: var(--mk-a-6); }
.mk-abschnitt__kopf h2 { font-size: var(--mk-gr-abschnitt); }
.mk-abschnitt__kopf p { margin: var(--mk-a-3) 0 0; color: var(--mk-farbe-leise); font-size: var(--mk-gr-lead); line-height: var(--mk-zeile-klein); }

/* ---------- B-05 Lesetext ---------- */
.mk-prose { max-width: var(--mk-lesebreite); }
.mk-prose > * + * { margin-top: var(--mk-a-4); }
.mk-prose p, .mk-prose ul, .mk-prose ol { margin-bottom: 0; }
.mk-prose h2 { margin-top: var(--mk-a-7); }
.mk-prose h3 { margin-top: var(--mk-a-6); }
.mk-prose h2 + *, .mk-prose h3 + * { margin-top: var(--mk-a-3); }
.mk-prose ul, .mk-prose ol { padding-left: 1.25em; }
.mk-prose li + li { margin-top: var(--mk-a-2); }
.mk-prose strong { font-weight: var(--mk-staerke-betont); color: var(--mk-farbe-kopf); }
.mk-prose--antwort > p:first-child { font-size: var(--mk-gr-lead); line-height: var(--mk-zeile-klein); }

/* ---------- B-06 Inhaltsverzeichnis ---------- */
.mk-inhalt {
	max-width: var(--mk-lesebreite);
	padding: var(--mk-a-4) var(--mk-a-5);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius);
	font-size: var(--mk-gr-klein);
	line-height: var(--mk-zeile-klein);
}
.mk-inhalt__titel { margin: 0 0 var(--mk-a-2); color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-weight: var(--mk-staerke-kopf); }
.mk-inhalt ol { margin: 0; padding-left: 1.25em; }
.mk-inhalt li + li { margin-top: var(--mk-a-1); }

/* ---------- B-07 Kasten (ohne Farbleiste, ohne farbige Oberkante) ---------- */
.mk-kasten {
	max-width: var(--mk-lesebreite);
	padding: var(--mk-kasten-polster);
	border-radius: var(--mk-kasten-radius);
	background: var(--mk-kasten-bg);
	color: var(--mk-farbe-text);
}
.mk-kasten > * + * { margin-top: var(--mk-a-2); }
.mk-kasten__titel { margin: 0; color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h4); font-weight: var(--mk-staerke-kopf); line-height: var(--mk-zeile-eng); }
.mk-kasten p { margin: 0; font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-kasten--frist { background: var(--mk-farbe-flaeche-warm); }
.mk-kasten--frist .mk-kasten__titel { color: var(--mk-farbe-fehler); }
.mk-kasten--kuehl { background: var(--mk-farbe-flaeche-2); }

/* ---------- B-08 Tabelle ---------- */
.mk-tabelle { max-width: 100%; overflow-x: auto; }
.mk-tabelle table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: var(--mk-gr-klein);
	line-height: var(--mk-zeile-klein);
	font-variant-numeric: tabular-nums;
}
.mk-tabelle th {
	padding: var(--mk-a-3) var(--mk-a-4);
	background: var(--mk-tabelle-kopf-bg);
	color: var(--mk-tabelle-kopf-text);
	font-family: var(--mk-font-kopf);
	font-weight: var(--mk-staerke-kopf);
	text-align: left;
}
.mk-tabelle td { padding: var(--mk-a-3) var(--mk-a-4); border-bottom: 1px solid var(--mk-tabelle-linie); vertical-align: top; }
.mk-tabelle td.mk-zahl, .mk-tabelle th.mk-zahl { text-align: right; white-space: nowrap; }
.mk-tabelle tbody tr:nth-child(even) td { background: var(--mk-farbe-flaeche-2); }

/* ---------- B-09 FAQ ---------- */
.mk-faq { max-width: var(--mk-lesebreite); border-top: 1px solid var(--mk-farbe-rand); }
.mk-faq details { border-bottom: 1px solid var(--mk-farbe-rand); }
.mk-faq summary {
	display: flex;
	justify-content: space-between;
	gap: var(--mk-a-4);
	padding: var(--mk-a-4) 0;
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-h4);
	font-weight: var(--mk-staerke-kopf);
	line-height: var(--mk-zeile-eng);
	cursor: pointer;
	list-style: none;
}
.mk-faq summary::-webkit-details-marker { display: none; }
.mk-faq summary::after { content: "+"; color: var(--mk-farbe-link); font-family: var(--mk-font-kopf); }
.mk-faq details[open] summary::after { content: "–"; }
.mk-faq details > div { padding-bottom: var(--mk-a-4); }
.mk-faq details > div > * { margin: 0; }

/* ---------- B-10 Weiterlesen ---------- */
.mk-weiter { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--mk-a-4); }
.mk-weiter a {
	display: block;
	padding: var(--mk-a-4) var(--mk-a-5);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius);
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-kopf);
	text-decoration: none;
	transition: transform var(--mk-dauer-kurz) var(--mk-kurve), border-color var(--mk-dauer-kurz) var(--mk-kurve);
}
.mk-weiter a:hover { border-color: var(--mk-farbe-link); transform: translateY(var(--mk-hub)); }
.mk-weiter strong { display: block; font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h4); font-weight: var(--mk-staerke-kopf); line-height: var(--mk-zeile-eng); }
.mk-weiter span { display: block; margin-top: var(--mk-a-1); color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }

/* ---------- B-11 CTA-Band ---------- */
.mk-cta { padding-block: var(--mk-a-8); }
.mk-cta__innen { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--mk-a-5) var(--mk-a-7); align-items: center; }
.mk-cta h2 { font-size: var(--mk-gr-abschnitt); }
.mk-cta p { margin: var(--mk-a-3) 0 0; max-width: var(--mk-lesebreite); line-height: var(--mk-zeile-klein); }
.mk-cta__knoepfe { display: flex; flex-wrap: wrap; gap: var(--mk-a-3); }
.mk-cta__hinweis { flex: 0 0 100%; margin: 0; font-size: var(--mk-gr-fein); }
@media (max-width: 760px) { .mk-cta__innen { grid-template-columns: 1fr; } }

/* ---------- B-12 Knopf ---------- */
.mk-knopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--mk-a-3);
	min-height: var(--mk-knopf-hoehe);
	padding: var(--mk-knopf-polster);
	border: 2px solid var(--mk-knopf-bg);
	border-radius: var(--mk-knopf-radius);
	background: var(--mk-knopf-bg);
	box-shadow: var(--mk-knopf-kante);
	color: var(--mk-knopf-text);
	font-family: var(--mk-knopf-schrift);
	font-size: var(--mk-knopf-gr);
	font-weight: var(--mk-staerke-knopf);
	line-height: var(--mk-zeile-eng);
	text-decoration: none;
	cursor: pointer;
	transition: background-color var(--mk-dauer-kurz) var(--mk-kurve), transform var(--mk-dauer-kurz) var(--mk-kurve);
}
.mk-knopf:hover, .mk-knopf:focus-visible {
	background: var(--mk-knopf-bg-hover);
	border-color: var(--mk-knopf-bg-hover);
	color: var(--mk-knopf-text);
	transform: translateY(var(--mk-hub));
}
.mk-knopf:active { transform: translateY(0); box-shadow: none; }
.mk-knopf--umriss { background: transparent; box-shadow: none; color: var(--mk-farbe-aktion); }
.mk-knopf--umriss:hover { background: var(--mk-farbe-aktion); color: var(--mk-knopf-text); }
.mk-band .mk-knopf--umriss { border-color: var(--mk-farbe-auf-dunkel); color: var(--mk-farbe-auf-dunkel); }
.mk-band .mk-knopf--umriss:hover { background: var(--mk-farbe-auf-dunkel); border-color: var(--mk-farbe-auf-dunkel); color: var(--mk-farbe-dunkel-marke); }

/* ---------- B-14 ⓘ-Erklärung (schlicht; Münze in spielschicht.css) ---------- */
.mk-info {
	display: inline-grid;
	place-items: center;
	width: var(--mk-info-tippflaeche);
	height: var(--mk-info-tippflaeche);
	margin: calc((var(--mk-info-tippflaeche) - var(--mk-info-gr)) / -2) 0;
	padding: 0;
	border: 0;
	background: transparent;
	vertical-align: middle;
	cursor: pointer;
}
.mk-info::before {
	content: "i";
	display: grid;
	place-items: center;
	width: var(--mk-info-gr);
	height: var(--mk-info-gr);
	border: 1.5px solid var(--mk-farbe-hinweis);
	border-radius: 50%;
	color: var(--mk-farbe-hinweis);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-fein);
	font-weight: var(--mk-staerke-kopf);
	line-height: 1;
}
.mk-info__text {
	margin: var(--mk-a-2) 0 0;
	padding: var(--mk-a-3) var(--mk-a-4);
	border-radius: var(--mk-radius);
	background: var(--mk-farbe-flaeche-2);
	font-size: var(--mk-gr-klein);
	line-height: var(--mk-zeile-klein);
}

/* ---------- B-16 Einordnung (Thema/Station, verlinkt) ---------- */
.mk-einordnung {
	display: inline-flex;
	align-items: center;
	gap: var(--mk-a-3);
	padding: var(--mk-a-2) var(--mk-a-4) var(--mk-a-2) var(--mk-a-2);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius-sm);
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-text);
	font-size: var(--mk-gr-klein);
	line-height: var(--mk-zeile-eng);
	text-decoration: none;
}
.mk-einordnung__nr {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	background: var(--mk-farbe-dunkel);
	color: var(--mk-farbe-auf-dunkel);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-h4);
	font-weight: var(--mk-staerke-kopf);
}
.mk-einordnung strong { color: var(--mk-farbe-kopf); font-weight: var(--mk-staerke-betont); }
.mk-einordnung:hover strong { text-decoration: underline; }

/* ---------- B-17 Checklistenpunkt ---------- */
.mk-punkt {
	display: grid;
	gap: var(--mk-a-1);
	padding: var(--mk-a-4) var(--mk-a-5);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius-sm);
	background: var(--mk-farbe-flaeche);
}
.mk-punkt__titel { color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h4); font-weight: var(--mk-staerke-kopf); line-height: var(--mk-zeile-eng); }
.mk-punkt__kurz { color: var(--mk-farbe-text); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-punkt__haken {
	display: inline-flex;
	align-items: center;
	justify-self: start;
	gap: var(--mk-a-3);
	min-height: 44px;
	margin-top: var(--mk-a-2);
	padding: 0 var(--mk-a-4) 0 var(--mk-a-3);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius-sm);
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-klein);
	font-weight: var(--mk-staerke-knopf);
	cursor: pointer;
}
.mk-punkt__kasten { width: 20px; height: 20px; border: 2px solid var(--mk-farbe-kopf); border-radius: var(--mk-radius-pixel); background: var(--mk-farbe-flaeche); }
.mk-punkt__haken[aria-pressed="true"] { border-color: var(--mk-farbe-erledigt); background: var(--mk-farbe-flaeche-2); }
.mk-punkt__haken[aria-pressed="true"] .mk-punkt__kasten {
	border-color: var(--mk-farbe-erledigt);
	background:
		linear-gradient(var(--mk-farbe-erledigt), var(--mk-farbe-erledigt)) 3px 9px / 4px 4px no-repeat,
		linear-gradient(var(--mk-farbe-erledigt), var(--mk-farbe-erledigt)) 6px 11px / 4px 4px no-repeat,
		linear-gradient(var(--mk-farbe-erledigt), var(--mk-farbe-erledigt)) 9px 7px / 4px 4px no-repeat,
		linear-gradient(var(--mk-farbe-erledigt), var(--mk-farbe-erledigt)) 11px 4px / 4px 4px no-repeat,
		var(--mk-farbe-flaeche);
}

/* ---------- B-18 Fortschritt ---------- */
.mk-fortschritt__text { font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-fortschritt__balken { height: var(--mk-fortschritt-hoehe); margin-top: var(--mk-a-2); background: var(--mk-fortschritt-bg); overflow: hidden; }
.mk-fortschritt__balken > span { display: block; height: 100%; background: var(--mk-fortschritt-voll); }

/* ---------- B-19 Karte / Reiter ---------- */
.mk-karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--mk-a-5); }
.mk-karte {
	padding: var(--mk-a-5);
	border: 1px solid var(--mk-farbe-rand);
	border-radius: var(--mk-radius-lg);
	background: var(--mk-farbe-flaeche);
}
.mk-karte h3 { font-size: var(--mk-gr-h3); }
.mk-karte p { margin: var(--mk-a-2) 0 0; font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-reiter { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 2px solid var(--mk-farbe-rand); }
.mk-reiter button {
	min-height: 44px;
	padding: 0 var(--mk-a-4);
	border: 0;
	border-bottom: 3px solid transparent;
	margin-bottom: -2px;
	background: transparent;
	color: var(--mk-farbe-leise);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-klein);
	font-weight: var(--mk-staerke-knopf);
	cursor: pointer;
}
.mk-reiter button[aria-selected="true"] { border-bottom-color: var(--mk-farbe-aktion); color: var(--mk-farbe-kopf); }

/* ---------- B-20 Bild ---------- */
.mk-bild { margin: 0; max-width: var(--mk-lesebreite); }
.mk-bild img { display: block; width: 100%; height: auto; border-radius: var(--mk-radius-lg); }
.mk-bild figcaption { margin-top: var(--mk-a-2); color: var(--mk-farbe-leise); font-size: var(--mk-gr-fein); line-height: var(--mk-zeile-klein); }

/* ---------- B-23 Formularfeld ---------- */
.mk-feld { display: grid; gap: var(--mk-a-2); }
.mk-feld label { color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-label); font-weight: var(--mk-staerke-betont); line-height: var(--mk-zeile-eng); }
.mk-feld input, .mk-feld select, .mk-feld textarea {
	width: 100%;
	min-height: 48px;
	padding: var(--mk-a-2) var(--mk-a-3);
	border: 1.5px solid var(--mk-grau-300, var(--mk-farbe-rand));
	border-radius: var(--mk-radius);
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-text);
	font-family: var(--mk-font-text);
	font-size: var(--mk-gr-text);
}
.mk-feld__hilfe { color: var(--mk-farbe-leise); font-size: var(--mk-gr-fein); line-height: var(--mk-zeile-klein); }
.mk-feld--fehler input { border-color: var(--mk-farbe-fehler); }
.mk-feld--fehler .mk-feld__hilfe { color: var(--mk-farbe-fehler); }

/* ---------- B-24 Ergebnis (Rechner) ---------- */
.mk-ergebnis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: var(--mk-a-4);
	padding: var(--mk-a-5);
	border-radius: var(--mk-radius-lg);
	background: var(--mk-farbe-dunkel);
	color: var(--mk-farbe-auf-dunkel);
}
.mk-ergebnis__zahl {
	display: block;
	font-family: var(--mk-font-zahl);
	font-size: var(--mk-gr-abschnitt);
	font-weight: var(--mk-staerke-kopf-gross);
	line-height: var(--mk-zeile-eng);
	font-variant-numeric: tabular-nums;
}
.mk-ergebnis__was { display: block; margin-top: var(--mk-a-1); color: var(--mk-farbe-auf-dunkel-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }

/* ---------- B-25 Vertrauensleiste (Nachweise mit Beleg) ----------
   Höchstens 4 Punkte. Jeder Punkt ist ein Link auf seinen Beleg (Register, Prüfbericht, Urkunde,
   Datenschutzerklärung). Rundes Zeichen links, Titel + eine Zeile darunter. Kein Kartenrahmen,
   keine Oberkante, keine Farbleiste. Erzeugt und geprüft mit skripte/vertrauen.py. */
.mk-vertrauen { margin: 0; }
.mk-vertrauen__liste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
	gap: var(--mk-a-4) var(--mk-a-5);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mk-vertrauen__punkt {
	display: flex;
	align-items: center;
	gap: var(--mk-a-3);
	min-height: 48px;
	color: inherit;
	text-decoration: none;
	border-radius: var(--mk-radius);
}
.mk-vertrauen__zeichen {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--mk-farbe-dunkel-marke);
	color: var(--mk-farbe-auf-dunkel);
}
.mk-vertrauen__zeichen svg { width: 26px; height: 26px; }
.mk-vertrauen__zeichen--tinte { background: var(--mk-farbe-dunkel); }
.mk-vertrauen__zeichen--hell { background: var(--mk-farbe-flaeche-marke); color: var(--mk-farbe-marke); }
a .mk-vertrauen__zeichen--aktion { background: var(--mk-farbe-aktion); color: var(--mk-farbe-auf-aktion); }   /* nur im Beleg-Link (V-1), sonst keine Handlungsfarbe */
.mk-vertrauen__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-vertrauen__titel {
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-text);
	font-weight: var(--mk-staerke-betont);
	line-height: var(--mk-zeile-eng);
}
.mk-vertrauen__unter { color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); overflow-wrap: anywhere; }
a.mk-vertrauen__punkt:hover .mk-vertrauen__titel { color: var(--mk-farbe-link-hover); text-decoration: underline; text-underline-offset: 0.18em; }
.mk-vertrauen__mehr {
	display: inline-flex;
	align-items: center;
	gap: var(--mk-a-1);
	min-height: 44px;
	margin-top: var(--mk-a-4);
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-weight: var(--mk-staerke-betont);
	text-decoration: none;
}
/* „Mehr …“ als Rasterzelle: Pfeil läuft im Text mit, damit er auch nach einem Umbruch am letzten Wort hängt */
.mk-vertrauen__punkt--mehr { display: block; align-self: center; }
.mk-vertrauen__punkt--mehr .mk-vertrauen__titel { display: inline; }
.mk-vertrauen__ende { white-space: nowrap; }
.mk-vertrauen__punkt--mehr svg { display: inline-block; width: 18px; height: 18px; margin: 0 0 0 var(--mk-a-1); vertical-align: -3px; color: var(--mk-farbe-kopf); }
@media (min-width: 1025px) {
	.mk-vertrauen__liste:has(> li:nth-child(6)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mk-vertrauen__punkt--mehr { padding-left: calc(52px + var(--mk-a-3)); }
}
.mk-vertrauen__mehr:hover { color: var(--mk-farbe-link-hover); text-decoration: underline; text-underline-offset: 0.18em; }
.mk-vertrauen__mehr svg { width: 18px; height: 18px; }
.mk-band .mk-vertrauen__titel, .mk-band .mk-vertrauen__mehr { color: var(--mk-farbe-auf-dunkel); }
.mk-band .mk-vertrauen__unter { color: var(--mk-farbe-auf-dunkel-leise); }
.mk-band .mk-vertrauen__zeichen--tinte, .mk-band .mk-vertrauen__zeichen:not([class*="--"]) { box-shadow: inset 0 0 0 1.5px var(--mk-farbe-auf-dunkel-leise); }

/* ==========================================================================
   Kern 1.2.0 (10./11.10.2026) – Bausteine für Dachmarken mit Bereichen
   B-26 Wegweiser · B-28 Ringe · B-29 Brief · B-30 Berater-Karte · B-31 Untermarken-Band
   (B-27 Wappen steht in spielschicht.css)
   ========================================================================== */

/* ---------- B-26 Wegweiser: „Ich bin …“, keine Vorauswahl ---------- */
.mk-wegweiser { display: grid; gap: var(--mk-a-3); margin-top: var(--mk-a-6); }
.mk-wegweiser__frage {
	margin: 0;
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-h4);
	font-weight: var(--mk-staerke-kopf);
}
.mk-wegweiser ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: var(--mk-a-2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mk-wegweiser li { display: flex; }
.mk-wegweiser__wahl {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: space-between;
	gap: var(--mk-a-2);
	width: 100%;
	min-height: var(--mk-knopf-hoehe);
	padding: var(--mk-a-3) var(--mk-a-4);
	border: 1.5px solid var(--mk-farbe-kopf);
	border-radius: var(--mk-knopf-radius);
	background: var(--mk-farbe-flaeche);
	color: var(--mk-farbe-kopf);
	font-family: var(--mk-font-kopf);
	font-size: var(--mk-gr-text);
	font-weight: var(--mk-staerke-betont);
	line-height: var(--mk-zeile-eng);
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--mk-dauer-kurz) var(--mk-kurve), color var(--mk-dauer-kurz) var(--mk-kurve), border-color var(--mk-dauer-kurz) var(--mk-kurve);
}
.mk-wegweiser__wahl::after { content: "›"; font-size: var(--mk-gr-h3); line-height: 1; }
.mk-wegweiser__wahl[data-extern]::after { content: "↗"; font-size: 1em; }
.mk-wegweiser__wahl:hover { border-color: var(--mk-farbe-aktion); color: var(--mk-farbe-aktion); }
.mk-wegweiser__wahl[aria-pressed="true"] { background: var(--mk-farbe-dunkel); border-color: var(--mk-farbe-dunkel); color: var(--mk-farbe-auf-dunkel); }
.mk-wegweiser__neben { margin: 0; color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); }
.mk-wegweiser__ergebnis { margin-top: var(--mk-a-4); }
.mk-band .mk-wegweiser__frage { color: var(--mk-farbe-auf-dunkel); }
.mk-band .mk-wegweiser__neben { color: var(--mk-farbe-auf-dunkel-leise); }

/* ---------- B-30 Berater-Karte: der eigene Mensch ---------- */
.mk-berater {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);   /* 1.4.0: Knöpfe unter den Text; dreispaltig blieben dem Text 25 Zeichen (SATZ.md T-03) */
	align-items: start;
	gap: var(--mk-a-4) var(--mk-a-5);
	padding: var(--mk-a-5);
	border-radius: var(--mk-radius);
	background: var(--mk-farbe-flaeche-marke);
}
.mk-berater__foto {
	width: 96px;
	height: 96px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--mk-farbe-flaeche-2);
}
.mk-berater__name { margin: 0; color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h3); font-weight: var(--mk-staerke-kopf); line-height: var(--mk-zeile-eng); }
.mk-berater__rolle { margin: 2px 0 0; color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-berater__satz { margin: var(--mk-a-2) 0 0; font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); max-width: 52ch; }
.mk-berater__stand { margin: var(--mk-a-2) 0 0; color: var(--mk-farbe-kopf); font-size: var(--mk-gr-klein); font-weight: var(--mk-staerke-betont); }
.mk-berater__knoepfe { grid-column: 2; display: flex; flex-wrap: wrap; align-items: center; gap: var(--mk-a-3) var(--mk-a-5); }
.mk-berater__tel { color: var(--mk-farbe-kopf); font-weight: var(--mk-staerke-betont); text-align: center; font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
	.mk-berater { grid-template-columns: auto minmax(0, 1fr); }
	.mk-berater__foto { width: 72px; height: 72px; }
	.mk-berater__knoepfe { grid-column: 1 / -1; }
}

/* ---------- B-28 Ringe: Gruppe · alliance · Partner ---------- */
.mk-ringe { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--mk-a-6); }
.mk-ring { display: grid; align-content: start; gap: var(--mk-a-3); }
.mk-ring + .mk-ring { border-left: 1px solid var(--mk-farbe-rand); padding-left: var(--mk-a-6); }
.mk-ring h3 { margin: 0; }
.mk-ring__satz { margin: 0; color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-ring__firmen { display: grid; gap: var(--mk-a-2); margin: var(--mk-a-2) 0 0; padding: 0; list-style: none; }
.mk-ring__firma {
	display: grid;
	grid-template-columns: 12px minmax(0, 1fr);
	column-gap: var(--mk-a-3);
	align-items: baseline;
	padding-block: var(--mk-a-2);
	border-bottom: 1px solid var(--mk-farbe-rand);
	color: var(--mk-farbe-kopf);
	text-decoration: none;
}
.mk-ring__firma::before { content: ""; width: 12px; height: 12px; border-radius: var(--mk-radius-sm); background: var(--mk-firma-farbe, var(--mk-farbe-kopf)); transform: translateY(1px); }
.mk-ring__name { font-family: var(--mk-font-kopf); font-weight: var(--mk-staerke-betont); }
.mk-ring__rolle { grid-column: 2; color: var(--mk-farbe-leise); font-size: var(--mk-gr-klein); }
a.mk-ring__firma:hover .mk-ring__name { color: var(--mk-farbe-link-hover); text-decoration: underline; text-underline-offset: 0.18em; }
.mk-band .mk-ring + .mk-ring { border-left-color: var(--mk-farbe-auf-dunkel-leise); }
.mk-band .mk-ring__satz, .mk-band .mk-ring__rolle { color: var(--mk-farbe-auf-dunkel-leise); }
.mk-band .mk-ring__firma { color: var(--mk-farbe-auf-dunkel); border-bottom-color: var(--mk-farbe-rand-dunkel); }
.mk-band .mk-ring__firma::before { background: var(--mk-firma-farbe-dunkel, var(--mk-farbe-auf-dunkel)); }
@media (max-width: 860px) {
	.mk-ring + .mk-ring { border-left: 0; padding-left: 0; border-top: 1px solid var(--mk-farbe-rand); padding-top: var(--mk-a-5); }
	.mk-band .mk-ring + .mk-ring { border-top-color: var(--mk-farbe-auf-dunkel-leise); }
}

/* ---------- B-29 Brief: Geschäftsführung mit Unterschrift ---------- */
.mk-brief { max-width: var(--mk-lesebreite); }
.mk-brief__anrede { margin: 0 0 var(--mk-a-4); color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h3); font-weight: var(--mk-staerke-kopf); }
.mk-brief__gruss { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--mk-a-6); margin-top: var(--mk-a-6); }
.mk-brief__person { display: grid; gap: var(--mk-a-1); }
.mk-brief__unterschrift { display: block; height: 44px; width: auto; max-width: 100%; }
.mk-brief__name { margin: 0; color: var(--mk-farbe-kopf); font-weight: var(--mk-staerke-betont); font-size: var(--mk-gr-klein); }
.mk-brief__rolle { margin: 0; color: var(--mk-farbe-leise); font-size: var(--mk-gr-fein); }
.mk-brief__siegel { width: 88px; height: 88px; margin-left: auto; }

/* ---------- B-31 Untermarken-Band: schmal unter dem Seitenkopf ---------- */
.mk-untermarke { background: var(--mk-farbe-dunkel-marke); color: var(--mk-farbe-auf-dunkel); }
.mk-untermarke .mk-container { display: flex; flex-wrap: wrap; align-items: center; gap: var(--mk-a-3) var(--mk-a-5); padding-block: var(--mk-a-3); }
.mk-untermarke__logo { display: block; height: 40px; width: auto; }
.mk-untermarke__zeile { margin: 0; color: var(--mk-farbe-auf-dunkel-leise); font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-untermarke a { color: var(--mk-farbe-auf-dunkel); }

/* ---------- Rechtliches im Fuß ---------- */
.mk-rechtliches { color: var(--mk-farbe-leise); font-size: var(--mk-gr-fein); line-height: var(--mk-zeile-klein); }

@media (max-width: 600px) {
	.mk-kasten { padding: var(--mk-a-4); }
	.mk-fakten { padding: var(--mk-a-4); }
}

/* Marken-Kern 1.3.0 – Echtheitsmerkmale aus Guilloche (B-32–B-35). Abgenommen bei paladinum, Runde 6 (D-40/D-41, 12.10.2026).
 * Werte liefert die Marke als Variablen (skripte/echtheit.py → :root{--mk-echt-*}); ohne Werte bleibt alles schlicht.
 * Regeln: nie hinter Lesetext, nie beschriftet als Siegel/geprüft/zertifiziert (UWG § 5 Anh. Nr. 2), immer aria-hidden
 * bzw. als Hintergrund; zählen nicht als Signatur-Stich der Marke (data-echtheit statt data-stich). */

/* B-32 Urkundenblatt: Fläche mit Unterdruck, doppelter Haarrahmen, vier Eckrosetten. Für Werkzeug, Nachweisfrage, Formular.
 * Die Rosetten ragen --mk-blatt-ueberstand über die Kante. Oben und unten hält das Blatt deshalb Überstand + 8 px Außenabstand,
 * sonst liegt die Rosette auf dem nächsten Satz (1.4.2, live /kfz-versicherung-vergleich/ 19.10.2026: 6 px Abstand, 25 px Rosette;
 * Satzwache T-11). Nie mit margin:0 überschreiben, nur mit größeren Werten. */
.mk-blatt{--mk-blatt-ueberstand:25px;position:relative;margin:calc(var(--mk-blatt-ueberstand) + 8px) 6px;padding:clamp(20px,3.4vw,48px);background:var(--mk-farbe-flaeche-marke) var(--mk-echt-unterdruck,none) repeat 0 0/144px 144px;
 border:1px solid var(--mk-farbe-rand-blatt);outline:1px solid var(--mk-farbe-rand-blatt);outline-offset:4px}
.mk-blatt::before{content:"";position:absolute;inset:calc(-1 * var(--mk-blatt-ueberstand));pointer-events:none;
 background:var(--mk-echt-ecke,none) left top/40px 40px no-repeat,var(--mk-echt-ecke,none) right top/40px 40px no-repeat,
  var(--mk-echt-ecke,none) left bottom/40px 40px no-repeat,var(--mk-echt-ecke,none) right bottom/40px 40px no-repeat}
.mk-blatt--formular{max-width:760px}
.mk-blatt--schmal{padding:clamp(18px,2.6vw,32px)}

/* B-33 Sicherheitsband: Linie an Kanten (Fuß, Abschnittsgrenze unter einem Werkzeug); --nacht auf Navy */
.mk-echt-band{height:16px;background:var(--mk-echt-band,none) repeat-x left center/auto 16px}
.mk-echt-band--nacht{background-image:var(--mk-echt-band-nacht,none)}
.mk-echt-kante{position:relative}
.mk-echt-kante::before{content:"";position:absolute;left:0;right:0;top:-8px;height:16px;background:var(--mk-echt-band,none) repeat-x left center/auto 16px}

/* B-34 Registerzeile: Registerdaten als Mikroschrift, aus Abstand eine Linie (Text steht zusätzlich lesbar im Fuß) */
.mk-echt-register{height:8px;background:var(--mk-echt-register,none) repeat-x left center/auto 8px;opacity:.8}

/* B-35 Unterdruck auf Navy-Flächen: Fuß, Untermarken-Band (B-31), Bänder mit .mk-unterdruck */
.mk-unterdruck,.mk-untermarke{background-image:var(--mk-echt-unterdruck-nacht,none);background-size:144px 144px}

@media (max-width:900px){.mk-blatt{padding:20px 18px}}

/* Marken-Kern 1.3.0 – B-36 Nachweisfrage: Wappen-Check als Einzelfrage und Merkpunkt (kern/nachweis.js).
 * Abgenommen bei paladinum, Runde 6 (D-40/D-41, 12.10.2026). Ohne JavaScript: alle Fragen als Liste. */
.mk-check{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--mk-a-7);align-items:start}
.mk-check__wappen{display:grid;gap:var(--mk-a-5)}
.mk-fragen{margin:0;padding:0;list-style:none;display:grid}
.mk-frage{padding-block:var(--mk-a-5);border-bottom:1px solid var(--mk-farbe-rand)}
.mk-frage:first-child{padding-top:0}
.mk-frage__zaehler{display:none}
.mk-frage__titel{margin:0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h4);color:var(--mk-farbe-kopf);display:flex;gap:var(--mk-a-3);align-items:baseline}
.mk-frage__stand{color:var(--mk-farbe-leise);font-family:var(--mk-font-text);font-weight:var(--mk-staerke-text);font-size:var(--mk-gr-klein)}
.mk-frage__text{margin:var(--mk-a-1) 0 var(--mk-a-3);max-width:60ch}
.mk-frage__antworten{display:flex;flex-wrap:wrap;gap:var(--mk-a-2)}
.mk-antwort{min-height:44px;padding:var(--mk-a-2) var(--mk-a-4);border:1.5px solid var(--mk-farbe-kopf);border-radius:var(--mk-knopf-radius);background:var(--mk-farbe-flaeche);color:var(--mk-farbe-kopf);
 font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-eng);cursor:pointer;transition:background var(--mk-dauer-kurz),color var(--mk-dauer-kurz)}
.mk-antwort:hover{border-color:var(--mk-farbe-aktion);color:var(--mk-farbe-aktion)}
.mk-antwort[aria-pressed="true"]{background:var(--mk-farbe-dunkel);border-color:var(--mk-farbe-dunkel);color:var(--mk-farbe-auf-dunkel)}
.mk-frage__schritt{margin:var(--mk-a-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--mk-a-4);align-items:center;font-weight:var(--mk-staerke-betont)}
button.mk-vormerken{background:none;border:0;padding:0;color:var(--mk-farbe-link);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
button.mk-vormerken:disabled{color:var(--mk-farbe-leise);text-decoration:none;cursor:default}
.mk-schritte{padding:var(--mk-a-5);background:var(--mk-farbe-flaeche-marke);border-radius:var(--mk-radius)}
.mk-schritte__titel{margin:0 0 var(--mk-a-2);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);color:var(--mk-farbe-kopf)}
.mk-schritte ul{margin:0;padding-left:1.1em;display:grid;gap:var(--mk-a-2)}
.mk-check__zuruecksetzen{justify-self:start;min-height:44px;padding:0;border:0;background:none;color:var(--mk-farbe-leise);font:inherit;font-size:var(--mk-gr-klein);text-decoration:underline;cursor:pointer}
.mk-check__zuruecksetzen:hover{color:var(--mk-farbe-kopf)}
/* Einzelfrage (nur mit JavaScript) */
.ist-einzeln .mk-frage:not(.ist-aktiv){display:none}
.ist-einzeln .mk-frage{padding:0;border:0}
.ist-einzeln .mk-frage.ist-aktiv{animation:mk-frage-ein .34s cubic-bezier(.2,.7,.2,1) both}
@keyframes mk-frage-ein{from{opacity:0;transform:translateX(4px)}}
.ist-einzeln .mk-frage__zaehler{display:block;margin:0 0 var(--mk-a-2);color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont)}
.ist-einzeln .mk-frage__titel{font-size:var(--mk-gr-h3);outline:none}
.ist-einzeln .mk-frage__text,.mk-merkpunkt .mk-frage__text{max-width:44ch;margin:var(--mk-a-2) 0 var(--mk-a-5);color:var(--mk-farbe-kopf);font-size:var(--mk-gr-lead);line-height:var(--mk-zeile-klein)}
.ist-einzeln .mk-frage__antworten,.mk-merkpunkt .mk-frage__antworten{display:grid;gap:var(--mk-a-2);max-width:520px}
.ist-einzeln .mk-antwort,.mk-merkpunkt .mk-antwort{min-height:52px;padding:var(--mk-a-3) var(--mk-a-4);text-align:left;font-size:var(--mk-gr-text)}
.mk-check__steuer{display:flex;justify-content:space-between;gap:var(--mk-a-5);max-width:520px;margin-top:var(--mk-a-4)}
button.mk-check__zurueck,button.mk-check__weiter,button.mk-check__nochmal{min-height:44px;padding:0;border:0;background:none;color:var(--mk-farbe-link);font:inherit;font-weight:var(--mk-staerke-betont);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
button.mk-check__zurueck:disabled{visibility:hidden}
.mk-check__fertig{outline:none}
.mk-check__fertig-titel{margin:0 0 var(--mk-a-2);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h3);color:var(--mk-farbe-kopf)}
.mk-check__fertig-text{margin:0 0 var(--mk-a-4)}
.mk-check__fertig-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:var(--mk-a-3) var(--mk-a-5);margin:0}
.mk-feldweg{display:flex;flex-wrap:wrap;gap:var(--mk-a-1) var(--mk-a-4);margin:var(--mk-a-6) 0 0;padding:var(--mk-a-4) 0 0;list-style:none;border-top:1px solid var(--mk-farbe-rand-blatt)}
.mk-feldweg__feld{display:flex;align-items:center;gap:7px;min-height:36px;padding:0;border:0;background:none;color:var(--mk-farbe-leise);font:inherit;font-size:var(--mk-gr-klein);cursor:pointer}
.mk-feldweg__feld:hover{color:var(--mk-farbe-kopf)}
.mk-feldweg__marke{width:12px;height:14px;border:1.5px solid currentColor;border-radius:1px 1px 7px 7px}
.mk-feldweg__feld[data-zustand="ja"]{color:var(--mk-farbe-kopf)}
.mk-feldweg__feld[data-zustand="ja"] .mk-feldweg__marke{background:repeating-linear-gradient(180deg,currentColor 0 1.2px,transparent 1.2px 3px)}
.mk-feldweg__feld[data-zustand="vor"] .mk-feldweg__marke{border-color:var(--mk-farbe-kopf)}
.mk-feldweg__feld[aria-current="step"]{color:var(--mk-farbe-kopf);font-weight:var(--mk-staerke-betont)}
/* Merkpunkt: eine Nachweisfrage, z. B. am Textende einer Fachseite (E-03), mit kleinem Wappen daneben */
.mk-merkpunkt{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--mk-a-6);align-items:start}
.mk-merkpunkt__titel{margin:0 0 var(--mk-a-1);color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont)}
.mk-merkpunkt__rueck{margin:var(--mk-a-3) 0 0;font-weight:var(--mk-staerke-betont)}
.mk-merkpunkt .mk-wappen{--mk-wappen-breite:140px}
/* B-36 schmal (Kern 1.4.0): Merkpunkt in einer Seitenspalte ab 260 px. Titel, Frage und Antworten über die volle Breite
   (neben dem Wappen bräche der Titel auf 18 Zeichen um, SATZ.md T-03), der Stand des Wappens als kleine Zeile am Ende */
.mk-merkpunkt--spalte{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-3);padding:var(--mk-innen,24px)}
.mk-merkpunkt--spalte>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--mk-a-3)}   /* darf schrumpfen: ein langes Kompositum schob sonst Frage und Knöpfe über den Rand */
.mk-merkpunkt--spalte .mk-merkpunkt__titel{margin:0;line-height:var(--mk-zeile-klein)}
.mk-merkpunkt--spalte .mk-frage__text{max-width:none;margin:0;font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text);hyphens:auto;overflow-wrap:anywhere}
.mk-merkpunkt--spalte .mk-frage__antworten{max-width:none}
.mk-merkpunkt--spalte .mk-antwort{min-height:44px;padding:var(--mk-a-2) var(--mk-a-3);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.mk-merkpunkt--spalte .mk-frage__schritt,.mk-merkpunkt--spalte .mk-merkpunkt__rueck{margin:0}
.mk-merkpunkt--spalte .mk-wappen{--mk-wappen-breite:44px;display:flex;align-items:center;gap:var(--mk-a-3);margin:0;
 padding-top:var(--mk-a-3);border-top:1px solid var(--mk-farbe-rand)}
.mk-merkpunkt--spalte .mk-wappen svg{flex:none}
.mk-merkpunkt--spalte .mk-wappen__stand{margin:0;font-size:var(--mk-gr-label);line-height:var(--mk-zeile-fein);text-align:left}
@media (prefers-reduced-motion:reduce){.ist-einzeln .mk-frage.ist-aktiv{animation:none}}
@media (max-width:900px){
 .mk-check{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-5)}
 .mk-check__wappen{order:-1;grid-template-columns:auto 1fr;align-items:center}
 .mk-check__wappen .mk-wappen{--mk-wappen-breite:64px!important;display:contents}
 .mk-check__wappen .mk-wappen__stand{text-align:left}
 .ist-einzeln:not(.ist-fertig) .mk-check__wappen .mk-schritte,.ist-einzeln:not(.ist-fertig) .mk-check__wappen .mk-check__zuruecksetzen{display:none}
 .mk-check__wappen .mk-schritte,.mk-check__wappen .mk-check__zuruecksetzen{grid-column:1/-1}
 .ist-einzeln .mk-frage__titel{font-size:var(--mk-gr-h4)}
 .ist-einzeln .mk-frage__text,.mk-merkpunkt .mk-frage__text{font-size:var(--mk-gr-text)}
 .mk-merkpunkt:not(.mk-merkpunkt--spalte){grid-template-columns:minmax(0,1fr)}.mk-merkpunkt:not(.mk-merkpunkt--spalte) .mk-wappen{--mk-wappen-breite:72px;order:-1}}

/* ==========================================================================
   Marken-Kern — Spielschicht (optionales Modul)
   Nur laden, wenn die Marke sie an hat (marke.json "spielschicht": true).
   Pixel-Stufen je Seitentyp:  ruhig = Artikel, Fachseite, Landingpage
                               voll  = Rechner, Scrollwelt, Spielseiten
   Auf "ruhig" nur: B-13 Motiv-Knopf, B-14 Münze, B-17/B-18, Figur an höchstens 2 festen Plätzen,
   B-21 höchstens einmal. Grenzen der Bewegung: S-16/S-17 (references/spielschicht.md).
   ========================================================================== */

:root {
	--mk-px: 2px;                                     /* ein Pixel der Pixelgrafik */
	--mk-muenze: var(--mk-hinweis, #8E8440);          /* Marke setzt --mk-hinweis/-licht; ΔE ≥ 10 zu Fremdmarken */
	--mk-muenze-licht: var(--mk-hinweis-licht, #DCD3A0);
	--mk-muenze-rand: var(--mk-tinte, #1E2748);
	--mk-muenze-schimmer: 14s;
	--mk-figur-leinwand: 32px;                        /* Höhe jeder Pose, Fußlinie unten */
	--mk-figur-skala-rand: 2;
	--mk-figur-skala-merke: 3;
	--mk-figur-skala-kopf: 4;
	--mk-merke-rand: 2px solid var(--mk-farbe-kopf);
	--mk-merke-schatten: 4px 4px 0 var(--mk-farbe-marke);
	--mk-pixelschatten: 0 4px 0 var(--mk-farbe-kopf);
}

/* ---------- B-14 ⓘ-Münze (Pixel, 12er-Raster, gestufter Kreis) ---------- */
.mk-spiel .mk-info::before {
	content: "";
	width: calc(var(--mk-px) * 8);
	height: calc(var(--mk-px) * 8);
	border: 0;
	border-radius: 0;
	background:
		linear-gradient(var(--mk-muenze-rand), var(--mk-muenze-rand)) calc(var(--mk-px) * 3.5) calc(var(--mk-px) * 1.5) / var(--mk-px) var(--mk-px) no-repeat,
		linear-gradient(var(--mk-muenze-rand), var(--mk-muenze-rand)) calc(var(--mk-px) * 3.5) calc(var(--mk-px) * 3) / var(--mk-px) calc(var(--mk-px) * 3.5) no-repeat,
		linear-gradient(135deg, var(--mk-muenze-licht) 0 30%, var(--mk-muenze) 30% 100%);
	box-shadow: 0 0 0 var(--mk-px) var(--mk-muenze-rand);
	clip-path: polygon(25% 0, 75% 0, 75% 12.5%, 87.5% 12.5%, 87.5% 25%, 100% 25%, 100% 75%, 87.5% 75%, 87.5% 87.5%,
		75% 87.5%, 75% 100%, 25% 100%, 25% 87.5%, 12.5% 87.5%, 12.5% 75%, 0 75%, 0 25%, 12.5% 25%, 12.5% 12.5%, 25% 12.5%);
	outline: var(--mk-px) solid var(--mk-muenze-rand);
	image-rendering: pixelated;
}
.mk-spiel .mk-info { position: relative; }
.mk-spiel .mk-info::after {
	content: "";
	position: absolute;
	inset: calc(50% - var(--mk-px) * 4);
	background: linear-gradient(110deg, transparent 40%, var(--mk-muenze-licht) 50%, transparent 60%) -200% 0 / 300% 100% no-repeat;
	clip-path: inherit;
	animation: mk-schimmer var(--mk-muenze-schimmer) steps(6) infinite;
	pointer-events: none;
}
@keyframes mk-schimmer { 0%, 90% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.mk-tabelle .mk-info::after { animation: none; }      /* nie schimmern in Tabellen */

/* ---------- B-13 Knopf mit Pixelmotiv ---------- */
.mk-knopf__motiv {
	display: block;
	flex: 0 0 auto;
	width: auto;
	height: 26px;
	image-rendering: pixelated;
}

/* ---------- B-15 Figur (Zweitzeichen) ---------- */
.mk-figur { display: block; max-width: none; image-rendering: pixelated; }
.mk-figur--rand { height: calc(var(--mk-figur-leinwand) * var(--mk-figur-skala-rand)); width: auto; }
.mk-figur--merke { height: calc(var(--mk-figur-leinwand) * var(--mk-figur-skala-merke)); width: auto; }
.mk-figur--kopf { height: calc(var(--mk-figur-leinwand) * var(--mk-figur-skala-kopf)); width: auto; }
.mk-prose p .mk-figur { display: none; }              /* nie im Fließtext (S-23) */

/* ---------- B-22 Merkkasten: Figur + Sprechblase ---------- */
.mk-merke { display: flex; align-items: flex-end; gap: var(--mk-a-4); max-width: var(--mk-lesebreite); margin-block: var(--mk-a-6); }
.mk-merke > .mk-figur { flex: 0 0 auto; margin-bottom: -2px; }
.mk-merke__blase {
	position: relative;
	flex: 1;
	min-width: 0;
	margin: 0 0 var(--mk-a-5) var(--mk-a-2);
	padding: var(--mk-a-4) var(--mk-a-5);
	border: var(--mk-merke-rand);
	border-radius: var(--mk-radius);
	background: var(--mk-farbe-flaeche);
	box-shadow: var(--mk-merke-schatten);
}
.mk-merke__blase::before {
	content: "";
	position: absolute;
	left: -12px;
	bottom: 10px;
	width: 12px;
	height: 12px;
	background: var(--mk-farbe-kopf);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.mk-merke__ruf { margin: 0; color: var(--mk-farbe-marke); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h4); font-weight: var(--mk-staerke-kopf-gross); line-height: var(--mk-zeile-eng); }
.mk-merke__blase p { margin: var(--mk-a-1) 0 0; font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
@media (max-width: 480px) {
	.mk-merke { gap: var(--mk-a-2); }
	.mk-merke > .mk-figur { height: calc(var(--mk-figur-leinwand) * var(--mk-figur-skala-rand)); }
}

/* ---------- B-21 Szenen-Banner (ganze Karte ist ein Link) ---------- */
.mk-szene {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	overflow: hidden;
	border: 2px solid var(--mk-farbe-kopf);
	border-radius: var(--mk-radius-lg);
	background: var(--mk-farbe-flaeche);
	box-shadow: var(--mk-pixelschatten);
	color: var(--mk-farbe-text);
	text-decoration: none;
	transition: transform var(--mk-dauer-kurz) var(--mk-kurve);
}
.mk-szene:hover, .mk-szene:focus-visible { transform: translateY(var(--mk-hub)); }
.mk-szene__bild { position: relative; min-height: 180px; background: var(--mk-farbe-dunkel-marke); }
.mk-szene__bild img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
.mk-szene__text { display: grid; align-content: center; gap: var(--mk-a-2); padding: var(--mk-a-5); }
.mk-szene__text strong { color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h3); font-weight: var(--mk-staerke-kopf); line-height: var(--mk-zeile-eng); }
.mk-szene__text span { font-size: var(--mk-gr-klein); line-height: var(--mk-zeile-klein); }
.mk-szene__knopf { color: var(--mk-farbe-link); font-family: var(--mk-font-kopf); font-weight: var(--mk-staerke-knopf); }
@media (max-width: 640px) { .mk-szene { grid-template-columns: 1fr; } }

/* ---------- Pixel-Stufen ---------- */
[data-mk-pixel="ruhig"] .mk-nur-voll { display: none; }

@media (prefers-reduced-motion: reduce) {
	.mk-spiel .mk-info::after { animation: none; }
	.mk-szene, .mk-szene:hover { transform: none; }
}


/* ==========================================================================
   B-27 Wappen (Kern 1.2.0, 11.10.2026) – Spielschicht ohne Pixel
   Zustände je Feld: offen (Grund, Figur leise) · vor (vorgemerkt: Figur in Kopffarbe) · ja (geprüft: Schraffur)
   Die Geometrie (Felder, Figuren, Schraffur-Muster) liefert der Generator der Marke;
   das SVG setzt --mk-wappen-schraffur: url(#<uid>s) am <svg>.
   ========================================================================== */
.mk-wappen { margin: 0; display: grid; justify-items: center; gap: var(--mk-a-3); }
.mk-wappen svg { display: block; width: 100%; max-width: var(--mk-wappen-breite, 280px); height: auto; }
.mk-wappen__grund { fill: var(--mk-farbe-flaeche); }
.mk-wappen__schraffur { fill: var(--mk-wappen-schraffur, var(--mk-farbe-kopf)); opacity: 0; transition: opacity 0.6s var(--mk-kurve); }
.mk-wappen__figur { fill: var(--mk-farbe-wappen-leer); transition: fill var(--mk-dauer) var(--mk-kurve); }
.mk-wappen__halo { fill: none; stroke: none; }
.mk-wappen__linie { stroke: var(--mk-farbe-kopf); fill: none; }
.mk-wappen__rand { fill: var(--mk-farbe-kopf); }
[data-zustand="vor"] > .mk-wappen__figur { fill: var(--mk-farbe-kopf); }
[data-zustand="ja"] > .mk-wappen__schraffur { opacity: 1; }
[data-zustand="ja"] > .mk-wappen__figur { fill: var(--mk-farbe-kopf); }
[data-zustand="ja"] > .mk-wappen__halo { fill: var(--mk-farbe-flaeche); stroke: var(--mk-farbe-flaeche); }
.mk-wappen__stand { color: var(--mk-farbe-kopf); font-family: var(--mk-font-kopf); font-size: var(--mk-gr-h4); font-weight: var(--mk-staerke-betont); font-variant-numeric: tabular-nums; text-align: center; ; line-height: var(--mk-zeile-eng)}
.mk-wappen__stand small { display: block; color: var(--mk-farbe-leise); font-family: var(--mk-font-text); font-size: var(--mk-gr-klein); font-weight: var(--mk-staerke-text); }
@media (prefers-reduced-motion: reduce) {
	.mk-wappen__schraffur, .mk-wappen__figur { transition: none; }
}

:root{
	--mk-echt-band: url("echt/band.svg");
	--mk-echt-band-nacht: url("echt/band-nacht.svg");
	--mk-echt-unterdruck: url("echt/unterdruck.svg");
	--mk-echt-unterdruck-nacht: url("echt/unterdruck-nacht.svg");
	--mk-echt-ecke: url("echt/ecke.svg");
	--mk-echt-register: url("echt/register.svg");
}


/* Seitenrahmen des Prototyps (pp-). Farben nur über --mk-*. */
html{scroll-behavior:smooth}
body.pd-eigen{margin:0;background:var(--mk-farbe-flaeche);color:var(--mk-farbe-text);font-family:var(--mk-font-text)}
body.pd-eigen{padding-bottom:84px}
[hidden]{display:none!important}
.mk-seite :where(h1){text-wrap:balance}
.pp-h2-gross{font-size:var(--mk-gr-abschnitt);text-wrap:balance;margin:0}
.pp-lead{font-size:var(--mk-gr-lead);line-height:var(--mk-zeile-klein);color:var(--mk-farbe-text);max-width:56ch;margin:var(--mk-a-4) 0 var(--mk-a-6)}
.pp-leise{color:var(--mk-farbe-leise)}
.pp-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--mk-a-8);align-items:center}
@media (max-width:900px){.pp-zwei{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-6)}}

/* Mikroschrift als Haarlinie (CI: trennt Bänder; eine je Abschnitt) */
.pp-mikro{height:8px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22104.13%22%20height%3D%228%22%20viewBox%3D%220%200%20104.13%208%22%3E%3Cpath%20d%3D%22M0.63%205.9V0.1Q0.63%200.06%200.66%200.03Q0.69%200%200.73%200H1.52Q1.56%200%201.59%200.03Q1.62%200.06%201.62%200.1V5.9Q1.62%205.94%201.59%205.97Q1.56%206%201.52%206H0.73Q0.69%206%200.66%205.97Q0.63%205.94%200.63%205.9ZM7.37%200H8.16Q8.2%200%208.23%200.03Q8.26%200.06%208.26%200.1V5.9Q8.26%205.94%208.23%205.97Q8.2%206%208.16%206H7.37Q7.33%206%207.3%205.97Q7.27%205.94%207.27%205.9V1.81Q7.27%201.78%207.25%201.77Q7.23%201.77%207.22%201.79L6.15%203.44Q6.1%203.51%206.03%203.51H5.63Q5.55%203.51%205.51%203.44L4.43%201.8Q4.42%201.77%204.4%201.78Q4.38%201.79%204.38%201.82V5.9Q4.38%205.94%204.35%205.97Q4.32%206%204.28%206H3.49Q3.45%206%203.42%205.97Q3.39%205.94%203.39%205.9V0.1Q3.39%200.06%203.42%200.03Q3.45%200%203.49%200H4.28Q4.35%200%204.4%200.07L5.79%202.19Q5.81%202.2%205.83%202.2Q5.85%202.2%205.85%202.19L7.25%200.07Q7.29%200%207.37%200ZM14.01%200H14.8Q14.85%200%2014.88%200.03Q14.91%200.06%2014.91%200.1V5.9Q14.91%205.94%2014.88%205.97Q14.85%206%2014.8%206H14.01Q13.97%206%2013.94%205.97Q13.91%205.94%2013.91%205.9V1.81Q13.91%201.78%2013.89%201.77Q13.87%201.77%2013.86%201.79L12.79%203.44Q12.75%203.51%2012.67%203.51H12.27Q12.2%203.51%2012.15%203.44L11.07%201.8Q11.07%201.77%2011.04%201.78Q11.02%201.79%2011.02%201.82V5.9Q11.02%205.94%2010.99%205.97Q10.96%206%2010.92%206H10.13Q10.09%206%2010.06%205.97Q10.03%205.94%2010.03%205.9V0.1Q10.03%200.06%2010.06%200.03Q10.09%200%2010.13%200H10.92Q11%200%2011.04%200.07L12.44%202.19Q12.45%202.2%2012.47%202.2Q12.49%202.2%2012.5%202.19L13.89%200.07Q13.94%200%2014.01%200ZM20.63%200.86H17.71Q17.67%200.86%2017.67%200.9V2.5Q17.67%202.55%2017.71%202.55H19.67Q19.71%202.55%2019.74%202.58Q19.77%202.61%2019.77%202.65V3.3Q19.77%203.34%2019.74%203.37Q19.71%203.4%2019.67%203.4H17.71Q17.67%203.4%2017.67%203.45V5.1Q17.67%205.14%2017.71%205.14H20.63Q20.67%205.14%2020.7%205.17Q20.73%205.2%2020.73%205.25V5.9Q20.73%205.94%2020.7%205.97Q20.67%206%2020.63%206H16.77Q16.73%206%2016.7%205.97Q16.67%205.94%2016.67%205.9V0.1Q16.67%200.06%2016.7%200.03Q16.73%200%2016.77%200H20.63Q20.67%200%2020.7%200.03Q20.73%200.06%2020.73%200.1V0.75Q20.73%200.8%2020.7%200.83Q20.67%200.86%2020.63%200.86ZM25.51%205.92%2024.38%203.45Q24.36%203.42%2024.33%203.42H23.3Q23.25%203.42%2023.25%203.46V5.9Q23.25%205.94%2023.22%205.97Q23.19%206%2023.15%206H22.36Q22.32%206%2022.29%205.97Q22.26%205.94%2022.26%205.9V0.1Q22.26%200.06%2022.29%200.03Q22.32%200%2022.36%200H24.72Q25.24%200%2025.65%200.22Q26.05%200.44%2026.27%200.84Q26.49%201.23%2026.49%201.75Q26.49%202.34%2026.19%202.76Q25.89%203.17%2025.35%203.33Q25.33%203.33%2025.32%203.35Q25.31%203.37%2025.32%203.39L26.53%205.88Q26.55%205.91%2026.55%205.93Q26.55%206%2026.45%206H25.63Q25.54%206%2025.51%205.92ZM23.25%200.9V2.61Q23.25%202.65%2023.3%202.65H24.58Q24.99%202.65%2025.25%202.4Q25.5%202.16%2025.5%201.76Q25.5%201.35%2025.25%201.11Q24.99%200.86%2024.58%200.86H23.3Q23.25%200.86%2023.25%200.9ZM33.87%205.91%2033.58%205Q33.57%204.96%2033.54%204.96H31.28Q31.25%204.96%2031.23%205L30.95%205.91Q30.93%206%2030.84%206H29.98Q29.93%206%2029.91%205.97Q29.88%205.94%2029.9%205.88L31.76%200.09Q31.78%200%2031.87%200H32.94Q33.03%200%2033.05%200.09L34.92%205.88Q34.93%205.9%2034.93%205.92Q34.93%206%2034.83%206H33.98Q33.89%206%2033.87%205.91ZM31.53%204.18H33.27Q33.33%204.18%2033.31%204.13L32.43%201.26Q32.42%201.23%2032.4%201.23Q32.38%201.23%2032.37%201.26L31.5%204.13Q31.49%204.18%2031.53%204.18ZM39.92%200H40.71Q40.75%200%2040.78%200.03Q40.81%200.06%2040.81%200.1V5.9Q40.81%205.94%2040.78%205.97Q40.75%206%2040.71%206H39.94Q39.86%206%2039.82%205.93L37.35%201.89Q37.34%201.86%2037.32%201.86Q37.3%201.87%2037.3%201.9L37.32%205.9Q37.32%205.94%2037.29%205.97Q37.26%206%2037.22%206H36.43Q36.39%206%2036.36%205.97Q36.33%205.94%2036.33%205.9V0.1Q36.33%200.06%2036.36%200.03Q36.39%200%2036.43%200H37.19Q37.28%200%2037.31%200.07L39.77%204.11Q39.79%204.14%2039.81%204.14Q39.82%204.13%2039.82%204.1L39.81%200.1Q39.81%200.06%2039.84%200.03Q39.87%200%2039.92%200ZM44.8%205.9V0.1Q44.8%200.06%2044.83%200.03Q44.86%200%2044.91%200H45.69Q45.74%200%2045.77%200.03Q45.8%200.06%2045.8%200.1V5.9Q45.8%205.94%2045.77%205.97Q45.74%206%2045.69%206H44.91Q44.86%206%2044.83%205.97Q44.8%205.94%2044.8%205.9ZM50.9%200H51.69Q51.73%200%2051.76%200.03Q51.79%200.06%2051.79%200.1V5.9Q51.79%205.94%2051.76%205.97Q51.73%206%2051.69%206H50.9Q50.85%206%2050.82%205.97Q50.79%205.94%2050.79%205.9V3.45Q50.79%203.4%2050.75%203.4H48.57Q48.52%203.4%2048.52%203.45V5.9Q48.52%205.94%2048.49%205.97Q48.46%206%2048.42%206H47.63Q47.59%206%2047.56%205.97Q47.53%205.94%2047.53%205.9V0.1Q47.53%200.06%2047.56%200.03Q47.59%200%2047.63%200H48.42Q48.46%200%2048.49%200.03Q48.52%200.06%2048.52%200.1V2.5Q48.52%202.55%2048.57%202.55H50.75Q50.79%202.55%2050.79%202.5V0.1Q50.79%200.06%2050.82%200.03Q50.85%200%2050.9%200ZM56.75%205.92%2055.62%203.45Q55.6%203.42%2055.57%203.42H54.54Q54.5%203.42%2054.5%203.46V5.9Q54.5%205.94%2054.47%205.97Q54.44%206%2054.39%206H53.61Q53.56%206%2053.53%205.97Q53.5%205.94%2053.5%205.9V0.1Q53.5%200.06%2053.53%200.03Q53.56%200%2053.61%200H55.96Q56.49%200%2056.89%200.22Q57.29%200.44%2057.51%200.84Q57.74%201.23%2057.74%201.75Q57.74%202.34%2057.43%202.76Q57.13%203.17%2056.59%203.33Q56.57%203.33%2056.56%203.35Q56.55%203.37%2056.56%203.39L57.77%205.88Q57.79%205.91%2057.79%205.93Q57.79%206%2057.69%206H56.87Q56.79%206%2056.75%205.92ZM54.5%200.9V2.61Q54.5%202.65%2054.54%202.65H55.83Q56.24%202.65%2056.49%202.4Q56.74%202.16%2056.74%201.76Q56.74%201.35%2056.49%201.11Q56.24%200.86%2055.83%200.86H54.54Q54.5%200.86%2054.5%200.9ZM63.23%200.86H60.31Q60.27%200.86%2060.27%200.9V2.5Q60.27%202.55%2060.31%202.55H62.27Q62.31%202.55%2062.34%202.58Q62.37%202.61%2062.37%202.65V3.3Q62.37%203.34%2062.34%203.37Q62.31%203.4%2062.27%203.4H60.31Q60.27%203.4%2060.27%203.45V5.1Q60.27%205.14%2060.31%205.14H63.23Q63.27%205.14%2063.3%205.17Q63.33%205.2%2063.33%205.25V5.9Q63.33%205.94%2063.3%205.97Q63.27%206%2063.23%206H59.37Q59.33%206%2059.3%205.97Q59.27%205.94%2059.27%205.9V0.1Q59.27%200.06%2059.3%200.03Q59.33%200%2059.37%200H63.23Q63.27%200%2063.3%200.03Q63.33%200.06%2063.33%200.1V0.75Q63.33%200.8%2063.3%200.83Q63.27%200.86%2063.23%200.86ZM68.11%205.92%2066.98%203.45Q66.96%203.42%2066.93%203.42H65.9Q65.85%203.42%2065.85%203.46V5.9Q65.85%205.94%2065.82%205.97Q65.79%206%2065.75%206H64.96Q64.92%206%2064.89%205.97Q64.86%205.94%2064.86%205.9V0.1Q64.86%200.06%2064.89%200.03Q64.92%200%2064.96%200H67.32Q67.84%200%2068.25%200.22Q68.65%200.44%2068.87%200.84Q69.09%201.23%2069.09%201.75Q69.09%202.34%2068.79%202.76Q68.49%203.17%2067.95%203.33Q67.93%203.33%2067.92%203.35Q67.91%203.37%2067.92%203.39L69.13%205.88Q69.15%205.91%2069.15%205.93Q69.15%206%2069.05%206H68.23Q68.14%206%2068.11%205.92ZM65.85%200.9V2.61Q65.85%202.65%2065.9%202.65H67.18Q67.59%202.65%2067.85%202.4Q68.1%202.16%2068.1%201.76Q68.1%201.35%2067.85%201.11Q67.59%200.86%2067.18%200.86H65.9Q65.85%200.86%2065.85%200.9ZM72.59%204.35V4.13Q72.59%204.09%2072.62%204.06Q72.65%204.03%2072.69%204.03H73.46Q73.5%204.03%2073.53%204.06Q73.56%204.09%2073.56%204.13V4.29Q73.56%204.69%2073.91%204.95Q74.26%205.21%2074.87%205.21Q75.39%205.21%2075.66%204.99Q75.93%204.77%2075.93%204.41Q75.93%204.17%2075.78%204.01Q75.63%203.84%2075.36%203.7Q75.09%203.57%2074.55%203.36Q73.95%203.14%2073.57%202.94Q73.19%202.74%2072.94%202.4Q72.69%202.07%2072.69%201.56Q72.69%200.81%2073.23%200.37Q73.78%20-0.07%2074.7%20-0.07Q75.34%20-0.07%2075.84%200.15Q76.33%200.38%2076.6%200.78Q76.88%201.17%2076.88%201.7V1.84Q76.88%201.89%2076.85%201.92Q76.82%201.95%2076.77%201.95H76Q75.96%201.95%2075.93%201.92Q75.9%201.89%2075.9%201.84V1.75Q75.9%201.35%2075.57%201.07Q75.24%200.79%2074.66%200.79Q74.19%200.79%2073.92%200.99Q73.66%201.18%2073.66%201.54Q73.66%201.8%2073.8%201.96Q73.94%202.13%2074.21%202.26Q74.49%202.39%2075.06%202.6Q75.67%202.83%2076.03%203.02Q76.4%203.21%2076.66%203.54Q76.92%203.88%2076.92%204.39Q76.92%205.16%2076.35%205.61Q75.78%206.07%2074.79%206.07Q74.13%206.07%2073.63%205.85Q73.13%205.64%2072.86%205.25Q72.59%204.87%2072.59%204.35ZM82.4%200.86H79.47Q79.43%200.86%2079.43%200.9V2.5Q79.43%202.55%2079.47%202.55H81.44Q81.48%202.55%2081.51%202.58Q81.54%202.61%2081.54%202.65V3.3Q81.54%203.34%2081.51%203.37Q81.48%203.4%2081.44%203.4H79.47Q79.43%203.4%2079.43%203.45V5.1Q79.43%205.14%2079.47%205.14H82.4Q82.44%205.14%2082.47%205.17Q82.5%205.2%2082.5%205.25V5.9Q82.5%205.94%2082.47%205.97Q82.44%206%2082.4%206H78.54Q78.5%206%2078.47%205.97Q78.44%205.94%2078.44%205.9V0.1Q78.44%200.06%2078.47%200.03Q78.5%200%2078.54%200H82.4Q82.44%200%2082.47%200.03Q82.5%200.06%2082.5%200.1V0.75Q82.5%200.8%2082.47%200.83Q82.44%200.86%2082.4%200.86ZM84.03%205.9V0.1Q84.03%200.06%2084.06%200.03Q84.09%200%2084.13%200H84.92Q84.96%200%2084.99%200.03Q85.02%200.06%2085.02%200.1V5.9Q85.02%205.94%2084.99%205.97Q84.96%206%2084.92%206H84.13Q84.09%206%2084.06%205.97Q84.03%205.94%2084.03%205.9ZM90.83%200.1V0.76Q90.83%200.81%2090.8%200.84Q90.77%200.87%2090.73%200.87H89.15Q89.11%200.87%2089.11%200.91V5.9Q89.11%205.94%2089.08%205.97Q89.05%206%2089.01%206H88.22Q88.17%206%2088.14%205.97Q88.11%205.94%2088.11%205.9V0.91Q88.11%200.87%2088.07%200.87H86.55Q86.51%200.87%2086.48%200.84Q86.45%200.81%2086.45%200.76V0.1Q86.45%200.06%2086.48%200.03Q86.51%200%2086.55%200H90.73Q90.77%200%2090.8%200.03Q90.83%200.06%2090.83%200.1ZM96.22%200.86H93.3Q93.26%200.86%2093.26%200.9V2.5Q93.26%202.55%2093.3%202.55H95.26Q95.31%202.55%2095.34%202.58Q95.37%202.61%2095.37%202.65V3.3Q95.37%203.34%2095.34%203.37Q95.31%203.4%2095.26%203.4H93.3Q93.26%203.4%2093.26%203.45V5.1Q93.26%205.14%2093.3%205.14H96.22Q96.27%205.14%2096.3%205.17Q96.33%205.2%2096.33%205.25V5.9Q96.33%205.94%2096.3%205.97Q96.27%206%2096.22%206H92.37Q92.32%206%2092.29%205.97Q92.26%205.94%2092.26%205.9V0.1Q92.26%200.06%2092.29%200.03Q92.32%200%2092.37%200H96.22Q96.27%200%2096.3%200.03Q96.33%200.06%2096.33%200.1V0.75Q96.33%200.8%2096.3%200.83Q96.27%200.86%2096.22%200.86ZM99.82%203.55Q99.82%203.28%2099.99%203.11Q100.17%202.94%20100.43%202.94Q100.7%202.94%20100.86%203.11Q101.03%203.28%20101.03%203.55Q101.03%203.81%20100.86%203.99Q100.69%204.16%20100.43%204.16Q100.17%204.16%2099.99%203.99Q99.82%203.81%2099.82%203.55Z%22%20fill%3D%22%23AEB7CF%22/%3E%3C/svg%3E") repeat-x left center/auto 8px;opacity:.9}
.pp-mikro--dunkel{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22104.13%22%20height%3D%228%22%20viewBox%3D%220%200%20104.13%208%22%3E%3Cpath%20d%3D%22M0.63%205.9V0.1Q0.63%200.06%200.66%200.03Q0.69%200%200.73%200H1.52Q1.56%200%201.59%200.03Q1.62%200.06%201.62%200.1V5.9Q1.62%205.94%201.59%205.97Q1.56%206%201.52%206H0.73Q0.69%206%200.66%205.97Q0.63%205.94%200.63%205.9ZM7.37%200H8.16Q8.2%200%208.23%200.03Q8.26%200.06%208.26%200.1V5.9Q8.26%205.94%208.23%205.97Q8.2%206%208.16%206H7.37Q7.33%206%207.3%205.97Q7.27%205.94%207.27%205.9V1.81Q7.27%201.78%207.25%201.77Q7.23%201.77%207.22%201.79L6.15%203.44Q6.1%203.51%206.03%203.51H5.63Q5.55%203.51%205.51%203.44L4.43%201.8Q4.42%201.77%204.4%201.78Q4.38%201.79%204.38%201.82V5.9Q4.38%205.94%204.35%205.97Q4.32%206%204.28%206H3.49Q3.45%206%203.42%205.97Q3.39%205.94%203.39%205.9V0.1Q3.39%200.06%203.42%200.03Q3.45%200%203.49%200H4.28Q4.35%200%204.4%200.07L5.79%202.19Q5.81%202.2%205.83%202.2Q5.85%202.2%205.85%202.19L7.25%200.07Q7.29%200%207.37%200ZM14.01%200H14.8Q14.85%200%2014.88%200.03Q14.91%200.06%2014.91%200.1V5.9Q14.91%205.94%2014.88%205.97Q14.85%206%2014.8%206H14.01Q13.97%206%2013.94%205.97Q13.91%205.94%2013.91%205.9V1.81Q13.91%201.78%2013.89%201.77Q13.87%201.77%2013.86%201.79L12.79%203.44Q12.75%203.51%2012.67%203.51H12.27Q12.2%203.51%2012.15%203.44L11.07%201.8Q11.07%201.77%2011.04%201.78Q11.02%201.79%2011.02%201.82V5.9Q11.02%205.94%2010.99%205.97Q10.96%206%2010.92%206H10.13Q10.09%206%2010.06%205.97Q10.03%205.94%2010.03%205.9V0.1Q10.03%200.06%2010.06%200.03Q10.09%200%2010.13%200H10.92Q11%200%2011.04%200.07L12.44%202.19Q12.45%202.2%2012.47%202.2Q12.49%202.2%2012.5%202.19L13.89%200.07Q13.94%200%2014.01%200ZM20.63%200.86H17.71Q17.67%200.86%2017.67%200.9V2.5Q17.67%202.55%2017.71%202.55H19.67Q19.71%202.55%2019.74%202.58Q19.77%202.61%2019.77%202.65V3.3Q19.77%203.34%2019.74%203.37Q19.71%203.4%2019.67%203.4H17.71Q17.67%203.4%2017.67%203.45V5.1Q17.67%205.14%2017.71%205.14H20.63Q20.67%205.14%2020.7%205.17Q20.73%205.2%2020.73%205.25V5.9Q20.73%205.94%2020.7%205.97Q20.67%206%2020.63%206H16.77Q16.73%206%2016.7%205.97Q16.67%205.94%2016.67%205.9V0.1Q16.67%200.06%2016.7%200.03Q16.73%200%2016.77%200H20.63Q20.67%200%2020.7%200.03Q20.73%200.06%2020.73%200.1V0.75Q20.73%200.8%2020.7%200.83Q20.67%200.86%2020.63%200.86ZM25.51%205.92%2024.38%203.45Q24.36%203.42%2024.33%203.42H23.3Q23.25%203.42%2023.25%203.46V5.9Q23.25%205.94%2023.22%205.97Q23.19%206%2023.15%206H22.36Q22.32%206%2022.29%205.97Q22.26%205.94%2022.26%205.9V0.1Q22.26%200.06%2022.29%200.03Q22.32%200%2022.36%200H24.72Q25.24%200%2025.65%200.22Q26.05%200.44%2026.27%200.84Q26.49%201.23%2026.49%201.75Q26.49%202.34%2026.19%202.76Q25.89%203.17%2025.35%203.33Q25.33%203.33%2025.32%203.35Q25.31%203.37%2025.32%203.39L26.53%205.88Q26.55%205.91%2026.55%205.93Q26.55%206%2026.45%206H25.63Q25.54%206%2025.51%205.92ZM23.25%200.9V2.61Q23.25%202.65%2023.3%202.65H24.58Q24.99%202.65%2025.25%202.4Q25.5%202.16%2025.5%201.76Q25.5%201.35%2025.25%201.11Q24.99%200.86%2024.58%200.86H23.3Q23.25%200.86%2023.25%200.9ZM33.87%205.91%2033.58%205Q33.57%204.96%2033.54%204.96H31.28Q31.25%204.96%2031.23%205L30.95%205.91Q30.93%206%2030.84%206H29.98Q29.93%206%2029.91%205.97Q29.88%205.94%2029.9%205.88L31.76%200.09Q31.78%200%2031.87%200H32.94Q33.03%200%2033.05%200.09L34.92%205.88Q34.93%205.9%2034.93%205.92Q34.93%206%2034.83%206H33.98Q33.89%206%2033.87%205.91ZM31.53%204.18H33.27Q33.33%204.18%2033.31%204.13L32.43%201.26Q32.42%201.23%2032.4%201.23Q32.38%201.23%2032.37%201.26L31.5%204.13Q31.49%204.18%2031.53%204.18ZM39.92%200H40.71Q40.75%200%2040.78%200.03Q40.81%200.06%2040.81%200.1V5.9Q40.81%205.94%2040.78%205.97Q40.75%206%2040.71%206H39.94Q39.86%206%2039.82%205.93L37.35%201.89Q37.34%201.86%2037.32%201.86Q37.3%201.87%2037.3%201.9L37.32%205.9Q37.32%205.94%2037.29%205.97Q37.26%206%2037.22%206H36.43Q36.39%206%2036.36%205.97Q36.33%205.94%2036.33%205.9V0.1Q36.33%200.06%2036.36%200.03Q36.39%200%2036.43%200H37.19Q37.28%200%2037.31%200.07L39.77%204.11Q39.79%204.14%2039.81%204.14Q39.82%204.13%2039.82%204.1L39.81%200.1Q39.81%200.06%2039.84%200.03Q39.87%200%2039.92%200ZM44.8%205.9V0.1Q44.8%200.06%2044.83%200.03Q44.86%200%2044.91%200H45.69Q45.74%200%2045.77%200.03Q45.8%200.06%2045.8%200.1V5.9Q45.8%205.94%2045.77%205.97Q45.74%206%2045.69%206H44.91Q44.86%206%2044.83%205.97Q44.8%205.94%2044.8%205.9ZM50.9%200H51.69Q51.73%200%2051.76%200.03Q51.79%200.06%2051.79%200.1V5.9Q51.79%205.94%2051.76%205.97Q51.73%206%2051.69%206H50.9Q50.85%206%2050.82%205.97Q50.79%205.94%2050.79%205.9V3.45Q50.79%203.4%2050.75%203.4H48.57Q48.52%203.4%2048.52%203.45V5.9Q48.52%205.94%2048.49%205.97Q48.46%206%2048.42%206H47.63Q47.59%206%2047.56%205.97Q47.53%205.94%2047.53%205.9V0.1Q47.53%200.06%2047.56%200.03Q47.59%200%2047.63%200H48.42Q48.46%200%2048.49%200.03Q48.52%200.06%2048.52%200.1V2.5Q48.52%202.55%2048.57%202.55H50.75Q50.79%202.55%2050.79%202.5V0.1Q50.79%200.06%2050.82%200.03Q50.85%200%2050.9%200ZM56.75%205.92%2055.62%203.45Q55.6%203.42%2055.57%203.42H54.54Q54.5%203.42%2054.5%203.46V5.9Q54.5%205.94%2054.47%205.97Q54.44%206%2054.39%206H53.61Q53.56%206%2053.53%205.97Q53.5%205.94%2053.5%205.9V0.1Q53.5%200.06%2053.53%200.03Q53.56%200%2053.61%200H55.96Q56.49%200%2056.89%200.22Q57.29%200.44%2057.51%200.84Q57.74%201.23%2057.74%201.75Q57.74%202.34%2057.43%202.76Q57.13%203.17%2056.59%203.33Q56.57%203.33%2056.56%203.35Q56.55%203.37%2056.56%203.39L57.77%205.88Q57.79%205.91%2057.79%205.93Q57.79%206%2057.69%206H56.87Q56.79%206%2056.75%205.92ZM54.5%200.9V2.61Q54.5%202.65%2054.54%202.65H55.83Q56.24%202.65%2056.49%202.4Q56.74%202.16%2056.74%201.76Q56.74%201.35%2056.49%201.11Q56.24%200.86%2055.83%200.86H54.54Q54.5%200.86%2054.5%200.9ZM63.23%200.86H60.31Q60.27%200.86%2060.27%200.9V2.5Q60.27%202.55%2060.31%202.55H62.27Q62.31%202.55%2062.34%202.58Q62.37%202.61%2062.37%202.65V3.3Q62.37%203.34%2062.34%203.37Q62.31%203.4%2062.27%203.4H60.31Q60.27%203.4%2060.27%203.45V5.1Q60.27%205.14%2060.31%205.14H63.23Q63.27%205.14%2063.3%205.17Q63.33%205.2%2063.33%205.25V5.9Q63.33%205.94%2063.3%205.97Q63.27%206%2063.23%206H59.37Q59.33%206%2059.3%205.97Q59.27%205.94%2059.27%205.9V0.1Q59.27%200.06%2059.3%200.03Q59.33%200%2059.37%200H63.23Q63.27%200%2063.3%200.03Q63.33%200.06%2063.33%200.1V0.75Q63.33%200.8%2063.3%200.83Q63.27%200.86%2063.23%200.86ZM68.11%205.92%2066.98%203.45Q66.96%203.42%2066.93%203.42H65.9Q65.85%203.42%2065.85%203.46V5.9Q65.85%205.94%2065.82%205.97Q65.79%206%2065.75%206H64.96Q64.92%206%2064.89%205.97Q64.86%205.94%2064.86%205.9V0.1Q64.86%200.06%2064.89%200.03Q64.92%200%2064.96%200H67.32Q67.84%200%2068.25%200.22Q68.65%200.44%2068.87%200.84Q69.09%201.23%2069.09%201.75Q69.09%202.34%2068.79%202.76Q68.49%203.17%2067.95%203.33Q67.93%203.33%2067.92%203.35Q67.91%203.37%2067.92%203.39L69.13%205.88Q69.15%205.91%2069.15%205.93Q69.15%206%2069.05%206H68.23Q68.14%206%2068.11%205.92ZM65.85%200.9V2.61Q65.85%202.65%2065.9%202.65H67.18Q67.59%202.65%2067.85%202.4Q68.1%202.16%2068.1%201.76Q68.1%201.35%2067.85%201.11Q67.59%200.86%2067.18%200.86H65.9Q65.85%200.86%2065.85%200.9ZM72.59%204.35V4.13Q72.59%204.09%2072.62%204.06Q72.65%204.03%2072.69%204.03H73.46Q73.5%204.03%2073.53%204.06Q73.56%204.09%2073.56%204.13V4.29Q73.56%204.69%2073.91%204.95Q74.26%205.21%2074.87%205.21Q75.39%205.21%2075.66%204.99Q75.93%204.77%2075.93%204.41Q75.93%204.17%2075.78%204.01Q75.63%203.84%2075.36%203.7Q75.09%203.57%2074.55%203.36Q73.95%203.14%2073.57%202.94Q73.19%202.74%2072.94%202.4Q72.69%202.07%2072.69%201.56Q72.69%200.81%2073.23%200.37Q73.78%20-0.07%2074.7%20-0.07Q75.34%20-0.07%2075.84%200.15Q76.33%200.38%2076.6%200.78Q76.88%201.17%2076.88%201.7V1.84Q76.88%201.89%2076.85%201.92Q76.82%201.95%2076.77%201.95H76Q75.96%201.95%2075.93%201.92Q75.9%201.89%2075.9%201.84V1.75Q75.9%201.35%2075.57%201.07Q75.24%200.79%2074.66%200.79Q74.19%200.79%2073.92%200.99Q73.66%201.18%2073.66%201.54Q73.66%201.8%2073.8%201.96Q73.94%202.13%2074.21%202.26Q74.49%202.39%2075.06%202.6Q75.67%202.83%2076.03%203.02Q76.4%203.21%2076.66%203.54Q76.92%203.88%2076.92%204.39Q76.92%205.16%2076.35%205.61Q75.78%206.07%2074.79%206.07Q74.13%206.07%2073.63%205.85Q73.13%205.64%2072.86%205.25Q72.59%204.87%2072.59%204.35ZM82.4%200.86H79.47Q79.43%200.86%2079.43%200.9V2.5Q79.43%202.55%2079.47%202.55H81.44Q81.48%202.55%2081.51%202.58Q81.54%202.61%2081.54%202.65V3.3Q81.54%203.34%2081.51%203.37Q81.48%203.4%2081.44%203.4H79.47Q79.43%203.4%2079.43%203.45V5.1Q79.43%205.14%2079.47%205.14H82.4Q82.44%205.14%2082.47%205.17Q82.5%205.2%2082.5%205.25V5.9Q82.5%205.94%2082.47%205.97Q82.44%206%2082.4%206H78.54Q78.5%206%2078.47%205.97Q78.44%205.94%2078.44%205.9V0.1Q78.44%200.06%2078.47%200.03Q78.5%200%2078.54%200H82.4Q82.44%200%2082.47%200.03Q82.5%200.06%2082.5%200.1V0.75Q82.5%200.8%2082.47%200.83Q82.44%200.86%2082.4%200.86ZM84.03%205.9V0.1Q84.03%200.06%2084.06%200.03Q84.09%200%2084.13%200H84.92Q84.96%200%2084.99%200.03Q85.02%200.06%2085.02%200.1V5.9Q85.02%205.94%2084.99%205.97Q84.96%206%2084.92%206H84.13Q84.09%206%2084.06%205.97Q84.03%205.94%2084.03%205.9ZM90.83%200.1V0.76Q90.83%200.81%2090.8%200.84Q90.77%200.87%2090.73%200.87H89.15Q89.11%200.87%2089.11%200.91V5.9Q89.11%205.94%2089.08%205.97Q89.05%206%2089.01%206H88.22Q88.17%206%2088.14%205.97Q88.11%205.94%2088.11%205.9V0.91Q88.11%200.87%2088.07%200.87H86.55Q86.51%200.87%2086.48%200.84Q86.45%200.81%2086.45%200.76V0.1Q86.45%200.06%2086.48%200.03Q86.51%200%2086.55%200H90.73Q90.77%200%2090.8%200.03Q90.83%200.06%2090.83%200.1ZM96.22%200.86H93.3Q93.26%200.86%2093.26%200.9V2.5Q93.26%202.55%2093.3%202.55H95.26Q95.31%202.55%2095.34%202.58Q95.37%202.61%2095.37%202.65V3.3Q95.37%203.34%2095.34%203.37Q95.31%203.4%2095.26%203.4H93.3Q93.26%203.4%2093.26%203.45V5.1Q93.26%205.14%2093.3%205.14H96.22Q96.27%205.14%2096.3%205.17Q96.33%205.2%2096.33%205.25V5.9Q96.33%205.94%2096.3%205.97Q96.27%206%2096.22%206H92.37Q92.32%206%2092.29%205.97Q92.26%205.94%2092.26%205.9V0.1Q92.26%200.06%2092.29%200.03Q92.32%200%2092.37%200H96.22Q96.27%200%2096.3%200.03Q96.33%200.06%2096.33%200.1V0.75Q96.33%200.8%2096.3%200.83Q96.27%200.86%2096.22%200.86ZM99.82%203.55Q99.82%203.28%2099.99%203.11Q100.17%202.94%20100.43%202.94Q100.7%202.94%20100.86%203.11Q101.03%203.28%20101.03%203.55Q101.03%203.81%20100.86%203.99Q100.69%204.16%20100.43%204.16Q100.17%204.16%2099.99%203.99Q99.82%203.81%2099.82%203.55Z%22%20fill%3D%22%238E9AB6%22/%3E%3C/svg%3E")}

/* Kopf */
.pp-kopf{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--mk-farbe-flaeche)}
.pp-kopf__innen{display:flex;align-items:center;gap:var(--mk-a-6);min-height:84px}
.pp-kopf__marke{display:flex;flex:0 0 auto}
.pp-logo{width:178px;height:auto;--logo-wort:var(--mk-tinte);--logo-akzent:var(--mk-handlung)}
.pp-logo--nacht{--logo-wort:var(--mk-weiss);--logo-akzent:var(--mk-akzent-500)}
.pp-nav{margin-left:auto}
.pp-nav ul,.pp-menue-liste ul{display:flex;gap:var(--mk-a-6);margin:0;padding:0;list-style:none}
.pp-nav a,.pp-menue-liste a{color:var(--mk-farbe-kopf);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);text-decoration:none;font-size:var(--mk-gr-text)}
.pp-nav a:hover{color:var(--mk-farbe-link-hover);text-decoration:underline;text-underline-offset:.25em}
.pp-kopf__termin{min-height:46px;padding:0 20px;font-size:var(--mk-gr-klein)}
.pp-menue{display:none;background:none;border:0;padding:10px;cursor:pointer}
.pp-menue span{display:block;width:24px;height:2px;margin:5px 0;background:var(--mk-farbe-kopf)}
.pp-menue-liste{border-top:1px solid var(--mk-farbe-rand);padding:var(--mk-a-4) var(--mk-rand-seite)}
.pp-menue-liste ul{flex-direction:column;gap:var(--mk-a-4)}
@media (max-width:980px){.pp-nav{display:none}.pp-menue{display:block}.pp-kopf__termin{margin-left:auto}}
@media (max-width:640px){.pp-kopf__termin{display:none}.pp-menue{margin-left:auto}}
.pp-aufnahme .pp-proto{display:none}
@media (max-width:520px){.pp-logo{width:138px}.pp-kopf__innen{min-height:68px;gap:var(--mk-a-3)}.pp-kopf__termin{padding:0 12px;min-height:42px}}

/* Held: H1, Lead, Note, Wegweiser; Emblem rechts angeschnitten, der Stichel zieht es einmal (reise.py) */
.pp-held{position:relative;overflow:hidden;padding-block:var(--mk-a-7) var(--mk-a-8)}
.pp-held__innen{position:relative}
.pp-held__innen > :not(.pp-emblem){position:relative;z-index:1}
.pp-held h1{margin:0;max-width:none}
.pp-h1-zeile{display:block}
.pp-held .mk-kopf__lead{max-width:46ch;text-wrap:pretty}
.pp-held .mk-wegweiser{max-width:720px}
.pp-held .mk-wegweiser ul{grid-auto-rows:1fr}
.pp-emblem{position:absolute;z-index:0;top:-28px;right:-210px;width:600px;height:auto;
 pointer-events:none;opacity:.95;animation:pp-emblem-ein .9s ease-out .15s both}
/* Ohne JavaScript nur ruhiges Einblenden; mit JavaScript zieht der Stichel die Linien (reise.py, aufbau). Nie wieder Uhrzeiger-Blende (20.10.2026) */
@keyframes pp-emblem-ein{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.pp-emblem{animation:none}}
@media (max-width:1239px){.pp-emblem{display:none}}
.pp-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--mk-a-2) var(--mk-a-3);margin:var(--mk-a-4) 0 0;color:var(--mk-farbe-text)}
.pp-note__zahl{font-family:var(--mk-font-zahl);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h3);font-variant-numeric:tabular-nums}
.pp-note__sterne{color:var(--mk-farbe-kopf);letter-spacing:.08em}
.pp-note--klein{font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-ergebnis{display:grid;gap:var(--mk-a-3)}
/* Bereichskarte (Runde 3): die Firma statt einer Person; Logo-Farben wie in den CI-Handbüchern (Dach Blau, CS Petrol, Beamte Kupfer) */
.pp-bereich{display:grid;gap:var(--mk-a-3);padding:var(--mk-a-5);background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius)}
.pp-bereich__kopf{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--mk-a-2) var(--mk-a-3)}
.pp-bereich__logo,.pp-bereich__bild{width:196px;height:auto;display:block;--logo-wort:var(--mk-tinte);--logo-zeile:var(--mk-tinte);--logo-ritter:var(--mk-tinte);--logo-akzent:var(--mk-handlung)}
.pp-bereich[data-marke] .pp-bereich__logo{--logo-akzent:var(--mk-marke-500);--logo-ritter:var(--mk-marke-700)}
.pp-bereich__zeile{margin:0 0 6px;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);font-size:var(--mk-gr-lead);color:var(--mk-farbe-kopf);line-height:var(--mk-zeile-eng)}
.pp-bereich__satz{margin:0;max-width:60ch;line-height:var(--mk-zeile-klein)}
.pp-bereich__knoepfe{display:flex;flex-wrap:wrap;gap:var(--mk-a-2)}
.pp-bereich__zentrale,.pp-bereich__weiter{margin:0}
.pp-bereich__zentrale span{color:var(--mk-farbe-leise)}
.pp-bereich__weiter{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont)}
.pp-bereich__team{display:flex;align-items:center;gap:var(--mk-a-3);margin:0;color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein)}
.pp-bereich__gesichter{display:flex;padding-left:10px}
.pp-bereich__gesicht{width:40px;height:40px;margin-left:-10px;border-radius:50%;border:2px solid var(--mk-farbe-flaeche);object-fit:cover}
.pp-zurueck{margin:0 0 var(--mk-a-2);color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein)}
.pp-berater__weiter{margin:var(--mk-a-2) 0 0;font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont)}

/* Gruppe: Schaubild „Siegel“ (siegel.py). Linien und Schrift nur in Rollenfarben auf Navy; Markenfarben je Feld über --pp-feld-farbe */
.pp-gruppe .pp-mikro{position:relative}
/* Bühne fürs Siegel; zugleich Abstand Emblem ↔ Wappen ≥ eine Bildschirmhöhe bei 2330 × 1300 (D-06, gemessen in sicht.py) */
.pp-gruppe__mehr{grid-area:mehr;margin:var(--mk-a-5) 0 0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont)}
.pp-siegel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"kopf bild" "legende bild" "karte bild" "mehr bild";
 grid-template-rows:auto auto auto 1fr;column-gap:var(--mk-a-8);align-items:start}
.pp-siegel__kopf{grid-area:kopf}
.pp-siegel__kopf h2{margin:0;text-wrap:balance}
.pp-siegel__satz{margin:var(--mk-a-3) 0 0;max-width:42ch;color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-lead);line-height:var(--mk-zeile-klein);text-wrap:pretty}
.pp-siegel__bild{grid-area:bild;align-self:center;justify-self:center;width:100%;max-width:680px;margin:0;container-type:inline-size}
.pp-siegel__svg{display:block;width:100%;height:auto;overflow:visible}
.pp-siegel__legende{grid-area:legende;display:grid;margin:var(--mk-a-6) 0 0;padding:0;list-style:none}
.pp-siegel__eintrag{display:grid;grid-template-columns:2.4ch minmax(0,1fr);gap:var(--mk-a-4);padding-block:var(--mk-a-4);border-top:1px solid var(--mk-farbe-rand-dunkel)}
.pp-siegel__eintrag:last-child{border-bottom:1px solid var(--mk-farbe-rand-dunkel)}
.pp-siegel__zahl{font-family:var(--mk-font-zahl);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-abschnitt);line-height:var(--mk-zeile-eng);font-variant-numeric:tabular-nums;color:var(--mk-farbe-auf-dunkel)}
.mk-band .pp-siegel__ringname{margin:0;color:var(--mk-farbe-auf-dunkel);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);font-size:var(--mk-gr-text)}
.mk-band .pp-siegel__namen{margin:var(--mk-a-1) 0 0;color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.mk-band .pp-siegel__namen a{color:var(--mk-farbe-auf-dunkel-leise);text-decoration:underline;text-decoration-color:var(--mk-farbe-rand-dunkel);text-underline-offset:.22em;transition:color var(--mk-dauer-kurz)}
.mk-band .pp-siegel__namen a:hover,.mk-band .pp-siegel__namen a:focus-visible,.mk-band .pp-siegel__namen a.ist-aktiv{color:var(--mk-farbe-auf-dunkel);text-decoration-color:currentColor}
.pp-siegel__karte{grid-area:karte;margin-top:var(--mk-a-5);padding:var(--mk-a-5);min-height:9.5em;border:1px solid var(--mk-farbe-rand-dunkel);border-radius:var(--mk-radius)}
.mk-band .pp-siegel__karte-name{margin:0;color:var(--mk-farbe-auf-dunkel);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h3);line-height:var(--mk-zeile-kopf)}
.mk-band .pp-siegel__karte-rolle{margin:var(--mk-a-1) 0 0;color:var(--mk-farbe-auf-dunkel)}
.mk-band .pp-siegel__karte-ring{margin:var(--mk-a-2) 0 0;color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-klein)}
.pp-siegel__karte-link{margin:var(--mk-a-3) 0 0;font-weight:var(--mk-staerke-betont)}
.pp-siegel__karte.pp-neu > *{animation:pp-auf var(--mk-dauer-kurz) ease both}
@keyframes pp-auf{from{opacity:0;transform:translateY(3px)}}
/* Zeichnung */
.pp-siegel__kreis{fill:none;stroke:var(--mk-farbe-auf-dunkel-leise);stroke-width:1.1;opacity:.55}
.pp-siegel__kreis[style*="--k:5"]{stroke-width:2.2;opacity:.75}
.pp-siegel__trenner{fill:none;stroke:var(--mk-farbe-auf-dunkel-leise);stroke-width:1;opacity:.4}
.pp-siegel__textur{fill:none;stroke:var(--pp-feld-farbe,var(--mk-farbe-auf-dunkel-leise));stroke-width:1.2;opacity:.9;transition:opacity var(--mk-dauer-kurz)}
[data-ring="alliance"] .pp-siegel__textur{opacity:.65}
[data-ring="trusted"] .pp-siegel__textur{opacity:.5}
.pp-siegel__schrift{fill:var(--mk-farbe-auf-dunkel-leise);transition:fill var(--mk-dauer-kurz),opacity var(--mk-dauer-kurz)}
[data-ring="gruppe"] .pp-siegel__schrift{fill:var(--mk-farbe-auf-dunkel)}
.pp-siegel__flaeche{fill:var(--mk-farbe-auf-dunkel);fill-opacity:0;transition:fill-opacity var(--mk-dauer-kurz)}
.pp-siegel__feld,.pp-siegel__herz{cursor:pointer}
.pp-siegel__feld.ist-aktiv .pp-siegel__flaeche{fill-opacity:.09}
.pp-siegel__feld.ist-aktiv .pp-siegel__schrift{fill:var(--mk-farbe-auf-dunkel)}
.pp-siegel__feld.ist-aktiv .pp-siegel__textur{opacity:1}
.pp-siegel.hat-wahl .pp-siegel__feld:not(.ist-aktiv) .pp-siegel__schrift{opacity:.5}
.pp-siegel__ring{transition:opacity var(--mk-dauer)}
.pp-siegel.hat-ring .pp-siegel__ring:not(.ist-aktiv){opacity:.28}
.pp-siegel__strahl{fill:none;stroke:var(--mk-farbe-auf-dunkel);stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:1;opacity:.8;pointer-events:none;transition:stroke-dashoffset .45s var(--mk-kurve)}
.pp-siegel__knoten{fill:var(--mk-farbe-auf-dunkel);opacity:0;pointer-events:none;transition:opacity .2s ease .3s}
.pp-siegel__feld.ist-aktiv .pp-siegel__strahl{stroke-dashoffset:0}
.pp-siegel__feld.ist-aktiv .pp-siegel__knoten{opacity:1}
@media (prefers-reduced-motion:reduce){.pp-siegel__strahl,.pp-siegel__knoten{transition:none}}
.pp-siegel__grund{fill:var(--mk-farbe-dunkel)}
.pp-siegel__linie-voll,.pp-siegel__wort{fill:var(--mk-farbe-auf-dunkel)}
.pp-siegel__marken{display:none}
.pp-siegel__marke{fill:var(--mk-farbe-dunkel);stroke:var(--mk-farbe-auf-dunkel-leise);stroke-width:1.4}
.pp-siegel__marke-zahl{fill:var(--mk-farbe-auf-dunkel)}
/* Bogenschrift nur, wenn auch der äußere Ring (15,5 Einheiten bei 720) mindestens 13 px groß wird: 13 / 15,5 × 720 = 604 px */
@container (max-width:603px){.pp-siegel__schrift{display:none}.pp-siegel__marken{display:inline}}
/* Das Siegel zeichnet sich einmal, wenn es ins Bild kommt: Ringe von innen nach außen, Felder im Uhrzeigersinn */
@media (prefers-reduced-motion:no-preference){
 .pp-siegel__kreis{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--mk-kurve) calc(var(--k) * 90ms)}
 .pp-siegel__feld,.pp-siegel__herz{transform-box:view-box;transform-origin:360px 360px}
 .pp-siegel__feld{transition:opacity .7s ease calc(.5s + var(--r) * .34s + var(--i) * 70ms),transform 1.1s cubic-bezier(.2,.7,.2,1) calc(.5s + var(--r) * .34s + var(--i) * 70ms)}
 .pp-siegel__herz{transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
 .pp-js [data-zeigen]:not(.ist-da) .pp-siegel__kreis{stroke-dashoffset:1}
 .pp-js [data-zeigen]:not(.ist-da) .pp-siegel__feld{opacity:0;transform:rotate(-12deg)}
 .pp-js [data-zeigen]:not(.ist-da) .pp-siegel__herz{opacity:0;transform:scale(.86)}
}
@media (max-width:900px){
 .pp-siegel{grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "bild" "karte" "legende" "mehr";grid-template-rows:none}
 .pp-siegel__bild{margin-top:var(--mk-a-6);max-width:560px}
}
.pp-unsichtbar{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Wappen-Start */
.pp-zwei--wappen{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.pp-knopfreihe{display:flex;align-items:center;gap:var(--mk-a-3);flex-wrap:wrap}
.pp-legende{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mk-a-2) var(--mk-a-6);margin:var(--mk-a-6) 0 0;padding:0;list-style:none;max-width:480px}
.pp-legende li{display:flex;align-items:center;gap:var(--mk-a-2);padding-block:var(--mk-a-2);border-bottom:1px solid var(--mk-farbe-rand);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
.pp-legende__zeichen{width:14px;height:14px;border:1.5px solid var(--mk-farbe-kopf);border-radius:var(--mk-radius-sm);background:var(--mk-farbe-flaeche)}
.pp-legende li[data-zustand="ja"] .pp-legende__zeichen{background:repeating-linear-gradient(180deg,var(--mk-farbe-kopf) 0 1.5px,transparent 1.5px 3.5px)}
.pp-legende__zustand{margin-left:auto;color:var(--mk-farbe-leise);font-weight:var(--mk-staerke-text);font-size:var(--mk-gr-klein)}
@media (max-width:900px){.pp-zwei.pp-zwei--wappen{grid-template-columns:minmax(0,1fr)}.pp-zwei--wappen .mk-wappen{order:-1}}
.pp-legende li{min-width:0}
@media (max-width:520px){.pp-legende{grid-template-columns:minmax(0,1fr)}}

/* Brief */
.pp-zwei--brief{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.pp-foto{margin:0}
.pp-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--mk-radius)}
.mk-brief__siegel{border-radius:50%}
/* Unterschriften schreiben sich, wenn der Brief ins Bild kommt (Maske läuft von links nach rechts) */
@property --pp-schrift{syntax:'<percentage>';inherits:false;initial-value:115%}
.mk-brief__unterschrift{-webkit-mask-image:linear-gradient(90deg,var(--mk-farbe-dunkel) var(--pp-schrift),transparent calc(var(--pp-schrift) + 15%));
 mask-image:linear-gradient(90deg,var(--mk-farbe-dunkel) var(--pp-schrift),transparent calc(var(--pp-schrift) + 15%))}
@keyframes pp-schreiben{from{--pp-schrift:-15%}to{--pp-schrift:115%}}
@media (prefers-reduced-motion:no-preference){
 .pp-js [data-zeigen]:not(.ist-da) .mk-brief__unterschrift{--pp-schrift:-15%}
 .pp-js [data-zeigen].ist-da .mk-brief__unterschrift{animation:pp-schreiben 1.5s cubic-bezier(.5,.1,.4,1) .4s both}
 .pp-js [data-zeigen].ist-da .mk-brief__person + .mk-brief__person .mk-brief__unterschrift{animation-delay:1.7s}
}

/* Stimmen */
.pp-stimmen__kopf{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--mk-a-4);margin-bottom:var(--mk-a-6)}
.pp-stimmen__kopf .pp-note{margin:0}
.pp-stimmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--mk-a-6)}
.pp-stimme{margin:0;display:grid;align-content:start;gap:var(--mk-a-4)}
.pp-stimme blockquote{margin:0;font-size:var(--mk-gr-lead);line-height:var(--mk-zeile-klein);color:var(--mk-farbe-kopf)}
.pp-stimme blockquote p{margin:0}
.pp-stimme blockquote p::before{content:"„"}.pp-stimme blockquote p::after{content:"“"}
.pp-stimme figcaption{display:grid;gap:2px;font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-stimme figcaption span{color:var(--mk-farbe-leise)}
.pp-stimmen__fuss{margin:var(--mk-a-6) 0 0;font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}

/* App: Film mit mitlaufenden Kapiteln */
.pp-zwei--app{align-items:center}
.pp-kapitel{display:grid;max-width:520px;margin:0 0 var(--mk-a-6);padding:0;list-style:none;border-top:1px solid var(--mk-farbe-rand)}
.pp-kapitel__knopf{position:relative;display:grid;gap:2px;width:100%;padding:var(--mk-a-3) 0;border:0;border-bottom:1px solid var(--mk-farbe-rand);background:none;text-align:left;font:inherit;cursor:pointer}
.pp-kapitel__titel{color:var(--mk-farbe-leise);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);font-size:var(--mk-gr-text);transition:color var(--mk-dauer-kurz)}
.pp-kapitel__satz{color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-kapitel__knopf[aria-current="true"] .pp-kapitel__titel{color:var(--mk-farbe-kopf)}
.pp-kapitel__knopf:hover .pp-kapitel__titel{color:var(--mk-farbe-link-hover)}
.pp-kapitel__lauf{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--mk-farbe-kopf);transform-origin:left center;transform:scaleX(var(--pp-lauf,0))}
.pp-kapitel__knopf:not([aria-current="true"]) .pp-kapitel__lauf{transform:scaleX(0)}
.pp-app{position:relative;justify-self:center;width:min(100%,540px);margin:0}
.pp-app__film{display:block;width:100%;height:auto;aspect-ratio:1;mix-blend-mode:multiply}
.pp-app__pause{position:absolute;right:14%;bottom:6%;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius-sm);background:var(--mk-farbe-flaeche);cursor:pointer;opacity:.75;transition:opacity var(--mk-dauer-kurz)}
.pp-app:hover .pp-app__pause,.pp-app__pause:focus-visible{opacity:1}
.pp-app__pause span{width:12px;height:14px;border-inline:4px solid var(--mk-farbe-kopf);box-sizing:border-box}
.pp-app__pause[aria-pressed="true"] span{border:0;width:12px;height:14px;background:var(--mk-farbe-kopf);clip-path:polygon(0 0,100% 50%,0 100%)}
@media (max-width:900px){
 .pp-zwei--app > div{display:contents}
 .pp-zwei--app{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .pp-zwei--app h2{order:1}.pp-zwei--app .pp-lead{order:2}.pp-app{order:3;margin-bottom:var(--mk-a-6)}.pp-kapitel{order:4}.pp-zwei--app .mk-knopf{order:5;align-self:flex-start}
}

/* Nachweise */
.pp-vertrauen{padding-top:0}
.pp-mitglied{margin:var(--mk-a-5) 0 0;color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}

/* Fuß */
.pp-fuss{background:var(--mk-farbe-dunkel-marke);color:var(--mk-farbe-auf-dunkel);padding-bottom:var(--mk-a-7)}
.pp-fuss .mk-container{display:grid;gap:var(--mk-a-6);padding-top:var(--mk-a-7)}
.pp-fuss__oben{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mk-a-4)}
.pp-fuss__kontakt{margin:0;font-size:var(--mk-gr-klein)}
.pp-fuss a{color:var(--mk-farbe-auf-dunkel);text-decoration:none}
.pp-fuss a:hover{text-decoration:underline;text-underline-offset:.2em}
.pp-fuss__spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--mk-a-6)}
.pp-fuss__titel{margin:0 0 var(--mk-a-3);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross)}
.pp-fuss ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--mk-a-2);font-size:var(--mk-gr-klein)}
.pp-fuss ul a{color:var(--mk-farbe-auf-dunkel-leise)}
.pp-fuss__absender{margin:0;padding-top:var(--mk-a-5);border-top:1px solid var(--mk-farbe-rand-dunkel);color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-fein)}

/* Schnellkontakt (#p4cta) */
.pp-leiste{position:fixed;z-index:30;right:var(--mk-a-5);bottom:calc(var(--mk-a-5) + env(safe-area-inset-bottom,0px));display:flex;gap:var(--mk-a-2);
 padding:var(--mk-a-2);background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);box-shadow:var(--mk-schatten-2)}
.pp-leiste .mk-knopf{min-height:46px;padding:0 18px;font-size:var(--mk-gr-klein)}
@media (max-width:640px){.pp-leiste{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0;padding:var(--mk-a-2) var(--mk-rand-seite) calc(var(--mk-a-2) + env(safe-area-inset-bottom,0px)) 84px;box-shadow:none}
 .pp-leiste .mk-knopf{flex:1 1 auto;white-space:nowrap;padding:0 14px}
 .pp-leiste .mk-knopf + .mk-knopf{flex:0 0 auto}}
/* 84px links: dort sitzt am Handy der Fingerabdruck-Knopf von Real Cookie Banner (x 18–72 px), sonst verdeckt er „Termin vereinbaren“ (gemessen 15.10.2026). */

/* Unterseiten: Kopf mit Nebenaktion rechts oben */
.pp-kopf-seite{padding-block:var(--mk-a-6) var(--mk-a-5)}
.pp-kopfzeile{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--mk-a-4)}
.pp-kopfzeile h1,.pp-kopf-seite h1{margin:0;max-width:22ch;text-wrap:balance}
.pp-kopfzeile__knoepfe{display:flex;flex-wrap:wrap;gap:var(--mk-a-2)}
.pp-kopf-seite .mk-kopf__lead{max-width:62ch;text-wrap:pretty}
.pp-logo--untermarke{--logo-wort:var(--mk-weiss);--logo-zeile:var(--mk-marke-300);--logo-akzent:var(--mk-marke-300)}
.mk-untermarke__logo{height:44px;width:auto}
/* Wappen-Check */
.pp-werkzeug{padding-bottom:var(--mk-a-8)}
.pp-quelle{margin:var(--mk-a-2) 0 0;color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-quelle a{color:inherit}
/* Runde 6: Urkundenblatt, Nachweisfrage, Echtheitsmerkmale stehen seit Kern 1.3.0 im Kern (B-32–B-36) */
@media (max-width:600px){.pp-kopf-seite .pp-kopfzeile .mk-knopf--umriss{position:absolute;top:var(--mk-a-5);left:auto;right:20px;margin:0;min-height:40px;padding:6px 14px;font-size:var(--mk-gr-klein)}}
@media (max-width:900px){.pp-kopf-seite{position:relative}}
/* Themen */
.pp-themen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--mk-a-5)}
.pp-thema{display:grid;gap:var(--mk-a-1);padding:var(--mk-a-5);background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);color:var(--mk-farbe-kopf);text-decoration:none}
.pp-thema strong{font-family:var(--mk-font-kopf);font-size:var(--mk-gr-h4)}
.pp-thema span{color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein)}
.pp-thema:hover strong{color:var(--mk-farbe-link-hover);text-decoration:underline;text-underline-offset:.2em}
/* Artikel und Fachseite */
.pp-artikel__raster{display:grid;grid-template-columns:minmax(0,var(--mk-lesebreite)) minmax(220px,300px);gap:var(--mk-a-8);justify-content:space-between;align-items:start}
.pp-artikel__seite{position:sticky;top:calc(env(safe-area-inset-top,0px) + 108px)}
.pp-artikel .mk-prose h2{scroll-margin-top:110px}
.pp-artikel--oben{padding-top:var(--mk-a-5)}
[data-ansicht="fach"] .pp-artikel{padding-top:var(--mk-a-7)}
@media (max-width:960px){.pp-artikel__raster{grid-template-columns:minmax(0,1fr)}.pp-artikel__seite{position:static;order:-1}}
.mk-prose .mk-merkpunkt{margin-block:var(--mk-a-7)}
.mk-merkpunkt__rueck{margin:var(--mk-a-2) 0 0;font-weight:var(--mk-staerke-betont)}
.pp-autor{display:flex;align-items:center;gap:var(--mk-a-3);margin:var(--mk-a-5) 0 0;font-size:var(--mk-gr-klein)}
.mk-autor__foto{width:44px;height:44px;border-radius:50%;object-fit:cover}
.pp-zahlen dd{font-variant-numeric:tabular-nums}
.pp-zahlen-abschnitt{padding-bottom:var(--mk-a-8)}
.pp-cta-karte .mk-berater{background:var(--mk-farbe-flaeche)}
.mk-band .pp-cta-karte .mk-berater :where(p){color:var(--mk-farbe-text)}
.mk-band .pp-cta-karte .mk-berater__name{color:var(--mk-farbe-kopf)}
.mk-band .pp-cta-karte .mk-berater__rolle{color:var(--mk-farbe-leise)}
.mk-band .pp-cta-karte a.mk-berater__tel{color:var(--mk-farbe-kopf)}
.mk-band .pp-cta-karte .pp-berater__weiter a{color:var(--mk-farbe-link)}
/* Prototyp-Umschalter (nicht Teil des Designs) */
.pp-proto{position:fixed;z-index:40;left:12px;bottom:12px;font:600 13px/1.2 Barlow,Arial,sans-serif}
.pp-proto summary{cursor:pointer;list-style:none;background:var(--mk-farbe-dunkel);color:var(--mk-farbe-auf-dunkel);padding:8px 12px;border-radius:var(--mk-radius)}
.pp-proto summary::-webkit-details-marker{display:none}
.pp-proto ul{margin:6px 0 0;padding:6px;list-style:none;background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);box-shadow:var(--mk-schatten-2)}
.pp-proto a{display:block;padding:6px 10px;color:var(--mk-farbe-kopf);text-decoration:none}
.pp-proto a[aria-current="page"]{background:var(--mk-farbe-flaeche-marke)}
@media (max-width:640px){.pp-proto{bottom:76px}}
/* ---- W1-Ansichten (Plan Teil B, Task 3) ---- */
.pp-zwei--oben{align-items:start}
.pp-feldgruppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--mk-a-6) var(--mk-a-7)}
.pp-feldgruppe h3{display:flex;align-items:center;gap:var(--mk-a-3);margin:0 0 var(--mk-a-3)}
.pp-feldfigur{flex:0 0 auto;width:30px;height:30px;fill:var(--mk-marke-700)}
.pp-feldgruppe ul,.pp-linkliste,.pp-team-leute{list-style:none;margin:0;padding:0}
.pp-feldgruppe ul{display:grid;gap:var(--mk-a-3)}
.pp-feldgruppe a{display:grid;gap:var(--mk-a-1);text-decoration:none;color:var(--mk-farbe-kopf)}
.pp-feldgruppe a strong{text-decoration:underline;text-decoration-color:var(--mk-farbe-rand);text-underline-offset:.2em}
.pp-feldgruppe a:hover strong{color:var(--mk-farbe-aktion);text-decoration-color:currentColor}
.pp-feldgruppe a span{color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-linkliste{display:grid;gap:var(--mk-a-2)}
.pp-linkliste--zwei{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));column-gap:var(--mk-a-6)}
.pp-beraterin{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--mk-a-8);align-items:start}
.pp-beraterin__person{display:grid;gap:var(--mk-a-2);position:sticky;top:var(--mk-a-8)}
.pp-foto{border-radius:50%;object-fit:cover}
.pp-beraterin__foto{width:160px;height:160px}
.pp-beraterin__person p{margin:0}
.pp-beraterin__name{font-family:var(--mk-font-kopf);font-size:var(--mk-gr-h4);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
.pp-team{display:grid}
.pp-team-zweig{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:var(--mk-a-6);padding-block:var(--mk-a-7);border-top:1px solid var(--mk-farbe-rand)}
.pp-team-zweig h2{font-size:var(--mk-gr-h3);margin:0}
.pp-team-leute{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--mk-a-6)}
.pp-person{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--mk-a-4);align-items:start}
.pp-person p{margin:0}
.pp-person>div{max-width:var(--mk-lesebreite)}   /* SATZ.md T-03: ein Mensch allein im Zweig lief sonst auf 107 Zeichen */
.pp-person__bild{width:96px;height:96px}
.pp-person__monogramm{display:grid;place-items:center;border:1px solid var(--mk-farbe-rand);color:var(--mk-farbe-kopf);font-family:var(--mk-font-kopf);font-size:var(--mk-gr-h3);font-weight:var(--mk-staerke-betont)}
.pp-person__name{font-family:var(--mk-font-kopf);font-size:var(--mk-gr-h4);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
.pp-person__rolle{color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein);margin-bottom:var(--mk-a-2)!important}
.pp-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--mk-a-5)}
.pp-weg p{margin:0}
.pp-weg__titel{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf);margin-bottom:var(--mk-a-2)!important}
.pp-kontakt-formular{display:grid;gap:var(--mk-a-4);max-width:46rem}
.pp-kontakt-formular h2{margin:0}
.pp-antwortet__zeile{display:flex;align-items:center;gap:var(--mk-a-4);margin:0;padding-left:10px;color:var(--mk-farbe-leise)}
.pp-formular-platz{padding:var(--mk-a-6);border:1.5px dashed var(--mk-grau-300);border-radius:var(--mk-radius);color:var(--mk-farbe-leise)}
.pp-formular-platz p{margin:0}
.pp-anschrift{display:flex;flex-wrap:wrap;gap:var(--mk-a-4) var(--mk-a-8);align-items:end;justify-content:space-between}
.pp-anschrift p{margin:0}
@media (max-width:900px){.pp-beraterin,.pp-team-zweig{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-5)}.pp-beraterin__person{position:static}}

[data-marke="cs"]{
	--mk-marke-900: #043D47; /* Nacht-Petrol */
	--mk-marke-700: #1B5A66; /* Petrol (#1B5A66) */
	--mk-marke-500: #4F818C;
	--mk-marke-300: #A8C0C6;
	--mk-marke-100: #EBF2F3;
	--mk-farbe-marke: var(--mk-marke-700, #495746);        /* Unterscheidungsfarbe: Deskriptor, Markenakzent */
	--mk-farbe-flaeche-marke: var(--mk-marke-100, #E7EBE0);/* Markenfläche hell: Faktenleiste, Kasten */
	--mk-farbe-dunkel-marke: var(--mk-marke-900, #2C3529); /* dunkle Hausfläche der Marke: Kopf, CTA, og:image */
	--mk-farbe-auf-dunkel-leise: var(--mk-marke-300, #A9B793); /* nur auf dunkel */
	--mk-farbe-rand-blatt: var(--mk-marke-300, #AEB7CF);        /* Haarrahmen des Urkundenblatts, Feldweg (Kern 1.3) */
	--mk-farbe-erledigt: var(--mk-marke-700, #495746);
}
[data-marke="beamte"]{
	--mk-marke-900: #62361C; /* Nacht-Kupfer */
	--mk-marke-700: #87502F; /* Kupfer (#87502F) */
	--mk-marke-500: #B07959;
	--mk-marke-300: #D5B5A4;
	--mk-marke-100: #F8EFEA;
	--mk-farbe-marke: var(--mk-marke-700, #495746);        /* Unterscheidungsfarbe: Deskriptor, Markenakzent */
	--mk-farbe-flaeche-marke: var(--mk-marke-100, #E7EBE0);/* Markenfläche hell: Faktenleiste, Kasten */
	--mk-farbe-dunkel-marke: var(--mk-marke-900, #2C3529); /* dunkle Hausfläche der Marke: Kopf, CTA, og:image */
	--mk-farbe-auf-dunkel-leise: var(--mk-marke-300, #A9B793); /* nur auf dunkel */
	--mk-farbe-rand-blatt: var(--mk-marke-300, #AEB7CF);        /* Haarrahmen des Urkundenblatts, Feldweg (Kern 1.3) */
	--mk-farbe-erledigt: var(--mk-marke-700, #495746);
}

/* Reise ins Emblem (Runde 2): Bühne klebt, Texte laufen darüber. Höhen je Station = Scrollweg. */
.pp-reise{position:relative}
.pp-reise__buehne{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;overflow:hidden;pointer-events:none;z-index:0}
.pp-reise__bild,.pp-reise__gl{display:block;width:100%;height:100%}
.pp-reise__gl{position:absolute;inset:0}
.pp-reise__fluss{position:relative;z-index:1}
.pp-reise--an .pp-emblem{visibility:hidden;animation:none}
/* „Reise überspringen“ (Runde 4): nie über dem Bildzeichen. Breit über dem Schnellkontakt, schmal oben rechts; sichtbar
   erst, wenn die Leiste angedockt ist (vorher wanderte der Knopf mit dem Text durchs Emblem, Bild 13). Lage setzt das Skript. */
.pp-reise__leiste{position:sticky;top:var(--pp-weiter-oben,calc(env(safe-area-inset-top,0px) + 80px));height:0;z-index:5;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:var(--pp-weiter-rechts,var(--mk-rand-seite))}
.pp-reise__weiter{display:inline-block;padding:6px 12px;font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-handlung);
 background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);text-decoration:none;transition:opacity .2s,visibility .2s}
.pp-reise__weiter:hover{text-decoration:underline}
.pp-reise--an .pp-reise__leiste:not([data-angedockt]) .pp-reise__weiter{opacity:0;visibility:hidden}
.pp-reise[data-nacht] .pp-reise__weiter{color:var(--mk-farbe-auf-dunkel);background:var(--mk-marke-900);border-color:var(--mk-farbe-rand-dunkel)}
.pp-station{display:flex;align-items:center;min-height:100vh}
.pp-station > .mk-container{width:100%}
[data-station="anflug"]{min-height:80vh;min-height:80svh}
[data-station="bereiche"]{min-height:140vh;min-height:140svh;align-items:flex-end;padding-bottom:12svh}
[data-station="alliance"],[data-station="netzwerk"]{min-height:92vh;min-height:92svh}
[data-station="ende"]{min-height:100vh;min-height:100svh}
.pp-reise__stationen{padding-bottom:28vh;padding-bottom:28svh}
.pp-station__karte{width:min(31rem,100%);padding:var(--mk-a-6);background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius)}
.pp-station__karte h2,.pp-station__karte h3{margin:0;font-size:var(--mk-gr-h3);text-wrap:balance}
.pp-station__karte h2{font-size:var(--mk-gr-h2)}
.pp-station__karte > p{margin:var(--mk-a-3) 0 0;line-height:var(--mk-zeile-klein);text-wrap:pretty}
.pp-station[data-dunkel] .pp-station__karte{background:var(--mk-marke-900);border-color:var(--mk-farbe-rand-dunkel);color:var(--mk-farbe-auf-dunkel)}
.pp-station[data-dunkel] .pp-station__karte h3{color:var(--mk-farbe-auf-dunkel)}
.pp-station__liste{display:grid;margin:var(--mk-a-5) 0 0;padding:0;list-style:none}
.pp-station__liste li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--mk-a-3);align-items:baseline;padding:var(--mk-a-2) var(--mk-a-3);
 margin-inline:calc(-1 * var(--mk-a-3));border-top:1px solid var(--mk-farbe-rand-dunkel);transition:background-color .25s}
.pp-station__liste li.ist-aktiv{background:var(--mk-farbe-rand-dunkel)}
.pp-station__karte.hat-aktiv .pp-station__liste li:not(.ist-aktiv) a{color:var(--mk-farbe-auf-dunkel-leise)}
.pp-station__blatt path{fill-opacity:0;transition:fill-opacity .25s}
.pp-station__liste li.ist-aktiv .pp-station__blatt path{fill-opacity:1}
.pp-station__liste li:not(:has(svg)){grid-template-columns:minmax(0,1fr)}
.pp-station__liste a{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-auf-dunkel);text-decoration-color:var(--mk-farbe-auf-dunkel-leise)}
.pp-station__liste a:hover,.pp-station__liste a:focus-visible{text-decoration-color:currentColor}
.pp-station__rolle{grid-column:-2/-1;color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pp-station__blatt{width:10px;height:16px;align-self:center;grid-row:span 2}
.pp-station__weiter{margin:var(--mk-a-4) 0 0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont)}
@media (min-width:1000px){[data-station="bereiche"]{align-items:center;padding-bottom:0}}
/* Rundgang (Runde 3): Karte klebt, während die Kamera Bereich für Bereich zeigt; Höhe des Kastens setzt das Skript */
.pp-reise--an .pp-station[data-tour]{display:block;min-height:0;padding-block:20vh;padding-block:20svh}
.pp-reise--an .pp-station[data-tour] .pp-station__karte{position:sticky;top:var(--pp-karte-oben,120px)}
@media (prefers-reduced-motion:reduce){.pp-station__liste li,.pp-station__blatt path,.pp-reise__weiter{transition:none}}
@media (max-width:999px){
 .pp-station{align-items:flex-end;padding-bottom:6svh}
 [data-station="bereiche"]{min-height:112vh;min-height:112svh}
 [data-station="alliance"],[data-station="netzwerk"]{min-height:88vh;min-height:88svh}
 [data-station="ende"]{min-height:95vh;min-height:95svh}
 .pp-reise__stationen{padding-bottom:25vh;padding-bottom:25svh}
 .pp-station__karte{padding:var(--mk-a-5)}
}
@media (max-width:640px){.pp-station{padding-bottom:calc(72px + 4svh)}
 /* Handy: nur die Namen, damit das Schaubild über der Karte frei bleibt (Rollen stehen auf den Zielseiten) */
 .pp-station__rolle{display:none}.pp-station__blatt{grid-row:auto}.pp-station__liste li{padding-block:6px}
 .pp-reise--an .pp-station[data-tour] .pp-station__karte > p{display:none}}


/* Theme, Befund Vorschau 12.10.2026: Unser Kopf klebt (92 px). Fachseiten mit eigener klebender Unternavigation (#p4-nav auf D&O)
   behalten ihr heutiges Verhalten (Kopf läuft mit), Seitenleisten (.l-anchor, .faq-side, top 80 px) rücken unter den Kopf. */
body:not(.pd-eigen):has(#p4-nav) .pp-kopf{position:relative}
body:not(.pd-eigen) .l-anchor,body:not(.pd-eigen) .faq-side{top:calc(var(--pd-kopf-h,92px) + 16px)!important}
/* Theme: Sprunglink und Vorleser-Texte von WordPress/Blocksy (deren CSS fehlt auf W1-Seiten absichtlich) */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus,.screen-reader-text:focus{z-index:100;top:var(--mk-a-2);left:var(--mk-a-2);width:auto;height:auto;margin:0;padding:var(--mk-a-2) var(--mk-a-4);
 clip:auto;background:var(--mk-farbe-flaeche);color:var(--mk-farbe-link);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont)}
/* Theme: Elementor-Formular auf /kontakt/ (Vorlage aus Seite 210, Widget 59610e6) */
.pd-formular .elementor-form-fields-wrapper{display:grid;gap:var(--mk-a-4)}
.pd-formular .elementor-field-group{display:grid;gap:var(--mk-a-1);width:100%;padding:0;margin:0}
.pd-formular label{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
.pd-formular .elementor-field-textual{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--mk-grau-300);border-radius:var(--mk-radius);
 background:var(--mk-farbe-flaeche);color:var(--mk-farbe-text);font:inherit}
.pd-formular .elementor-field-textual:focus{outline:2px solid var(--mk-farbe-link);outline-offset:1px}
.pd-formular .elementor-button{min-height:48px;padding:0 24px;border:0;border-radius:var(--mk-radius);background:var(--mk-farbe-link);
 color:var(--mk-farbe-auf-dunkel);font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);cursor:pointer}
.pd-formular .elementor-message{margin-top:var(--mk-a-3)}
.pd-formular-ersatz{padding:var(--mk-a-6);border:1px solid var(--mk-grau-300);border-radius:var(--mk-radius)}
.pd-formular-ersatz p{margin:0 0 var(--mk-a-2)}

/* Brücke paladinum.de: Fachseiten-Markup #p4do (paladinum-seo: p4do.css, p4blocks.css, sparten.css) → Kern 1.3.0.
 * Plan Teil B2, D-42 (Variante A): Der Inhalt bleibt in der Datenbank, nur sein Aussehen folgt dem Kern. Gilt nur unter
 * .pd-fach (Fachseiten-Vorlage des Themes paladinum-dach). Lädt nach p4do.css/p4blocks.css/sparten.css.
 * 1. Variablen der Altgestaltung auf Kern-Rollen   2. Standardlooks neutralisieren (Eyebrow, kursive Akzentwörter,
 * 01/02/03, Pillen, Hover-Sprünge, Oberkanten)   3. Plugin-Blöcke im Kern-Look (Inhaltsverzeichnis, Querverweis,
 * Zwischenangebot, Fragen-Box auf dem Urkundenblatt, Autorenbox, Verwandte Themen als Weiterlesen). */

/* ── 1. Variablen ───────────────────────────────────────────────────── */
.pd-fach{
 --p4-grund:var(--mk-farbe-flaeche);--p4-flaeche:var(--mk-farbe-flaeche);--p4-text:var(--mk-farbe-kopf);--p4-text-leise:var(--mk-farbe-text);
 --p4-akzent:var(--mk-farbe-link);--p4-akzent-hell:var(--mk-farbe-auf-dunkel);--p4-linie:var(--mk-farbe-rand);--p4-schrift:var(--mk-font-text);
 --p4-i-flaeche:var(--mk-farbe-flaeche-marke);--p4-i-leise:var(--mk-farbe-leise);--p4-i-linie:var(--mk-farbe-rand);--p4-i-petrol:var(--mk-farbe-link);
 --p4-i-text:var(--mk-farbe-text);--p4-link:var(--mk-farbe-link);--p4-link-hover:var(--mk-farbe-kopf);--p4-link-linie:currentColor}
.pd-fach #p4do{
 --navy:var(--mk-farbe-kopf);--navy-2:var(--mk-farbe-dunkel);--blue:var(--mk-farbe-link);--blue-2:var(--mk-farbe-link);--blue-3:var(--mk-farbe-link);
 --warn:var(--mk-farbe-kopf);/* Schadensummen ohne Alarmrot: keine Angstbilder (KONZEPT § 7) */--sky:var(--mk-farbe-rand-blatt);--sky-2:var(--mk-farbe-auf-dunkel-leise);--bg:var(--mk-farbe-flaeche-2);
 --bg-2:var(--mk-farbe-flaeche-marke);--white:var(--mk-farbe-flaeche);--paper:var(--mk-farbe-flaeche);--ink:var(--mk-farbe-text);--ink-2:var(--mk-farbe-text);
 --ink-3:var(--mk-farbe-text);--ink-4:var(--mk-farbe-leise);--border:var(--mk-farbe-rand);--border-2:var(--mk-farbe-rand-blatt);
 --r-sm:var(--mk-radius);--r-md:var(--mk-radius);--r-lg:var(--mk-radius);--r-xl:var(--mk-radius);--r-pill:var(--mk-knopf-radius);
 --sh-xs:none;--sh-sm:none;--sh-md:none;--sh-lg:none;--serif:var(--mk-font-kopf);--sans:var(--mk-font-text);--p4-link:var(--mk-farbe-link);
 font-family:var(--mk-font-text);color:var(--mk-farbe-text);background:transparent;font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text)}
.pd-fach #p4do .cta-inner,.pd-fach #p4do .r-result-panel,.pd-fach #p4do .p4x-dunkel,.pd-fach #p4do .l-anchor,.pd-fach #p4do .hero{--p4-link:var(--mk-farbe-auf-dunkel)}

/* ── 2. Raster und Abstände: der Inhalt steht in der Lesespalte der Vorlage ── */
.pd-fach #p4do .wrap{width:auto;max-width:none;margin:0}
.pd-fach #p4do .sec{padding:var(--mk-a-7) 0}
.pd-fach #p4do .sec:first-of-type{padding-top:0}
.pd-fach #p4do .sec-sm{padding:var(--mk-a-6) 0}
.pd-fach #p4do .leistung-bg,.pd-fach #p4do .rechner-bg{background:transparent}

/* Standardlooks neutralisieren (Verbotsliste): Eyebrow, kursive Akzentwörter, 01/02/03, Pillen, Oberkante, Hover-Sprung */
.pd-fach .eyebrow,.pd-fach .eyebrow-inv,.pd-fach .p4kb-eyebrow,.pd-fach .p4au-eyebrow,.pd-fach .p4vw-eyebrow,.pd-fach .case-norm{display:none!important}
.pd-fach #p4do em,.pd-fach #p4do i{font-style:normal!important;color:inherit!important}   /* auch #p4do .hero h1 em (1,1,2) */
.pd-fach #p4do .hero-footnote-num{font-style:normal;font-family:var(--mk-font-zahl,var(--mk-font-kopf));font-weight:var(--mk-staerke-kopf-gross)}
/* gesperrte Versalien (Labels in Werkzeugen, Kicker): Kern lauf-label, nie Großbuchstaben */
.pd-fach .pd-p4 *{text-transform:none!important}
/* SATZ.md T-01: Hilfe- und Normtexte laufen in Lesegröße (15–17 px) und bekommen keine Label-Laufweite */
.pd-fach .pd-p4 :is([class*="label"],[class*="kicker"],[class*="einheit"],[class*="badge"],.case-amount){letter-spacing:var(--mk-lauf-label)!important}
.pd-fach .pd-p4 :is(h1,h2){font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross)}
.pd-fach #p4do .risk-n:not(.p4x-zeit){display:none}
.pd-fach #p4do .risk-n.p4x-zeit{display:inline-block;width:auto;height:auto;padding:0;margin:0 0 var(--mk-a-1);border:0;background:none;
 font-family:var(--mk-font-text);font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont);letter-spacing:0;color:var(--mk-farbe-leise)}
.pd-fach #p4do .risk-card::before,.pd-fach #p4do .cta-sec::before,.pd-fach #p4do .hero::before,.pd-fach #p4do .hero::after{display:none}
.pd-fach #p4do .risk-card:hover,.pd-fach #p4do .case-card:hover,.pd-fach #p4do .l-item:hover,.pd-fach #p4do .btn:hover{transform:none}
.pd-fach #p4do .reveal,.pd-fach #p4do .reveal-left,.pd-fach #p4do.p4do-anim .reveal:not(.in),.pd-fach #p4do.p4do-anim .reveal-left:not(.in),
.pd-fach #p4do .hero h1 .word{opacity:1!important;transform:none!important;transition:none}
.pd-fach #p4do .btn::after{display:none}

/* Überschriften und Text im Kern */
.pd-fach #p4do .s-title{margin-top:0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h2);
 line-height:var(--mk-zeile-kopf);letter-spacing:var(--mk-lauf-kopf);color:var(--mk-farbe-kopf);hyphens:auto;text-wrap:balance}
.pd-fach #p4do .s-title-inv{color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do .s-lead{margin-top:var(--mk-a-3);max-width:var(--mk-lesebreite);font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text);color:var(--mk-farbe-text)}
.pd-fach #p4do .s-lead-inv{color:var(--mk-farbe-auf-dunkel-leise)}
.pd-fach #p4do h3{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);letter-spacing:0;color:var(--mk-farbe-kopf)}
.pd-fach #p4do p,.pd-fach #p4do li{font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text)}
.pd-fach #p4do strong{color:inherit}
.pd-fach #p4do a.p4lnk,.pd-fach #p4do p a,.pd-fach #p4do li a{color:var(--mk-farbe-link);text-decoration:underline;text-underline-offset:.2em}

/* Karten, Fälle, Listen: flach, Haarlinie, ohne Schatten */
.pd-fach #p4do .risk-grid{margin-top:var(--mk-a-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--mk-a-3)}
.pd-fach #p4do .risk-grid.p4x-vier,.pd-fach #p4do .risk-grid.p4x-fuenf{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.pd-fach #p4do .risk-card,.pd-fach #p4do .case-card,.pd-fach #p4do .l-item{padding:var(--mk-a-5);border:1px solid var(--mk-farbe-rand);
 border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche);box-shadow:none;transition:none}
.pd-fach #p4do .risk-card h3{font-size:var(--mk-gr-h4);margin-bottom:var(--mk-a-2)}
.pd-fach #p4do .risk-card p,.pd-fach #p4do .case-card p,.pd-fach #p4do .l-item p{font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein)}
.pd-fach #p4do .cases-grid{margin-top:var(--mk-a-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--mk-a-3)}
.pd-fach #p4do .case-label strong{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h4)}
.pd-fach #p4do .case-amount{white-space:normal;border:0;border-radius:0;background:none;padding:0;font-size:var(--mk-gr-klein);letter-spacing:0;color:var(--mk-farbe-kopf)}
.pd-fach #p4do .cases-footer{margin-top:var(--mk-a-4);padding:var(--mk-a-5);border:0;border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche-marke);
 font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text);color:var(--mk-farbe-text)}
.pd-fach #p4do .l-badge{background:var(--mk-farbe-flaeche-marke);color:var(--mk-farbe-kopf);border-radius:var(--mk-radius)}
.pd-fach #p4do .leistung-grid{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-5)}
.pd-fach #p4do .l-anchor{position:static!important;padding:var(--mk-a-6);border-radius:var(--mk-radius);background:var(--mk-farbe-dunkel)}
.pd-fach #p4do .stats-band{background:var(--mk-farbe-dunkel) var(--mk-echt-unterdruck-nacht,none) 0 0/144px 144px;border-radius:var(--mk-radius)}
.pd-fach #p4do .stat-block{background:transparent;border-color:var(--mk-farbe-rand-dunkel);box-shadow:none;color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do .stat-num{font-family:var(--mk-font-zahl,var(--mk-font-kopf));font-style:normal!important;font-weight:var(--mk-staerke-kopf-gross);color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do table{width:100%;border-collapse:collapse;font-size:var(--mk-gr-klein)}
.pd-fach #p4do th,.pd-fach #p4do td{padding:var(--mk-a-2) var(--mk-a-3);border-bottom:1px solid var(--mk-farbe-rand);text-align:left;vertical-align:top}
.pd-fach #p4do th{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)!important;background:var(--mk-farbe-flaeche-2)!important}
@media (max-width:700px){.pd-fach .pd-p4 table{display:block;max-width:100%;overflow-x:auto}}

/* Knöpfe im Inhalt: Kern-Knopf (B-12), eckig, ohne Schimmer */
.pd-fach #p4do .btn,.pd-fach #p4do .r-btn{min-height:48px;padding:12px 22px;border-radius:var(--mk-knopf-radius);font-family:var(--mk-font-kopf);
 font-weight:var(--mk-staerke-betont);font-size:var(--mk-gr-text);letter-spacing:0;box-shadow:none;white-space:normal}
.pd-fach #p4do .btn-navy{background:var(--mk-farbe-aktion,var(--mk-farbe-link));color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do .btn-white{background:var(--mk-farbe-flaeche);color:var(--mk-farbe-kopf)}
.pd-fach #p4do .btn-ghost,.pd-fach #p4do .btn-outline{background:transparent;color:inherit;border:1.5px solid currentColor}

/* Navy-Flächen im Inhalt (Abschluss-CTA, Einstieg D&O): Kern-Band mit Unterdruck (B-35), kein Verlauf, kein Wasserzeichen */
.pd-fach #p4do .cta-sec{margin-block:var(--mk-a-6);padding:var(--mk-a-7) var(--mk-a-6);border-radius:var(--mk-radius);background:var(--mk-farbe-dunkel) var(--mk-echt-unterdruck-nacht,none) 0 0/144px 144px;text-align:left}
.pd-fach #p4do .cta-inner{max-width:none;margin:0}
.pd-fach #p4do .cta-inner h2{margin-top:0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h2);letter-spacing:0;line-height:var(--mk-zeile-kopf);color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do .cta-inner p{margin-top:var(--mk-a-3);color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-text)}
.pd-fach #p4do .cta-btns{justify-content:flex-start}
.pd-fach #p4do .cta-sec .btn-white,.pd-fach #p4do .cta-sec .btn-ghost{min-width:0}
.pd-fach #p4do .hero{min-height:0;padding:var(--mk-a-8) var(--mk-a-6);border-radius:var(--mk-radius);background:var(--mk-farbe-dunkel) var(--mk-echt-unterdruck-nacht,none) 0 0/144px 144px}
.pd-fach #p4do .hero h1{margin-top:0;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h1);letter-spacing:var(--mk-lauf-kopf);line-height:var(--mk-zeile-kopf);color:var(--mk-farbe-auf-dunkel);hyphens:auto}
.pd-fach #p4do .hero-lead{color:var(--mk-farbe-auf-dunkel-leise);font-size:var(--mk-gr-lead)}
.pd-fach #p4do .p4-nav{position:static;background:var(--mk-farbe-flaeche);border-bottom:1px solid var(--mk-farbe-rand);box-shadow:none}

/* Dunkle Flächen im Inhalt (Band, Anker, Ergebnis): Text hell, auch wo oben .s-title auf Kopf-Farbe gesetzt ist */
.pd-fach #p4do :is(.p4x-band,.p4x-dunkel,.l-anchor,.r-result-panel,.cta-sec,.hero,.stats-band) :is(.s-title,h2,h3,strong){color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do :is(.p4x-band,.p4x-dunkel,.l-anchor,.r-result-panel,.cta-sec,.hero,.stats-band) :is(p,li,.s-lead){color:var(--mk-farbe-auf-dunkel-leise)}
.pd-fach #p4do :is(.p4x-band,.p4x-dunkel,.stats-band) :is(.risk-card,.case-card,.l-item){background:transparent;border-color:var(--mk-farbe-rand-dunkel)}
.pd-fach #p4do :is(.p4x-band,.p4x-dunkel,.stats-band) :is(.risk-card,.case-card,.l-item) :is(h3,p,li,strong,span){color:var(--mk-farbe-auf-dunkel)}
.pd-fach #p4do .p4x-band{padding-inline:var(--mk-a-6);border-radius:var(--mk-radius);background:var(--mk-farbe-dunkel) var(--mk-echt-unterdruck-nacht,none) 0 0/144px 144px}

/* Werkzeuge (Rechner, Vergleich): nur Farben und Ecken, Logik und Aufbau bleiben */
.pd-fach #p4do :is(.p4x-calc,.p4x-calc-panel,.rechner-wrap,.r-panel){min-width:0;max-width:100%}
.pd-fach #p4do .r-panel,.pd-fach #p4do .r-result-panel,.pd-fach #p4do .pdf-card,.pd-fach #p4do .p4x-calc-panel{border-radius:var(--mk-radius);box-shadow:none}
.pd-fach #p4do .p4x-chips span,.pd-fach #p4do .p4x-chips a{border-radius:var(--mk-radius)}

/* ── 3. Plugin-Blöcke ───────────────────────────────────────────────── */
/* Inhaltsverzeichnis (#p4toc) in der Seitenleiste: B-06 */
.pd-fach #p4toc{width:auto;margin:0;padding:0;font-family:var(--mk-font-text)}
.pd-fach #p4toc h2{margin:0 0 var(--mk-a-3);font-family:var(--mk-font-kopf);font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont);
 letter-spacing:0;text-transform:none;color:var(--mk-farbe-leise)}
.pd-fach #p4toc .p4toc-pfeil{display:none}
.pd-fach #p4toc ul{display:grid;gap:0;margin:0;padding:0;list-style:none;grid-template-columns:minmax(0,1fr);border-left:0}
.pd-fach #p4toc a{display:block;padding:var(--mk-a-2) 0;border:0;border-top:1px solid var(--mk-farbe-rand);border-radius:0;background:none;
 font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein);color:var(--mk-farbe-kopf);text-decoration:none}
.pd-fach #p4toc a:hover{color:var(--mk-farbe-link);text-decoration:underline}
.pd-fach #p4toc a::before,.pd-fach #p4toc a::after{display:none}

/* Querverweis und Zwischenangebot: B-07 Kasten, ohne Farbleiste */
.pd-fach aside.p4quer,.pd-fach .p4zw{margin:var(--mk-a-6) 0;padding:var(--mk-a-5);border:0;border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche-marke);box-shadow:none;font-family:var(--mk-font-text)}
.pd-fach .p4quer-kopf{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf);letter-spacing:0;text-transform:none;font-size:var(--mk-gr-text)}
.pd-fach .p4quer-symbol{display:none}
.pd-fach .p4quer-ziele a{border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche);border:1px solid var(--mk-farbe-rand);color:var(--mk-farbe-link)}
.pd-fach .p4zw-text{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
/* p4blocks.css setzt Farbe, Fläche und Pillenradius mit !important (Kontrast 2,33 gemessen 12.10.2026, Plan B3) */
.pd-fach .p4zw-knopf{border-radius:var(--mk-knopf-radius)!important;background:var(--mk-farbe-aktion,var(--mk-farbe-link))!important;color:var(--mk-farbe-auf-dunkel)!important;box-shadow:none}
.pd-fach .p4zw-knopf:hover{color:var(--mk-farbe-auf-dunkel)!important;filter:none;transform:none}
.pd-fach .p4zw-tel{color:var(--mk-farbe-kopf)!important}   /* p4blocks.css: --p4-akzent-hell !important (hier hell auf hell) */
.pd-fach .p4zw-tel:hover{color:var(--mk-farbe-link)!important}

/* Fragen-Box (#p4-kurzkontakt): Urkundenblatt (B-32, Klasse mk-blatt setzt die Vorlage), Felder wie B-23 */
.pd-fach .p4kb{margin:0;font-family:var(--mk-font-text)}
.pd-fach .p4kb-karte{border-radius:0;box-shadow:none}
/* /kontakt/ (Plan B2 Task 8): die Fragen-Box steht im Formularplatz (~580 px) statt in voller Breite → einspaltig, Text über dem Formular */
.pd-kontakt-box .p4kb-karte{grid-template-columns:minmax(0,1fr)!important}
.pd-fach .p4kb-titel{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h2);line-height:var(--mk-zeile-kopf);color:var(--mk-farbe-kopf)}
.pd-fach .p4kb-lead,.pd-fach .p4kb-punkte li,.pd-fach .p4kb-tel{color:var(--mk-farbe-text);font-size:var(--mk-gr-text)}
.pd-fach .p4kb-punkte li::before{border-radius:0;background:var(--mk-farbe-kopf);width:6px;height:6px}
.pd-fach a.p4kb-cta{border-radius:var(--mk-knopf-radius);background:var(--mk-farbe-aktion,var(--mk-farbe-link));color:var(--mk-farbe-auf-dunkel)!important;box-shadow:none;letter-spacing:0}
.pd-fach a.p4kb-cta:hover{filter:none;transform:none;background:var(--mk-farbe-kopf)}
.pd-fach .p4kb-formspalte{border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche)}
.pd-fach .p4kb-formtitel,.pd-fach .p4kb-feld label{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
/* p4blocks.css setzt die Felder mit !important (dunkle Hülle aus dem Elementor-Kit); nur so lässt sich das Feld überstimmen */
.pd-fach .p4kb-form input[type=text],.pd-fach .p4kb-form input[type=email],.pd-fach .p4kb-form input[type=tel],.pd-fach .p4kb-form textarea{
 border:1px solid var(--mk-grau-300,var(--mk-farbe-rand))!important;border-radius:var(--mk-radius)!important;background:var(--mk-farbe-flaeche)!important;
 color:var(--mk-farbe-text)!important;font-family:var(--mk-font-text)!important;font-size:var(--mk-gr-text)!important}
.pd-fach .p4kb-form input:focus,.pd-fach .p4kb-form textarea:focus{border-color:var(--mk-farbe-link)!important;outline:2px solid var(--mk-farbe-link);outline-offset:1px}
.pd-fach button.p4kb-senden{border-radius:var(--mk-knopf-radius)!important;background:var(--mk-farbe-aktion,var(--mk-farbe-link))!important;color:var(--mk-farbe-auf-dunkel)!important;
 box-shadow:none!important;letter-spacing:0;font-family:var(--mk-font-kopf)!important;filter:none}
.pd-fach .p4kb-einwilligung,.pd-fach .p4kb-fuss{color:var(--mk-farbe-leise);font-size:var(--mk-gr-klein)}
.pd-fach .p4kb-punkte a,.pd-fach .p4kb-tel a,.pd-fach .p4kb-einwilligung a{color:var(--mk-farbe-link)}

/* Autorenbox (#p4au): ruhige Zeile mit Foto, Fakten als Liste */
.pd-fach #p4au{margin:var(--mk-a-7) 0 0;padding:var(--mk-a-6) 0 0;border:0;border-top:1px solid var(--mk-farbe-rand);border-radius:0;background:none;box-shadow:none;color:var(--mk-farbe-text)}
.pd-fach #p4au .p4au-innen{border:0;background:none;padding:0;box-shadow:none}
.pd-fach #p4au img{border-radius:var(--mk-radius)}
.pd-fach #p4au .p4au-name{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);color:var(--mk-farbe-kopf)}
.pd-fach #p4au .p4au-rolle,.pd-fach #p4au .p4au-label{color:var(--mk-farbe-leise);letter-spacing:0;text-transform:none}
.pd-fach #p4au *{color:inherit}
.pd-fach #p4au a{color:var(--mk-farbe-link)}
.pd-fach #p4au .p4au-label{color:var(--mk-farbe-leise)}
.pd-fach #p4au .p4au-fakten{display:grid;gap:var(--mk-a-1);margin:var(--mk-a-3) 0 0;padding:0;list-style:none}
.pd-fach #p4au .p4au-fakten li{display:flex;flex-wrap:wrap;gap:0 var(--mk-a-2);font-size:var(--mk-gr-klein)}
.pd-fach #p4au .p4au-bio{color:var(--mk-farbe-text);font-size:var(--mk-gr-klein)}

/* Verwandte Themen (#p4vw): B-10 Weiterlesen, ohne Kategorie-Farbe, ohne Symbol */
.pd-fach #p4vw{margin:var(--mk-a-7) 0 0;padding:0;background:none;color:var(--mk-farbe-text);font-family:var(--mk-font-text)}
.pd-fach #p4vw .p4vw-innen{width:auto;margin:0;padding:0}
.pd-fach #p4vw h2{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h2);color:var(--mk-farbe-kopf);margin:0 0 var(--mk-a-4)}
.pd-fach #p4vw .p4vw-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 var(--mk-a-6)}
.pd-fach .p4sp-karte{--kat:var(--mk-farbe-rand);display:grid;grid-template-rows:auto;align-content:start;gap:var(--mk-a-1);min-height:0;padding:var(--mk-a-4) 0;border:0;border-top:1px solid var(--mk-farbe-rand);border-radius:0;
 background:none;box-shadow:none;color:var(--mk-farbe-text);transform:none!important}
.pd-fach .p4sp-karte::before,.pd-fach .p4sp-karte::after,.pd-fach .p4sp-kopfzeile,.pd-fach .p4sp-icon,.pd-fach .p4sp-fuss,.pd-fach .p4sp-bild{display:none}
.pd-fach a.p4sp-karte .p4sp-name{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h4);color:var(--mk-farbe-link)}
.pd-fach .p4sp-nutzen{font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein);color:var(--mk-farbe-text)}
.pd-fach .p4sp-karte:hover .p4sp-name{text-decoration:underline}
.pd-fach .p4vw-zurueck{color:var(--mk-farbe-leise)}
.pd-fach .p4vw-zurueck a{color:var(--mk-farbe-link)}

@media (max-width:700px){
 .pd-fach #p4do .cta-sec,.pd-fach #p4do .hero{padding:var(--mk-a-6) var(--mk-a-4)}
 .pd-fach #p4do .risk-grid,.pd-fach #p4do .cases-grid{grid-template-columns:minmax(0,1fr)}}

/* Satz und Raum (Kern 1.4.0, kern/SATZ.md, gemessen mit skripte/satzwache.py; Mauritz 13.10.2026) ------------------- */
/* T-02 Zeilenabstand: Plugin-Stile setzen Lesetext auf 1,7 und Kleines auf 1,6–1,74 */
.pd-fach #p4do :is(.p4kb-lead,.p4kb-tel,.p4kb-ctazeile,.p4zw-text,.p4quer-fuss),.pd-fach :is(.p4kb-lead,.p4kb-tel,.p4kb-ctazeile){line-height:var(--mk-zeile-text)!important}
.pd-fach :is(.p4au-fakten li,.p4au-bio,.faq-body p,.p4sp-nutzen){line-height:var(--mk-zeile-klein)!important}
.pd-fach :is(.p4kb-fuss,.p4kb-formtitel,.p4vw-zurueck,.p4quer-kopf,.p4x-hinweis,.p4avd-fuss){line-height:var(--mk-zeile-fein)!important}
/* T-01 Laufweite: kleine Köpfe nie enger als 0 */
.pd-fach #p4do :is(h3,h4){letter-spacing:0!important;line-height:var(--mk-zeile-eng)}
/* T-03 Zeilenlänge: Lesetext höchstens Lesebreite (≈ 77 Zeichen), auch in Fußzeilen, Bändern und der Autorenbox */
.pd-fach #p4do :is(.s-head,.cases-footer,.cta-inner,.l-intro,.section-intro) p,.pd-fach .p4au-bio,.pd-fach .p4kb-lead{max-width:var(--mk-lesebreite)}
/* T-06 Spaltenabstand: Kartenraster der Fachseiten mindestens 24 px */
.pd-fach #p4do :is(.risk-grid,.cases-grid,.p4x-check,.l-grid,.faq-grid){gap:var(--mk-a-5)!important}
.pd-fach #p4do :is(.p4x-kpi,.p4x-chips,.p4x-vs,.p4x-falsch-raster){gap:var(--mk-a-5)!important}
/* T-03 Mindestlänge: vier Risiko-Karten à 244 px ließen 25 Zeichen; zwei Spalten geben ~45 */
.pd-fach #p4do .risk-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
.pd-fach #p4do .risk-card{padding:var(--mk-a-5)!important}
.pd-fach #p4do .p4x-tl li{max-width:var(--mk-lesebreite)}
/* Kleiner Text (15 px) braucht eine schmalere Lesebreite: 36 em ≈ 540 px ≈ 75 Zeichen */
.pd-fach :is(.p4au-bio,.p4au-fakten li,.p4ber-hilfe,.p4ber-fuss),.pd-fach #p4do :is(.l-item,details,.faq-body,.p4x-myth,.hero-footnote,.case-card,.l-anchor) p,
.pd-fach #p4do article>div>p{max-width:min(var(--mk-lesebreite),36em)}
.pd-fach #p4do :is(.p4x-gaps>div,.stats-inner){gap:var(--mk-a-5)!important}
.pd-fach #p4do .p4x-myth{gap:var(--mk-a-5)!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
.pd-fach .p4v-ablauf{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;gap:var(--mk-a-5)!important}
.pd-fach :is(.p4v-blatt,.p4sc-figur){padding-inline:var(--mk-innen)!important}
.pd-fach :is(.p4v-person figcaption){line-height:var(--mk-zeile-fein)!important}
.pd-fach :is(.cta-inner p,.pdf-card p){line-height:var(--mk-zeile-text)!important}
.pd-fach .hero-footnote p{line-height:var(--mk-zeile-klein)!important}
.pd-fach .cta-inner p.p4x-hinweis{line-height:var(--mk-zeile-fein)!important}
.pd-fach :is(.p4v-pdf){padding-inline:var(--mk-innen)!important}
/* Zeitleiste: Uhrzeit in der Hausschrift mit Tabellenziffern statt Monospace (Verbotsliste, T-07), schmalere Zeitspalte gibt dem Text ~34 Zeichen */
/* Linie und Punkte rechnen aus derselben Spalte: das Plugin setzt sie fest auf 135/129 px (für 120 px + 34 px Lücke) und die
   Liste trug ohne Elementor 40 px Browser-Einzug → Punkte schwebten neben der Linie bzw. saßen im Titel (Runde 9) */
.pd-fach #p4do .p4x-tl{--tl-zeit:88px;--tl-luecke:var(--mk-a-6);padding:0!important;margin-inline:0!important}
.pd-fach #p4do .p4x-tl>li{grid-template-columns:var(--tl-zeit) minmax(0,1fr)!important;column-gap:var(--tl-luecke)!important;padding-left:0!important}
.pd-fach #p4do .p4x-tl::before{left:calc(var(--tl-zeit) + var(--tl-luecke)/2 - 1px)!important}
.pd-fach #p4do .p4x-tl>li::before{left:calc(var(--tl-zeit) + var(--tl-luecke)/2 - 7px)!important}
@media (max-width:980px){.pd-fach #p4do .p4x-tl>li{grid-template-columns:minmax(0,1fr)!important;row-gap:var(--mk-a-1)!important;padding-left:var(--mk-a-6)!important}
 .pd-fach #p4do .p4x-tl::before{left:7px!important}.pd-fach #p4do .p4x-tl>li::before{left:1px!important}}
.pd-fach #p4do .p4x-tl time{font-family:var(--mk-font-text)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important;font-size:var(--mk-gr-klein)!important}
/* T-07 Schreibmaschinenschrift in Formeln, Uhrzeiten und Abrechnungen → Hausschrift mit Tabellenziffern */
.pd-fach #p4do :is(.p4x-formel,.p4x-formel *,.p4x-t,.p4x-bill dd,.p4x-bill dt,code:not(pre code)){font-family:var(--mk-font-text)!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}
.pd-fach #p4do .p4x-formel em{font-style:normal;font-weight:var(--mk-staerke-betont)}
/* Selbstcheck, Stammbaum, Statusseiten (T-03/T-04/T-06) */
.pd-fach :is(.p4sc-hinweis,.p4sc-text){max-width:min(var(--mk-lesebreite),36em)!important}
.pd-fach .p4sc-figur{padding-block:var(--mk-a-4)!important}
.pd-fach .p4sc-schritte{column-gap:var(--mk-a-5)!important}
@media (max-width:600px){.pd-fach .p4v-flaeche{padding-inline:var(--mk-a-4)!important}}
/* Rechtsstand-Hinweis im Vorsorge-Rechner: aufgeklappt so breit wie sein Auslöser (148 px = 19 Zeichen) → eigene Fläche 360 px */
.pd-fach .p4v-stand-info{position:relative}
.pd-fach .p4v-stand-info>p{position:absolute;right:0;top:calc(100% + var(--mk-a-2));z-index:5;width:min(360px,80vw);margin:0;padding:var(--mk-a-4) var(--mk-a-5);
 border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche);font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein);text-align:left}
.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card>p{max-width:36em}
/* Drei Karten (Rangfolge): als Register untereinander, Titel links, Text rechts ~70 Zeichen. Drei Spalten à 244 px ließen
   25 Zeichen (T-03), 2 + 1 wirkt unruhig. Ab vier Karten bleibt das Zwei-Spalten-Raster. */
.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child){grid-template-columns:minmax(0,1fr)!important;gap:var(--mk-a-4)!important}
.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);column-gap:var(--mk-a-5);align-items:baseline}
.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card>:not(h3){grid-column:2}
.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card>h3{grid-column:1;margin:0}
@media (max-width:760px){.pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card{grid-template-columns:minmax(0,1fr)}
 .pd-fach #p4do .risk-grid:has(>:nth-child(3):last-child)>.risk-card>*{grid-column:1}}
.pd-fach :is(.p4v-fuss){line-height:var(--mk-zeile-fein)!important}
.pd-fach :is(.p4v-stand-blatt){padding-inline:var(--mk-innen)!important}
/* T-04 Objektgrenzen: Text in Kästen nie an der Kante */
.pd-fach .p4v-sek.p4v-engel,.pd-fach #p4do .p4v-sek.p4v-engel{padding-inline:var(--mk-innen)}
@media (max-width:600px){.pd-fach .p4kb-formspalte{padding-inline:var(--mk-a-4)!important}}
/* Live-Satzwache 13.10. (Seiteninhalt nur live, nicht im Stand): Hinweis-Kasten p.p4quer im Inhalt (Lehrkraft-Hinweis auf Privatkunden-Seiten)
   lief mit 1,65 und 98–111 Zeichen; D&O-Fußnote im Kopf am Handy als 149-px-Zweispalter → untereinander */
.pd-fach p.p4quer{line-height:var(--mk-zeile-klein)!important;max-width:min(var(--mk-lesebreite),36em);margin-inline:0!important}
@media (max-width:600px){.pd-fach #p4do .hero-footnote{flex-direction:column;gap:var(--mk-a-2)}}

/* AUTO Untergrenze (skripte/bruecke_untergrenze.py, nie von Hand) */
.pd-fach #p4avde .p4avde-eyebrow,
.pd-fach #p4bc ol,
.pd-fach #p4do .case-amount,
.pd-fach #p4do .case-norm,
.pd-fach #p4do .eyebrow,
.pd-fach #p4do .p4avd-fuss,
.pd-fach #p4do .p4v-betrag,
.pd-fach #p4do .p4v-fuss,
.pd-fach #p4do .p4v-mini-text,
.pd-fach #p4do .p4v-quote span,
.pd-fach #p4do .p4v-sie-text,
.pd-fach #p4do .p4v-tabelle thead th,
.pd-fach #p4do .p4v-weg,
.pd-fach #p4do .p4x-bill-kopf,
.pd-fach #p4do .p4x-bill-summe span,
.pd-fach #p4do .p4x-calc-result small,
.pd-fach #p4do .p4x-calc-row label,
.pd-fach #p4do .p4x-chips i,
.pd-fach #p4do .p4x-cmp small,
.pd-fach #p4do .p4x-cmp th,
.pd-fach #p4do .p4x-fall .p4x-betrag span,
.pd-fach #p4do .p4x-fall small,
.pd-fach #p4do .p4x-gaps small,
.pd-fach #p4do .p4x-hinweis,
.pd-fach #p4do .p4x-ja,
.pd-fach #p4do .p4x-kpi small,
.pd-fach #p4do .p4x-myth b,
.pd-fach #p4do .p4x-nein,
.pd-fach #p4do .p4x-teils,
.pd-fach #p4do .p4x-ticker span,
.pd-fach #p4do .p4x-tl .p4x-t,
.pd-fach #p4do .p4x-tl time,
.pd-fach #p4do .p4x-wahl-kicker,
.pd-fach #p4do .r-disclaimer,
.pd-fach #p4do .r-ref span,
.pd-fach #p4do .r-result-panel label,
.pd-fach #p4do .risk-n.p4x-zeit,
.pd-fach #p4do label,
.pd-fach #p4toc h2,
.pd-fach .p4au-eyebrow,
.pd-fach .p4au-label,
.pd-fach .p4kb-einwilligung label,
.pd-fach .p4kb-eyebrow,
.pd-fach .p4kb-feld label,
.pd-fach .p4kb-fuss,
.pd-fach .p4quer-kopf,
.pd-fach .p4sp-eyebrow,
.pd-fach .p4sp-fuss,
.pd-fach .p4sp-kicker,
.pd-fach .p4sp-zahl,
.pd-fach .p4vw-eyebrow{font-size:var(--mk-gr-fein)!important;letter-spacing:var(--mk-lauf-label)}
/* AUTO Ende */


/* Fachseiten (Plan B2): Lesespalte breiter als im Artikel, weil #p4do Tabellen, Raster und Rechner trägt */
/* Fragen-Box nach dem ersten Abschnitt (vorlage-fach.php, 15.10.2026): eigener Abstand, einspaltig in der Lesespalte */
.pd-fach__frage{margin:var(--mk-a-7,48px) 0}
.pd-fach .pp-artikel__raster{grid-template-columns:minmax(0,780px) minmax(260px,300px)}
/* Plan B5: Seitenspalte = Nachweisfrage oben (früh sichtbar, unterbricht den Text nicht), Inhaltsverzeichnis darunter läuft mit */
.pd-fach .pd-fach__seite{position:static;align-self:stretch;display:flex;flex-direction:column;gap:var(--mk-a-6)}
.pd-fach .pd-fach__toc{position:sticky;top:calc(env(safe-area-inset-top,0px) + 108px)}
.pd-fach .pd-kopf-innen{padding-top:0}
.pd-fach .pd-fach__links{min-width:0}
.pd-fach .pd-kopf-innen .pd-fach__seite{padding-top:var(--mk-a-6)}
.pd-fach .pp-artikel__raster.pd-ohne-seite{grid-template-columns:minmax(0,880px)}
.pd-fach .pd-fach__text{padding-top:var(--mk-a-5)}
.pd-fach .pd-fach__krume{padding-top:var(--mk-a-5)}
.pd-fach .pd-fach__rest{padding-top:var(--mk-a-7)}
.pd-fach .pp-artikel .pd-p4 h2{scroll-margin-top:110px}
/* Rechtstexte: lange Wörter (Datenschutzerklärung) und breite Tabellen am Handy */
.pd-fach .pd-recht :is(h1,h2,h3){hyphens:auto;overflow-wrap:anywhere}
.pd-fach .pd-recht table{display:block;max-width:100%;overflow-x:auto}
.pd-fach .pd-recht a{overflow-wrap:anywhere}
/* Kundenstimmen: ohne Trustindex-Ausgabe (Plugin fehlt) keine leere Fläche */
.pd-trustindex:not(:has(.mk-container > *)){display:none}
@media (max-width:960px){.pd-fach .pp-artikel__raster{grid-template-columns:minmax(0,1fr)}.pd-fach .pd-fach__toc{position:static}
 .pd-fach .pd-fach__links{display:contents}.pd-fach .pd-fach__links>.pd-fach__kopf{order:-2}.pd-fach .pd-kopf-innen .pd-fach__seite{padding-top:0}
 .pd-fach .pd-fach__seite{gap:var(--mk-a-5)}.pd-fach .pd-fach__seite .mk-merkpunkt--spalte{max-width:560px}
 /* Kfz-Vergleich (1.2.8): Beginnt der Text mit einem Rechner, steht er am Handy direkt unter der H1, der Merkpunkt danach
    (Dauerauftrag Werkzeug unter H1; gemessen 19.10.: Knopf sonst bei 1.137 px statt im ersten Bildschirm) */
 .pd-fach .pp-artikel__raster:has(#kfz-rechner) .pd-fach__seite{order:1}}
/* Handy: Angebot und Rechner unter der H1 nebeneinander (die Hub-Regel setzt den Umriss-Knopf neben die Brotkrume) */
@media (max-width:600px){.pd-fach .pp-kopf-seite .pp-kopfzeile .mk-knopf--umriss{position:static;min-height:48px;padding:12px 18px;font-size:var(--mk-gr-text)}}

/* Brücke paladinum.de: Werkzeugseiten (Plan Teil B3) → Kern 1.3.x.
 * Formulare, Entscheidungen und Status fremder Plugins in der Vorlage des Themes paladinum-dach (.pd-werk). Der Inhalt
 * bleibt wörtlich, die Plugins bleiben unverändert; diese Datei färbt ihr Markup über ihre eigenen Variablen in die
 * Kern-Rollen und neutralisiert die Standardlooks. Das Theme setzt den Formular-Hüllen die Klasse mk-blatt (B-32).
 *  0. Rahmen: Seitenspalte mit Ansprechpartner (B-30), Urkundenblatt um Plugin-Hüllen
 *  1. Angebotsformulare      paladinum-seo angebot.css            #wurzel .p4an-*
 *  2. Servicehonorar         paladinum-servicehonorar form.css    .pal-sh
 *  3. Empfehlung-Status      paladinum-lead (Inline-Stil)          .pal-status
 *  4. Partnerbereich         paladinum-kpk (Inline-Stil #kpk-stil) .kpk
 *  5. Empfehlungs-Funnel     paladinum-lead funnel.css (React)     .paladinum-funnel
 *  6. Selbstcheck            paladinum-seo avd-selbstcheck.css     #p4do .p4sc-* (Rest regelt paladinum-p4do.css)
 * Honigtöpfe (.p4an-topf, .pal-sh__topf, .p4sc-topf) werden nirgends angefasst. */

/* ── 0. Rahmen ──────────────────────────────────────────────────────── */
.pd-werk .pp-artikel__raster{grid-template-columns:minmax(0,780px) minmax(250px,300px);align-items:start}
/* nicht klebend: die feste Termin-/Anrufleiste (#p4cta, unten rechts) läge sonst dauerhaft über der Durchwahl (gemessen 1440 × 900) */
.pd-werk .pd-werk__spalte{position:static}
.pd-werk .pd-werk__spalte-titel{margin:0 0 var(--mk-a-2);font-size:var(--mk-gr-klein);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-leise)}
.pd-werk .pd-werk__spalte .mk-berater{grid-template-columns:minmax(0,1fr);gap:var(--mk-a-3);padding:var(--mk-a-5);
 border:1px solid var(--mk-farbe-rand);border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche)}
.pd-werk .pd-werk__spalte .mk-berater__foto{width:88px;height:88px}
.pd-werk .pd-werk__spalte .mk-berater__satz{max-width:none}
.pd-werk .pd-werk__spalte .mk-berater__knoepfe{grid-column:1/-1;flex-direction:column;align-items:stretch}   /* Kern 1.4.0 stellt Knöpfe in Spalte 2; in der schmalen Spalte bleiben sie gestapelt */
/* Satz und Raum (Kern 1.4.0, SATZ.md): Hilfetexte ohne Laufweite (T-01), Lesetext höchstens Lesebreite (T-03), Kleines 1,5 (T-02) */
.pd-werk .p4an-hilfe,.pd-werk .p4ber-hilfe,.pd-fach .p4ber-hilfe{letter-spacing:0!important}
.pd-werk .pal-sh__lead,.pd-werk .p4sc-kasten p,.pd-fach .p4sc-kasten p,.pd-werk :is(.p4sc-hinweis,.p4sc-text),.pd-werk #wurzel .p4an-hilfe{max-width:min(var(--mk-lesebreite),36em)}
.pd-werk .pal-sh__frage-zeile{line-height:var(--mk-zeile-klein)!important}
.pd-werk .pd-werk__inhalt{min-width:0}
.pd-werk .pd-werk__inhalt .mk-blatt{border-radius:0;box-shadow:none;color:var(--mk-farbe-text);
 background:var(--mk-farbe-flaeche-marke) var(--mk-echt-unterdruck,none) repeat 0 0/144px 144px;border:1px solid var(--mk-farbe-rand-blatt)}
.pd-werk .pd-werk__wappen{padding-block:0 var(--mk-a-7)}
.pd-werk .pd-werk__wappen-blatt{display:flex;gap:var(--mk-a-5);align-items:center;max-width:780px}
.pd-werk .pd-werk__wappen-titel{margin:0 0 var(--mk-a-2);font-family:var(--mk-font-kopf);font-size:var(--mk-gr-h4);font-weight:var(--mk-staerke-kopf-gross);color:var(--mk-farbe-kopf)}
.pd-werk .pd-werk__wappen-blatt .mk-knopf{margin-top:var(--mk-a-3)}
@media (max-width:960px){
 .pd-werk .pp-artikel__raster{grid-template-columns:minmax(0,1fr)}
 .pd-werk .pd-werk__spalte{margin-top:var(--mk-a-6)}
 .pd-werk .pd-werk__spalte .mk-berater{grid-template-columns:auto minmax(0,1fr)}
 .pd-werk .pd-werk__spalte .mk-berater__knoepfe{grid-column:1/-1}}
@media (max-width:600px){.pd-werk .pd-werk__wappen-blatt{flex-direction:column;align-items:flex-start}}

/* Felder aller Formulare im Kern (B-21): 48 px, Haarlinie, Kern-Fokus, 16 px gegen den Zoom am iPhone */
.pd-werk .pd-werk__inhalt :is(input[type="text"],input[type="email"],input[type="tel"],input[type="number"],select,textarea){
 min-height:48px;padding:var(--mk-a-2) var(--mk-a-3)!important;border:1.5px solid var(--mk-farbe-rand)!important;border-radius:var(--mk-radius)!important;
 background:var(--mk-farbe-flaeche)!important;color:var(--mk-farbe-text)!important;font-family:var(--mk-font-text)!important;font-size:max(16px,var(--mk-gr-text))!important;box-shadow:none!important}
.pd-werk .pd-werk__inhalt textarea{min-height:120px}
.pd-werk .pd-werk__inhalt :is(input,select,textarea):focus-visible{border-color:var(--mk-farbe-fokus)!important;outline:2px solid var(--mk-farbe-fokus);outline-offset:2px}

/* ── 1. Angebotsformulare ───────────────────────────────────────────── */
.pd-werk #wurzel{font-family:var(--mk-font-text);color:var(--mk-farbe-text)}
.pd-werk #wurzel .sec{padding:0;background:none}
.pd-werk #wurzel .wrap{width:auto;max-width:none;margin:0;padding:0}
.pd-werk #wurzel .p4an-raster{display:block}
.pd-werk #wurzel .p4an-wrap.mk-blatt,.pd-werk #wurzel .p4an-danke.mk-blatt{max-width:760px;margin:6px;padding:clamp(20px,3.4vw,44px);border-radius:0;box-shadow:none;
 background:var(--mk-farbe-flaeche-marke) var(--mk-echt-unterdruck,none) repeat 0 0/144px 144px;border:1px solid var(--mk-farbe-rand-blatt);color:var(--mk-farbe-text)}
.pd-werk #wurzel .p4an-form{gap:var(--mk-a-5)}
.pd-werk #wurzel .p4an-feld{gap:var(--mk-a-2)}
.pd-werk #wurzel .p4an-feld label{font-family:var(--mk-font-kopf);font-size:var(--mk-gr-label);font-weight:var(--mk-staerke-betont);color:var(--mk-farbe-kopf)}
.pd-werk #wurzel .p4an-stern{color:var(--mk-farbe-fehler)}
.pd-werk #wurzel .p4an-hilfe,.pd-werk #wurzel .p4an-fuss{font-size:var(--mk-gr-klein);line-height:var(--mk-zeile-klein);color:var(--mk-farbe-leise)}
.pd-werk #wurzel .p4an-einwilligung label{font-size:var(--mk-gr-klein);color:var(--mk-farbe-text)}
.pd-werk #wurzel .p4an-einwilligung input[type="checkbox"]{width:20px;height:20px;accent-color:var(--mk-farbe-aktion)}
.pd-werk #wurzel :is(.p4an-einwilligung,.p4an-fuss,.p4an-danke) a{color:var(--mk-farbe-link)}
.pd-werk #wurzel button.p4an-senden{min-height:var(--mk-knopf-hoehe);padding:var(--mk-knopf-polster);border:2px solid var(--mk-knopf-bg);border-radius:var(--mk-knopf-radius);
 background:var(--mk-knopf-bg);color:var(--mk-knopf-text);font-family:var(--mk-knopf-schrift);font-size:var(--mk-knopf-gr);font-weight:var(--mk-staerke-knopf);box-shadow:var(--mk-knopf-kante)}
.pd-werk #wurzel button.p4an-senden:hover,.pd-werk #wurzel button.p4an-senden:focus-visible{background:var(--mk-knopf-bg-hover);border-color:var(--mk-knopf-bg-hover)}
.pd-werk #wurzel .p4an-fehler{border-left:0;border:1.5px solid var(--mk-farbe-fehler);border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche);color:var(--mk-farbe-fehler)}
.pd-werk #wurzel .p4an-danke h2{font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h3);color:var(--mk-farbe-kopf)}
.pd-werk #wurzel .p4an-danke p{color:var(--mk-farbe-text)}

/* ── 2. Servicehonorar ──────────────────────────────────────────────── */
.pd-werk .pal-sh{
 --pal-navy:var(--mk-farbe-kopf);--pal-ink:var(--mk-farbe-text);--pal-blue:var(--mk-farbe-aktion);--pal-blue-600:var(--mk-farbe-link);--pal-blue-300:var(--mk-farbe-rand-blatt);
 --pal-tint:var(--mk-farbe-flaeche-marke);--pal-tint-2:var(--mk-farbe-flaeche-2);--pal-border:var(--mk-farbe-rand);--pal-border-strong:var(--mk-farbe-rand-blatt);
 --pal-muted:var(--mk-farbe-text);--pal-muted-2:var(--mk-farbe-leise);--pal-danger:var(--mk-farbe-fehler);--pal-radius:var(--mk-radius);--pal-radius-sm:var(--mk-radius);
 --pal-shadow-md:none;--pal-shadow-lg:none;font-family:var(--mk-font-text)}
.pd-werk .pal-sh.mk-blatt{max-width:760px;margin:6px;padding:clamp(20px,3.4vw,44px);border-radius:0}
.pd-werk .pal-sh :is(.pal-sh__title,.pal-sh__sub,.pal-sh__choice-head,.pal-sh__leistungen,.pal-sh__paket-name,.pal-sh__paket-preis){font-family:var(--mk-font-kopf)!important}
.pd-werk .pal-sh .pal-sh__title{font-weight:var(--mk-staerke-kopf-gross);font-size:var(--mk-gr-h2);letter-spacing:var(--mk-lauf-kopf)}
.pd-werk .pal-sh .pal-sh__lead{font-size:var(--mk-gr-text);line-height:var(--mk-zeile-text)}
.pd-werk .pal-sh .pal-sh__eyebrow{display:none}
.pd-werk .pal-sh .pal-sh__choice{background:var(--mk-farbe-flaeche);border-width:1.5px}
.pd-werk .pal-sh .pal-sh__choice:hover{transform:none}
.pd-werk .pal-sh .pal-sh__choice--ja{background:var(--mk-farbe-flaeche)}
.pd-werk .pal-sh .pal-sh__choice.is-selected{box-shadow:0 0 0 3px var(--mk-farbe-rand-blatt)}
.pd-werk .pal-sh .pal-sh__leistungen{background:var(--mk-farbe-flaeche)}
.pd-werk .pal-sh :is(.pal-sh__hinweis,.pal-sh__choice-sub,.pal-sh__frage-zeile){font-size:var(--mk-gr-klein)}
.pd-werk .pal-sh .pal-sh__bonus{border-radius:var(--mk-radius);background:var(--mk-farbe-flaeche)}

/* ── 3. Empfehlung-Status und 4. Partnerbereich: heller Kasten statt Navy ── */
.pd-werk .pal-status.mk-blatt,.pd-werk .kpk.mk-blatt{max-width:640px;margin:6px!important;border-radius:0;box-shadow:none;font-family:var(--mk-font-text);color:var(--mk-farbe-text)}
.pd-werk .kpk{--kpk-grund:var(--mk-farbe-flaeche-marke);--kpk-flaeche:var(--mk-farbe-flaeche);--kpk-text:var(--mk-farbe-text);--kpk-leise:var(--mk-farbe-leise);
 --kpk-linie:var(--mk-farbe-rand);--kpk-linie-stark:var(--mk-farbe-rand-blatt);--kpk-leucht:var(--mk-farbe-link);--kpk-schrift:var(--mk-font-text);--kpk-r:var(--mk-radius);--kpk-r-s:var(--mk-radius)}
.pd-werk .pal-status__text,.pd-werk .kpk-hinweis{color:var(--mk-farbe-kopf)!important;font-family:var(--mk-font-kopf);font-weight:var(--mk-staerke-betont)}
.pd-werk .pal-status__fuss,.pd-werk .pal-status__nr{color:var(--mk-farbe-leise)!important;letter-spacing:0}
.pd-werk .pal-status a,.pd-werk .kpk a{color:var(--mk-farbe-link)}

/* ── 5. Empfehlungs-Funnel (React, Inhalt wörtlich) ─────────────────── */
.pd-werk .paladinum-funnel{
 --pal-bg:var(--mk-farbe-flaeche);--pal-bg-2:var(--mk-farbe-flaeche-2);--pal-surface:var(--mk-farbe-flaeche);--pal-surface-2:var(--mk-farbe-flaeche-2);--pal-surface-3:var(--mk-farbe-flaeche-marke);
 --pal-rail:var(--mk-farbe-flaeche-2);--pal-steel:var(--mk-farbe-aktion);--pal-steel-2:var(--mk-farbe-link);--pal-steel-deep:var(--mk-farbe-aktion);
 --pal-ivory:var(--mk-farbe-kopf);--pal-ivory-soft:var(--mk-farbe-text);--pal-cream:var(--mk-farbe-kopf);--pal-cream-glow:var(--mk-farbe-rand-blatt);
 --pal-ink:var(--mk-farbe-text);--pal-ink-2:var(--mk-farbe-text);--pal-muted:var(--mk-farbe-leise);--pal-line:var(--mk-farbe-rand);--pal-line-strong:var(--mk-farbe-rand-blatt);
 --pal-error:var(--mk-farbe-fehler);--pal-error-soft:var(--mk-farbe-flaeche);--pal-success:var(--mk-farbe-erledigt);--pal-success-soft:var(--mk-farbe-flaeche-2);
 --pal-radius-sm:var(--mk-radius);--pal-radius-md:var(--mk-radius);--pal-radius-lg:var(--mk-radius);--pal-radius-xl:var(--mk-radius);--pal-shadow-card:none;
 --pal-font:var(--mk-font-text);border:1px solid var(--mk-farbe-rand-blatt);background:var(--mk-farbe-flaeche)}
.pd-werk .paladinum-funnel .pal-page{background:var(--mk-farbe-flaeche);min-height:0}
.pd-werk .paladinum-funnel .pal-page::before,.pd-werk .paladinum-funnel .pal-form-card::before,.pd-werk .paladinum-funnel .pal-gate-card::before,
.pd-werk .paladinum-funnel .pal-gate-art::before,.pd-werk .paladinum-funnel .pal-hero-mark::before{display:none}
/* Die Wahl Privat/Firma war ein Vollbild-Overlay über der ganzen Seite (auch über Kopf und Brotkrume): im Rahmen bleibt sie im Werkzeug */
.pd-werk .paladinum-funnel .pal-page-gated{min-height:0}
.pd-werk .paladinum-funnel .pal-gate{position:relative;inset:auto;z-index:auto;padding:var(--mk-a-5)}
.pd-werk .paladinum-funnel .pal-gate-backdrop{display:none}
/* Weiße Wortmarke der Funnel-Kopfleiste: doppelt zum Seitenkopf und auf hellem Grund unsichtbar */
.pd-werk .paladinum-funnel .pal-topbar .pal-logo{display:none}
/* Kopfleiste vor der Wahl: weiße Wortmarke und „← Startseite“ in Elfenbein (inline) – doppelt zu Seitenkopf und Brotkrume */
.pd-werk .paladinum-funnel .pal-topbar-bare{display:none}
/* Eyebrows (gesperrte Schrift in Pille) wie auf den Fachseiten aus, kursives Akzentwort normal, Laufweite Kern */
.pd-werk .paladinum-funnel :is(.pal-gate-eyebrow,.pal-hero-eyebrow,.pal-rail-eyebrow){display:none}
.pd-werk .paladinum-funnel .pill-label{font-style:normal}
.pd-werk .paladinum-funnel .pal-mode-pill{box-shadow:none}
.pd-werk .paladinum-funnel :is(.chip-swap,.pal-step-counter,.pal-section-divider,.pill-label){letter-spacing:var(--mk-lauf-label)}
.pd-werk .pp-artikel__raster.pd-ohne-seite:has(.paladinum-funnel){grid-template-columns:minmax(0,1fr)}
.pd-werk .paladinum-funnel .pal-gate-card{box-shadow:none;border:1px solid var(--mk-farbe-rand-blatt)}
.pd-werk .paladinum-funnel .pal-topbar{background:var(--mk-farbe-flaeche);-webkit-backdrop-filter:none;backdrop-filter:none}
.pd-werk .paladinum-funnel :is(h1,h2,h3,.pal-hero-h,.pal-step-title){font-family:var(--mk-font-kopf);color:var(--mk-farbe-kopf)}
.pd-werk .paladinum-funnel :is(.pal-chip,.pal-topbar-chip,.pal-mode-pill){border-radius:var(--mk-radius)}
.pd-werk .paladinum-funnel .pal-btn-primary{border-radius:var(--mk-knopf-radius);background:var(--mk-knopf-bg);color:var(--mk-knopf-text);box-shadow:var(--mk-knopf-kante)}

/* ── 6. Selbstcheck ─────────────────────────────────────────────────── */
.pd-werk #p4do .p4sc-schritt-nr,.pd-werk #p4do .p4sc-legende-nr,.pd-werk #p4do .p4sc-nr{font-family:var(--mk-font-zahl,var(--mk-font-kopf))}

/* ── 7. Schrift-Untergrenze 13 px (Kern --mk-gr-fein): gemessen 12.10.2026 im Prüfstand, alle Zustände (Wahl, Paket, Schritte) ── */
.pd-werk :is(.pal-status__fuss){font-size:var(--mk-gr-klein)!important}
.pd-werk #p4do :is(.p4sc-schritt-titel,.p4sc-legende-nr),
.pd-werk .paladinum-funnel :is(.pal-gate-kicker,.pal-gate-foot,.pal-step-label,.pal-side-foot,.pal-step-counter,.pal-progress-pill,.opt,.pal-section-divider,.pal-rc-label,.pal-hint,.pal-up-sub,.pal-foot,.pal-foot a,.pal-foot span),
.pd-werk .pal-sh :is(.pal-sh__paket-name,.pal-sh__paket-meta,.pal-sh__paket-netto,.pal-sh__paket-tag){font-size:var(--mk-gr-fein)!important}
.pd-werk .pal-sh .pal-sh__paket-tag{border-radius:var(--mk-radius);letter-spacing:var(--mk-lauf-label)}

/* Satz und Raum (Kern 1.4.0): Status- und Partnerseite */
.pd-werk .pal-status__text{line-height:var(--mk-zeile-eng)!important}
.pd-werk .pal-status__fuss{max-width:min(var(--mk-lesebreite),36em)}
.pd-werk .kpk.kpk-meldung{padding-inline:var(--mk-innen)!important}
.pd-werk .kpk-hinweis{line-height:var(--mk-zeile-fein)!important}