/* ==========================================================================
   Fentrax – KI, übersetzt.   Klartext (2.0)
   Farben/Schriften kommen aus theme.json (--wp--preset--*); die Fallbacks
   sorgen dafür, dass die Datei auch ausserhalb von WordPress funktioniert.
   ========================================================================== */

:root {
	--fx-white: #fff;
	--fx-ink: var(--wp--preset--color--tinte, #16181d);
	--fx-gold: var(--wp--preset--color--gold, #d9a520);
	--fx-gold-dark: var(--wp--preset--color--gold-dunkel, #8a6912);
	--fx-gold-soft: var(--wp--preset--color--gold-hell, #fbf3dc);
	--fx-pearl: var(--wp--preset--color--perlgrau, #f6f5f2);
	--fx-line: var(--wp--preset--color--linie, #e8e5de);
	--fx-muted: var(--wp--preset--color--grau, #5c606b);
	--fx-slate: var(--wp--preset--color--schiefer, #3d4a66);
	--fx-sage: var(--wp--preset--color--salbei, #2f6b55);

	/* Stil-Varianten (styles/*.json) überschreiben diese Werte über settings.custom */
	--fx-bg: var(--wp--custom--background, #fff);
	--fx-surface: var(--wp--custom--surface, #fff);
	--fx-texture: var(--wp--custom--texture, none);
	--fx-gold-grad: var(--wp--preset--gradient--gold, linear-gradient(135deg, #a98019 0%, #e3bb3c 45%, #f3d57a 60%, #b8891c 100%));
	--fx-text-grad: var(--wp--custom--text-gradient, var(--fx-gold-grad));
	--fx-gold-mark: var(--wp--custom--marker, linear-gradient(135deg, #f0d27a 0%, #f7e3a3 50%, #e7bf4c 100%));
	--fx-glow: var(--wp--custom--glow,
		radial-gradient(38rem 26rem at 90% 8%, rgba(217, 165, 32, .13), transparent 70%),
		radial-gradient(30rem 20rem at 4% 100%, rgba(217, 165, 32, .07), transparent 70%));
	--fx-btn-border: var(--wp--custom--button--border, transparent);
	--fx-btn-shadow: var(--wp--custom--button--shadow, 0 8px 20px -10px rgba(169, 128, 25, .75));
	--fx-btn-shadow-hover: var(--wp--custom--button--shadow-hover, 0 12px 26px -12px rgba(169, 128, 25, .85));
	--fx-card-border: var(--wp--custom--card--border, var(--fx-line));
	--fx-chip-bg: var(--wp--custom--chip--news-bg, #efeff1);
	--fx-chip-fg: var(--wp--custom--chip--news-fg, var(--fx-ink));
	--fx-chip-sci-bg: var(--wp--custom--chip--science-bg, #e7ebf3);
	--fx-chip-sci-fg: var(--wp--custom--chip--science-fg, var(--fx-slate));
	--fx-chip-life-bg: var(--wp--custom--chip--life-bg, #e4efe9);
	--fx-chip-life-fg: var(--wp--custom--chip--life-fg, var(--fx-sage));
	--fx-chip-expl-bg: var(--wp--custom--chip--explain-bg, var(--fx-gold-soft));
	--fx-chip-expl-fg: var(--wp--custom--chip--explain-fg, var(--fx-gold-dark));
	--fx-hero-art: var(--wp--custom--hero--art, none);
	--fx-hero-art-display: var(--wp--custom--hero--art-display, none);
	--fx-hero-cols: var(--wp--custom--hero--columns, minmax(0, 1fr));
	--fx-hero-areas: var(--wp--custom--hero--areas, "eyebrow" "klartext" "foot");

	--fx-display: var(--wp--preset--font-family--anybody, "Anybody", "Arial Narrow", sans-serif);
	--fx-body: var(--wp--preset--font-family--atkinson, "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", system-ui, sans-serif);
	--fx-mono: var(--wp--preset--font-family--atkinson-mono, "Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace);

	--fx-max: 1240px;
	--fx-gutter: clamp(1rem, 4vw, 3.5rem);
	--fx-pad-inline: max(var(--fx-gutter), calc((100% - var(--fx-max)) / 2));
	--fx-radius: 16px;
	--fx-ease: cubic-bezier(.2, .8, .2, 1);
	--fx-shadow: var(--wp--custom--card--shadow, 0 1px 2px rgba(22, 24, 29, .04), 0 12px 32px -18px rgba(22, 24, 29, .18));
}

body {
	background: var(--fx-texture), var(--fx-bg);
	color: var(--fx-ink);
	font-family: var(--fx-body);
	font-size: 1.125rem;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

/* WordPress setzt zwischen Blöcken automatisch Abstände. Die Fentrax-Bausteine
   regeln ihre Abstände selbst (Grid/Flex-gap), daher hier zurücksetzen. */
.wp-site-blocks > * { margin-block-start: 0; }
:root :where([class*="fx-"]) > * { margin-block-start: 0; }

:where(a, button, input, summary):focus-visible {
	outline: 3px solid var(--fx-gold);
	outline-offset: 3px;
	border-radius: 4px;
}

.fx-gold-text {
	background: var(--fx-text-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/* ---------- Buttons ---------- */
.fx-btn,
.wp-block-button.is-style-fx-marker .wp-block-button__link,
.wp-block-button.is-style-fx-ghost .wp-block-button__link,
.wp-block-button.is-style-fx-ink .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font: 700 1rem/1 var(--fx-body);
	padding: 1rem 1.45rem;
	border-radius: 999px;
	border: 1.5px solid transparent;
	text-decoration: none;
	white-space: nowrap;
	transition: transform .2s var(--fx-ease), box-shadow .2s var(--fx-ease), border-color .2s, background-color .2s;
	cursor: pointer;
}
.fx-btn--marker,
.wp-block-button.is-style-fx-marker .wp-block-button__link {
	background: var(--fx-gold-grad);
	background-size: 160% 100%;
	background-position: 0 0;
	color: var(--fx-ink);
	border-color: var(--fx-btn-border);
	box-shadow: var(--fx-btn-shadow);
	transition: transform .2s var(--fx-ease), box-shadow .2s var(--fx-ease), background-position .5s var(--fx-ease);
}
.fx-btn--marker:hover,
.wp-block-button.is-style-fx-marker .wp-block-button__link:hover {
	transform: translateY(-1px);
	background-position: 100% 0;
	box-shadow: var(--fx-btn-shadow-hover);
}
.fx-btn--ghost,
.wp-block-button.is-style-fx-ghost .wp-block-button__link {
	background: transparent;
	color: var(--fx-ink);
	border-color: color-mix(in srgb, var(--fx-ink) 25%, transparent);
}
.fx-btn--ghost:hover,
.wp-block-button.is-style-fx-ghost .wp-block-button__link:hover {
	border-color: var(--fx-gold);
	background: color-mix(in srgb, var(--fx-gold) 8%, transparent);
}
.fx-btn--ink,
.wp-block-button.is-style-fx-ink .wp-block-button__link {
	background: var(--fx-ink);
	color: #fff;
}
.fx-btn--ink:hover,
.wp-block-button.is-style-fx-ink .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px -12px rgba(169, 128, 25, .9);
}

/* ---------- Kopfzeile (bleibt beim Scrollen oben) ---------- */
body > header,
.wp-site-blocks > header {
	position: sticky;
	top: 0;
	z-index: 50;
}
.admin-bar .wp-site-blocks > header { top: 32px; }
@media (max-width: 782px) { .admin-bar .wp-site-blocks > header { top: 0; position: relative; } }

.fx-hero-wrap {
	background: color-mix(in srgb, var(--fx-bg) 88%, transparent);
	-webkit-backdrop-filter: saturate(1.4) blur(14px);
	backdrop-filter: saturate(1.4) blur(14px);
	border-bottom: 1px solid var(--fx-line);
	color: var(--fx-ink);
}
.fx-header {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	padding: 1.1rem var(--fx-pad-inline);
}
.fx-wordmark,
.fx-header .wp-block-site-title a,
.fx-footer .wp-block-site-title a {
	font-family: var(--fx-display);
	font-stretch: 150%;
	font-weight: 750;
	font-size: 1.3rem;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
}
.fx-header .wp-block-site-title,
.fx-footer .wp-block-site-title { margin: 0; }
.fx-nav,
.fx-header .wp-block-navigation {
	display: flex;
	gap: 1.75rem;
	margin-right: auto;
	font-weight: 600;
	font-size: 1rem;
}
.fx-nav a,
.fx-header .wp-block-navigation a {
	color: rgba(22, 24, 29, .78);
	text-decoration: none;
	white-space: nowrap;
	background: var(--fx-gold-grad) 0 100% / 0 2px no-repeat;
	transition: background-size .3s var(--fx-ease), color .2s;
	padding-bottom: 4px;
}
.fx-nav a:hover,
.fx-header .wp-block-navigation a:hover {
	color: var(--fx-ink);
	background-size: 100% 2px;
}
.fx-header__cta.fx-btn,
.fx-header__cta .wp-block-button__link { padding: .7rem 1.15rem; font-size: .95rem; }
.fx-header .wp-block-navigation__container { gap: 1.75rem; }
.fx-header .wp-block-buttons { flex-shrink: 0; }

/* ---------- Hero ---------- */
.fx-hero {
	background: var(--fx-glow), var(--fx-texture), var(--fx-bg);
	color: var(--fx-ink);
	padding: clamp(2.5rem, 6vw, 5rem) var(--fx-pad-inline) clamp(3rem, 6vw, 5rem);
	display: grid;
	grid-template-columns: var(--fx-hero-cols);
	grid-template-areas: var(--fx-hero-areas);
	column-gap: clamp(2rem, 4vw, 4rem);
	align-items: center;
}
.fx-hero > .fx-eyebrow { grid-area: eyebrow; align-self: end; }
.fx-hero > .fx-klartext { grid-area: klartext; align-self: start; }
.fx-hero > .fx-hero__foot { grid-area: foot; }
/* Illustration: nur sichtbar, wenn eine Stil-Variante sie setzt */
.fx-hero__art {
	grid-area: art;
	display: var(--fx-hero-art-display);
	aspect-ratio: 3 / 2;
	background: var(--fx-hero-art) center / cover no-repeat;
	border-radius: 14px;
	border: 2px solid var(--fx-ink);
	box-shadow: 10px 10px 0 var(--wp--custom--hero--art-shadow, var(--fx-gold-soft));
	transform: rotate(-1.2deg);
	margin-bottom: 2rem;
}
.fx-eyebrow {
	font: 700 .82rem/1.2 var(--fx-mono);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--fx-gold-dark);
	margin: 0;
}

/* ---------- Signatur: Fachchinesisch → Klartext ---------- */
.fx-klartext { margin: clamp(1.75rem, 4vw, 3rem) 0 clamp(2.5rem, 5vw, 4rem); }

/* ohne JavaScript bleibt die Liste lesbar */
.fx-klartext__pairs { margin: 0; padding: 0; list-style: none; font-size: 1.35rem; line-height: 1.4; }
.fx-klartext__pairs li + li { margin-top: .6rem; }
.fx-klartext.is-ready .fx-klartext__pairs { display: none; }

.fx-kt__label {
	font: 700 .72rem/1 var(--fx-mono);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #9a9ca6;
	margin: 0 0 .7rem;
}
.fx-kt__label--plain { margin-top: clamp(1.4rem, 3vw, 2.2rem); color: var(--fx-gold-dark); }

/* Fachbegriff gut lesbar (24.10.2026): Atkinson statt schmaler Anybody-Versalien, dunkleres Grau */
.fx-kt__jargon {
	margin: 0;
	font-family: var(--fx-body);
	font-weight: 700;
	font-size: clamp(1.25rem, 2.4vw, 1.75rem);
	line-height: 1.25;
	letter-spacing: 0;
	color: var(--fx-muted);
	min-height: 1.25em;
}
.fx-kt__jargon span {
	opacity: 0;
	transition: opacity .35s ease;
	background: linear-gradient(var(--fx-gold), var(--fx-gold)) 0 52% / 0 .07em no-repeat;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.fx-klartext.is-in .fx-kt__jargon span {
	opacity: 1;
	background-size: 100% .07em;
	transition: opacity .35s ease, background-size .55s var(--fx-ease) .45s;
}

.fx-kt__plain {
	margin: 0;
	font-family: var(--fx-display);
	font-weight: 600;
	font-size: clamp(2.1rem, 5vw, 4.4rem);
	line-height: 1.06;
	letter-spacing: -.015em;
	max-width: 23ch;
	min-height: 3.18em;
	font-size: var(--wp--custom--hero--plain-size, clamp(2.1rem, 5vw, 4.4rem));
	text-wrap: balance;
	color: var(--fx-ink);
}
/* Tipp-Effekt (24.10.2026): Buchstaben erscheinen einzeln (JS setzt .is-on), Platz ist von Anfang an reserviert */
.fx-kt__plain .fx-kt__w { display: inline-block; font-stretch: 108%; }
.fx-kt__plain .fx-kt__c { visibility: hidden; }
.fx-kt__plain .fx-kt__c.is-on { visibility: visible; }
.fx-kt__caret {
	display: inline-block;
	width: 0;
	height: .9em;
	vertical-align: -.1em;
	border-right: .07em solid var(--fx-gold-dark);
	margin-right: -.07em;
	animation: fx-caret 1s steps(1) infinite;
}
.fx-klartext.is-typed .fx-kt__caret { animation: fx-caret 1s steps(1) 2 forwards; }
@keyframes fx-caret { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
.fx-kt__plain mark {
	color: inherit;
	background: var(--fx-gold-mark) 0 0 / 0 100% no-repeat;
	padding: 0 .08em;
	margin: 0 -.04em;
	border-radius: .1em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	transition: background-size .7s var(--fx-ease) .15s;
}
.fx-klartext.is-typed .fx-kt__plain mark { background-size: 100% 100%; }

.fx-kt__controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1rem;
	margin-top: 1.75rem;
}
.fx-kt__next,
.fx-kt__pause {
	font: 700 .95rem/1 var(--fx-body);
	color: var(--fx-ink);
	background: var(--fx-surface);
	border: 1.5px solid color-mix(in srgb, var(--fx-ink) 20%, transparent);
	border-radius: 999px;
	padding: .75rem 1.15rem;
	cursor: pointer;
	transition: border-color .2s, background-color .2s;
}
.fx-kt__pause { padding: .75rem; line-height: 0; }
.fx-kt__next:hover,
.fx-kt__pause:hover { border-color: var(--fx-gold); background: color-mix(in srgb, var(--fx-gold) 8%, transparent); }
.fx-kt__pause svg { width: 14px; height: 14px; fill: currentColor; }
.fx-kt__count { font: 700 .85rem/1 var(--fx-mono); color: var(--fx-muted); }
.fx-kt__bar {
	flex: 0 0 90px;
	height: 3px;
	background: var(--fx-line);
	border-radius: 3px;
	overflow: hidden;
}
.fx-kt__bar i {
	display: block;
	height: 100%;
	background: var(--fx-gold-grad);
	transform-origin: 0 50%;
	animation: fx-progress var(--fx-interval, 6.5s) linear forwards;
}
.fx-klartext.is-paused .fx-kt__bar i,
.fx-klartext:hover .fx-kt__bar i,
.fx-klartext:focus-within .fx-kt__bar i { animation-play-state: paused; }
@keyframes fx-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.fx-hero__foot {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) auto;
	gap: 1.5rem 3rem;
	align-items: end;
	padding-top: 2rem;
	border-top: 1px solid var(--fx-line);
}
.fx-hero__lead {
	margin: 0;
	max-width: 44ch;
	font-size: clamp(1.1rem, 1.6vw, 1.28rem);
	line-height: 1.55;
	color: var(--fx-muted);
}
.fx-hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; }

/* ---------- Sektionen ---------- */
.fx-section {
	padding: clamp(3.5rem, 7vw, 6rem) var(--fx-pad-inline) 0;
}
.fx-section--band {
	background: var(--fx-texture), var(--fx-pearl);
	margin-top: clamp(3.5rem, 7vw, 6rem);
	padding-bottom: clamp(3.5rem, 7vw, 5rem);
}
.fx-hero + .fx-section--band,
.fx-hero + main > .fx-section--band:first-child { margin-top: 0; }
.fx-section__head {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: .5rem 2rem;
	border-bottom: 1px solid var(--fx-line);
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}
.fx-section__head::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 4rem;
	height: 2px;
	background: var(--fx-gold-grad);
}
.fx-h2,
.fx-section h2.wp-block-heading {
	font-family: var(--fx-display);
	font-stretch: 115%;
	font-weight: 700;
	font-size: clamp(1.8rem, 3.3vw, 2.7rem);
	line-height: 1.05;
	letter-spacing: -.015em;
	margin: 0;
}
.fx-section__sub { margin: 0; color: var(--fx-muted); max-width: 46ch; }
.fx-date { margin: 0; font: 700 .88rem/1.2 var(--fx-mono); color: var(--fx-gold-dark); }

.fx-label {
	display: block;
	font: 700 .7rem/1 var(--fx-mono);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--fx-gold-dark);
	margin-bottom: .55rem;
}
.fx-meta,
.fx-card .wp-block-post-date,
.fx-card .fx-readtime {
	margin: 0;
	font: 600 .8rem/1.2 var(--fx-mono);
	color: var(--fx-muted);
}

/* Kategorie-Chips: dezent, Farbe nur als Hinweis */
.fx-chip,
.fx-card .taxonomy-category a,
.fx-article__head .taxonomy-category a {
	display: inline-block;
	font: 700 .7rem/1 var(--fx-mono);
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: .42rem .65rem;
	border-radius: 999px;
	background: var(--fx-chip-bg);
	color: var(--fx-chip-fg);
	text-decoration: none;
	align-self: flex-start;
}
.fx-card .taxonomy-category,
.fx-article__head .taxonomy-category { margin: 0; }
.taxonomy-category .wp-block-post-terms__separator { display: none; }
.taxonomy-category a + a { margin-left: .35rem; }
.fx-chip--wissenschaft,
.fx-card .taxonomy-category a[href*="/wissenschaft/"],
.fx-article__head .taxonomy-category a[href*="/wissenschaft/"] { background: var(--fx-chip-sci-bg); color: var(--fx-chip-sci-fg); }
.fx-chip--alltag,
.fx-card .taxonomy-category a[href*="/im-alltag/"],
.fx-article__head .taxonomy-category a[href*="/im-alltag/"] { background: var(--fx-chip-life-bg); color: var(--fx-chip-life-fg); }
.fx-chip--erklaert,
.fx-card .taxonomy-category a[href*="/erklaert/"],
.fx-article__head .taxonomy-category a[href*="/erklaert/"] { background: var(--fx-chip-expl-bg); color: var(--fx-chip-expl-fg); }

/* Titel-Links: goldener Unterstrich beim Überfahren */
.fx-card__title,
.fx-usecase__title,
.fx-card .wp-block-post-title,
.fx-usecase .wp-block-post-title {
	font-family: var(--fx-display);
	font-stretch: 100%;
	font-weight: 680;
	line-height: 1.14;
	letter-spacing: -.008em;
	margin: 0;
}
.fx-card__title a,
.fx-usecase__title a,
.fx-card .wp-block-post-title a,
.fx-usecase .wp-block-post-title a {
	color: inherit;
	text-decoration: none;
	background: var(--fx-gold-mark) 0 92% / 0 .3em no-repeat;
	transition: background-size .4s var(--fx-ease);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.fx-card__title a:hover,
.fx-usecase__title a:hover,
.fx-card .wp-block-post-title a:hover,
.fx-usecase .wp-block-post-title a:hover { background-size: 100% .3em; }

/* ---------- Heute ---------- */
.fx-today {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(1.5rem, 3vw, 3rem);
	align-items: start;
}
.fx-card--lead {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	background: var(--fx-surface);
	border: 1px solid var(--fx-card-border);
	border-radius: var(--fx-radius);
	padding: clamp(1.5rem, 3vw, 2.5rem);
	box-shadow: var(--fx-shadow);
}
.fx-card--lead .fx-card__title,
.fx-card--lead .wp-block-post-title { font-size: clamp(1.7rem, 2.8vw, 2.4rem); }
.fx-onesentence,
.fx-foryou { border-radius: 12px; padding: 1.1rem 1.25rem; }
.fx-onesentence { background: var(--fx-gold-soft); }
.fx-foryou { background: var(--fx-pearl); }
.fx-foryou .fx-label { color: var(--fx-ink); }
.fx-onesentence p,
.fx-foryou p { margin: 0; font-size: 1.12rem; }

.fx-today__list { display: flex; flex-direction: column; }
.fx-card--row {
	display: flex;
	flex-direction: column;
	gap: .65rem;
	padding: 1.4rem 0;
	border-bottom: 1px solid var(--fx-line);
}
.fx-card--row:first-child,
.fx-today__list li:first-child .fx-card--row { padding-top: 0; }
.fx-today__list .wp-block-post-template > li { margin: 0; }
.fx-card--row .fx-card__title,
.fx-card--row .wp-block-post-title { font-size: 1.3rem; }
.fx-empty { background: var(--fx-gold-soft); border-color: transparent; box-shadow: none; }
.fx-empty p { margin: 0; font-size: 1.2rem; }

/* ---------- Im Alltag ---------- */
.fx-alltag {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
	gap: 1.5rem;
}
.fx-usecase {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	background: var(--fx-surface);
	border: 1px solid var(--fx-card-border);
	border-radius: var(--fx-radius);
	padding: 1.75rem;
	box-shadow: var(--fx-shadow);
	transition: transform .25s var(--fx-ease), box-shadow .25s var(--fx-ease);
}
.fx-usecase:hover { transform: translateY(-3px); box-shadow: var(--wp--custom--card--shadow-hover, 0 1px 2px rgba(22, 24, 29, .04), 0 20px 40px -20px rgba(169, 128, 25, .4)); }
.fx-usecase__title,
.fx-usecase .wp-block-post-title { font-size: 1.4rem; }
.fx-usecase__facts {
	display: grid;
	grid-template-columns: auto auto 1fr;
	gap: 1.25rem;
	margin: 0;
	padding: .85rem 0;
	border-block: 1px solid var(--fx-line);
}
.fx-usecase__facts dt { font: 700 .68rem/1 var(--fx-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--fx-muted); margin-bottom: .35rem; }
.fx-usecase__facts dd { margin: 0; font-weight: 700; font-size: .95rem; line-height: 1.3; }
.fx-tip { margin: auto 0 0; font-size: .95rem; color: var(--fx-muted); }
.fx-tip strong { color: var(--fx-gold-dark); }
.fx-alltag-query .wp-block-post-template > li > .fx-usecase { height: 100%; box-sizing: border-box; }
.fx-usecase .wp-block-read-more { margin-top: auto; font-weight: 700; color: var(--fx-gold-dark); }

/* Prompt-Box: «So wurde gefragt» + Kopieren */
.fx-prompt,
.is-style-fx-prompt {
	position: relative;
	background: var(--fx-ink);
	color: #f4f1ea;
	border-radius: 12px;
	padding: 2.4rem 1.2rem 3.4rem;
	font-family: var(--fx-mono);
	font-size: .98rem;
	line-height: 1.55;
}
.fx-prompt::before,
.is-style-fx-prompt::before {
	content: "So wurde gefragt";
	position: absolute;
	top: 1rem;
	left: 1.2rem;
	font: 700 .68rem/1 var(--fx-mono);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--fx-gold);
}
.fx-prompt p,
.is-style-fx-prompt p { margin: 0; }
/* In Anleitungen: Vorschlag statt echtem Beispiel (siehe KI-Grundsätze) */
.fx-prompt-vorschlag::before { content: "So kannst du fragen"; }
.fx-prompt p + p,
.is-style-fx-prompt p + p { margin-top: .75rem; }
.is-style-fx-prompt a { color: var(--fx-gold); }
.fx-prompt__copy {
	position: absolute;
	right: .75rem;
	bottom: .75rem;
	font: 700 .78rem/1 var(--fx-mono);
	background: var(--fx-gold-grad);
	color: var(--fx-ink);
	border: 0;
	border-radius: 999px;
	padding: .55rem .9rem;
	cursor: pointer;
	transition: transform .15s var(--fx-ease);
}
.fx-prompt__copy:hover { transform: translateY(-1px); }
.fx-prompt__copy.is-done { background: #fff; }

/* Info-Boxen für Beiträge (Blockstile der Gruppe) */
.is-style-fx-kernsatz,
.is-style-fx-fuerdich,
.is-style-fx-tipp {
	border-radius: 12px;
	padding: 2.3rem 1.3rem 1.2rem;
	position: relative;
}
.is-style-fx-kernsatz { background: var(--fx-gold-soft); }
.is-style-fx-fuerdich { background: var(--fx-pearl); }
.is-style-fx-tipp { background: var(--fx-surface); border: 1px solid var(--fx-card-border); }
.is-style-fx-kernsatz::before,
.is-style-fx-fuerdich::before,
.is-style-fx-tipp::before {
	position: absolute;
	top: 1rem;
	left: 1.3rem;
	font: 700 .7rem/1 var(--fx-mono);
	letter-spacing: .14em;
	text-transform: uppercase;
}
.is-style-fx-kernsatz::before { content: "In einem Satz"; color: var(--fx-gold-dark); }
.is-style-fx-fuerdich::before { content: "Was heisst das für dich?"; color: var(--fx-ink); }
.is-style-fx-tipp::before { content: "Tipp"; color: var(--fx-sage); }
.is-style-fx-kernsatz p,
.is-style-fx-fuerdich p,
.is-style-fx-tipp p { margin: 0; font-size: 1.15rem; }

/* ---------- Erste Schritte (echte Reihenfolge → nummeriert) ---------- */
.fx-start {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
	gap: 2rem clamp(2rem, 5vw, 5rem);
	align-items: start;
	border-top: 1px solid var(--fx-line);
	padding-top: 1.75rem;
}
.fx-start .fx-section__sub { margin-top: .75rem; }
.fx-steps { list-style: none; margin: 0; padding: 0; counter-reset: fx-step; }
.fx-steps li {
	counter-increment: fx-step;
	position: relative;
	margin: 0;
	padding: 1.25rem 0 1.25rem 4.2rem;
	border-bottom: 1px solid var(--fx-line);
}
.fx-steps li:first-child { padding-top: 0; }
.fx-steps li::before {
	content: counter(fx-step);
	position: absolute;
	left: 0;
	top: 1.25rem;
	font-family: var(--fx-display);
	font-stretch: 150%;
	font-weight: 750;
	font-size: 2.2rem;
	line-height: 1;
	background: var(--fx-text-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.fx-steps li:first-child::before { top: 0; }
.fx-steps strong { display: block; font-size: 1.2rem; margin-bottom: .2rem; }

/* ---------- Glossar: Fachwort schmal, Erklärung normal ---------- */
.fx-glossar {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 0 2.5rem;
	margin: 0 0 1.5rem;
}
.fx-glossar > div { border-top: 1px solid var(--fx-line); padding: 1.2rem 0; }
.fx-glossar dt,
.fx-glossar .fx-glossar__term {
	font-family: var(--fx-display);
	font-stretch: 58%;
	font-weight: 750;
	font-size: 1.5rem;
	line-height: 1.05;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: var(--fx-gold-dark);
	margin: 0;
}
.fx-glossar dd,
.fx-glossar p { margin: .4rem 0 0; font-size: 1.08rem; }
.fx-link { font-weight: 700; color: var(--fx-ink); text-underline-offset: .22em; text-decoration-thickness: 2px; text-decoration-color: var(--fx-gold); }
.fx-link:hover { color: var(--fx-gold-dark); }

/* ---------- Morgen-Mail ---------- */
.fx-mail {
	margin-top: clamp(4rem, 8vw, 7rem);
	padding: clamp(3rem, 6vw, 5rem) var(--fx-pad-inline);
	background: var(--fx-glow), var(--fx-texture), var(--fx-pearl);
	border-block: 1px solid var(--fx-line);
	color: var(--fx-ink);
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
	gap: 1.25rem 3rem;
	align-items: end;
}
.fx-mail__title,
.fx-mail h2.wp-block-heading {
	grid-row: span 2;
	margin: 0;
	font-family: var(--fx-display);
	font-stretch: 140%;
	font-weight: 750;
	font-size: clamp(2.2rem, 5.2vw, 4.4rem);
	line-height: .98;
	letter-spacing: -.02em;
	text-transform: uppercase;
	background: var(--fx-text-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	padding-bottom: .05em;
}
.fx-mail__text { margin: 0; font-size: 1.2rem; max-width: 34ch; color: var(--fx-muted); }
.fx-mail .fx-btn,
.fx-mail .wp-block-buttons { justify-self: start; }

/* ---------- Footer ---------- */
.fx-footer {
	background: var(--fx-texture), var(--fx-bg);
	color: var(--fx-muted);
	padding: 3.5rem var(--fx-pad-inline) 2.5rem;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
	align-items: end;
}
.fx-footer .fx-wordmark,
.fx-footer .wp-block-site-title a {
	font-size: 1.7rem;
	background: var(--fx-text-grad);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.fx-footer__claim { margin: .5rem 0 0; font-family: var(--fx-display); font-stretch: 112%; font-size: 1.25rem; color: var(--fx-ink); }
.fx-footer__nav,
.fx-footer .wp-block-navigation { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .98rem; }
.fx-footer__nav a,
.fx-footer .wp-block-navigation a { color: var(--fx-ink); text-decoration: none; }
.fx-footer__nav a:hover,
.fx-footer .wp-block-navigation a:hover { color: var(--fx-gold-dark); }
/* Social-Media-Links: Logo + Name, in Tinte, Hover in Gold */
.fx-footer .wp-block-social-links.fx-footer__social { margin: 1.1rem 0 0; padding: 0; gap: .5rem 1.4rem; font-size: .95rem; }
.fx-footer .fx-footer__social .wp-social-link { color: var(--fx-ink); background: none; border-radius: 0; transition: color .2s ease; }
.fx-footer .fx-footer__social .wp-social-link:hover { color: var(--fx-gold-dark); transform: none; }
.fx-footer .fx-footer__social .wp-social-link a { padding: 0; gap: .45rem; color: inherit; text-decoration: none; }
.fx-footer .fx-footer__social .wp-social-link svg { width: 1.35em; height: 1.35em; fill: currentColor; }
.fx-footer .fx-footer__social .wp-social-link span.wp-block-social-link-label { padding: 0; font-size: .95rem; font-weight: 600; line-height: 1.2; }
.fx-footer__copy { grid-column: 1 / -1; margin: 0; padding-top: 1.5rem; border-top: 1px solid var(--fx-line); font: 600 .8rem/1 var(--fx-mono); color: var(--fx-muted); }

/* ---------- Beitrag / Seite ---------- */
.fx-article__head {
	background: var(--fx-glow), var(--fx-texture), var(--fx-bg);
	border-bottom: 1px solid var(--fx-line);
	color: var(--fx-ink);
	padding-top: clamp(2.5rem, 6vw, 5rem);
	padding-bottom: clamp(4rem, 8vw, 6.5rem);
}
.fx-article__head > * + * { margin-top: 1.25rem; }
.fx-article__head .wp-block-post-title,
.fx-article__head h1 {
	font-family: var(--fx-display);
	font-stretch: 104%;
	font-weight: 650;
	font-size: clamp(2.2rem, 5.2vw, 4.2rem);
	line-height: 1.05;
	letter-spacing: -.018em;
	color: var(--fx-ink);
	text-wrap: balance;
}
.fx-article__meta { gap: .4rem 1.5rem; }
.fx-article__meta > * { margin: 0; font: 600 .85rem/1.2 var(--fx-mono); color: var(--fx-muted); }
.fx-article__head .fx-hero__lead { max-width: none; }

.fx-article__body { padding-bottom: clamp(3rem, 6vw, 5rem); }
.fx-article__body > * + * { margin-top: 2.25rem; }
.fx-article__summary {
	margin-top: calc(-1 * clamp(2.5rem, 5vw, 3.5rem)) !important;
	box-shadow: 0 20px 40px -24px rgba(22, 24, 29, .3);
}
.fx-article__summary .wp-block-post-excerpt__excerpt { margin: 0; font-size: 1.25rem; line-height: 1.5; }
.is-style-fx-prompt.fx-article__summary .wp-block-post-excerpt__excerpt { font-size: 1.05rem; }
.fx-page .fx-article__head { padding-bottom: clamp(2.5rem, 6vw, 4.5rem); }
.fx-page .fx-article__body { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: clamp(3rem, 6vw, 5rem); }

/* Fliesstext im Beitrag */
.wp-block-post-content { font-size: 1.18rem; line-height: 1.72; }
.wp-block-post-content > * + * { margin-block-start: 1.3rem; }
.wp-block-post-content h2 {
	font-stretch: 108%;
	font-weight: 680;
	font-size: clamp(1.5rem, 2.6vw, 1.95rem);
	margin-block-start: 2.8rem;
}
.wp-block-post-content h3 { font-size: 1.35rem; margin-block-start: 2.2rem; }
.wp-block-post-content a { color: var(--fx-ink); text-decoration-color: var(--fx-gold); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.wp-block-post-content a:hover { color: var(--fx-gold-dark); }
.wp-block-post-content mark,
.fx-onesentence mark {
	background: linear-gradient(transparent 14%, #f5dc8e 14%, #f5dc8e 86%, transparent 86%);
	color: inherit;
	padding: 0 .1em;
}
.wp-block-post-content ul,
.wp-block-post-content ol { padding-left: 1.3em; }
.wp-block-post-content li + li { margin-top: .45rem; }
.wp-block-post-content li::marker { color: var(--fx-gold-dark); font-weight: 700; }
.wp-block-post-content .fx-steps { padding-left: 0; }
.wp-block-post-content .fx-steps li + li { margin-top: 0; }
.wp-block-post-content .wp-block-quote {
	border-left: 3px solid var(--fx-gold);
	margin-inline: 0;
	padding: .2rem 0 .2rem 1.4rem;
	font-size: 1.22rem;
}
.wp-block-post-content .wp-block-quote cite { font: 600 .85rem/1.3 var(--fx-mono); color: var(--fx-muted); font-style: normal; }
.wp-block-post-content img { border-radius: 12px; }
.fx-source { font: 600 .88rem/1.5 var(--fx-mono); color: var(--fx-muted); }
/* Hochformat-Videos (Reels) im Beitrag nicht bildschirmhoch aufblähen */
.wp-block-video.fx-hochformat video { display: block; max-width: min(380px, 100%); margin-inline: auto; border-radius: 16px; }
.wp-block-video.fx-hochformat figcaption { text-align: center; }
.wp-block-post-content .wp-block-video video { border-radius: 12px; }
.wp-block-post-content .fx-lead { font-size: 1.35rem; line-height: 1.55; color: var(--fx-muted); }

/* Steckbrief im Alltagsbeispiel */
.fx-facts {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem 2rem;
	padding: 1rem 0;
	border-block: 1px solid var(--fx-line);
}
.fx-facts p { margin: 0; font-size: 1rem; font-weight: 700; }
.fx-facts strong { display: block; font: 700 .68rem/1 var(--fx-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--fx-muted); margin-bottom: .35rem; }

.fx-more { border-top: 1px solid var(--fx-line); padding-top: clamp(3rem, 6vw, 4.5rem); padding-bottom: clamp(3rem, 6vw, 5rem); }
/* Leere Bausteine ausblenden (z. B. noch keine weiteren Beiträge) */
.fx-article__summary:not(:has(p)),
.fx-more:not(:has(.wp-block-post)) { display: none; }
.fx-article__body:has(> .fx-article__summary:not(:has(p))) { padding-top: clamp(2.5rem, 5vw, 4rem); }

/* ---------- Übersichten (Kategorie, Suche) ---------- */
.fx-listing__head { padding-bottom: clamp(2.5rem, 6vw, 4rem); }
.fx-listing__head .wp-block-query-title,
.fx-listing__head h1 {
	font-family: var(--fx-display);
	font-stretch: 115%;
	font-weight: 700;
	font-size: clamp(2.4rem, 6vw, 4.4rem);
	line-height: 1;
	color: var(--fx-ink);
	margin: 0;
}
.fx-listing__head .wp-block-term-description { max-width: 52ch; font-size: 1.2rem; color: var(--fx-muted); }
.fx-listing__head .wp-block-term-description p { margin: 0; }
.fx-card--tile {
	display: flex;
	flex-direction: column;
	gap: .9rem;
	height: 100%;
	box-sizing: border-box;
	background: var(--fx-surface);
	border: 1px solid var(--fx-card-border);
	border-radius: var(--fx-radius);
	padding: 1.6rem;
	box-shadow: var(--fx-shadow);
}
.fx-card--tile .wp-block-post-title { font-size: 1.4rem; }
.fx-card--tile .wp-block-post-excerpt__excerpt { margin: 0; color: var(--fx-muted); font-size: 1.02rem; }
.fx-card--tile .fx-readtime { margin-top: auto; }
.fx-pagination { margin-top: 2.5rem; font-weight: 700; }
.fx-pagination a { color: var(--fx-ink); }
.fx-pagination .current { background: var(--fx-gold-grad); color: var(--fx-ink); border-radius: 999px; padding: .2rem .65rem; }

.fx-search .wp-block-search__inside-wrapper { max-width: 560px; gap: .5rem; border: 0; padding: 0; }
.fx-search .wp-block-search__input {
	border: 1.5px solid var(--fx-line);
	border-radius: 999px;
	padding: .85rem 1.2rem;
	font: inherit;
	font-size: 1.05rem;
	background: var(--fx-surface);
}
.fx-search .wp-block-search__input:focus-visible { outline: 3px solid var(--fx-gold); border-color: transparent; }
.fx-search .wp-block-search__button {
	margin: 0;
	border-radius: 999px;
	background: var(--fx-gold-grad);
	color: var(--fx-ink);
	font-weight: 700;
	padding: .85rem 1.4rem;
	border: 0;
}
.fx-404 .fx-article__head { padding-bottom: clamp(4rem, 10vw, 8rem); }

/* ---------- Mobile ---------- */
@media (max-width: 900px) {
	.fx-today,
	.fx-start,
	.fx-hero__foot,
	.fx-mail { grid-template-columns: minmax(0, 1fr); }
	.fx-mail__title,
	.fx-mail h2.wp-block-heading { grid-row: auto; }
	.fx-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "eyebrow" "art" "klartext" "foot"; }
	.fx-hero__art { margin: 1.5rem .6rem .5rem 0; }
}
@media (max-width: 900px) {
	.fx-header { flex-wrap: wrap; gap: .8rem 1rem; padding-block: .85rem .6rem; }
	.fx-header .wp-block-buttons,
	.fx-header__cta { margin-left: auto; }
	.fx-nav,
	.fx-header .wp-block-navigation {
		order: 3;
		width: 100%;
		margin: 0;
		gap: 1.25rem;
		overflow-x: auto;
		padding-bottom: .25rem;
	}
}
@media (max-width: 720px) {
	.fx-kt__plain { min-height: 4.3em; }
	.fx-usecase__facts { grid-template-columns: 1fr 1fr; }
	.fx-usecase__facts > div:last-child { grid-column: 1 / -1; }
	.fx-footer { grid-template-columns: 1fr; }
}

/* ---------- Weniger Bewegung ---------- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		transition-duration: .01ms !important;
		transition-delay: 0s !important;
		animation: none !important;
	}
	.fx-kt__bar { display: none; }
}

/* ==========================================================================
   Klartext (ab 2.0): Kopfzeile, Artikelkopf, Erklär- und Fazitblöcke
   ========================================================================== */
:root {
	--kt-gelb: var(--fx-gold);
	--kt-gelb-soft: var(--fx-gold-soft);
	--kt-gelb-line: color-mix(in srgb, var(--fx-gold) 42%, #fff);
	--kt-blau-soft: var(--fx-pearl);
	--kt-blau-line: color-mix(in srgb, var(--fx-slate) 14%, var(--fx-pearl));
	--kt-dunkel: var(--wp--custom--footer--bg, #13213b);
	--kt-gruen: var(--fx-sage);
	--kt-rot: #d4473f;
	--kt-radius: 14px;
}

/* ---------- Kopfzeile: Wortmarke einfarbig, Menü rechts ---------- */
.fx-hero-wrap { background: color-mix(in srgb, var(--fx-surface) 94%, transparent); }
.fx-header { gap: 1.75rem; min-height: 76px; padding-block: .6rem; }
.fx-marke { display: flex; flex-direction: column; gap: .3rem; }
.fx-marke .wp-block-site-title a { font-size: 1.6rem; font-stretch: 125%; font-weight: 800; letter-spacing: .02em; line-height: 1; color: var(--fx-ink); }
.fx-marke__claim { margin: 0; font: 700 .64rem/1 var(--fx-body); letter-spacing: .16em; text-transform: uppercase; color: var(--fx-muted); }
.fx-header .wp-block-navigation { margin-left: auto; margin-right: 0; }
.fx-header .wp-block-navigation a {
	color: var(--fx-ink);
	background: none;
	border-bottom: 3px solid transparent;
	padding: .35rem 0;
	transition: border-color .2s;
}
.fx-header .wp-block-navigation a:hover,
.fx-header .wp-block-navigation .current-menu-item > a { border-bottom-color: var(--kt-gelb); }
.fx-suche {
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	color: var(--fx-ink);
	flex-shrink: 0;
	transition: background-color .2s;
}
.fx-suche:hover { background: var(--kt-gelb-soft); }

/* ---------- Artikelkopf ---------- */
.fx-kt-artikel {
	--kt-max: 860px;
	--kt-pad: max(var(--fx-gutter), calc((100% - var(--kt-max)) / 2));
}
.fx-hat-kernsatz .fx-kt-artikel { --kt-max: 1180px; }
.fx-kt-kopf { padding: 1.1rem var(--kt-pad) 0; color: var(--fx-ink); }
.fx-kt-krumen { font-size: .88rem; color: var(--fx-muted); display: flex; flex-wrap: wrap; gap: .2rem .5rem; }
.fx-kt-krumen a { color: var(--fx-muted); text-decoration: none; }
.fx-kt-krumen a:hover { color: var(--fx-ink); text-decoration: underline; text-decoration-color: var(--kt-gelb); }
.fx-kt-pille { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1.4rem 0 .9rem; }
.fx-kt-pille .wp-block-post-terms__separator { display: none; }
.fx-kt-pille a {
	display: inline-block;
	background: var(--kt-blau-soft);
	color: var(--fx-ink);
	font: 700 .78rem/1 var(--fx-body);
	letter-spacing: .08em;
	text-transform: uppercase;
	text-decoration: none;
	padding: .45rem .8rem;
	border-radius: 999px;
}
.fx-kt-pille a:hover { background: var(--kt-gelb-soft); }
.fx-kt-kopf .fx-kt-titel {
	font-family: var(--fx-display);
	font-stretch: 100%;
	font-weight: 800;
	font-size: clamp(2.1rem, 4.6vw, 3.4rem);
	line-height: 1.08;
	letter-spacing: -.01em;
	color: var(--fx-ink);
	margin: 0;
	padding-left: 1.25rem;
	border-left: 6px solid var(--kt-gelb);
	text-wrap: balance;
}
.fx-kt-lead { max-width: 860px; margin: 1.1rem 0 1.25rem; }
.fx-kt-lead .wp-block-post-excerpt__excerpt { margin: 0; font-size: 1.28rem; line-height: 1.55; color: #2a3346; }
.fx-kt-meta {
	align-items: center;
	gap: .6rem 1.6rem;
	padding-bottom: 1.35rem;
	border-bottom: 1px solid var(--fx-line);
	font-size: .95rem;
	color: var(--fx-muted);
}
.fx-kt-meta > * { margin: 0; }
.fx-kt-meta .wp-block-post-date,
.fx-kt-meta .fx-readtime { display: inline-flex; align-items: center; gap: .45rem; font: 400 .95rem/1.2 var(--fx-body); color: var(--fx-muted); }
.fx-kt-meta .wp-block-post-date::before,
.fx-kt-meta .fx-readtime::before {
	content: "";
	width: 1.05rem;
	height: 1.05rem;
	background: currentColor;
	-webkit-mask: var(--kt-icon) center / contain no-repeat;
	mask: var(--kt-icon) center / contain no-repeat;
}
.fx-kt-meta .wp-block-post-date { --kt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E"); }
.fx-kt-meta .fx-readtime { --kt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E"); }
.fx-kt-meta .wp-block-post-date a { color: inherit; text-decoration: none; }
.fx-kt-logo {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--fx-surface);
	border: 1px solid var(--fx-line);
	margin-right: -.6rem;
}
.fx-kt-logo svg { width: 28px; height: 28px; }
.fx-kt-teilen { display: flex; gap: .5rem; margin-left: auto; }
.fx-kt-teilen__knopf {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--kt-blau-soft);
	color: var(--fx-ink);
	cursor: pointer;
	transition: background-color .2s;
}
.fx-kt-teilen__knopf:hover,
.fx-kt-teilen__knopf.is-done { background: var(--kt-gelb); }
.fx-kt-teilen__knopf svg { width: 17px; height: 17px; }

/* Alltagsbeispiel: Prompt-Kasten über dem Text statt Lead */
.fx-kt-text > .fx-kt-prompt { margin: 0 0 1.9rem !important; box-shadow: none; }

/* ---------- Raster: Text + «Kurz gesagt» (nur mit Kernsatz) ---------- */
.fx-kt-raster { padding: 2.1rem var(--kt-pad) clamp(3rem, 6vw, 4.5rem); }
.fx-hat-kernsatz .fx-kt-raster {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 3rem;
	align-items: start;
}
.fx-kt-titelbild { margin: 0 0 1.9rem; }
.fx-kt-titelbild img { border-radius: var(--kt-radius); width: 100%; height: auto; }
.fx-kt-kurz { position: sticky; top: 100px; }
.admin-bar .fx-kt-kurz { top: 132px; }
.fx-kt-kurz__box {
	background: var(--kt-gelb-soft);
	border: 1px solid var(--kt-gelb-line);
	border-radius: var(--kt-radius);
	padding: 1.6rem 1.6rem 1.4rem;
}
.fx-kt-kurz__label { margin: 0; font: 700 .72rem/1 var(--fx-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--fx-gold-dark); }
.fx-kt-kurz__satz { margin: .5rem 0 1.1rem; font-size: 1.15rem; line-height: 1.5; font-style: italic; color: var(--fx-ink); }
.fx-kt-zeichen { display: block; height: 30px; font: 900 4rem/.6 Georgia, "Times New Roman", serif; color: var(--kt-gelb); }
.fx-kt-signatur {
	width: fit-content;
	margin: 0;
	padding-top: .85rem;
	border-top: 3px solid var(--kt-gelb);
	font: 800 1rem/1 var(--fx-display);
	font-stretch: 125%;
	letter-spacing: .03em;
	color: var(--fx-ink);
}

/* ---------- Fliesstext ---------- */
.fx-kt-artikel .wp-block-post-content h2 {
	font-family: var(--fx-display);
	font-stretch: 100%;
	font-weight: 800;
	font-size: clamp(1.45rem, 2.4vw, 1.75rem);
	line-height: 1.2;
	color: var(--fx-ink);
	padding-left: 1rem;
	border-left: 5px solid var(--kt-gelb);
}

/* Tipp-Box (automatisch aus «Mein Tipp …») */
.fx-kt-tipp {
	display: grid;
	grid-template-columns: 2rem 1fr;
	gap: .9rem;
	align-items: start;
	background: var(--kt-gelb-soft);
	border-left: 5px solid var(--kt-gelb);
	border-radius: 0 var(--kt-radius) var(--kt-radius) 0;
	padding: 1.1rem 1.4rem;
}
.fx-kt-tipp p { margin: 0; }
.fx-kt-tipp__icon { width: 1.9rem; height: 1.9rem; color: var(--fx-ink); }

/* Fazit-Block (automatisch aus «Mein Fazit …» oder Blockstil «Fazit») */
.fx-kt-fazit,
.wp-block-group.is-style-fx-fazit {
	position: relative;
	background: var(--kt-gelb-soft);
	border: 1px solid var(--kt-gelb-line);
	border-radius: var(--kt-radius);
	padding: 1.9rem 2rem 1.6rem;
	margin-block: 2.6rem 1.6rem;
}
.wp-block-group.is-style-fx-fazit::before {
	content: "“";
	display: block;
	height: 34px;
	font: 900 5rem/.6 Georgia, "Times New Roman", serif;
	color: var(--kt-gelb);
}
.wp-block-group.is-style-fx-fazit::after {
	content: "FENTRAX";
	display: block;
	width: fit-content;
	margin-top: 1rem;
	padding-top: .85rem;
	border-top: 3px solid var(--kt-gelb);
	font: 800 1rem/1 var(--fx-display);
	font-stretch: 125%;
	letter-spacing: .03em;
	color: var(--fx-ink);
}
.fx-kt-fazit .fx-kt-zeichen { font-size: 5rem; height: 34px; }
.fx-kt-fazit > * + *,
.wp-block-group.is-style-fx-fazit > * + * { margin-block-start: .9rem; }
.fx-kt-fazit > .fx-kt-signatur { margin-block-start: 1.1rem; }
.fx-kt-artikel .wp-block-post-content .fx-kt-fazit h2,
.wp-block-post-content .is-style-fx-fazit h2,
.wp-block-post-content .is-style-fx-fazit h3 { border: 0; padding: 0; margin: 0; font-size: 1.6rem; }
.fx-kt-fazit p,
.is-style-fx-fazit p { font-size: 1.15rem; color: var(--fx-ink); }

/* Erklärblock (hellblau) */
.wp-block-group.is-style-fx-erklaer {
	background: var(--kt-blau-soft);
	border: 1px solid var(--kt-blau-line);
	border-radius: var(--kt-radius);
	padding: 1.6rem 1.6rem 1.5rem;
}
.wp-block-group.is-style-fx-erklaer > * + * { margin-block-start: 1.1rem; }
.wp-block-post-content .is-style-fx-erklaer h2,
.wp-block-post-content .is-style-fx-erklaer h3 {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: var(--fx-display);
	font-weight: 800;
	font-size: 1.35rem;
	color: var(--fx-ink);
}

/* Ablauf: nummerierte Schritte nebeneinander */
.wp-block-list.is-style-fx-ablauf {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
	gap: 1.2rem .8rem;
	counter-reset: kt-schritt;
}
.wp-block-post-content .is-style-fx-ablauf li + li { margin-top: 0; }
.is-style-fx-ablauf li {
	counter-increment: kt-schritt;
	position: relative;
	text-align: center;
	font-size: .92rem;
	line-height: 1.35;
	color: var(--fx-ink);
}
.is-style-fx-ablauf li::before {
	content: counter(kt-schritt);
	display: grid;
	place-items: center;
	width: 2.6rem;
	height: 2.6rem;
	margin: 0 auto .6rem;
	border-radius: 50%;
	background: var(--fx-surface);
	border: 2px solid var(--fx-ink);
	font: 800 1.05rem/1 var(--fx-display);
}
.is-style-fx-ablauf li:not(:last-child)::after {
	content: "→";
	position: absolute;
	top: .6rem;
	right: -.7rem;
	font-size: 1.15rem;
	color: var(--fx-muted);
}

/* Gelbe Pille (Merksatz) */
p.is-style-fx-pille {
	background: var(--kt-gelb);
	color: var(--fx-ink);
	font-weight: 700;
	text-align: center;
	border-radius: 999px;
	padding: .75rem 1.25rem;
	line-height: 1.35;
}

/* Listen mit Häkchen / Kreuzen */
.wp-block-list.is-style-fx-plus,
.wp-block-list.is-style-fx-minus { list-style: none; padding-left: 0; }
.is-style-fx-plus li,
.is-style-fx-minus li { display: grid; grid-template-columns: 1.4rem 1fr; gap: .65rem; line-height: 1.4; }
.is-style-fx-plus li::before,
.is-style-fx-minus li::before {
	content: "✓";
	display: grid;
	place-items: center;
	width: 1.3rem;
	height: 1.3rem;
	margin-top: .12em;
	border-radius: 50%;
	background: var(--kt-gruen);
	color: #fff;
	font: 900 .72rem/1 var(--fx-body);
}
.is-style-fx-minus li::before { content: "✕"; background: var(--kt-rot); }

/* Vergleichskarten (dunkel) */
.wp-block-columns.is-style-fx-vergleich { gap: .9rem; }
.is-style-fx-vergleich > .wp-block-column {
	background: var(--kt-dunkel);
	color: #e8edf6;
	border-radius: var(--kt-radius);
	padding: 1.4rem 1.4rem 1.15rem;
	font-size: .98rem;
}
.is-style-fx-vergleich > .wp-block-column > * + * { margin-block-start: .8rem; }
.wp-block-post-content .is-style-fx-vergleich h2,
.wp-block-post-content .is-style-fx-vergleich h3,
.wp-block-post-content .is-style-fx-vergleich h4 {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: var(--fx-display);
	font-weight: 800;
	font-size: 1.25rem;
	color: #fff;
}
.wp-block-post-content .is-style-fx-vergleich a { color: #fff; }

/* ---------- Fusszeile dunkel (Farben aus der Stil-Variante) ---------- */
.fx-footer {
	background: var(--fx-texture), var(--wp--custom--footer--bg, var(--fx-bg));
	color: var(--wp--custom--footer--text, var(--fx-muted));
}
.fx-footer .wp-block-site-title a { background: var(--wp--custom--footer--ink-grad, var(--fx-text-grad)); -webkit-background-clip: text; background-clip: text; }
.fx-footer__claim,
.fx-footer .wp-block-navigation a,
.fx-footer .fx-footer__social .wp-social-link { color: var(--wp--custom--footer--ink, var(--fx-ink)); }
.fx-footer .wp-block-navigation a:hover,
.fx-footer .fx-footer__social .wp-social-link:hover { color: var(--wp--custom--footer--accent, var(--fx-gold-dark)); }
.fx-footer__copy { border-top-color: var(--wp--custom--footer--line, var(--fx-line)); color: var(--wp--custom--footer--text, var(--fx-muted)); }

/* ---------- Klartext mobil ---------- */
@media (max-width: 960px) {
	.fx-hat-kernsatz .fx-kt-raster { grid-template-columns: minmax(0, 1fr); gap: 0; }
	.fx-kt-kurz { position: static; margin-top: 1.5rem; }
}
@media (max-width: 900px) {
	.fx-header { min-height: 0; }
	.fx-suche { margin-left: auto; }
	.fx-header .wp-block-navigation { margin-left: 0; }
}
@media (max-width: 640px) {
	.fx-marke__claim { display: none; }
	.fx-marke .wp-block-site-title a { font-size: 1.4rem; }
	.fx-kt-kopf .fx-kt-titel { padding-left: .9rem; border-left-width: 5px; }
	.fx-kt-lead .wp-block-post-excerpt__excerpt { font-size: 1.15rem; }
	.fx-kt-teilen { margin-left: 0; width: 100%; }
	.fx-kt-fazit,
	.wp-block-group.is-style-fx-fazit { padding: 1.5rem 1.25rem 1.3rem; }
	.wp-block-list.is-style-fx-ablauf { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
	.is-style-fx-ablauf li { display: grid; grid-template-columns: 2.6rem 1fr; gap: .8rem; align-items: center; text-align: left; }
	.is-style-fx-ablauf li::before { margin: 0; }
	.is-style-fx-ablauf li:not(:last-child)::after { display: none; }
}