Gala Show – Design Changes

To-do list for the remaining adjustments. Many changes have already been made manually.

1. Header / Navigation

Do not display the top navigation items in pure white. Please use a light grey instead.

Add the orange “Request” button to the right of “Partners”.

Please ensure that all texts and buttons on the website use the German wording.

The Hero button still says “Discover Services”. Please replace it with the appropriate German wording.

2. Hero / Spacing to the Next Section

Please add enough spacing below the Hero button so that the next section does not start immediately beneath it.

3. Services Section

Use the already adjusted “Rental” section as the template.

Create the other sections using the same structure via copy and paste, and only replace the content, icons, and text.

In the mobile view, increase the left and right inner spacing so that icons, headings, and text are not positioned directly against the edge of the screen.

Please make all spacing within the service sections clean and consistent on mobile.

4. Hover Effect on Images

Add a subtle hover zoom to the images: when the mouse moves over an image, it should zoom in slightly.

The zoom should feel smooth, premium, and subtle, not strong or playful.

Goal: The subtle movement should make the images feel more premium and dynamic.

5. Mobile Header

In the mobile version, do not use a burger menu.

The mobile header should only contain the logo on the left and the orange “Anfragen” button on the right.

Make sure the logo and the “Anfragen” button are aligned cleanly on the same horizontal line with balanced spacing.

The burger menu is not needed in the mobile version. Please keep the mobile header simple and clean: logo + “Anfragen” button only.

6. “An Experience That Inspires”

Increase the heading line-height to approximately 1.3em.

Make the statistic/reference bars such as “Over 40 Years in Touring”, “ZDF”, “MDR”, “José Carreras Gala”, etc. the same height in the mobile view.

Use consistent inner spacing and uniform vertical alignment for these bars.

7. Contact Form

Correct the button in the contact form and style it properly.

If technically straightforward, integrate Google CAPTCHA / reCAPTCHA into the contact form.

8. Partner Page – Responsive

Please fully check the Partner page on mobile. No manual corrections have been made there yet.

Please independently correct any faulty spacing, widths, alignments, and line breaks.

Make sure that no elements sit too close to the edge and that text, buttons, images, and modules are arranged cleanly.

Avoid horizontal overflow and make sure the page is properly optimized for smartphone widths.

Please actually open the Partner page in the mobile view and go through it completely. The problematic areas should be immediately visible there.

9. Footer

Do not use a menu module or burger menu in the footer.

Instead, use normal text links and build the footer in a clean, classic layout.

Display the footer links cleanly on mobile, stacked or otherwise responsively arranged as appropriate.

10. Final Responsive Check

Please also check all changes separately in the mobile view.

Pay particular attention to inner spacing, equal element heights, the mobile logo/“Anfragen” button alignment, service sections, Hero spacing, and the footer.