/* Shared heading typography for every page with the site navigation.
   Long German compounds in headings carry soft hyphens at the joints between word parts
   (tooling/build.py, hyphenate_headings). Headings therefore hyphenate only there instead of
   automatically: automatic hyphenation differs per device and, together with
   "overflow-wrap: anywhere" (insurance-pages.css), split words such as "Krankenversich-erung".
   "break-word" stays as the last resort for a word that still does not fit. */
h1, h2, h3, h4,
.insurance-page :is(h1, h2, h3, h4) {
  -webkit-hyphens: manual;
  hyphens: manual;
  overflow-wrap: break-word;
}

/* Phones narrower than 360 px: slightly smaller headings keep words such as "Versicherungen" whole. */
@media (max-width: 359px) {
  :root h1 { font-size: 34px; }
}