/* B1438: gemeinsame lesbare Navigation. Nur Darstellung, keine Sichtbarkeits-/Rechteweiche.
   Desktopbreite nur >900px; bestehende Drawerposition/Transforms bleiben unverändert.
   CP-ID-Scope schlägt auch später geladene Bau-/CP-Regeln ohne pauschales !important. */
html body:not(.crm-cp-r1) aside.sidebar .nav-item,
html body.crm-design-168-navigation aside.sidebar .crm168-main-button,
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle .bk-naveintrag {
  box-sizing:border-box; min-height:44px; padding:11px 12px; font-size:15px;
  line-height:1.45; border-radius:7px; overflow-wrap:anywhere;
}
html body:not(.crm-cp-r1) aside.sidebar .nav-group-title,
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle .bk-navtitel,
html body.crm-design-168-navigation #crm168-main-navigation::before {
  box-sizing:border-box; font-size:13px; line-height:1.45; font-weight:600;
  letter-spacing:.025em; text-transform:none; padding:12px 12px 8px;
}
html body:not(.crm-cp-r1) aside.sidebar .nav-group-title,
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle summary.bk-navtitel {
  min-height:44px;
}
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle .bk-nav { gap:8px; }
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle .bk-produkt {
  font-size:13px; line-height:1.45; font-weight:600;
}
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle .bk-naveintrag[aria-current="page"] {
  background:var(--bk-soft); color:var(--bp-accent); font-weight:650;
  box-shadow:inset 3px 0 0 var(--bp-accent);
}
html body:not(.crm-cp-r1) aside.sidebar .nav-item:is(.active,[aria-current="page"]),
html body.crm-design-168-navigation aside.sidebar .crm168-main-button:is(.active,[aria-current="page"]) {
  color:var(--crm168-nav-accent,var(--accent));
  background:var(--crm168-nav-tint,rgba(var(--accent-rgb),.10)); font-weight:650;
  box-shadow:inset 3px 0 0 var(--crm168-nav-accent,var(--accent));
}
html body.crm-design-168-navigation #crm168-subnavigation .nav-item {
  box-sizing:border-box; font-size:15px; line-height:22px; min-height:44px;
  height:44px; padding:10px 0; flex-shrink:0;
}
html body.crm-design-168-navigation #crm168-main-navigation { gap:4px; }
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .cpBauBenutzer {
  gap:11px; padding:16px 6px;
}
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .cpBauBenutzerAvatar {
  flex-basis:40px; height:40px; font-size:14px; color:var(--bp-accent);
}
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .cpBauBenutzerProfil strong { font-size:15px; line-height:1.4; }
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .cpBauBenutzerProfil span { font-size:13px; line-height:1.4; }
html body.crm-design-168-navigation #crm168-nav-bottom { padding-top:18px; }
html body:is(.crm-design-168-navigation,.crm-cp-r1) #crm168-header-actions > summary {
  font-size:14px; min-height:44px; line-height:1.4;
}
html body:not(.crm-cp-r1) aside.sidebar .nav-item:focus-visible,
html body.crm-design-168-navigation aside.sidebar .crm168-main-button:focus-visible,
html body.crm-cp-r1.crm-design-bau167 #ba167Huelle .bk-huelle :is(.bk-naveintrag,summary.bk-navtitel):focus-visible {
  outline:2px solid var(--bp-accent,var(--crm168-nav-accent,var(--accent))); outline-offset:-2px;
}
@media(min-width:901px) {
  html body aside.sidebar,
  html body.crm-cp-r1.crm-design-bau167 aside.sidebar,
  html body.crm-design-168-navigation aside.sidebar { flex-basis:240px; width:240px; }
}
@media(max-width:900px) {
  html body aside.sidebar { max-width:84vw; }
}