The .legal-page <main> element had no CSS rules at all, so the
Impressum and Datenschutz text was rendering flush against the left
edge of the viewport (x=0, width=1265 at 1280px viewport). Both
view files share the .legal-page class, so a single CSS rule fixes
both.
Added a complete legal-page stylesheet (max-width 1200px, margin
auto, 6rem 3rem padding, matching .floors-section / .lage-section /
.pricing-section / .contact-section), plus minimal typography for
h1/h2/h3, body text, lists, links, the .legal-divider <hr>, the
.legal-back link, and a 768px mobile padding adjustment.
Measured on 1265px viewport:
- main.legal-page: 32.5/1200 (was 0/1265)
- h1 content area: 80.5/1104 inside the 3rem horizontal padding
- Gallery .section-head now uses the same 1400px container + 1.5rem
horizontal padding as .masonry-grid, so 'PHOTO GALLERY' / 'A look inside'
align flush with the leftmost image edge (24px gutter) instead of sitting
at the very left of the page.
- .pricing-section and .contact-section are now constrained to
max-width: 1200px and centered (matching .floors-section and .lage-section),
so the 'Mietkonditionen' (dark) and 'Kontakt' (cream) blocks no longer
span the full viewport.
- Mobile: matching padding adjustment for the new .section-head rule at
width <= 768px.
hermes