I am Dutch and ran into the same problem with the word: “Arbeidsmarktcommunicatie”.
The CSS solution works fine for me!
I have placed the script (see below) in the custom code in the section for the entire site.
It may depend on which browser you see it in. I mainly run Chrome.
And I have set the language code to “nl”.
You can use soft hyphens to suggest word breaks. See a demonstration below: MargaretAreYouGrievingOverGoldengroveUnleavingLeavesLikeTheThingsOfManYouWithYourFreshThoughtsCareForCanYouAhAsTheHeartGrowsOlderItWillComeToSuchSightsColderByAndByNorSpareASighThoughWorldsOfWanwoodLeafmealLieAndYetYouWillWeepAndKnowWhyNowNoMatterChildTheNameSorrowsSpringsAreTheSameNorMouthHadNoNorMindExpressedWhatHeartHeardOfGhostGuessedItIsTheBlightManWasBornForItIsMargaretYouMournFor
The hypens in the text are added automatically when needed (there’s a soft hyphen after each word) but are otherwise hidden. You can select the soft hyphen characters in the text but it is tricky since the character doesn’t take up any space. If you’re on MacOS you can find this character in the Character viewer:
Place the text cursor where you want your soft hyphen
Use Ctrl+Cmd+Space to open the Character viewer
Search for soft hypen. It will be represented as a normal “-”
Double click the character to insert it
(I don’t know if Windows have a similar tool, maybe someone else can advice?)
You can set it as custom css. Make sure to also select the correct language in the settings as hyphens in css use the “lang” setting of the active page/element.
Hyphens in css does have a lot of caveats however and they might not work as expected. They are not as powerful as hyphenation in Word, InDesign etc. I would therefore recommend soft hyphens on larger, shorter texts such as headers.