/*
 * German hyphenation — Webflow parity without over-hyphenating.
 *
 * Production used two layers:
 * 1. Manual soft hyphens (U+00AD) in CMS copy from the Webflow editor
 * 2. CSS hyphens: auto as a fallback where no soft hyphen is set
 *
 * Limits keep breaks readable: only longer words, max two hyphenated lines in a row.
 */
html[lang='de'] .paragraph,
html[lang='de'] .quote-author,
html[lang='de'] body.machbar-case .section-intro .headline,
html[lang='de'] body.machbar-case .section-paragraph .headline,
html[lang='de'] body.machbar-case .text-block .headline {
  hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphenate-limit-chars: 6 4 4;
  hyphenate-limit-lines: 2;
}

/* Opt out in CMS copy: <span class="no-hyphen">…</span> — do not use nowrap
   (long selections would clip under overflow:hidden on case intros). */
.no-hyphen {
  hyphens: none;
  -webkit-hyphens: none;
}

/* Footer legal links — keep multi-word labels on one line when space allows */
.footer-bottombar-links .paragraph,
.footer-bottombar-links .text-link {
  hyphens: none;
  -webkit-hyphens: none;
  white-space: nowrap;
}

/* Legacy Webflow class on some embedded fragments */
html[lang='de'] .p {
  hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphenate-limit-chars: 6 4 4;
  hyphenate-limit-lines: 2;
}
