The preview link is broken when I switch preview and edit mode and produce a HTTP Status 404.

I builded up a maven magnolia project described at http://dev.magnolia-cms.com/~gjoseph/dont-deploy-magnolia-deploy-your-project. I switch the magnolia version to 4.5.3 and enabled multilanguage and utf-8 described at http://documentation.magnolia-cms.com/technical-guide/i18n.html#Unicode

Everything works fine on normal pages. I rename a page on the first level to Geschäftsfelder and put a subpage Lösungen on it. Every link is rendered correct in editing mode and in preview mode when I stay on a normal page. When I select Geschäftsfelder in my horizontal menu, the link is rendered correct like this (copied link):
http://127.0.0.1:8080/blabla-webapp-1.0-SNAPSHOT/Start/Gesch%C3%A4ftsfelder.html
it looks like
http://127.0.0.1:8080/blabla-webapp-1.0-SNAPSHOT/Start/Geschäftsfelder.html
in the url field of the chromium browser.

When I click on the upper left preview button, I got a "HTTP Status 404 The requested resource () is not available." and the link looks like:
http://127.0.0.1:8080/blabla-webapp-1.0-SNAPSHOT/Start/Gesch%25C3%25A4ftsfelder.html?mgnlIntercept=PREVIEW&mgnlPreview=true&mgnlChannel=desktop
When I replace correct the link by hand
http://127.0.0.1:8080/blabla-webapp-1.0-SNAPSHOT/Start/Gesch%C3%A4ftsfelder.html?mgnlIntercept=PREVIEW&mgnlPreview=true&mgnlChannel=desktop
the link works.

When I switch back to edit mode, the link is also broken