/* =====================================================================
   paladinum Soldatenservice – Framework-Grundregeln, Welle 1 (ab 21.10.2026)
   Lädt nach tokens.css und style.css auf allen Seiten. Ändert Werte, nicht Aufbau.
   Entscheidungen Mauritz 01.10.2026: E1 Lesetext, E4 Hover, E6 Worttrennung.
   ===================================================================== */

/* E1: Lesetext 17 px, Zeilenabstand 1,7 auf allen Inhaltsseiten (vorher Artikel 18, Fachseiten 16). */
#ps-sub .ps-prose,
#ps-sub .ps-artikel .ps-prose {
	font-size: var(--ps-gr-text);
	line-height: var(--ps-zeile-text);
}
#ps-sub .ps-artikel .ps-prose { --ps-lesebreite: 660px; }
@media (max-width: 860px) {
	#ps-sub .ps-artikel .ps-prose { font-size: var(--ps-gr-text); line-height: var(--ps-zeile-text); }
}

/* E4: Hover des Primärknopfs dunkler statt heller (Kontrast Weiß 9,41 statt 4,33). */
#ps-sub .ps-btn--primary:hover,
#ps-sub .ps-btn--primary:focus-visible {
	background: var(--ps-farbe-aktion-hover);
	color: var(--ps-white);
}

/* E6: Worttrennung in Überschriften nur unter 600 px. Ab 600 px trennt nichts, Umbruch nur an Wortgrenzen. */
@media (min-width: 600px) {
	#ps-home-v3 h1, #ps-home-v3 h2, #ps-home-v3 h3, #ps-home-v3 .ps-eyebrow,
	#ps-sub h1, #ps-sub h2, #ps-sub h3, #ps-sub .ps-eyebrow {
		-webkit-hyphens: manual;
		hyphens: manual;
	}
}

/* Kleinste Schrift 13 px (Rechtshinweis-Fußzeile war 11,4 px). */
.pal-legal-footer,
.pal-legal-footer p {
	font-size: var(--ps-gr-fein);
}

/* Fokus sichtbar in der Framework-Farbe. */
#ps-sub a:focus-visible,
#ps-sub button:focus-visible {
	outline: 2px solid var(--ps-farbe-fokus);
	outline-offset: 2px;
}

/* =====================================================================
   Neue CI (C1, freigegeben 02.10.2026) – Welle 1. Nur Werte und feste Plätze, kein neuer Aufbau.
   ===================================================================== */

/* Grundschrift Barlow (C4). Ghostkit setzt per Customizer body Work Sans und Köpfe Playfair Display;
   „html“ davor hebt die Spezifität um eins, ohne !important. */
html body,
html .nk-btn, html .button, html .ghostkit-button, html .wp-block-button__link,
html blockquote, html .ghostkit-testimonial-content {
	font-family: var(--ps-font-body);
}
html .nk-heading-font,
html h1, html h2, html h3, html h4, html h5, html h6,
html .h1, html .h2, html .h3, html .h4, html .h5, html .h6,
html .display-1, html .display-2, html .display-3, html .display-4,
html .nk-widget .nk-widget-title,
html .nk-navbar .nk-nav > li > a, html .nk-navbar .nk-nav .dropdown > li > a,
html div.lead, html .nk-btn-3 {
	font-family: var(--ps-font-head);
}
/* Keine kursiven Akzentwörter (Verbotsliste), Zitate aufrecht */
html h1 em, html h2 em, html h3 em, html h4 em, html h5 em, html h6 em,
html blockquote, html .ghostkit-testimonial-content {
	font-style: normal;
}
html h1 em, html h2 em, html h3 em, html h4 em, html h5 em, html h6 em { font-family: inherit; }

/* Köpfe: echte Schnitte 600/700 (C4), H1 und Ergebniszahl 700 */
#ps-sub h1 { font-weight: var(--ps-staerke-kopf-gross); }
#ps-sub h1, #ps-sub h2, #ps-sub h3 { letter-spacing: var(--ps-lauf-kopf); }

/* Knopf als Taste: Unterkante statt Leuchtschatten, gerade Kanten (S-18), Schrift der CI (17 px, 600) */
#ps-sub .ps-btn,
.wpcf7-form input[type="submit"] {
	font-size: var(--ps-knopf-gr);
	font-weight: var(--ps-staerke-knopf);
}
#ps-sub .ps-btn--primary,
.wpcf7-form input[type="submit"] {
	box-shadow: var(--ps-knopf-kante);
	font-family: var(--ps-knopf-schrift);
	font-weight: var(--ps-staerke-knopf);
}

/* Hinweiskasten in der Markenfläche, ohne Leiste (Verbotsliste 01.10.) */
#ps-sub .ps-artikel .ps-prose .ps-kasten {
	border-color: var(--ps-kasten-rand);
	border-radius: var(--ps-kasten-radius);
	background: var(--ps-kasten-bg);
}

/* ---------- Logo im Kopf (C6): SVG-Symbol mit Namen ---------- */
.pal-logo-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.pal-logo-kopf { display: block; width: 160px; height: auto; aspect-ratio: 437 / 167; }
.pal-logo-kopf--nacht {
	--pal-logo-1: var(--ps-white);
	--pal-logo-2: var(--ps-bronze-300);
	--pal-logo-3: var(--ps-bronze-300);
}

/* ---------- Der Soldat (figur.php): nur ganzzahlig, scharf, nie im Fließtext ---------- */
.ps-figur {
	display: block;
	max-width: none;
	image-rendering: pixelated;
}
/* Platz 1, Fachseite: steht auf dem Faktenkasten */
#ps-sub .ps-facts--figur {
	position: relative;
	margin-top: calc(var(--ps-figur-leinwand) * var(--ps-figur-skala-kopf));
}
#ps-sub .ps-facts--figur > .ps-figur--kopf {
	position: absolute;
	right: var(--ps-a-5);
	bottom: calc(100% - 1px);
}
/* Platz 2: Beratungsblock, eigene Zeile über den Knöpfen */
#ps-sub .ps-cta__actions > .ps-figur-platz { display: block; flex: 0 0 100%; }
/* Kontakt, Platz 2: erst nach dem Absenden (CF7 setzt .sent) */
.wpcf7-form .ps-gesendet { display: none; }
.wpcf7-form.sent .ps-gesendet { display: flex; justify-content: center; margin-top: var(--ps-a-4); }
/* Platz 1, Artikel: Merkkasten = Soldat + Sprechblase (Handbuch „Merkkasten“) */
#ps-sub .ps-artikel .ps-prose .ps-merke {
	display: flex;
	align-items: flex-end;
	gap: var(--ps-a-4);
	margin: var(--ps-a-6) 0;
}
#ps-sub .ps-artikel .ps-prose .ps-merke > .ps-figur { flex: 0 0 auto; margin-bottom: -2px; }
#ps-sub .ps-artikel .ps-prose .ps-merke > .ps-merke__blase {
	position: relative;
	flex: 1;
	min-width: 0;
	margin: 0 0 var(--ps-a-5) var(--ps-a-2);
	border: var(--ps-merke-rand);
	border-radius: var(--ps-radius);
	background: var(--ps-white);
	box-shadow: var(--ps-merke-schatten);
}
#ps-sub .ps-artikel .ps-prose .ps-merke > .ps-merke__blase::before {
	content: "";
	position: absolute;
	left: -12px;
	bottom: 10px;
	width: 12px;
	height: 12px;
	background: var(--ps-navy);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
#ps-sub .ps-artikel .ps-prose .ps-merke > .ps-merke__blase::after {
	content: "";
	position: absolute;
	left: -7px;
	bottom: 12px;
	width: 8px;
	height: 8px;
	background: var(--ps-white);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
@media (max-width: 480px) {
	#ps-sub .ps-artikel .ps-prose .ps-merke { gap: var(--ps-a-2); }
	#ps-sub .ps-artikel .ps-prose .ps-merke > .ps-figur {
		width: auto;
		height: calc(var(--ps-figur-leinwand) * var(--ps-figur-skala-rand));
	}
}

/* W1-Korrektur 02.10.2026: Fließtext-Link im dunklen Beratungsblock (vorher Link-Blau auf Navy, Kontrast 1,86) */
#ps-sub .ps-cta p a:not(.ps-btn) {
	color: var(--ps-white);
	text-decoration: underline;
	text-underline-offset: .18em;
}
#ps-sub .ps-cta p a:not(.ps-btn):hover,
#ps-sub .ps-cta p a:not(.ps-btn):focus-visible { color: var(--ps-green-light); }
