On the homepage "SIND SIE BERECHTIGT?" section the image rendered after
the text on mobile (text-first source order in a single-column grid). Use
CSS order to place the award image as a header band on top on mobile, then
the heading, copy and criteria checklist below it. The image now fades
downward into the text background (#E4E2E3) on mobile while keeping the
original leftward fade on desktop. Desktop layout unchanged.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the awkward 60px vertical sidebar (cramped, text-only logo) with
a conventional mobile pattern: a fixed horizontal top bar showing the real
BMP logo on the left and a hamburger on the right. The fullscreen overlay
is rebuilt with a clear header (logo + close), a numbered accordion of the
main sections with comfortable 60px rows and indented subnav, a dedicated
CTA block, and a footer zone (language, social, legal) — plus a subtle
brand watermark. Container offset unified to paddingTop:60 on all sizes.
Desktop chrome untouched.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The sidebar + fullscreen overlay redesign was intended for mobile only.
Desktop now renders the original fixed horizontal top bar (logo, centered
hamburger, social + language) and its 3-column hover overlay exactly as
before. Mobile (<768px) keeps the new 60px vertical sidebar and the
single-column accordion overlay. Container offset is paddingTop:60 on
desktop and paddingLeft:60 on mobile.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
New design from prototype: fixed 60px sidebar (logo, vertical gold line,
hamburger, social icons, lang switcher) replaces the horizontal header.
Overlay is a 3-column fullscreen menu on desktop (main nav left, subnav
middle with hover panels, utilities right with close/logo/CTAs) and a
single-column accordion menu on mobile. Content shifts paddingLeft:60
to clear the sidebar on all screen sizes.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Comprehensive mobile pass over every page, form, layout and shared
component: eliminate horizontal overflow, switch fixed-vh sections to
auto height, collapse multi-column grids to single column, scale down
display typography and padding, enforce 44px tap targets, and ensure
embedded gold forms render and scroll without clipping on small screens.
All changes gated behind isMobile; desktop layout unchanged.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
