/* Sand & Grün applies ONLY to the logo assets. Website colors stay in the existing stylesheets. */
.hw-logo-title{display:flex;align-items:center;gap:10px}
.brand-header-mark{display:block;flex:0 0 34px;width:34px;height:34px;border:1px solid #c5c9ad77;border-radius:10px;background:#8b735d;padding:3px;box-sizing:border-box}
.brand-footer-logo{display:block;width:112px;height:112px;object-fit:contain}
.brand-install-preview{display:block;width:72px;height:72px;border-radius:18px;border:1px solid #a5b69b;margin-bottom:20px}
.sidebar .brand::before{content:'';display:block;background:#8b735d url('assets/brand/hw-mark-ivory.svg') center/contain no-repeat;width:48px;height:48px;border:1px solid #b8cbb0a6;border-radius:13px;margin-bottom:12px}
@media(max-width:600px){.hw-header .hw-logo-title{font-size:clamp(13px,4vw,18px);gap:8px}.brand-header-mark{width:29px;height:29px;flex-basis:29px;padding:2px}.brand-footer-logo{width:85px;height:85px}}

.hw-header a.hw-logo-title{color:inherit;text-decoration:none}.hw-header a.hw-logo-title:focus-visible,.brand-footer-home:focus-visible{outline:2px solid #a5b69b;outline-offset:5px;border-radius:5px}.brand-footer-home{display:inline-block;text-decoration:none}