/*
 * Zusatz-Styles für den Fließtext eines Blog-Beitrags (Block-Editor-Inhalte).
 * Gegenstück zu legal.css bei den Rechtsseiten: Der Beitrag wird redaktionell
 * im Block-Editor geschrieben, diese Regeln bilden die Typografie und die
 * Kästen des Exports auf Standard-Blöcke ab.
 *
 * Die Klassen werden im Editor über „Erweitert → Zusätzliche CSS-Klasse(n)"
 * vergeben:
 *   nv-lead    Anreißer-Absatz (Lora, groß, petrol)
 *   nv-hinweis Hellblauer Kasten mit Uhr-Symbol (im Export „SELBSTTEST")
 *   nv-zitat   Petrolfarbener Zitatblock in Handschrift
 *   nv-fazit   Cremefarbener Kasten am Ende („KURZ ZUSAMMENGEFASST")
 *   nv-check   Liste mit Häkchen statt Aufzählungspunkten
 * Die erste Zeile in nv-hinweis und nv-fazit ist jeweils die Auszeichnung
 * (Kapitälchen-Label), erkennbar am ersten Kindelement.
 */

.nv-artikel p { font-size: 16.5px; line-height: 1.85; color: #57554D; margin: 0 0 22px 0; text-wrap: pretty; }
.nv-artikel p.nv-lead { font-family: 'Lora', serif; font-size: 20px; line-height: 1.7; color: #00707D; margin: 0 0 30px 0; }
.nv-artikel h2 { font-family: 'Alfa Slab One', serif; font-weight: 400; font-size: 25px; letter-spacing: 0.01em; line-height: 1.3; color: #00707D; margin: 44px 0 14px 0; }
.nv-artikel h3 { font-family: 'Lora', serif; font-weight: 600; font-size: 20px; line-height: 1.35; color: #00707D; margin: 32px 0 12px 0; }
.nv-artikel a { font-weight: 700; }
.nv-artikel img { max-width: 100%; height: auto; border-radius: 16px; }
.nv-artikel figcaption { font-size: 12px; color: #8A867A; text-align: center; margin-top: 10px; }

/* Hinweis-Kasten — Uhr-Symbol wie im Export, aber als CSS-Grafik: Redakteure
   sollen einen Kasten anlegen können, ohne SVG-Markup zu schreiben. */
.nv-artikel .nv-hinweis { background: #D2F1F4; border-radius: 18px; padding: 26px 30px; margin: 34px 0; display: flex; gap: 18px; align-items: flex-start; }
.nv-artikel .nv-hinweis::before { content: ""; flex: none; width: 26px; height: 26px; margin-top: 2px; background: no-repeat center/26px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%230AA5B4' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 7.4v5.2l3.2 2'/%3E%3C/svg%3E"); }
/* Absätze direkt ansprechen statt den Container: Der Block-Editor schiebt
   zwischen Gruppe und Inhalt einen wp-block-group__inner-container. Wer die
   Auszeichnung auf „erstes Kind" legt, trifft diesen Wrapper — und Fettung
   und Sperrung vererben sich auf den ganzen Kasten. */
.nv-artikel .nv-hinweis > *, .nv-artikel .nv-hinweis > * > * { margin: 0; }
.nv-artikel .nv-hinweis p { font-size: 15.5px; line-height: 1.75; color: #33544F; font-weight: 400; letter-spacing: normal; margin: 0; }
.nv-artikel .nv-hinweis p:first-of-type { font-size: 12.5px; font-weight: 800; letter-spacing: 0.16em; color: #0AA5B4; margin-bottom: 8px; }

/* Zitatblock */
.nv-artikel .nv-zitat { background: #00707D; border-radius: 20px; padding: 32px 34px; margin: 36px 0; text-align: center; }
.nv-artikel .nv-zitat p, .nv-artikel .nv-zitat { font-family: 'Caveat', cursive; font-weight: 500; font-size: 30px; line-height: 1.4; color: #FFFDF8; margin: 0; }

/* Fazit-Kasten */
.nv-artikel .nv-fazit { background: #FDF8EE; border-radius: 18px; padding: 28px 32px; margin: 36px 0 8px 0; border: 1px solid #F0E3C8; }
.nv-artikel .nv-fazit > *, .nv-artikel .nv-fazit > * > * { margin: 0; }
.nv-artikel .nv-fazit p { font-size: 16px; line-height: 1.8; color: #57554D; font-weight: 400; letter-spacing: normal; margin: 0; }
.nv-artikel .nv-fazit p:first-of-type { font-size: 12.5px; font-weight: 800; letter-spacing: 0.16em; color: #0AA5B4; margin: 0 0 12px 0; }

/* Häkchen-Liste */
.nv-artikel ul.nv-check { list-style: none; display: flex; flex-direction: column; gap: 12px; margin: 0 0 26px 0; padding: 0; }
.nv-artikel ul.nv-check li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.7; color: #57554D; margin: 0; }
.nv-artikel ul.nv-check li::before { content: ""; flex: none; width: 19px; height: 19px; margin-top: 3px; background: no-repeat center/19px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%230AA5B4' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E"); }

/* Normale Aufzählungen behalten Punkte, aber die Typografie des Artikels. */
.nv-artikel ul:not(.nv-check), .nv-artikel ol { font-size: 16.5px; line-height: 1.85; color: #57554D; margin: 0 0 22px 0; padding-left: 22px; }