/* Zusätzliche Stile für den Bereich „ratgeber“ – nur von diesem Bereich ändern.
   Seiten: /blog/, alle Ratgeber (typ = "ratgeber"), Rechtliches, 404. */

/* ---------- Lange Wörter („Suchmaschinenoptimierung“) in Überschriften umbrechen statt Querscrollen */
.phero--ratgeber .h1__m,
.phero--rechtliches .h1__m,
.artikel__text h2,
.artikel__text h3,
#beitraege .kachel h3{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}

/* ---------- Inhaltsverzeichnis: Sprungziel knapp unter dem Kopf
   (html hat schon scroll-padding-top, sonst addieren sich beide Abstände) */
.artikel__text h2{scroll-margin-top:0}

/* ---------- Tabellen im Ratgeber: am Handy als Karten untereinander */
.artikel__text table{margin:22px 0}
.artikel__text td:first-child{white-space:nowrap}
.artikel__text td:last-child{white-space:nowrap;font-weight:600;color:var(--anthrazit)}
@media (max-width:639px){
  .artikel__text thead{display:none}
  .artikel__text table,.artikel__text tbody,.artikel__text tr,.artikel__text td{display:block;width:100%}
  .artikel__text tr{padding:14px 0;border-bottom:1px solid var(--linie)}
  .artikel__text td{padding:0;border:0}
  .artikel__text td:first-child{white-space:normal;font-size:17px}
  .artikel__text td:nth-child(2){margin:4px 0 6px;font-size:15.5px}
}

/* ---------- Rechtliches: Platzhalter dürfen umbrechen */
.prosa--recht .ph{white-space:normal;overflow-wrap:anywhere}