/* Marketing mit Jule – gemeinsame Typografie für alle Seiten */

/* Überschriften gleichmäßig auf die Zeilen verteilen */
h1, h2, h3, h4, summary { text-wrap: balance; }

/* Keine einzelnen Wörter allein in der letzten Zeile */
p, li { text-wrap: pretty; }

/* Auf dem Handy nur lange deutsche Wörter in Fließtexten trennen */
@media (max-width: 768px) {
  p, li, summary {
    -webkit-hyphens: auto;
    hyphens: auto;
    /* nur lange Wörter (ab 12 Zeichen) trennen, mindestens 5 Buchstaben je Teil */
    hyphenate-limit-chars: 12 5 5;
    overflow-wrap: break-word;
  }
}