/* Ratgeber-Kapitel (Vorlage page-ratgeber), nach dem Wireframe ratgeber-pflanzen-start. */

/* Kopf */
.rk-kopf__text { max-width:70ch; }
.rk-kopf__text .t-unterzeile { margin-top:var(--s-3); }
.rk-meta { display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);margin:var(--s-4) 0 0;font-size:15px;line-height:22px;color:var(--petrol-700);font-variant-numeric:tabular-nums; }
/* Mit Beitragsbild: Text links, Bild rechts. */
.rk-kopf--bild { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:var(--s-8);align-items:center; }
.rk-bild { margin:0; }
.rk-bild img { display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-2); }
/* Alter klassischer Inhalt (Partnerseiten): Bilder mit fester Breite und Layout-Tabellen sprengen die Spalte nicht. */
.rk-text .wp-caption { max-width:100%;height:auto; }
.rk-text .wp-caption img { max-width:100%;height:auto; }
.rk-text > table { display:block;max-width:100%;overflow-x:auto; }

/* Plattform: Logos der Partner in den Karten ungeschnitten auf Weiß. */
.plattform-seite .rk-karte .figure { background:#fff; }
.rk-text .plattform-seite .rk-karte .figure img,
.plattform-seite .rk-text .rk-karte .figure img { object-fit:contain;padding:var(--s-3); }

/* Kids-Startseite: das Beitragsbild ist ein Logo, es wird ganz gezeigt statt beschnitten. */
.rk-bild--logo img { object-fit:contain;background:#fff;padding:var(--s-4);aspect-ratio:3/2; }
.rk-bild figcaption { margin-top:var(--s-2);font-size:14px;line-height:20px;color:var(--petrol-700); }

/* Unterseiten: kein grauer Kopf, direkt H1 unter den Brotkrumen; Lesezeit am Textende. */
.rk-kopf-kompakt { padding-block:var(--s-4) var(--s-1); }
.rk-kopf-kompakt > * { max-width:70ch; }
.rk-kopf-kompakt .t-unterzeile { margin-top:var(--s-3); }
.rk-kopf-kompakt + .rk-seite { padding-top:var(--s-4); }
.rk-text .rk-lesezeit { margin-top:var(--s-6);font-size:14px;line-height:20px;color:var(--petrol-700);font-variant-numeric:tabular-nums; }

/* Text und Seitenleiste */
.rk-seite { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-8);align-items:start; }
/* Breite Inhalte (alte Tabellen, Bilder mit fester Breite, lange Adressen) sprengen die Spalte nicht. */
.rk-text { min-width:0;overflow-wrap:break-word; }
.rk-text img,
.rk-text iframe,
.rk-text video { max-width:100%; }
.rk-text img { height:auto; }
.rk-text > * + * { margin-top:var(--s-4); }
.rk-text > :first-child { margin-top:0; }
.rk-text h2 { font-family:var(--font-display);font-weight:500;font-size:28px;line-height:35px;margin-top:var(--s-8);scroll-margin-top:120px; }
.rk-text h3 { font-family:var(--font-display);font-weight:500;font-size:20px;line-height:26px;margin-top:var(--s-6); }
.rk-text p,
.rk-text li { font-size:17px;line-height:28px; }
.rk-text p,
.rk-text ul,
.rk-text ol { max-width:68ch; }
.rk-text ul,
.rk-text ol { margin-bottom:0;padding-left:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2); }
.rk-text :is(p, li) a:not([class]) { color:var(--petrol-700);font-weight:600;text-decoration:none;box-shadow:inset 0 -1px 0 var(--petrol-300); }
.rk-text :is(p, li) a:not([class]):hover { box-shadow:inset 0 -2px 0 var(--petrol-500); }

/* Hinweis im Text: Absatz mit der Klasse ratgeber-hinweis (im Editor unter „Erweitert"). */
.rk-text .ratgeber-hinweis { padding:var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--petrol-50);border:1px solid var(--petrol-200);font-size:16px;line-height:26px; }

/* Galerien: Bildunterschrift mit Fotonachweis unter dem Bild statt darüber gelegt. */
.rk-text .wp-block-gallery { --wp--style--unstable-gallery-gap:var(--s-4);gap:var(--s-4);margin-top:var(--s-5); }
.rk-text .wp-block-gallery .wp-block-image { display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:var(--paper);border:var(--line); }
/* Ein einzelnes Bild in der letzten Reihe bleibt so breit wie die anderen, statt die Reihe zu füllen. */
.rk-text .wp-block-gallery.has-nested-images figure.wp-block-image { flex-grow:0; }
.rk-text .wp-block-gallery .wp-block-image img { aspect-ratio:4/3;object-fit:cover;height:auto; }
.rk-text .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { position:static;margin:0;padding:var(--s-2) var(--s-3) var(--s-3);max-height:none;overflow:visible;background:none;color:var(--petrol-800);font-size:14px;line-height:20px;text-align:left;text-shadow:none; }
.rk-text .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before { display:none; }
.rk-text .wp-block-embed { margin-top:var(--s-6); }
.rk-text .wp-block-embed iframe { border-radius:var(--r-lg); }
/* Video, das sich nicht einbetten ließ: Verweis als Karte (inc/ratgeber.php). */
.rk-video__link { display:flex;align-items:center;gap:var(--s-4);max-width:68ch;padding:var(--s-4) var(--s-5);border:var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);color:var(--ink-950);font-weight:400;text-decoration:none;transition:box-shadow 120ms linear; }
.rk-video__link:hover { box-shadow:var(--shadow-2); }
.rk-video__symbol { flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--r-full);background:var(--petrol-700);color:#fff; }
.rk-video__symbol svg { width:18px;height:18px;margin-left:3px; }
.rk-video__text { display:flex;flex-direction:column;gap:2px;min-width:0; }
.rk-video__text .t-kicker { margin:0; }
.rk-video__text b { font-family:var(--font-display);font-weight:500;font-size:18px;line-height:24px; }
.rk-video__adresse { font-size:14px;line-height:20px;color:var(--petrol-700);overflow-wrap:anywhere; }
.rk-video__link:hover b { text-decoration:underline;text-underline-offset:3px; }

/* Aus Elementor und dem klassischen Editor übernommen: Bilder im Text, Tabellen, Knöpfe, Videoreihen. */
.rk-text .wp-block-image { margin-top:var(--s-5); }
.rk-text .wp-block-image img { border-radius:var(--r-md); }
.rk-text .wp-block-image figcaption,
.rk-text .wp-caption-text { font-size:14px;line-height:20px;color:var(--petrol-700);margin-top:var(--s-2); }
.rk-text .alignleft { float:left;margin:var(--s-1) var(--s-5) var(--s-3) 0;max-width:45%; }
.rk-text .alignright { float:right;margin:var(--s-1) 0 var(--s-3) var(--s-5);max-width:45%; }
.rk-text h2,
.rk-text h3,
.rk-karten,
.rk-blaettern,
.rk-text .wp-block-gallery,
.rk-text .wp-block-embed,
.rk-text .wp-block-table { clear:both; }
.rk-text .wp-block-table { overflow-x:auto; }
.rk-text .wp-block-table table { border-collapse:collapse;width:100%;font-size:15px;line-height:22px; }
.rk-text .wp-block-table td,
.rk-text .wp-block-table th { border:1px solid var(--petrol-200);padding:var(--s-2) var(--s-3);vertical-align:top; }
.rk-text .wp-block-buttons { margin-top:var(--s-3); }
.rk-text .wp-block-button__link { display:inline-flex;align-items:center;min-height:40px;padding:var(--s-2) var(--s-4);border-radius:var(--r-full);background:var(--petrol-700);color:#fff;font-weight:600;font-size:15px;line-height:20px;text-decoration:none; }
.rk-text .wp-block-button__link:hover { background:var(--petrol-800); }
/* Bild neben Text (aus Layout-Tabellen und Elementor-Zeilen); der Bildnachweis steht unter dem Text. */
.rk-text .wp-block-media-text { margin-top:var(--s-6);align-items:start;clear:both; }
.rk-text .wp-block-media-text__media img { border-radius:var(--r-md); }
.rk-text .wp-block-media-text .wp-block-media-text__content { padding:0 0 0 var(--s-5); }
.rk-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding:0 var(--s-5) 0 0; }
.rk-text .wp-block-media-text__content > :first-child { margin-top:0; }
.rk-text .wp-block-media-text__content > * + * { margin-top:var(--s-3); }
.rk-text .wp-block-media-text__content h2,
.rk-text .wp-block-media-text__content h3 { font-size:20px;line-height:26px; }
.rk-text .rk-bildnachweis { font-size:14px;line-height:20px;color:var(--petrol-700); }
/* Mehrere Videos hintereinander stehen im Raster statt untereinander. */
.rk-text .rk-videos { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin-top:var(--s-5); }
.rk-text .rk-videos:has(> :nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rk-text .rk-videos:has(> :only-child) { grid-template-columns:minmax(0,520px); }
@media (max-width:640px) { .rk-text .rk-videos,.rk-text .rk-videos:has(> :nth-child(3):last-child) { grid-template-columns:1fr; } }
.rk-text .rk-videos .wp-block-embed { margin:0; }

/* Karten: Bereiche, Kapitel oder Unterseiten unter dem Text. */
.rk-karten { margin-top:var(--s-8); }
/* Die Kartenfläche bringt ihren Abstand selbst mit; die Überschrift darin doppelt ihn nicht (sonst rund 130 px Leerraum). */
.rk-text .rk-karten > h2:first-child { margin-top:0; }
/* Vor dem Text (Kids-Startseite) sitzt die Fläche bündig unter dem Kopf. */
.rk-text > .rk-karten:first-child { margin-top:0; }
.rk-karten__raster { display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);margin-top:var(--s-4); }
.rk-karte { position:relative; }
.rk-karte .figure { aspect-ratio:16/10; }
/* Die allgemeine Regel .rk-text img (height:auto) würde das Bild aus der Kartenfläche schieben. */
.rk-text .rk-karte .figure img { height:100%; }
.rk-karte a.titel { color:var(--ink-950); }
.rk-karte a.titel::after { content:"";position:absolute;inset:0; }
.rk-karte:has(a.titel:focus-visible) { outline:2px solid var(--petrol-600);outline-offset:2px; }
.rk-karte a.titel:focus-visible { outline:none; }
.rk-karte .t-klein { color:var(--petrol-800);font-size:15px;line-height:22px;max-width:none; }
.rk-text .rk-karte .t-karte { margin-top:0;font-size:18px;line-height:24px; }
.rk-bereich__alle { margin:var(--s-2) 0 0;font-size:14px;line-height:20px; }
.rk-bereich__alle a { color:var(--petrol-700);font-weight:600;text-decoration:none; }
.rk-bereich__alle a:hover { text-decoration:underline;text-underline-offset:3px; }

/* Klebt unter dem Kopf; ist die Leiste höher als das Fenster, setzt assets/js/ratgeber.js --rk-oben so,
   dass sie mitläuft, bis ihr Ende sichtbar ist. Keine eigene Scrollleiste. */
.rk-rand { --rk-kopf:82px;position:sticky;top:var(--rk-oben,var(--rk-kopf));display:flex;flex-direction:column;gap:var(--s-4); }
/* Mit Adminleiste (32 px) sitzt der klebende Kopf tiefer. */
.admin-bar .rk-rand { --rk-kopf:114px; }
.rk-inhalt { background:var(--stone-50);border:var(--line);border-radius:var(--r-lg);padding:var(--s-4); }
.rk-inhalt .t-kicker { margin:0 0 var(--s-2); }
.rk-inhalt ol,
.rk-bereich ol { list-style:none;margin:0;padding:0;display:flex;flex-direction:column; }
.rk-inhalt ol { gap:6px;counter-reset:toc; }
.rk-inhalt a { display:flex;gap:var(--s-2);font-size:14px;line-height:20px;text-decoration:none;color:var(--ink-950); }
.rk-inhalt a::before { counter-increment:toc;content:counter(toc);color:var(--petrol-500);font-weight:600;min-width:14px; }
.rk-inhalt a:hover { color:var(--petrol-700);text-decoration:underline;text-underline-offset:3px; }
.rk-bereich { border:1px solid var(--petrol-200);border-radius:var(--r-lg);padding:var(--s-4);background:var(--petrol-50); }
.rk-bereich .t-kicker { margin:0 0 var(--s-1); }
.rk-bereich__name { margin:0;font-size:15px;line-height:22px; }
.rk-bereich__name a { color:var(--petrol-700);text-decoration:none; }
.rk-bereich__name a:hover { text-decoration:underline;text-underline-offset:3px; }
.rk-bereich__fort { display:flex;align-items:center;gap:var(--s-2);margin:var(--s-2) 0; }
.rk-bereich__balken { flex:1;height:4px;border-radius:var(--r-full);background:var(--petrol-200);overflow:hidden; }
.rk-bereich__balken span { display:block;height:100%;background:var(--petrol-600);border-radius:var(--r-full); }
.rk-bereich__zahl { font-size:14px;line-height:19px;color:var(--petrol-700);font-variant-numeric:tabular-nums; }
.rk-bereich ol { counter-reset:br; }
.rk-bereich li { counter-increment:br; }
.rk-bereich li + li { border-top:1px solid var(--petrol-200); }
.rk-bereich ol a,
.rk-bereich strong { display:flex;gap:var(--s-3);align-items:baseline;padding-block:5px;font-size:14px;line-height:20px;text-decoration:none;font-weight:400;color:var(--ink-950); }
.rk-bereich ol a::before,
.rk-bereich strong::before { content:counter(br);min-width:20px;color:var(--petrol-500);font-variant-numeric:tabular-nums;font-weight:600; }
.rk-bereich ol a:hover { color:var(--petrol-700);text-decoration:underline;text-underline-offset:3px; }
.rk-bereich strong { font-weight:600;color:var(--petrol-800); }
.rk-bereich strong::before { color:var(--petrol-800); }
.rk-bereich strong::after { content:"";width:6px;height:6px;border-radius:var(--r-full);background:var(--petrol-600);align-self:center;margin-left:auto;flex:none; }

/* Kids: ganzer Bereich in der Seitenleiste, Unterkapitel eingerückt ohne Nummer. */
.rk-bereich .rk-bereich__unter { list-style:none;margin:0 0 var(--s-1);padding:0 0 0 var(--s-5);display:flex;flex-direction:column; }
.rk-bereich .rk-bereich__unter li { counter-increment:none;border-top:0 !important; }
.rk-bereich .rk-bereich__unter a,
.rk-bereich .rk-bereich__unter strong { display:block;padding-block:3px;font-size:14px;line-height:20px;color:var(--petrol-800);text-decoration:none;font-weight:400; }
.rk-bereich .rk-bereich__unter a::before,
.rk-bereich .rk-bereich__unter strong::before { content:none; }
.rk-bereich .rk-bereich__unter strong { font-weight:600; }
.rk-bereich .rk-bereich__unter strong::after { content:none; }
.rk-bereich .rk-bereich__unter a:hover { color:var(--petrol-700);text-decoration:underline;text-underline-offset:3px; }

/* Blättern */
.rk-blaettern { display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--petrol-300); }
.rk-blaettern a { display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-4) var(--s-5);border:var(--line);border-radius:var(--r-lg);background:var(--paper);text-decoration:none;box-shadow:var(--shadow-1);transition:box-shadow 120ms linear;color:var(--ink-950); }
.rk-blaettern a:hover { box-shadow:var(--shadow-2); }
.rk-blaettern .t-kicker { margin:0; }
.rk-blaettern b { font-family:var(--font-display);font-weight:500;font-size:18px;line-height:24px; }
.rk-blaettern a:hover b { text-decoration:underline;text-underline-offset:3px; }
.rk-blaettern__weiter { grid-column:2;text-align:right;align-items:flex-end; }

/* Aufklappbare Abschnitte (aus Akkordeons): Fragen und Antworten, lange Podcast-Listen. */
.rk-text .wp-block-details { border:var(--line);border-radius:var(--r-lg);background:var(--paper);padding:0 var(--s-5);margin-top:var(--s-3); }
.rk-text .wp-block-details + .wp-block-details { margin-top:var(--s-2); }
.rk-text .wp-block-details summary { cursor:pointer;padding:var(--s-4) 0;font-family:var(--font-display);font-weight:500;font-size:18px;line-height:24px;color:var(--ink-950); }
.rk-text .wp-block-details summary:hover { color:var(--petrol-700); }
.rk-text .wp-block-details[open] summary { border-bottom:1px solid var(--petrol-200);margin-bottom:var(--s-4); }
.rk-text .wp-block-details > :last-child { margin-bottom:var(--s-5); }
.rk-text .wp-block-details > * + *:not(summary) { margin-top:var(--s-3); }

/* Zwei Verweise in der Seitenleiste: das Gegenstück im anderen Bereich und Hilfe (Kids). */
.rk-pendant,
.rk-hilfe { border:1px solid var(--petrol-200);border-radius:var(--r-lg);padding:var(--s-4);background:var(--paper); }
.rk-pendant .t-kicker,
.rk-hilfe .t-kicker { margin:0 0 var(--s-1); }
.rk-pendant__titel { margin:0;font-family:var(--font-display);font-weight:500;font-size:17px;line-height:23px; }
.rk-pendant__titel a,
.rk-hilfe .t-kicker a { color:var(--petrol-700);text-decoration:none; }
.rk-pendant__titel a:hover,
.rk-hilfe .t-kicker a:hover { text-decoration:underline;text-underline-offset:3px; }
.rk-pendant__text,
.rk-hilfe__text { margin:var(--s-1) 0 0;font-size:14px;line-height:20px;color:var(--petrol-800); }
.rk-hilfe { background:var(--petrol-50); }
.rk-hilfe__bild { margin:0 0 var(--s-3); }
.rk-hilfe__bild img { display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff;border-radius:var(--r-md); }
.rk-hilfe .t-kicker { font-size:15px; }

/* Kids-Startseite: drei Schritte zum Anfangen und Verweise in die anderen Bereiche (normale Blöcke mit Klassen). */
.rk-text .kids-schritte { gap:var(--s-4);margin-top:var(--s-5); }
.rk-text .kids-schritt { border:var(--line);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-1);padding:var(--s-4) var(--s-5);position:relative; }
.rk-text .kids-schritt > * + * { margin-top:var(--s-2); }
.rk-text .kids-schritt .t-kicker { margin:0;color:var(--petrol-700); }
.rk-text .kids-schritt h3 { margin-top:var(--s-1);font-size:20px;line-height:26px; }
.rk-text .kids-schritt h3 a { color:var(--ink-950);text-decoration:none; }
.rk-text .kids-schritt h3 a::after { content:"";position:absolute;inset:0; }
.rk-text .kids-schritt:has(a:focus-visible) { outline:2px solid var(--petrol-600);outline-offset:2px; }
.rk-text .kids-schritt p:not(.t-kicker) { font-size:15px;line-height:22px;color:var(--petrol-800); }
.rk-text .kids-schritt:hover { box-shadow:var(--shadow-2); }

@media (max-width:1100px) {
	.rk-seite { grid-template-columns:minmax(0,1fr) 260px;gap:var(--s-6); }
	.rk-kopf--bild { grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:var(--s-6); }
}
@media (max-width:900px) {
	.rk-seite,
	.rk-kopf--bild { grid-template-columns:minmax(0,1fr); }
	.rk-rand { position:static; }
	.rk-bild img { aspect-ratio:16/9; }
}
@media (max-width:640px) {
	.rk-text h2 { font-size:22px;line-height:28px; }
	.rk-text p,
	.rk-text li { font-size:16px;line-height:26px; }
	.rk-blaettern { grid-template-columns:1fr; }
	.rk-blaettern__weiter { grid-column:auto;text-align:left;align-items:flex-start; }
	.rk-text .alignleft,
	.rk-text .alignright { float:none;max-width:100%;margin:var(--s-4) 0; }
}
@media (max-width:600px) {
	.rk-text .wp-block-media-text .wp-block-media-text__content,
	.rk-text .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding:var(--s-4) 0 0; }
}
@media (prefers-reduced-motion:reduce) {
	.rk-blaettern a,
	.rk-video__link { transition:none; }
}

/* Startseite der Plattform: Karten ohne Bild, dafür ruhig und gleich hoch (die Seitenlogos taugen nicht als Kartenbild) */
.rk-karten--text .rk-karten__raster { grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--s-4); }
.rk-karten--text .rk-karte { box-shadow:none;border:1px solid var(--stone-200);transition:border-color 120ms linear,box-shadow 120ms linear; }
.rk-karten--text .rk-karte:hover { border-color:var(--petrol-300);box-shadow:var(--shadow-1); }
.rk-karten--text .card__body { padding:var(--s-5);gap:var(--s-2); }
.rk-karten--text .t-klein { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden; }
.rk-karte__mehr { margin-top:auto;padding-top:var(--s-2);font-size:14px;line-height:20px;font-weight:600;color:var(--petrol-700); }
.rk-karte__mehr span { display:inline-block;transition:transform 120ms linear; }
.rk-karte:hover .rk-karte__mehr span { transform:translateX(3px); }

/* Alte Layout-Tabellen (Bild links, Text rechts, ohne Kopfzeile): auf dem Handy untereinander statt seitlich scrollend. */
@media (max-width:640px) {
	.rk-text > table:not(:has(th)),
	.rk-text > table:not(:has(th)) tbody,
	.rk-text > table:not(:has(th)) tr,
	.rk-text > table:not(:has(th)) td { display:block;width:auto !important;max-width:100%; }
	.rk-text > table:not(:has(th)) td { padding:0 0 var(--s-3); }
	.rk-text > table:not(:has(th)) img,
	.rk-text > table:not(:has(th)) .wp-caption { max-width:100%;height:auto; }
}

/* Teaser-Abschnitte auf Übersichtsseiten (Facetten): Bild links, Überschrift, Text und Knopf rechts. */
.rk-text .rk-teaser { display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--s-6);row-gap:var(--s-2);align-items:start;margin-top:var(--s-7);padding-top:var(--s-6);border-top:1px solid var(--stone-200); }
.rk-text .rk-teaser > .wp-block-image { grid-column:1;grid-row:1 / span 3;margin:0; }
.rk-text .rk-teaser > .wp-block-image img { width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-lg); }
.rk-text .rk-teaser > h2,.rk-text .rk-teaser > h3 { grid-column:2;margin:0; }
.rk-text .rk-teaser > p,.rk-text .rk-teaser > .wp-block-buttons { grid-column:2;margin:0; }
.rk-text .rk-teaser > .wp-block-buttons { margin-top:var(--s-2); }
.rk-autor { font-size:15px;line-height:22px;color:var(--petrol-700); }
@media (max-width:760px) {
	.rk-text .rk-teaser { grid-template-columns:1fr; }
	.rk-text .rk-teaser > .wp-block-image,.rk-text .rk-teaser > h2,.rk-text .rk-teaser > h3,.rk-text .rk-teaser > p,.rk-text .rk-teaser > .wp-block-buttons { grid-column:1;grid-row:auto; }
}

/* Anzeigen (Tetra): eigene Karte mit Kennzeichnung, Bild links, Überschrift, Text und Knopf rechts. */
.rk-text .myfish-anzeige { display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:var(--s-5);row-gap:var(--s-2);align-items:start;margin-block:var(--s-7);padding:var(--s-5);border:1px solid var(--stone-200);border-radius:var(--r-lg);background:var(--stone-50); }
.rk-text .myfish-anzeige > * { grid-column:2;margin:0; }
.rk-text .myfish-anzeige > .myfish-anzeige__label { grid-column:1 / -1;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--petrol-700); }
.rk-text .myfish-anzeige > .wp-block-image { grid-column:1;grid-row:2 / span 4; }
.rk-text .myfish-anzeige > .wp-block-image img { width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md); }
.rk-text .myfish-anzeige > h3 { font-size:20px;line-height:26px; }
.rk-text .myfish-anzeige > h3 a { color:var(--ink-950);text-decoration:none; }
.rk-text .myfish-anzeige > h3 a:hover { text-decoration:underline;text-underline-offset:3px; }
.rk-text .myfish-anzeige > .wp-block-buttons { margin-top:var(--s-2); }
@media (max-width:760px) {
	.rk-text .myfish-anzeige { grid-template-columns:1fr;padding:var(--s-4); }
	.rk-text .myfish-anzeige > *,.rk-text .myfish-anzeige > .wp-block-image { grid-column:1;grid-row:auto; }
}

/* JetFormBuilder-Formulare (Kontakt, Registrierung, Partner werden ...) im Stil der Seite. */
.rk-text .jet-form-builder { display:flex;flex-direction:column;gap:var(--s-4);max-width:640px;margin-top:var(--s-4); }
.rk-text .jet-form-builder .jet-form-builder-row { margin:0; }
.rk-text .jet-form-builder .jet-form-builder__label { display:block;margin-bottom:var(--s-1);font-size:15px;line-height:22px;font-weight:500;color:var(--ink-950); }
.rk-text .jet-form-builder .jet-form-builder__label-text { font-size:15px;font-weight:500; }
.rk-text .jet-form-builder .jet-form-builder__desc,.rk-text .jet-form-builder .jet-form-builder__desc small { font-size:14px;color:var(--petrol-800); }
.rk-text .jet-form-builder :is(input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],select,textarea).jet-form-builder__field { width:100%;max-width:none;padding:var(--s-3);border:1px solid var(--stone-300);border-radius:var(--r-md);background:var(--paper);font:inherit;font-size:16px;color:var(--ink-950);box-sizing:border-box; }
.rk-text .jet-form-builder :is(input,select).jet-form-builder__field:not([type="checkbox"]):not([type="radio"]) { min-height:48px; }
.rk-text .jet-form-builder .jet-form-builder__field:focus-visible { outline:2px solid var(--petrol-600);outline-offset:2px; }
.rk-text .jet-form-builder .checkboxes-wrap label,.rk-text .jet-form-builder .jet-form-builder__field-wrap label { display:flex;align-items:flex-start;gap:var(--s-3);font-weight:400;font-size:15px;line-height:22px; }
.rk-text .jet-form-builder input[type="checkbox"],.rk-text .jet-form-builder input[type="radio"] { width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--petrol-600); }
.rk-text .jet-form-builder .jet-form-builder__submit { display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--s-5);border-radius:var(--r-md);border:1px solid var(--petrol-600);background:var(--petrol-600);color:var(--paper);font:inherit;font-weight:600;cursor:pointer;width:auto; }
.rk-text .jet-form-builder .jet-form-builder__submit:hover { background:var(--petrol-700);border-color:var(--petrol-700); }
.rk-text .jet-form-builder .jet-form-builder-messages-wrap { padding:var(--s-3) var(--s-4);border:1px solid var(--petrol-200);border-radius:var(--r-md);background:var(--petrol-50); }
.rk-text .jet-form-builder .jet-form-builder-messages-wrap:empty { display:none; }
.rk-text .jet-form-builder .jet-form-builder-message--error { color:#5c1410; }
.rk-text .jet-form-builder .mce-txt { font-size:14px; }

/* Kids: Szene mit Mr. Fishy rechts neben dem Titel */
.rk-kopf-kompakt--bild { display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:var(--s-5) var(--s-7);align-items:center; }
.rk-kopf-kompakt__bild { margin:0; }
.rk-kopf-kompakt__bild img { display:block;width:100%;height:auto;border-radius:var(--r-lg); }
.rk-kopf-kompakt__bild figcaption { margin-top:var(--s-1);font-size:14px;line-height:20px;color:var(--stone-500,#6b7479);text-align:right; }
@media (max-width:760px) {
	.rk-kopf-kompakt--bild { grid-template-columns:1fr; }
	.rk-kopf-kompakt__bild { max-width:260px; }
}

/* Textbilder mit Mr. Fishy als Medien-und-Text (50:50) */
.rk-text .wp-block-media-text { margin:var(--s-6) 0;gap:var(--s-5); }
.rk-text .wp-block-media-text__content { padding:0 !important; }
.rk-text .wp-block-media-text__media img { border-radius:var(--r-lg); }
.rk-text .bildnachweis { margin-top:var(--s-2);font-size:14px;line-height:20px;color:#6b7479; }

/* Mr.-Fishy-Szenen und andere Bilder in mittlerer Größe, mittig mit Bildnachweis */
.rk-text .wp-block-image.bildgroesse-mittel { max-width:520px;margin-inline:auto; }
.rk-text .wp-block-image figcaption { margin-top:var(--s-1);font-size:14px;line-height:20px;color:#6b7479;text-align:center; }