Don’t be shy, let’s try using ­

Photo by Joshua Eckstein on Unsplash
Because the headline does not wrap, it protrudes beyond the visible area.
h1 {
word-break: break-word;
}
Actually, the “word-break” works but it doesn’t look nice
h1 {
word-break: break-word;
hyphens: auto;
}
The “hyphens: auto” property let’s the word break automatically depending on the defined HTML lang attribute

The browser is free to automatically break words at appropriate hyphenation points, following whatever rules it chooses. […] The auto setting's behavior depends on the language being properly tagged to select the appropriate hyphenation rules. You must specify a language using the lang HTML attribute to guarantee that automatic hyphenation is applied in that language.(https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens)

<h1>Datenschutz&shy;erklärung</h1>
Finally, “&shy;” did the trick!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store