/* Shared header: room for the additional KNX page in all three languages. */
html[lang] body.knx-navigation .brand{flex-shrink:0}
html[lang] body.knx-navigation .main-nav{gap:12px}
html[lang] body.knx-navigation .main-nav>a{white-space:nowrap}
html[lang] body.knx-navigation .menu-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(min-width:1281px){
 html[lang] body.knx-navigation .nav-wrap{height:88px;min-height:88px}
 html[lang] body.knx-navigation .brand img{width:210px!important}
 html[lang] body.knx-navigation .main-nav>a:not(.nav-cta){font-size:12px!important}
 html[lang] body.knx-navigation .nav-cta{font-size:12px!important;padding:11px 13px}
 html[lang] body.knx-navigation .lang-switch{font-size:10px}
}
@media(max-width:1280px){
 html[lang] body.knx-navigation .nav-wrap{height:88px;min-height:88px}
 html[lang] body.knx-navigation .brand img{width:210px!important}
 html[lang] body.knx-navigation .menu-toggle{display:block;width:36px;height:36px;position:relative}
 html[lang] body.knx-navigation .menu-toggle span{display:block;width:24px;height:1px;background:#111;margin:7px}
 html[lang] body.knx-navigation .main-nav{display:none!important;position:absolute;top:88px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:24px 30px;gap:16px!important;border-bottom:1px solid var(--line);max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain}
 html[lang] body.knx-navigation .main-nav.open{display:flex!important}
 html[lang] body.knx-navigation .main-nav>a{font-size:13px!important}
 html[lang] body.knx-navigation .nav-cta{padding:12px 17px}
 html[lang] body.knx-navigation .lang-switch{margin-top:4px;font-size:12px}
}
@media(max-width:900px){
 html[lang] body.knx-navigation .nav-wrap{height:74px;min-height:74px}
 html[lang] body.knx-navigation .brand img{width:190px!important}
 html[lang] body.knx-navigation .main-nav{top:74px;max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px)}
}