/*
 * Experten-Kasten Moritz Heilfort und Profil auf /ueber-uns/ (experte.php, 23.10.2026).
 * Kasten: weiße Karte auf dem Creme-Grund (CI 1.4: Kästen auf dem Grund weiß), Navy-Text, Quelle Grau 600, Links Blau,
 * Deskriptor in Bronzegrün. Ohne Leiste links, ohne farbige Oberkante, ohne Versalien, ohne Kursiv, ohne Pixel-Soldat
 * (Artikel und Fachseiten haben ihre zwei Figurplätze schon). Foto erst mit zivilem Porträt (.ps-experte--bild).
 */

/* ---- Kasten ---- */
#ps-sub section.ps-experte-sec {
	padding-block: var(--ps-a-6) 0;
	background: transparent;
}
#ps-sub .ps-experte {
	box-sizing: border-box;
	max-width: var(--ps-lesebreite);   /* 660 px wie Werkzeuge und Lesespalte der Artikel */
	margin: 0;
	padding: var(--ps-a-5) var(--ps-a-6);
	border: 1px solid var(--ps-farbe-rand);
	border-radius: var(--ps-radius-lg);
	background: var(--ps-white);
	box-shadow: var(--ps-schatten-1);
	color: var(--ps-farbe-text);
	font-family: var(--ps-font-body);
	hyphens: manual;   /* Theme trennt sonst „un-scharfen“, „Fi-nanzfachwirt“ */
}
/* Im Platz unter der Antwort steht oft schon ein Werkzeug: Abstand nur dann */
#ps-sub .ps-sec--werkzeug .ps-experte:not(:first-child) { margin-top: var(--ps-a-6); }
#ps-sub .ps-experte--bild {
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr);
	gap: var(--ps-a-5);
	align-items: start;
}
#ps-sub .ps-experte__bild {
	display: block;
	width: 112px;
	height: 112px;
	border-radius: var(--ps-radius);
	object-fit: cover;
}
#ps-sub .ps-experte p { margin: 0; }
#ps-sub .ps-experte *, #ps-sub .ps-profil * { -webkit-hyphens: manual; hyphens: manual; }   /* Theme setzt hyphens: auto direkt auf p */
#ps-sub .ps-experte__text > p { max-width: 64ch; }   /* Satzwache T-03: höchstens 80 Zeichen je Zeile */
#ps-sub .ps-experte__titel {
	margin-bottom: var(--ps-a-3) !important;
	color: var(--ps-farbe-marke);
	font: var(--ps-staerke-kopf) var(--ps-gr-label) / 1.3 var(--ps-font-head);
	letter-spacing: var(--ps-lauf-label);
}
/* Zitat: Theme-Stile für blockquote (Rand, Kursiv, Zeichen davor) ausdrücklich zurücksetzen */
#ps-sub .ps-experte__zitat {
	margin: 0 0 var(--ps-a-2);
	padding: 0;
	border: 0;
	background: none;
	quotes: none;
}
#ps-sub .ps-experte__zitat::before,
#ps-sub .ps-experte__zitat::after { content: none; }
#ps-sub .ps-experte__zitat p {
	color: var(--ps-farbe-kopf);
	font: var(--ps-staerke-kopf) clamp(21px, 2vw, 26px) / 1.25 var(--ps-font-head);
	font-style: normal;
	letter-spacing: var(--ps-lauf-kopf);
	hyphens: manual;
	text-wrap: balance;
}
#ps-sub .ps-experte__quelle {
	margin-bottom: var(--ps-a-4) !important;
	color: var(--ps-farbe-leise);
	font-size: var(--ps-gr-klein);
	line-height: var(--ps-zeile-klein);
}
#ps-sub .ps-experte__quelle strong { color: var(--ps-farbe-text); font-weight: var(--ps-staerke-betont); }
#ps-sub .ps-experte__satz {
	margin-bottom: var(--ps-a-3) !important;
	font-size: 16px;
	line-height: var(--ps-zeile-klein);
}
#ps-sub .ps-experte__satz strong { font-weight: var(--ps-staerke-betont); }
#ps-sub .ps-experte__presse {
	margin-bottom: var(--ps-a-3) !important;
	color: var(--ps-farbe-leise);
	font-size: var(--ps-gr-klein);
	line-height: var(--ps-zeile-klein);
}
#ps-sub .ps-experte a {
	color: var(--ps-farbe-link);
	text-decoration: underline;
	text-underline-offset: 2px;
}
#ps-sub .ps-experte a:hover { color: var(--ps-farbe-link-hover); }
#ps-sub .ps-experte__weiter { font: var(--ps-staerke-knopf) var(--ps-gr-klein) / 1.4 var(--ps-font-head); }
#ps-sub .ps-experte__weiter a::after { content: "\00a0→"; }
@media (max-width: 640px) {
	#ps-sub .ps-experte { padding: var(--ps-a-4) var(--ps-a-4) var(--ps-a-5); }
	#ps-sub .ps-experte--bild { grid-template-columns: 72px minmax(0, 1fr); gap: var(--ps-a-4); }
	#ps-sub .ps-experte__bild { width: 72px; height: 72px; }
}

/* ---- Profil auf /ueber-uns/ (#moritz-heilfort) ---- */
#ps-sub .ps-profil { scroll-margin-top: 96px; }
#ps-sub .ps-profil__satz {
	max-width: var(--ps-lesebreite);
	margin: var(--ps-a-5) 0 var(--ps-a-6);
	font-size: var(--ps-gr-lead);
	line-height: 1.55;   /* Satzwache T-02: 1,35–1,6 bei 19 px */
}
#ps-sub .ps-profil__spalten {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ps-a-6) var(--ps-a-7);
}
#ps-sub .ps-profil h3 { margin: 0 0 var(--ps-a-3); }
#ps-sub .ps-profil__spalte h3:not(:first-child) { margin-top: var(--ps-a-6); }
#ps-sub .ps-profil__weg,
#ps-sub .ps-profil__presse {
	margin: 0;
	padding: 0;
	list-style: none;
}
#ps-sub .ps-profil__weg li,
#ps-sub .ps-profil__presse li {
	margin: 0;
	padding: var(--ps-a-3) 0;
	border-top: 1px solid var(--ps-farbe-rand);
}
#ps-sub .ps-profil__weg li::before,
#ps-sub .ps-profil__presse li::before { content: none; }
#ps-sub .ps-profil__weg li {
	display: grid;
	grid-template-columns: 9em minmax(0, 1fr);
	gap: var(--ps-a-3);
}
#ps-sub .ps-profil__wann {
	color: var(--ps-farbe-marke);
	font: var(--ps-staerke-kopf) var(--ps-gr-klein) / 1.6 var(--ps-font-zahl);
	font-variant-numeric: tabular-nums;
}
#ps-sub .ps-profil__was { font-size: 16px; line-height: var(--ps-zeile-klein); }
#ps-sub .ps-profil__presse a {
	color: var(--ps-farbe-link);
	font-weight: var(--ps-staerke-betont);
	line-height: 1.4;
}
#ps-sub .ps-profil__fund {
	display: block;
	margin-top: 2px;
	color: var(--ps-farbe-leise);
	font-size: var(--ps-gr-klein);
}
@media (max-width: 860px) {
	#ps-sub .ps-profil__spalten { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
	#ps-sub .ps-profil__weg li { grid-template-columns: minmax(0, 1fr); gap: 2px; }
}