/* ========================================================= BELCANTOLINO – FOOTER BESUCHE UNS ========================================================= */ .bc-footer-visit { color: #ffffff; font-family: inherit; max-width: 330px; } .bc-footer-visit *, .bc-footer-visit *::before, .bc-footer-visit *::after { box-sizing: border-box; } /* Kleine Kennzeichnung */ .bc-footer-visit-label { font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 16px; opacity: .85; } /* Adresse */ .bc-footer-address { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: start; margin-bottom: 22px; } .bc-footer-pin { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.16); border-radius: 50%; font-size: 16px; } .bc-footer-address-text { font-size: 16px; line-height: 1.5; } .bc-footer-address-text strong { display: block; color: #ffffff; font-size: 17px; margin-bottom: 2px; } /* Route planen */ .bc-footer-route { display: inline-flex; align-items: center; gap: 12px; background: #ffffff; color: #F36F21 !important; padding: 12px 20px; border-radius: 100px; font-size: 15px; font-weight: 800; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease; } .bc-footer-route:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.15); } .bc-footer-route-arrow { font-size: 20px; line-height: 1; } /* Zusatz */ .bc-footer-route-note { margin-top: 11px; font-size: 12px; line-height: 1.4; color: rgba(255,255,255,.75); } /* Handy */ @media (max-width: 650px) { .bc-footer-visit { max-width: 100%; } .bc-footer-route { width: 100%; justify-content: center; } }