/*
 * Konsistente Navigation für Blog und FAQ.
 * Beide Seiten enthalten alle Menüpunkte. Sie dürfen im mobilen
 * Navigationsraster weder horizontal weggescrollt noch abgeschnitten werden.
 */
@media (min-width:1121px) and (max-width:1330px) {
  body.kh-nav-fix nav .nav-right {
    min-width:0 !important;
    overflow:visible !important;
    gap:12px !important;
  }
  body.kh-nav-fix nav .links {
    gap:10px !important;
    font-size:14px !important;
    overflow:visible !important;
  }
}
@media (max-width:1120px) {
  body.kh-nav-fix nav {
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  body.kh-nav-fix nav .nav-right {
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.kh-nav-fix nav .links {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-rows:minmax(38px,auto) !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    min-width:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    gap:5px !important;
    padding:0 !important;
  }
  body.kh-nav-fix nav .links > a,
  body.kh-nav-fix nav .links > .nav-dropdown {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  body.kh-nav-fix nav .links > a[href$="kontakt.html"] {
    position:relative !important;
    z-index:1;
  }
}