/* Shared navigation on the home, legal and property pages. */
.site-header.hoffmann-header,.site-footer.hoffmann-footer{font:400 16px/1.6 Inter,Arial,sans-serif;color:#fff;background:#0b646b;box-sizing:border-box}
.site-header.hoffmann-header *,.site-footer.hoffmann-footer *{box-sizing:border-box}
.site-header.hoffmann-header a,.site-footer.hoffmann-footer a{color:inherit;text-decoration:none}
.site-header.hoffmann-header .shell,.site-footer.hoffmann-footer .shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.site-header.hoffmann-header{position:sticky;top:0;z-index:50}
.site-header.hoffmann-header .utility-bar{background:#414141}
.site-header.hoffmann-header .utility-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}
.site-header.hoffmann-header .utility-inner p{margin:0;display:flex;align-items:center;gap:7px}
.site-header.hoffmann-header .utility-inner svg{width:14px;height:14px}
.site-header.hoffmann-header .utility-inner nav{display:flex;gap:22px}
.site-header.hoffmann-header .header-inner{display:flex;align-items:center;position:relative;height:100px;min-height:100px;gap:24px;flex-wrap:nowrap}
.site-header.hoffmann-header .brand{display:block;flex:0 0 185px;min-width:0;margin-right:auto}
.site-header.hoffmann-header .brand img{display:block;width:185px;height:80px;max-width:100%;object-fit:contain}
.site-header.hoffmann-header .desktop-nav{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:14px;font-weight:700}
.site-header.hoffmann-header .header-phone{display:flex;align-items:center;gap:9px;flex:0 0 auto;background:#fff;color:#0b646b;border-radius:30px;padding:12px 16px;font-size:14px;font-weight:700;white-space:nowrap}
.site-header.hoffmann-header .header-phone svg{width:18px;height:18px}
.site-header.hoffmann-header .mobile-nav{display:none;position:relative;flex:0 0 auto}
.site-header.hoffmann-header .mobile-nav summary{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid #fff9;border-radius:50%;list-style:none;cursor:pointer}
.site-header.hoffmann-header .mobile-nav summary::-webkit-details-marker{display:none}
.site-header.hoffmann-header .mobile-nav summary svg{width:25px;height:25px}
.site-header.hoffmann-header .mobile-nav>div{position:absolute;top:calc(100% + 12px);right:0;width:min(330px,calc(100vw - 40px));max-height:70vh;overflow:auto;background:#0b646b;border:1px solid #fff8;border-radius:8px;padding:10px;box-shadow:0 14px 28px #0003;z-index:60}
.site-header.hoffmann-header .mobile-nav:not([open])>div{display:none}
.site-header.hoffmann-header .mobile-nav[open]>div{display:flex;flex-direction:column;gap:0}
.site-header.hoffmann-header .mobile-nav a{display:block;min-height:44px;padding:10px 12px;white-space:normal;font-size:15px;font-weight:700}
.site-header.hoffmann-header a:hover,.site-header.hoffmann-header a[aria-current],.site-footer.hoffmann-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.site-header.hoffmann-header a:focus-visible,.site-header.hoffmann-header summary:focus-visible,.site-footer.hoffmann-footer a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.site-footer.hoffmann-footer{margin-top:80px;padding:60px 0 20px}
.site-footer.hoffmann-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.site-footer.hoffmann-footer .footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.site-footer.hoffmann-footer .brand img{display:block;width:185px;height:90px;object-fit:contain}
.site-footer.hoffmann-footer p{margin:0;max-width:350px}
.site-footer.hoffmann-footer h2{font:700 18px/1.4 Inter,Arial,sans-serif;letter-spacing:normal;margin:0 0 8px;color:#fff}
.site-footer.hoffmann-footer .ivd-badge{width:150px;height:auto}
.site-footer.hoffmann-footer a{overflow-wrap:anywhere}
.site-footer.hoffmann-footer a svg{width:18px;height:18px;margin-right:8px;vertical-align:middle}
.site-footer.hoffmann-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #fff5;font-size:13px}
.site-footer.hoffmann-footer .footer-bottom p{max-width:none}
.site-footer.hoffmann-footer .footer-bottom nav{display:flex;gap:20px}
#weg-verwaltung,#mietverwaltung,#vermittlung,#kontakt{scroll-margin-top:150px}
@media(max-width:1200px){.site-header.hoffmann-header .desktop-nav{display:none}.site-header.hoffmann-header .mobile-nav{display:block}}
@media(max-width:650px){.site-header.hoffmann-header .utility-inner p{display:none}.site-header.hoffmann-header .utility-inner{justify-content:flex-end}.site-header.hoffmann-header .header-inner{height:86px;min-height:86px;gap:12px}.site-header.hoffmann-header .brand{flex-basis:150px}.site-header.hoffmann-header .brand img{width:150px;height:70px}.site-header.hoffmann-header .header-phone{display:none}.site-footer.hoffmann-footer .footer-grid{grid-template-columns:1fr;gap:32px}.site-footer.hoffmann-footer{padding-top:40px}#weg-verwaltung,#mietverwaltung,#vermittlung,#kontakt{scroll-margin-top:130px}}
