/* forschitekt – ergänzende Styles (Farben, Schrift und Abstände stehen in theme.json) */

:root {
	--fx-ink: #1F3A34;
	--fx-lehm: #C0673E;
	--fx-papier: #F4F0E8;
	--fx-stein: #8A8577;
	--fx-linie: #DDD8CD;
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.fx-main { padding-bottom: var(--wp--preset--spacing--60); }
.fx-main:has(.wp-block-post-content > .fx-cta:last-child) { padding-bottom: 0; }
.wp-site-blocks > footer, .wp-site-blocks > .fx-footer { margin-block-start: 0; }
.wp-site-blocks > main { margin-block-start: 0; }
.fx-page-title { margin-top: var(--wp--preset--spacing--50); }
img { height: auto; }

/* ---------- Kopf ---------- */
.fx-header {
	border-bottom: 1px solid var(--fx-linie);
	background: #fff;
	position: sticky; top: 0; z-index: 50;
}
.admin-bar .fx-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .fx-header { top: 46px; } }
.fx-header .fx-logo img { height: 30px; width: auto; display: block; }
.fx-header .wp-block-navigation a { text-decoration: none; }
.fx-header .wp-block-navigation a:hover { color: var(--fx-lehm); }
.fx-header .wp-block-navigation .current-menu-item > a,
.fx-header .wp-block-navigation a[aria-current="page"] { color: var(--fx-lehm); }

/* ---------- Fuß ---------- */
.fx-footer { background: var(--fx-ink); color: #E9E4D9; }
.fx-footer a { color: #fff; text-decoration: none; }
.fx-footer a:hover { color: var(--fx-lehm); }
.fx-footer .fx-logo img { height: 30px; width: auto; }
.fx-footer p { font-size: var(--wp--preset--font-size--s); line-height: 1.6; margin: 0; }
.fx-footer .fx-kicker { color: #C9C3B6; }
.fx-footer .fx-legal { border-top: 1px solid rgba(255,255,255,.15); }
.fx-footer .fx-legal p { font-size: var(--wp--preset--font-size--xs); color: #C9C3B6; }

/* ---------- Typografie-Bausteine ---------- */
.fx-kicker {
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--preset--font-size--xs) !important;
	letter-spacing: .14em; text-transform: uppercase;
	color: var(--fx-lehm); margin-bottom: .6rem !important;
}
.fx-lead { font-size: var(--wp--preset--font-size--l); line-height: 1.55; color: var(--fx-ink); }
.fx-small, .fx-small p { font-size: var(--wp--preset--font-size--xs); color: var(--fx-stein); line-height: 1.55; }
.fx-display { font-size: var(--wp--preset--font-size--xxxl) !important; line-height: 1.04 !important; letter-spacing: -.025em !important; }
.fx-muted { color: var(--fx-stein); }
.fx-todo { background: #FFF1A8; padding: 0 .2em; }

/* Listen mit Lehm-Quadraten */
.fx-list { list-style: none; padding-left: 0; }
.fx-list li { position: relative; padding-left: 1.3em; margin-bottom: .35em; }
.fx-list li::before { content: ""; position: absolute; left: 0; top: .62em; width: .5em; height: .5em; background: var(--fx-lehm); }

/* Abschnitte */
.fx-section { padding-top: var(--wp--preset--spacing--60); }
.fx-rule { border-top: 1px solid var(--fx-linie); padding-top: var(--wp--preset--spacing--40); }
.fx-band { background: var(--fx-papier); }
.fx-cta { background: var(--fx-ink); color: #fff; }
.fx-cta h2, .fx-cta p { color: #fff; }
.fx-cta .wp-block-button__link { background: var(--fx-lehm); }
.fx-cta .wp-block-button__link:hover { background: #fff; color: var(--fx-ink); }

/* Karten */
.fx-card { background: #fff; border-top: 2px solid var(--fx-ink); padding-top: 1rem; }
.fx-card h3 { margin-top: .4rem; margin-bottom: .4rem; }
.fx-card h3 a { text-decoration: none; }
.fx-card h3 a:hover { color: var(--fx-lehm); }
.fx-card p { font-size: var(--wp--preset--font-size--s); margin-top: .3rem; }
.fx-card figure { margin: 0 0 .9rem; }
.fx-card figure img { transition: opacity .2s; }
.fx-card figure a:hover img { opacity: .88; }
.fx-more a { font-weight: 500; text-decoration: none; }
.fx-more a::after { content: " →"; }

/* Kennzahlen */
.fx-kz { border-top: 2px solid var(--fx-ink); border-bottom: 1px solid var(--fx-linie); padding: 1.1rem 0; }
.fx-kz .fx-kz-n { font-size: var(--wp--preset--font-size--xl); font-weight: 500; color: var(--fx-ink); line-height: 1.1; margin: 0; letter-spacing: -.01em; }
.fx-kz .fx-kz-t { font-size: var(--wp--preset--font-size--xs); color: var(--fx-stein); margin-top: .35rem; line-height: 1.4; }

/* Eckdaten-Tabelle */
.fx-meta table { border-collapse: collapse; width: 100%; font-size: var(--wp--preset--font-size--s); }
.fx-meta td { border: 0; border-top: 1px solid var(--fx-linie); padding: .6rem .4rem .6rem 0; vertical-align: top; line-height: 1.45; }
.fx-meta tr:last-child td { border-bottom: 1px solid var(--fx-linie); }
.fx-meta td:first-child { width: 34%; font-family: var(--wp--preset--font-family--mono); font-size: var(--wp--preset--font-size--xs); letter-spacing: .08em; text-transform: uppercase; color: var(--fx-stein); padding-top: .75rem; }
.fx-meta.fx-meta-wide td:first-child { width: 22%; }

/* Bilder */
.wp-block-image figcaption { margin-top: .5rem; text-align: left; }
.fx-hero-img img { width: 100%; }
.fx-drawing img { background: #fff; max-height: 72vh; width: auto; max-width: 100%; }

/* Zeitleiste / Werdegang */
.fx-timeline td:first-child { white-space: nowrap; }

/* Balkendiagramm (UnseKinder) */
.fx-bars { font-size: var(--wp--preset--font-size--xs); }
.fx-bars .row { display: grid; grid-template-columns: 7.5rem 1fr 3rem; gap: .6rem; align-items: center; margin: .35rem 0; }
.fx-bars .bar { height: .8rem; background: #EFEBE3; }
.fx-bars .bar span { display: block; height: 100%; background: var(--fx-ink); }
.fx-bars .row:first-child .bar span { background: var(--fx-lehm); }
.fx-bars .val { text-align: right; font-family: var(--wp--preset--font-family--mono); }

/* Zurück-Link */
.fx-back a { text-decoration: none; font-size: var(--wp--preset--font-size--s); }
.fx-back a::before { content: "← "; }

@media (max-width: 781px) {
	.fx-meta td:first-child { width: 40%; }
}