/* DE draft: reuse the approved compact header whenever German text outgrows the desktop nav.
   No logo changes, no typography changes, no CSS applied to EL/EN/FR/ES or public. */
@media (min-width: 941px) and (max-width: 2199px) {
  html[lang="de"] .site-header.has-header-socials .header-inner {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    column-gap:20px; row-gap:4px; align-items:start; padding-block:6px;
  }
  html[lang="de"] .site-header.has-header-socials .brand-wrap { display:contents; }
  html[lang="de"] .site-header.has-header-socials .beegital-brand { grid-column:1; grid-row:1; }
  html[lang="de"] .site-header.has-header-socials .header-mobile-tools {
    display:flex; grid-column:2; grid-row:1; margin-top:2px;
  }
  html[lang="de"] .site-header.has-header-socials .header-socials {
    grid-column:1/-1; grid-row:2;
  }
  html[lang="de"] .header-desktop-language { display:none; }
  html[lang="de"] .nav-toggle { display:inline-flex; }
  html[lang="de"] .primary-nav {
    position:absolute; top:100%; inset-inline:0; margin-top:0!important;
    display:none; flex-direction:column; align-items:stretch; gap:18px;
    padding:20px 24px 26px; background:rgba(10,12,15,.98);
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
    box-shadow:0 25px 45px rgba(0,0,0,.35); z-index:1450;
  }
  html[lang="de"] .primary-nav.is-open { display:flex; }
  html[lang="de"] .primary-nav .menu { display:flex; flex-direction:column; align-items:stretch; gap:2px; }
  html[lang="de"] .primary-nav .menu a { width:100%; min-height:46px; border-radius:10px; padding-inline:10px; }
  html[lang="de"] .primary-nav .sub-menu { position:static; display:block; background:transparent; box-shadow:none; border:0; padding:0 0 0 18px; }
  html[lang="de"] .header-account { width:100%; }
}
