[SOLVED] Page title cut on mobile device

Hello,
This request refers to the site: webneu.ferienhauskontor-greetsiel.de
When opening the site on my iPhone, the title of the page is cut and not shown full size. See screenshot landingpage-iPhone.jpg. How can I enlarge the space in the top, so that the title is shown in full also on mobile devices? On iPad it shows normal, like on the desktop.
Many thanks in advance for your support.
Kind regards,
Alex

Open the module > logo small > Source code and change the settings there from

<h1 class="uk-text-center" style="color: #fff; font-weight: 60; margin-bottom: 120px; font-size: 32px;">FERIENHAUS KONTOR GREETSIEL</h1>

to

<h1 class="uk-text-center" style="color: #fff; margin-bottom: 10px; font-size: 22px;">FERIENHAUS KONTOR GREETSIEL</h1>

Or something else..

Thanks. I did that.
But how can I assign this to be shown on mobile devices?

Add 2 H1 into the logo module, one for mobile and one for desktop

For Mobile only > uk-visible-small

<h1 class="uk-visible-small uk-text-center" style="color: #fff; margin-bottom: 10px; font-size: 22px;">FERIENHAUS KONTOR GREETSIEL</h1>

For Desktop only > uk-visible-large

<h1 class="uk-visible-large uk-text-center" style="color: #fff; margin-bottom: 10px; font-size: 22px;">FERIENHAUS KONTOR GREETSIEL</h1>

Thanks again. How can I get to this menü with the responsive visibility please?

What do you mean???
The mobile menu? Did you read the theme doc?
demo.joomlaplates.com/jp_rooms/docs/#mobile_menu