/* Blog der Lesehöhle — Ergänzung zu blog.css für die Beiträge aus dem KERNVARO-Leitstand
   (seit 03.11.2026, beitrag.php). Der Text kommt dort als fertiges HTML mit ein paar
   Bausteinen mehr als die statischen Beiträge: kleinere Überschriften, nummerierte Listen,
   Zitate, Hinweiskästen, Bilder mit Unterschrift und Bildreihen. Farben aus blog.css. */

.text h3{font-size:clamp(21px,4.4vw,26px);margin:1.4em 0 .5em;line-height:1.15}
.text h4{font-size:19px;margin:1.3em 0 .4em}
.text ol{margin:0 0 1.2em;padding-left:1.4em}
.text ol li::marker{color:var(--fuchsT);font-weight:800}
.text em{font-style:italic}
.text code{font-size:.9em;background:var(--linie2);border-radius:6px;padding:.1em .35em}
.text hr{border:0;height:2px;background:var(--linie);margin:2em 0;border-radius:2px}
.text blockquote{margin:1.5em 0;padding:16px 22px;border-left:5px solid var(--fuchs);background:var(--fuchsH);border-radius:0 20px 20px 0}
.text blockquote p{margin:0}
.text blockquote cite{display:block;margin-top:.5em;font-style:normal;font-size:15px;font-weight:700;color:var(--tinte2)}

/* Bilder im Text: wie .textbild der statischen Beiträge */
.text figure.bild{margin:1.6em 0}
.text figure.bild a{text-decoration:none}
.text figure.bild img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:var(--schatten);background:var(--fuchsH)}
.text figure.bild figcaption{font-size:15px;opacity:.75;margin-top:.6em;text-align:center}
.text .bildreihe{display:grid;gap:14px;margin:1.6em 0}
.text .bildreihe figure.bild{margin:0}
@media(min-width:600px){.text .bildreihe.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.text .bildreihe.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.text .bild-fehlt{font-size:14px;color:var(--tinte2)}

/* Hinweiskästen (:::tipp, :::hinweis, :::achtung, :::werkstatt, :::kurz) */
.text .kasten-hinweis{margin:1.6em 0;padding:18px 22px;border-radius:24px;background:var(--honigH);border:1px solid #F3DE9A;font-size:.95em}
.text .kasten-hinweis>:last-child{margin-bottom:0}
.text .kasten-art{display:block;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:19px;margin-bottom:.35em;color:var(--tinte)}
.text .art-tipp{background:var(--moosH);border-color:#CFE5C6}
.text .art-tipp .kasten-art{color:var(--moosT)}
.text .art-achtung{background:var(--fuchsH);border-color:#F7D8BC}
.text .art-achtung .kasten-art{color:var(--fuchsT)}
.text .art-kurz{background:var(--nacht);border-color:var(--nacht2);color:#fff}
.text .art-kurz .kasten-art{color:var(--honig)}
.text .art-kurz a{color:#fff}

/* Ohne Titelbild rückt der Text nicht unter das Nachtband */
.text.ohne-titelbild{padding-top:48px}

/* Übersicht: Platzhalter, wenn ein neuer Beitrag kein Titelbild hat */
.bkarte .b img.ohne-bild{object-fit:contain;padding:12px}

/* Hinweis, wenn kernvaro.com gerade nicht antwortet */
.blog-stoerung{margin:0 0 18px;padding:14px 18px;border-radius:18px;background:var(--honigH);border:1px solid #F3DE9A;font-weight:700;color:var(--tinte2)}

/* Fuß: „Die Lesehöhle ist ein Angebot von KERNVARO“ */
.fuss2 .kv-angebot{margin-top:14px;font-size:13px;font-weight:600;color:rgba(233,230,245,.7)}
.fuss2 .kv-angebot a{text-decoration:underline;text-underline-offset:3px}
.fuss2 .kv-angebot a:hover{color:#fff}