/* Seiten deren letzte Section den Body-Grau-Hintergrund zeigt (m32_team_cta, m45_objekte_listing, m46_referenzen_listing sind alle transparent → body #F7F7F7) */ body.page-id-565 { --hs-footer-vcut-bg: #F7F7F7; } /* Startseite */ body.page-id-562 { --hs-footer-vcut-bg: #F7F7F7; } /* Referenzen */ body.page-id-541 { --hs-footer-vcut-bg: #F7F7F7; } /* Aktuelle Objekte */ body.page-id-520 { --hs-footer-vcut-bg: #F7F7F7; } /* Beratung */ body.page-id-511 { --hs-footer-vcut-bg: #F7F7F7; } /* Über uns */ body.page-id-490 { --hs-footer-vcut-bg: #F7F7F7; } /* Leistungen */ /* Kontakt (514) endet mit m10_contact (background: #fff) → Default passt */ /* ===== H&S Footer ===== */ .hs_footer { position: relative; /* Der V-Cut im clip-path von .hs_footer_main zeigt .hs_footer dahinter. --hs-footer-vcut-bg steuert diese Farbe — Default #fff (weisse Section). Seiten mit dunkler letzter Section setzen: body.page-xyz { --hs-footer-vcut-bg: #303A46; } oder per Inline-Style am . */ background: var(--hs-footer-vcut-bg, #fff); color: #fff; font-family: var(--hs-font-body); font-size: 16px; line-height: 1.5; letter-spacing: 0.03em; } .hs_footer a { color: #fff; text-decoration: none; transition: color 0.3s ease; } .hs_footer a:hover { color: var(--hs-gold); } /* Footer-Container: aeussere Kante bei 97px (= halbe Container-Differenz vom Viewport-Rand). Innen-Content liegt nach Figma bei x=226 — das wird ueber weitere Inset auf den Spalten/Bar selbst erreicht, nicht hier auf dem .hs_container Wrapper, sonst doppelt geinset. */ .hs_footer .hs_container { max-width: none; width: 100%; padding-left: clamp(0px, 5vw, 97px); padding-right: clamp(0px, 5vw, 97px); } /* === Top-Section === V-Cut oben in der Mitte (eingehender Pfeil). Die flachen Eckzonen richten sich an der Flucht des m32 Gold-Elements (Team CTA) aus, das mit left/right: clamp(0px, 2vw, 40px) am Viewport ansetzt — also identischer Wert. */ .hs_footer_main { position: relative; background: #303A46; padding: clamp(100px, 8vw, 140px) 0 clamp(60px, 5vw, 90px); overflow: hidden; /* Flach-Inset fluchtet mit der Bar (5vw/97) — der V-Cut-Beginn liegt damit exakt unter der Bar-Kante / m32-Gold-Container-Kante. */ --hs-vcut-flat: clamp(0px, 5vw, 97px); --hs-vcut-depth: 50px; clip-path: polygon( 0 0, var(--hs-vcut-flat) 0, 50% var(--hs-vcut-depth), calc(100% - var(--hs-vcut-flat)) 0, 100% 0, 100% 100%, 0 100% ); } @media (max-width: 1199.98px) { .hs_footer_main { --hs-vcut-depth: 40px; } } @media (max-width: 767.98px) { .hs_footer_main { --hs-vcut-depth: 30px; } } .hs_footer_inner { position: relative; z-index: 1; } /* Scroll-to-Top: identisch zur Hero-Scroll-Box (.m25_hero_scroll), ragt aus dem Footer hinaus. Selector .hs_footer .hs_footer_arrow (0,1,1) — gleiche Spezifitaet wie .hs_footer a damit die Background-Transition gewinnt (steht spaeter in der CSS). */ .hs_footer .hs_footer_arrow { /* Button-Reset (Element ist jetzt