/* ==========================================================================
   FentraxPress-Brücke: Feinschliff, damit die FentraxPress-Templates (Container mit den
   fx-Klassen des alten Block-Themes) genau wie das Block-Theme «fentrax» 2.0.1 aussehen.
   Nur Anpassungen an das Elementor-Markup; die Gestaltung selbst steht in fentrax.css.
   ========================================================================== */

/* ---------- Grundgerüst ---------- */
body { background: var(--fx-texture), var(--fx-bg); }

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

/* Container: Elementor setzt Flex, Lücken und Innenabstände über Variablen. Die fx-Klassen
   regeln das selbst; Standardwerte neutralisieren. */
.e-con[class*="fx-"] { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px; --row-gap: 0px; --column-gap: 0px; --margin-top: 0px; --margin-bottom: 0px; }
.e-con.e-con-full { --content-width: 100%; }
/* Widgets in fx-Containern ohne Elementor-Zusatzabstände */
.e-con[class*="fx-"] > .elementor-widget { margin: 0; --kit-widget-spacing: 0px; }

/* Titel-Widgets (Beitrag, Archiv): Gestaltung kommt vom Wrapper (wp-block-post-title, fx-kt-titel …) */
.e-con .wp-block-post-title .elementor-heading-title,
.e-con .fx-kt-titel .elementor-heading-title,
.e-con .fx-h2 .elementor-heading-title {
	font: inherit;
	letter-spacing: inherit;
	color: inherit;
	line-height: inherit;
	text-wrap: inherit;
	margin: 0;
}
.e-con .wp-block-post-title .elementor-heading-title a { color: inherit; }

/* Beitragsbild */
.fx-kt-titelbild img,
.fx-seitenbild img { display: block; border-radius: var(--kt-radius, 14px); width: 100%; height: auto; }
.fx-seitenbild img { border-radius: 16px; }
.fx-kt-titelbild .elementor-widget-container,
.fx-seitenbild .elementor-widget-container { margin: 0; }


/* ---------- Buttons: Kit-/Elementor-Buttonstile von den eigenen Knöpfen fernhalten ---------- */
body[class] .fx-kt-teilen__knopf,
body[class] .fx-kt__next,
body[class] .fx-kt__pause,
body[class] .fx-prompt__copy,
body[class] .fx-search .wp-block-search__button { text-shadow: none; box-shadow: none; }

/* ---------- Kopfzeile ---------- */
.fx-header.e-con { flex-direction: row; flex-wrap: nowrap; align-items: center; }
.fx-header .fx-marke .elementor-widget-html > :first-child { margin: 0; }
.fx-header.e-con > .fx-hauptnav.elementor-widget { margin-left: auto; }
.fx-hauptnav .fp-nav-menu__container > ul,
.fx-hauptnav ul.fp-nav-menu__list,
.fx-hauptnav .menu {
	display: flex;
	flex-wrap: nowrap;
	gap: 1.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fx-hauptnav li { margin: 0; padding: 0; }
body[class] .fx-hauptnav a {
	display: inline-block !important;
	font: 600 1rem/1.6 var(--fx-body) !important;
	color: var(--fx-ink) !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	background: none !important;
	border-bottom: 3px solid transparent !important;
	padding: .35rem 0 !important;
	transition: border-color .2s !important;
}
body[class] .fx-hauptnav a:hover,
body[class] .fx-hauptnav .current-menu-item > a,
body[class] .fx-hauptnav .current-menu-parent > a { border-bottom-color: var(--kt-gelb) !important; color: var(--fx-ink) !important; }
.fx-hauptnav .fp-nav-menu__toggle,
.fx-hauptnav .fp-nav-menu__dropdown { display: none !important; }

@media (max-width: 900px) {
	.fx-header.e-con { flex-wrap: wrap; }
	.fx-header.e-con > .fx-hauptnav.elementor-widget { order: 3; width: 100%; margin: 0; overflow-x: auto; padding-bottom: .25rem; }
	.fx-hauptnav .fp-nav-menu__container > ul,
	.fx-hauptnav .menu { gap: 1.25rem; }
	.fx-header.e-con > .fx-suche-wrap.elementor-widget { margin-left: auto; }
}

/* ---------- Fusszeile ---------- */
.fx-footer.e-con { display: grid; }
.fx-footer > .e-con { display: block; }
.fx-footer .wp-block-site-title { margin: 0; }
.fx-footer > .fx-fussnav { align-self: end; }
.fx-fussnav .fp-nav-menu__container > ul,
.fx-fussnav .menu {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fx-fussnav li { margin: 0; padding: 0; }
body[class] .fx-fussnav a {
	font: 400 .98rem/1.6 var(--fx-body) !important;
	color: var(--wp--custom--footer--ink, var(--fx-ink)) !important;
	text-decoration: none !important;
	background: none !important;
	padding: 0 !important;
}
body[class] .fx-fussnav a:hover { color: var(--wp--custom--footer--accent, var(--fx-gold-dark)) !important; }
.fx-fussnav .fp-nav-menu__toggle,
.fx-fussnav .fp-nav-menu__dropdown { display: none !important; }
.fx-footer > .fx-footer__copy { grid-column: 1 / -1; }

/* ---------- Beitrag ---------- */
.fx-kt-kopf > .elementor-widget-shortcode .fx-kt-pille { margin: 1.4rem 0 .9rem; }
.fx-kt-meta.e-con { flex-direction: row; flex-wrap: wrap; align-items: center; }

@media (max-width: 640px) { .fx-kt-meta > .elementor-widget:last-child { width: 100%; } }
.fx-hat-kernsatz .fx-kt-raster.e-con { display: grid; }
.fx-kt-raster.e-con { display: block; }
.fx-hat-kernsatz .fx-kt-raster.e-con { display: grid; }
.fx-kt-raster > .elementor-widget-shortcode { align-self: start; position: sticky; top: 100px; }
.admin-bar .fx-kt-raster > .elementor-widget-shortcode { top: 132px; }
.fx-kt-raster .fx-kt-kurz { position: static; }
@media (max-width: 960px) { .fx-kt-raster > .elementor-widget-shortcode { position: static; } .fx-kt-raster .fx-kt-kurz { margin-top: 1.5rem; } }
.elementor.elementor .fx-kt-text > .fx-kt-titelbild { margin: 0 0 1.9rem; }

/* ---------- Seite, Übersichten, 404: Breiten wie «constrained» im Block-Theme ---------- */
.fx-schmal.e-con,
.fx-breit.e-con,
.fx-eng.e-con { display: block; padding-inline: var(--fx-gutter); }
.elementor.elementor .e-con.fx-schmal > .elementor-element,
.elementor.elementor .e-con.fx-breit > .elementor-element,
.elementor.elementor .e-con.fx-eng > .elementor-element { max-width: 880px; margin-inline: auto; }
.elementor.elementor .e-con.fx-breit > .elementor-element { max-width: 1240px; }
.elementor.elementor .e-con.fx-eng > .elementor-element { max-width: 720px; }
.elementor.elementor .e-con.fx-schmal > .elementor-element.fx-volle-breite { max-width: none; margin-inline: 0; }
.elementor.elementor .e-con.fx-article__head > .elementor-element + .elementor-element { margin-top: 1.25rem; }
.fx-article__body .fx-seitenbild:not(:has(img)) { display: none; }
.elementor.elementor .e-con.fx-article__body > .fx-seitenbild:has(img) { margin-bottom: 2.25rem; }
/* HTML-Widgets im Kopf: Ränder der Überschriften/Absätze regelt der Kopf (wie > * + * im Block-Theme) */
.fx-article__head .elementor-widget-html > * { margin-block: 0; }
.fx-404 .fx-article__head .wp-block-buttons { display: flex; }

/* ---------- Karten in Loop-Rastern ---------- */
.fp-loop-item > .e-con { height: 100%; }
.fx-usecase.e-con,
.fx-card.e-con { display: flex; flex-direction: column; }
.fx-card--tile.e-con { gap: .9rem; }
.fx-card--lead.e-con { gap: 1.25rem; }
.fx-card--row.e-con { gap: .65rem; }
.fx-usecase.e-con { gap: 1.1rem; }
.fx-usecase > .elementor-widget:last-child { margin-top: auto; }
.fx-card--tile > .elementor-widget:last-child { margin-top: auto; }
.fx-today__list .fp-loop-item:first-child .fx-card--row { padding-top: 0; }
.fx-today.e-con { display: grid; }

/* ---------- Startseite ---------- */
.fx-hero.e-con { display: grid; }
.fx-hero > .fx-hero-eyebrow { grid-area: eyebrow; align-self: end; }
.fx-hero > .fx-hero-klartext { grid-area: klartext; align-self: start; }
.fx-hero > .fx-hero__foot { grid-area: foot; }
.fx-hero__foot.e-con { display: grid; }
.fx-hero__actions { display: flex; flex-wrap: wrap; gap: .85rem; }
.fx-start.e-con,
.fx-glossar.e-con { display: grid; }
.fx-glossar > .e-con { display: block; }
.fx-section__head.e-con { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; }

/* «Weiterlesen» ist leer ausgeblendet (:has(.wp-block-post)); im Loop-Raster heissen die Einträge anders */
.fx-more.e-con:has(.fp-loop-item) { display: block; }

/* Logo im Artikelkopf rückt wie im Block-Theme näher ans Datum; Shortcode-Hüllen ohne Zeilenhöhe */
.fx-kt-meta > .elementor-widget:first-child { margin-right: -.6rem; }
.fx-kt-meta .elementor-shortcode { display: flex; align-items: center; }

/* Kopfzeile: Elementor-Container sind standardmässig 100 % breit – Marke nur so breit wie nötig */
.fx-header > .fx-marke.e-con { --width: auto; width: auto; flex: 0 0 auto; }
.fx-header > .elementor-widget { flex: 0 0 auto; width: auto; }
.fx-suche-wrap .elementor-shortcode { display: flex; }

/* Format-Hinweis in Karten wie im Block-Theme über die ganze Kartenbreite (Flex-Element) */
.fx-usecase .elementor-shortcode > .fx-format,
.fx-card .elementor-shortcode > .fx-format { display: block; }
/* Abstand = Lücke der Karte + unterer Rand des Hinweises (.8rem), weil Flex-Ränder im Block-Theme nicht zusammenfallen */
.fx-card .elementor-shortcode > .fx-format + .taxonomy-category { margin-top: calc(.9rem + .8rem); }
.fx-card--lead .elementor-shortcode > .fx-format + .taxonomy-category { margin-top: calc(1.25rem + .8rem); }
.fx-card--row .elementor-shortcode > .fx-format + .taxonomy-category { margin-top: calc(.65rem + .8rem); }

/* Letztes Element eines fx-Containers ohne unteren Rand (wie :last-child im Block-Layout) */
.e-con[class*="fx-"] > .elementor-widget-shortcode:last-child .elementor-shortcode > :last-child,
.e-con[class*="fx-"] > .elementor-widget-shortcode:last-child .elementor-shortcode > :last-child > :last-child { margin-block-end: 0; }

/* Übersichten: Beschreibung mittig wie im «constrained»-Layout; Seitennummerierung wie fx-pagination */
.fx-listing__head .wp-block-term-description { margin-inline: auto; }
.fx-uebersicht-raster .fp-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; margin-top: 2.5rem; font-weight: 700; }
.fx-uebersicht-raster .fp-pagination a { color: var(--fx-ink); }
.fx-uebersicht-raster .fp-pagination .current { background: var(--fx-gold-grad); color: var(--fx-ink); border-radius: 999px; padding: .2rem .65rem; }
.fx-uebersicht-raster .fp-pagination .next { margin-left: auto; }
.fx-uebersicht-raster .fp-pagination .fp-pagination__disabled { display: none; }

/* Beitragsinhalt: erstes/letztes Element ohne Aussenrand (wie is-layout-flow/constrained im Block-Theme) */
.fp-post-content.wp-block-post-content > :first-child { margin-block-start: 0; }
.fp-post-content.wp-block-post-content > * { margin-block-end: 0; }
.fx-kt-meta .elementor-shortcode > * { margin: 0; }
/* «Ganzes Beispiel ansehen» wie core/read-more (Block, so breit wie der Text) */
.fx-usecase .wp-block-read-more { display: block; width: fit-content; }
@media (max-width: 900px) { .fx-hauptnav .fp-nav-menu__list { padding-bottom: 4px; } }
/* Bildunterschriften im Beitrag: Schriftgrösse wie Fliesstext (FentraxPress setzt sonst 13px) */
.fp-post-content figcaption { font-size: inherit; line-height: inherit; color: inherit; }
/* Flex-Elemente in fx-Containern nicht schrumpfen lassen (sonst kollabiert z. B. das Beitragsbild mobil) */
.e-con[class*="fx-"] > .elementor-element { flex-shrink: 0; }
@media (max-width: 900px) { .fx-hauptnav ul.fp-nav-menu__list { padding-bottom: 4px; } }
.fx-uebersicht-raster .fp-pagination > * { padding: 0; line-height: 1.6; }
.fx-uebersicht-raster .fp-pagination > .current { padding: .2rem .65rem; }
/* Elementor setzt mobil --flex-wrap auf den Mobilwert; fx-Spalten nie umbrechen (sonst schrumpfen Elemente) */
.e-con[class*="fx-"] { --flex-wrap-mobile: nowrap; }
.fx-kt-meta.e-con { --flex-wrap-mobile: wrap; }
@media (max-width: 1024px) {
	.e-con.e-flex[class*="fx-"]:not(.fx-kt-meta):not(.fx-header):not(.fx-section__head):not(.fx-hero__actions) { flex-wrap: nowrap; }
	.fx-kt-meta.e-con.e-flex { flex-wrap: wrap; }
}

/* Block-CSS (wp-block-image, wp-block-quote, Trenner …) wird im klassischen Theme erst beim Rendern
   des Inhalts ausgegeben, also NACH fentrax.css, und setzt Ränder zurück. Die Abstände des Fliesstexts
   darum hier mit höherer Spezifität wiederholen (Werte wie in fentrax.css). */
.fp-post-content.wp-block-post-content > * + * { margin-block-start: 1.3rem; }
.fp-post-content.wp-block-post-content > h2 { margin-block-start: 2.8rem; }
.fp-post-content.wp-block-post-content > h3 { margin-block-start: 2.2rem; }
.fp-post-content.wp-block-post-content > :first-child { margin-block-start: 0; }
.fp-post-content.wp-block-post-content .wp-block-quote { margin-inline: 0; }
.fp-post-content.wp-block-post-content > .fx-kt-fazit,
.fp-post-content.wp-block-post-content > .wp-block-group.is-style-fx-fazit { margin-block: 2.6rem 1.6rem; }
.fx-kt-logo { box-sizing: content-box; }

/* Startseite: Illustration und «Alle Erklärungen»-Link mit den Rändern aus fentrax.css */
.e-con.fx-hero__art { --width: auto; width: auto; margin: 0; }
@media (max-width: 900px) { .e-con.fx-hero__art { margin: 1.5rem .6rem 0 0; } }
.fx-section > .elementor-widget-html > p { margin: 0; }

/* ==========================================================================
   Umgebaute Beiträge (21.10.2026): Jeder frühere Block ist ein FentraxPress-Widget in einem
   Container «fx-eb» (.fp-post-content > .elementor > .fx-eb > Widgets). Die Regeln unten geben
   dem Beitrag dieselben Abstände, Schriften und Kästen wie das Block-Layout davor
   (Vergleich Vorher/Nachher bei 1366 und 375 px: Abweichung 0 px).
   ========================================================================== */
/* Blocklayout statt Flex: Ränder fallen wie vorher zusammen */
.fp-post-content .fx-eb.e-con { display: block; }
.fp-post-content .fx-eb > .elementor-element + .elementor-element { margin-block-start: 1.3rem; }
/* wie «.wp-block-post-content > *»: Innenelement ohne unteren Rand; oberen Rand regelt die Hülle (ausser h2/h3 mit eigenem Abstand) */
.fp-post-content .fx-eb > .elementor-element > * { margin-block-end: 0; }
.fp-post-content .fx-eb > .elementor-element > :not(h2):not(h3) { margin-block-start: 0; }
.fp-post-content .fx-eb > .elementor-element:first-child > * { margin-block-start: 0; }
.fp-post-content .fx-eb > .fx-kt-fazit { margin-block: 2.6rem 1.6rem; }
/* Fazit-Kasten aus einzelnen Widgets: Abstände wie «.fx-kt-fazit > * + *» */
.fp-post-content .fx-kt-fazit > .elementor-element { margin-block: 0; }
.fp-post-content .fx-kt-fazit > .elementor-element + .elementor-element:not(.elementor-widget-heading) { margin-block-start: .9rem; }
.fp-post-content .fx-kt-fazit > .elementor-element > :not(h2):not(h3) { margin-block-start: 0; }
/* Text-Widget: Schrift vom Beitragstext erben (Kit-Vorgaben des Widgets sind leer und würden Grösse/Zeilenhöhe zurücksetzen) */
.fp-post-content .fx-eb .elementor-widget-text-editor { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; word-spacing: inherit; color: inherit; }
/* Überschriften-Widget: h3–h6 behalten die Werte aus fentrax.css/klartext-global.css (h2 regelt fentrax.css selbst) */
.fp-post-content .fx-eb h3.elementor-heading-title { font-size: 1.35rem; font-weight: 680; line-height: 1.12; }
.fp-post-content .fx-eb :is(h4,h5,h6).elementor-heading-title { font-weight: 680; line-height: 1.12; }
/* Bild-Widget: Grundzustand wie ein nacktes <figure><img><figcaption> (so sahen Bilder in Classic-Beiträgen aus) */
.fp-post-content .fx-eb .elementor-widget-image figure { margin: 0; }
.fp-post-content .fx-eb .elementor-widget-image img { vertical-align: baseline; }
.fp-post-content .fx-eb .elementor-widget-image .widget-image-caption { margin: 0; text-align: inherit; font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }
/* Bilder aus Block-Beiträgen (core/image, Klasse fx-bild-block): Werte des Block-CSS (unten bündig, Beschriftung zentriert mit Rändern) */
.fp-post-content .fx-eb .fx-bild-block img { vertical-align: bottom; }
.fp-post-content .fx-eb .fx-bild-block .widget-image-caption { margin: .5em 0 1em; text-align: center; }
/* Kästen aus dem Classic-Text: «<strong>Titel</strong>» direkt im Kasten, darunter der Absatz (wpautop hat dazwischen früher ein leeres <p> erzeugt) */
.fp-post-content .fx-editorial-box > strong:first-child,
.fp-post-content .fx-source-box > strong:first-child { display: block; margin-bottom: 1em; }

/* ==========================================================================
   Startseite aus Standard-Widgets (24.10.2026): Überschrift-, Text- und Button-Widgets tragen die
   fx-Klassen des früheren HTML-Markups. Kit-/Elementor-Vorgaben der Widgets neutralisieren, damit
   die Gestaltung aus fentrax.css wie vorher greift.
   ========================================================================== */
/* Überschrift-Widget: Klasse sitzt auf der Hülle, der Titel erbt alles von dort */
.fx-front .elementor-widget-heading:is(.fx-eyebrow, .fx-section__sub, .fx-date, .fx-glossar__term) .elementor-heading-title {
	font: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	color: inherit;
	line-height: inherit;
	text-wrap: inherit;
	margin: 0;
}
/* Text-Widget: Schrift vom Abschnitt erben (Kit-Vorgaben des Widgets würden sie zurücksetzen) */
.fx-front .elementor-widget-text-editor { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; word-spacing: inherit; color: inherit; }
.fx-section > .elementor-widget-text-editor > p { margin: 0; }
/* Knöpfe im Hero: Container wie .wp-block-buttons, Button-Widget wie .wp-block-button__link */
.e-con.fx-hero__actions { --gap: .85rem; --row-gap: .85rem; --column-gap: .85rem; --flex-wrap-mobile: wrap; flex-direction: row; flex-wrap: wrap; gap: .85rem; }
.e-con.fx-hero__actions > .elementor-widget-button { width: auto; }
body[class] .wp-block-button:is(.is-style-fx-marker, .is-style-fx-ghost, .is-style-fx-ink) .elementor-button {
	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;
	text-shadow: none;
	letter-spacing: inherit;
	text-transform: inherit;
	white-space: nowrap;
	fill: currentColor;
	cursor: pointer;
}
body[class] .wp-block-button.is-style-fx-marker .elementor-button {
	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);
}
body[class] .wp-block-button.is-style-fx-marker .elementor-button:hover {
	transform: translateY(-1px);
	background-position: 100% 0;
	box-shadow: var(--fx-btn-shadow-hover);
	color: var(--fx-ink);
}
body[class] .wp-block-button.is-style-fx-ghost .elementor-button {
	background: transparent;
	color: var(--fx-ink);
	border-color: color-mix(in srgb, var(--fx-ink) 25%, transparent);
	box-shadow: none;
	transition: transform .2s var(--fx-ease), box-shadow .2s var(--fx-ease), border-color .2s, background-color .2s;
}
body[class] .wp-block-button.is-style-fx-ghost .elementor-button:hover {
	border-color: var(--fx-gold);
	background: color-mix(in srgb, var(--fx-gold) 8%, transparent);
	color: var(--fx-ink);
}
body[class] .wp-block-button.is-style-fx-ink .elementor-button { background: var(--fx-ink); color: #fff; box-shadow: none; }
body[class] .wp-block-button.is-style-fx-ink .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 10px 24px -12px rgba(169, 128, 25, .9); color: #fff; }
body[class] .wp-block-button .elementor-button .elementor-button-content-wrapper { gap: .5rem; }

/* Anzeige-Karte im Raster «Im Alltag ausprobiert» (Loop-Element 698, im Loop-Raster «zusätzlich eingefügt»):
   gleicher Aufbau wie die Beitragskarte (fx-format-Schild, Bild, Titel, Textkasten, Link), aus Standard-Widgets */
.fx-anzeige > .fx-format { display: block; }
/* Anzeige farblich von den Beiträgen getrennt: Rand oben und Schild in Fentrax-Gelb statt Grün */
.e-con.fx-usecase.fx-anzeige { border-top-color: var(--fx-gold); }
.e-con.fx-anzeige > .fx-format { color: var(--fx-gold-dark); background: var(--fx-gold-soft); border-left-color: var(--fx-gold); }
.e-con.fx-anzeige > .is-style-fx-prompt { background: #fffaeb; color: var(--fx-ink); }
/* Rand unter dem Schild wie beim Shortcode (.fx-format margin .8rem), sonst setzt «.e-con[class*=fx-] > .elementor-widget» ihn auf 0 */
.e-con.fx-anzeige > .elementor-widget.fx-format { margin: 0 0 .8rem; }
.fx-anzeige > .fx-format .elementor-heading-title { font: inherit; letter-spacing: inherit; color: inherit; line-height: inherit; margin: 0; }
.fx-anzeige > .fx-story-thumb img { display: block; width: 100%; height: auto; }
/* Bild wie [fx_vorschaubild]: Ränder von .fx-story-thumb, Link als Block (sonst Zeilenhöhe unter dem Bild) */
.e-con.fx-anzeige > .elementor-widget.fx-story-thumb { margin: .8rem 0 1rem; }
.fx-anzeige > .fx-story-thumb a { display: block; }
.fx-anzeige .elementor-widget-text-editor p { margin: 0; }

/* Anzeige-Wechsler (fx-anzeige-wechsler, ab 1.3.8): Einträge liegen übereinander (gleiche Rasterzelle,
   Höhe = höchster Eintrag), nur der aktive ist sichtbar; Clip wie .fx-story-thumb, Titel wie die Beitragskarten */
.fx-aw { display: grid; }
.fx-aw__eintrag { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.fx-aw__eintrag.is-aktiv { opacity: 1; visibility: visible; transition: opacity .6s ease, visibility 0s; }
/* unten 1rem (.fx-story-thumb) + 1.1rem Lücke der Karte, die sonst zwischen Bild- und Titel-Widget steht */
.fx-aw__medien { display: block; overflow: hidden; border-radius: 12px; margin: .8rem 0 calc(1rem + 1.1rem); aspect-ratio: 3 / 2; background: var(--fx-pearl); }
.fx-aw__medien video,
.fx-aw__medien img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fx-usecase .fx-aw__titel { margin: 0; }
@media (prefers-reduced-motion: reduce) { .fx-aw__eintrag { transition: none; } }