/* Small shared production additions to the approved draft 03. */
html{scroll-padding-top:112px}
.reference-layout .desktop-nav :is([aria-current="page"],.is-section-active),.reference-layout .mobile-menu nav :is([aria-current="page"],.is-section-active){color:#b71227}
.reference-layout .site-footer .footer-information{margin-top:28px;border-top:1px solid #ffffff22;padding-top:20px;font-size:13px}
.reference-layout .footer-information>summary{cursor:pointer;width:fit-content;color:#d4d5d7;font-weight:700;line-height:1.5;padding:8px 0}
.reference-layout .footer-information .footergrid{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:32px;margin:28px 0}
.reference-layout .footer-information .footergrid>div{min-width:0}
.reference-layout .footer-information .footer-logo{display:block;width:160px;max-width:100%;margin-bottom:16px}
.reference-layout .footer-information h3{font-size:16px;letter-spacing:0;line-height:1.4;margin:0 0 16px;color:#fff}
.reference-layout .footer-information p,.reference-layout .footer-information a,.reference-layout .footer-information dd{font-size:13px;line-height:1.65;color:#c9cbd0}
.reference-layout .footer-information a{overflow-wrap:anywhere}
.reference-layout .footer-information a:hover{color:#fff;text-decoration:underline}
.reference-layout .footer-information :is(.footer-contact-link,.footer-nav-link){display:flex;align-items:center;gap:10px;margin:0 0 12px}
.reference-layout .footer-information svg{flex-shrink:0;width:20px;height:20px;vertical-align:middle}
.reference-layout .footer-information .footer-contact-icon{display:flex}
.reference-layout .footer-information .hours-clock{margin-right:9px}
.reference-layout .footer-information dl{margin:0 0 16px}
.reference-layout .footer-information dl>div{margin-bottom:12px}
.reference-layout .footer-information dt{font-weight:700;color:#fff}
.reference-layout .footer-information dd{margin:0}
.reference-layout .footer-information :is(.hours-description,.hours-visit strong){display:block}
.reference-layout .footer-information .socials{border-top:1px solid #ffffff22;padding-top:24px}
.reference-layout .footer-information .social-links{display:flex;flex-wrap:wrap;gap:16px 24px;margin:18px 0 24px}
.reference-layout .footer-information .social-button{display:inline-flex;align-items:center;gap:8px}
.reference-layout .footer-information .footer-profiles{display:flex;flex-wrap:wrap;gap:12px 20px;margin:20px 0 10px}
.reference-layout .footer-information .footer-profiles>span{width:100%;font-weight:700}
@media(max-width:1000px){.reference-layout .footer-information .footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){html{scroll-padding-top:99px}}
@media(max-width:480px){.reference-layout .footer-information .footergrid{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Direct WhatsApp contact alongside phone and email, including the mobile bar. */
.reference-layout .floating-contact a.contact-whatsapp,.reference-layout .mobile-contact a.contact-whatsapp{background:#128c7e;color:#fff}
.reference-layout .floating-contact a.contact-whatsapp:hover,.reference-layout .mobile-contact a.contact-whatsapp:hover{background:#0b6b60}
.reference-layout .mobile-contact a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:13px 6px}
.reference-layout .mobile-contact .contact-whatsapp svg{width:18px;height:18px;flex-shrink:0}
.reference-layout :is(.floating-contact,.mobile-contact) a:focus-visible{outline:3px solid #edb52f;outline-offset:3px}
@media(max-width:1080px) and (min-width:761px){.reference-layout .floating-contact{display:flex;top:auto;bottom:24px}}
@media(max-width:360px){.reference-layout .mobile-contact a{font-size:11px;gap:4px}}

/* Show the hall roof above the vehicles in the homepage hero. */
@media(min-width:761px){
  .reference-layout .wide-hero .hero-background{object-position:50% 0%}
  .reference-layout .wide-hero .hero-content{min-height:clamp(600px,54vw,820px)}
}

/* Ausgewählte Original-Liftfotos auf der Startseite: beide Motive vollständig. */
.reference-layout .work-photos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}
.reference-layout .work-photos figure img,.reference-layout .work-photos figure:last-child img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center}
@media(max-width:760px){.reference-layout .work-photos{grid-template-columns:1fr;max-width:520px}}

/* Amarok-Fotoausschnitt: weniger Himmel und Vordergrund, Lift im Mittelpunkt. */
.reference-layout .work-photo-frame{aspect-ratio:3/4;overflow:hidden;border-radius:inherit}
.reference-layout .work-photos .work-photo-frame img{display:block;width:100%;height:100%;transform:scale(1.25);transform-origin:50% 65%}