/* Idee „prinzip-feinschliff": Überschriften – nur manuelle (weiche) Trennstellen, Zeilen ausgleichen. */
.page--prinzip h1, .page--prinzip h2, .page--prinzip h3, .page--prinzip h4,
.page--prinzip .pr-kachel strong { hyphens: manual; -webkit-hyphens: manual; text-wrap: balance; overflow-wrap: break-word; }

/* Kachel 04 (Navy): zweiter Satz heller, damit er lesbar bleibt */
.pr-kachel--navy .pr-teaser { color: #e1e9f7; }

/* Kasten „Weitere Beiträge“ neben der letzten Beispielkarte (Kapitel 06): hochkant wie die Karten, zwei Blöcke */
.pr-beitraege { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--hair); border-radius: 16px; background: rgba(0, 47, 166, 0.04); }
.pr-beitraege-block { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 22px; text-align: center; }
.pr-beitraege-block + .pr-beitraege-block { border-top: 1px solid var(--hair); }
.pr-beitraege-titel { margin: 0; font-size: 18px; font-weight: 500; color: var(--sten); line-height: 1.3; }
.pr-beitraege-knopf { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 18px; border: 1px solid var(--hair-strong); border-radius: 999px; background: var(--paper); font-size: 14px; font-weight: 500; color: var(--sten); text-decoration: none; }
@media (hover: hover) { .pr-beitraege-knopf:hover { border-color: var(--val); color: var(--val); } }
.pr-beitraege-knopf:focus-visible { outline: 3px solid var(--val); outline-offset: 2px; }