/* Textfluss in den Vorlagen (Beitrag, Textseite): Der Inhalt einer Seite oder eines Beitrags kommt als Fliesstext
   aus dem Editor. Das Post-Content-Widget hat keine Stilregler, darum hier die Schrift im Stil von Entwurf B.
   Greift nur im Container mit der Klasse rmh-fliesstext. */
.rmh-fliesstext { color: #d6d3cb; font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 17px; line-height: 1.7; overflow-wrap: anywhere; }
.rmh-fliesstext .elementor-widget-theme-post-content { color: inherit; }
.rmh-fliesstext h2 { margin: 1.6em 0 0.5em; color: #ebe9e2; font-family: 'Saira Condensed', system-ui, sans-serif; font-weight: 700; font-size: clamp(1.7rem, 2.8vw, 2.4rem); line-height: 1.05; letter-spacing: -0.2px; }
.rmh-fliesstext h3, .rmh-fliesstext h4 { margin: 1.4em 0 0.4em; color: #ebe9e2; font-family: 'Saira Condensed', system-ui, sans-serif; font-weight: 600; font-size: 1.5rem; line-height: 1.15; }
.rmh-fliesstext > :first-child, .rmh-fliesstext .elementor-widget-container > :first-child { margin-top: 0; }
.rmh-fliesstext p { margin: 0 0 1em; }
.rmh-fliesstext ul, .rmh-fliesstext ol { margin: 0 0 1em; padding-left: 1.3em; }
.rmh-fliesstext a { color: #f2b544; text-underline-offset: 3px; }
.rmh-fliesstext a:hover { color: #ebe9e2; }
.rmh-fliesstext a:focus-visible { outline: 2px solid #f2b544; outline-offset: 2px; border-radius: 3px; }
/* Links im Fließtext der übrigen Bereiche (Seitenfelder, Text-Widgets, Fragen): Licht statt Standardfarbe des Themes (Kontrast 8,9 statt 3,3) */
.rmh-feld__text a, .rmh-feld__antwort a, .elementor-widget-text-editor a:not(.elementor-button) { color: #f2b544; text-underline-offset: 3px; }
.rmh-feld__text a:hover, .rmh-feld__antwort a:hover, .elementor-widget-text-editor a:not(.elementor-button):hover { color: #ebe9e2; }
.rmh-feld__text a:focus-visible, .rmh-feld__antwort a:focus-visible, .elementor-widget-text-editor a:not(.elementor-button):focus-visible { outline: 2px solid #f2b544; outline-offset: 2px; border-radius: 3px; }
.rmh-fliesstext img { max-width: 100%; height: auto; border-radius: 3px; }
.rmh-fliesstext table { max-width: 100%; border-collapse: collapse; }
.rmh-fliesstext td, .rmh-fliesstext th { padding: 6px 10px; border: 1px solid #3a4146; }

/* Galerie in Textseiten (Kernblock Galerie): Raster 3, 2, 1 Spalten, Bilder nie größer als ihre Zelle */
.rmh-fliesstext .wp-block-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 28px 0; padding: 0; }
.rmh-fliesstext .wp-block-gallery figure { margin: 0; }
.rmh-fliesstext .wp-block-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 3px; }
@media (max-width: 1024px) { .rmh-fliesstext .wp-block-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .rmh-fliesstext .wp-block-gallery { grid-template-columns: minmax(0, 1fr); } }
.rmh-fliesstext .wp-block-gallery.has-nested-images figure.wp-block-image { width: auto; max-width: 100%; flex: none; display: block; }
.rmh-fliesstext .wp-block-gallery.has-nested-images figure.wp-block-image img { width: 100%; height: auto; }
.rmh-fliesstext .wp-block-gallery.has-nested-images figure.wp-block-image:not(#rmh) { width: 100% !important; flex: none !important; }

/* Ratgeber (Teil 2, Aufgabe 7): hervorgehobene Definition, Zeichnung mit Legende */
.rmh-fliesstext blockquote.rmh-definition { margin: 0 0 1.8em; padding: 20px 24px; background: #262c31; border-left: 4px solid #f2b544; color: #ebe9e2; font-size: 1.12em; line-height: 1.6; }
.rmh-fliesstext blockquote.rmh-definition p { margin: 0; }
.rmh-fliesstext figure.rmh-zeichnung { margin: 0 0 1.4em; max-width: 760px; }
.rmh-fliesstext figure.rmh-zeichnung img { display: block; width: 100%; height: auto; border-radius: 3px; }
.rmh-fliesstext ol li { margin-bottom: 0.35em; }