Happy Hour position

I only want to show „Hapyy Hour“, but when I hide „Contact Phone“ and „Newsletter“, „Happy Hour“ looks terrible.
I want to place "Happy Hour" (=Unsere Öffnungszeiten) in the middle of the page. I tried it, and insert css code (margin-left, margin-right) but then on smaller screens it looks terrible.
What can I do?

Hi,
you have to set width not only for desktop
but separately also for mobile devices.
Read more about CSS:
@media (max-width: 440px) {...}

Could you please tell me the whole code I have to write in override.css.
I try it, but it wasn't better.

Thank you!

Without site URL it will be mission impossible, I'm not Tom Cruz.

Thanks for URL,
After checking ..I think the best option for you would be create a new module suffix.
for example:

.max33 {width:33%; float:left;}
@media (max-width: 480px) {
.max33 {width:99%;float:none;}
}

Read also: https://www.gavick.com/documentation/jo ... s-suffixes

BTW
If you need booking features, I suggest to install Solidres extension, I guess even free version should be okay for a such a small Gasthof.