Heading overflows container, won't break/fit in mobile

Design help General
1

Hey Community :slight_smile:

I’m struggling with headline, that won’t break on smaller devices. It’s inside a container that responds to the viewport. The headline is the only element that’s overflowing. Also tried different classes H1, H2, H3,… I found some info about non-breaking spaces, but my headline is only one word, so i don’t know what to do anymore…
The problem occurs on the “Datenschutz” page, linked in the footer.

Here is my site Read-Only: https://preview.webflow.com/preview/baravalle?utm_medium=preview_link&utm_source=designer&utm_content=baravalle&preview=9a1b1fb1ac606e4e129977280d2123a1&pageId=5f26902357d2ed4eecad5575&mode=preview

2

You can’t make a word break. Why not set the size of the font on mobile to be based on VW and play with the numbers until it scales the way you’d like.

3

You could set the type size on mobile smaller - it will not affect the larger views
(but I am new to this)