/* Heiner Fischer – Einfach: alles, was theme.json nicht kann. */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Bild strikt schwarz-weiß, auch wenn später ein farbiges Foto eingesetzt wird. */
.hfe-foto img {
	filter: grayscale(100%);
	display: block;
	width: 100%;
	height: auto;
}

/* Kopfzeile */
.hfe-kopf { border-bottom: 1px solid var(--wp--preset--color--linie); }
.hfe-kopf a { text-decoration: none; }
.hfe-kopf a:hover { text-decoration: underline; }
.hfe-nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }

/* Abschnitte: Abstand und feine Linie darüber */
.hfe-abschnitt { scroll-margin-top: 2rem; }
.hfe-abschnitt + .hfe-abschnitt { border-top: 1px solid var(--wp--preset--color--linie); }

/* Kleine Kapitälchen-Überschrift über einem Abschnitt */
.hfe-label {
	font-size: var(--wp--preset--font-size--klein);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--grau);
}

/* Werdegang als schlichte Liste: Jahr links, Text rechts */
.hfe-liste { list-style: none; padding: 0; margin: 0; }
.hfe-liste li {
	display: grid;
	grid-template-columns: 8.5rem 1fr;
	gap: 1rem;
	padding: 0.75rem 0;
	border-top: 1px solid var(--wp--preset--color--linie);
}
.hfe-liste li:last-child { border-bottom: 1px solid var(--wp--preset--color--linie); }
.hfe-liste .hfe-zeit { color: var(--wp--preset--color--grau); font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
	.hfe-liste li { grid-template-columns: 1fr; gap: 0.15rem; }
}

/* Fußzeile */
.hfe-fuss { border-top: 1px solid var(--wp--preset--color--linie); color: var(--wp--preset--color--grau); }
.hfe-fuss a { color: inherit; text-decoration: none; }
.hfe-fuss a:hover { text-decoration: underline; }