/* Thera X Redaktion – Bildanordnungen in Beiträgen und Kartenraster.
   Die Kartenoptik kommt vom Plugin „Thera X Szenen“ (txs-ratgeber-karte); hier nur Ergänzungen und Rückfall-Stile. */

/* Rückfall, falls „Thera X Szenen“ nicht aktiv ist */
.txr-raster { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.txr-karte { display: flex; flex-direction: column; background: #fff; border: 1px solid #DFE6EE; border-radius: 20px; overflow: hidden; text-decoration: none !important; color: #17283A; }
.txr-karte img { display: block; width: 100%; height: 190px; object-fit: cover; }
.txr-karte time { display: block; font-size: 13px; color: #5A6B7C; }
.txr-seiten { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 28px 0 0; }
.txr-seiten a, .txr-seiten span { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #DFE6EE; text-decoration: none; font-weight: 600; }
.txr-seiten span[aria-current] { background: #0E72AE; border-color: #0E72AE; color: #fff; }

/* Bildanordnungen im Beitrag */
.txr-bild { margin: 28px 0; }
.txr-bild img { display: block; width: 100%; height: auto; border-radius: 16px; }
.txr-bild figcaption { margin-top: 6px; font-size: 13px; color: #556778; }
.txr-bild--rechts { float: right; width: 44%; margin: 6px 0 18px 26px; }
.txr-bild--breit { margin: 30px -6%; }
.txr-bild--breit img { border-radius: 20px; }
.txr-bild--mitte { max-width: 640px; margin-left: auto; margin-right: auto; }
.txr-bilder-zwei { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 28px 0; }
.txr-bilder-zwei .txr-bild { margin: 0; }
.txr-bilder-zwei .txr-bild img { aspect-ratio: 4 / 3; object-fit: cover; }
.txs-artikel h2, .txs-artikel .txs-quellen { clear: both; }
.txr-ki-hinweis { font-size: 14px; color: #556778; border-top: 1px solid #DFE6EE; padding-top: 10px; }
/* Bild steht im Text → oberes Titelbild der Vorlage ausblenden */
.txr-ohne-titelbild .txs-artikel-bild, .txr-ohne-titelbild .elementor-widget-theme-post-featured-image { display: none !important; }
@media (max-width: 767px) {
	.txr-bild--rechts { float: none; width: 100%; margin: 22px 0; }
	.txr-bild--breit { margin: 24px 0; }
	.txr-bilder-zwei { grid-template-columns: 1fr; }
}