/* Shared main menu: links wrap within their own column, clear of the offer button. */
.navitem-configurator>a{display:flex;align-items:center;white-space:normal}
.navitem-configurator .nav-new-badge{margin-right:7px;flex-shrink:0}
@media(min-width:1201px){
 .navrow-second{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}
 .navrow-second .navmain{display:flex;flex-wrap:wrap;column-gap:clamp(10px,1vw,16px);row-gap:0;font-size:clamp(13px,1vw,15px);min-width:0;margin:0;padding:6px 0}
 .navrow-second .navitem{flex:0 0 auto}
 .navrow-second .navitem>a{white-space:nowrap;padding:14px 0}
 .navrow-second .dropdown{top:100%}
 .navrow-second>.cta{margin-left:0;padding-left:16px;padding-right:16px;white-space:nowrap}
}
@media(max-width:1200px){
 .navrow-second .navmain.is-open{min-width:0}
 .navmain.is-open .navitem-configurator>a{white-space:normal;min-width:0}
}

/* Compact two-line labels in the main navigation. */
.nav-label-lines{display:inline-block;line-height:1.2;vertical-align:middle;text-align:left}
.navrow-second .navitem-configurator>a{display:flex;align-items:center}
@media(min-width:1201px){
 .navrow-second .navitem>a{display:flex;align-items:center;min-height:62px;padding:10px 0}
 .navrow-second .navmain{padding:0}
}


/* 2026-10-17: align the shared header with the content and enlarge the logo. */
.sitehead .brand{min-width:0}
.sitehead .brandtext{min-width:0}
.sitehead{--header-control-height:56px}
.sitehead .brand-logo-box{width:calc(var(--header-control-height) * 2.8701923077);height:var(--header-control-height)}
.sitehead .brand-logo-box img{width:100%;height:100%;object-fit:contain;display:block}
.sitehead .navrow-second>.cta{box-sizing:border-box;height:var(--header-control-height);min-height:var(--header-control-height);padding-top:0;padding-bottom:0}
@media(min-width:641px){
 /* Match the contact-rail space already reserved by main in bilder-v29.css. */
 .sitehead,.topline{padding-right:146px}
 /* The configurator centers main.wrap and its header in the same full-width frame. */
 body:has(> main.wrap)>.sitehead,body:has(> main.wrap)>.topline{padding-right:0}
}
@media(max-width:900px){
 .sitehead .identityrow{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .sitehead .header-contact-data{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 20px;min-width:0}
}
@media(max-width:640px){
 .sitehead .brand{gap:10px}
 .sitehead .brandmark,.sitehead .brandsub{overflow-wrap:anywhere}
}


/* Single-line desktop menu after shortening Material & Zubehör. */
@media(min-width:1201px){
 .navrow-second .navmain{flex-wrap:nowrap;font-size:clamp(12px,.9vw,14px);column-gap:clamp(8px,.7vw,12px)}
 .navrow-second .nav-label-lines{white-space:nowrap}
}
/* Keep labels flexible inside the existing narrow-screen menu. */
@media(max-width:1200px){
 .navmain.is-open .nav-label-lines{white-space:normal}
}