/* Source order also controls keyboard and screen-reader order. */
/* V162: button contrast must win over the shared plain-text link hover. */
html body header .header-actions>a.makler-link151:hover,
html body header .header-actions>a.makler-link151:focus-visible {
 background:#183746!important;
 color:#d8ff51!important;
 -webkit-text-fill-color:#d8ff51;
}
.header-actions>.makler-link151{order:0}.header-actions>.tone-toggle{order:0}.header-actions>.customer-access{order:0}.header-actions>.menu-button{order:0}
@media(max-width:700px){.header-actions>.makler-link151{width:62px;min-width:62px;font-size:10px;line-height:1.15;text-align:center;padding:5px;white-space:normal}.site-header .brand{min-width:0}}
@media(max-width:700px){html body>header .brand{flex-basis:clamp(60px,calc(100vw - 260px),150px)!important;width:clamp(60px,calc(100vw - 260px),150px)!important}html body header .header-actions>.makler-link151{width:58px!important;min-width:58px!important;white-space:normal!important}}

/* V166: shared footer controls keep their shape even in narrow columns. */
html body footer .social-icons {
  flex-wrap:wrap!important;
  gap:8px!important;
  max-width:100%;
}
html body footer .social-icons>a {
  box-sizing:border-box;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  aspect-ratio:1;
  padding:10px!important;
  margin:0!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:11px;
}
html body footer .social-icons>a>svg {
  flex:0 0 22px;
  width:22px!important;
  height:22px!important;
}