/* KONTUR CMS 0.6.0.17 – großzügigere Desktop-Dropdowns + Gruppierungsüberschriften */

@media (min-width:1181px){
  .desktop-nav .dropdown{
    width:clamp(340px,23vw,420px) !important;
    min-width:340px !important;
    max-width:calc(100vw - 32px) !important;
    padding:0 0 18px !important;
    border:1px solid var(--kontur-nav-line) !important;
    border-top:3px solid var(--kontur-nav-blue) !important;
    border-radius:0 0 var(--cms-dropdown-radius,18px) var(--cms-dropdown-radius,18px) !important;
    background:var(--kontur-nav-bg,#fff) !important;
    box-shadow:0 26px 58px rgba(7,29,55,.16) !important;
    overflow:hidden !important;
  }

  /* Die letzten Menüpunkte klappen nach links auf, damit nichts aus dem Fenster läuft. */
  .desktop-nav > ul > li:nth-last-child(-n+2) > .dropdown{
    left:auto !important;
    right:-1px !important;
  }

  .desktop-nav .dropdown-title{
    padding:20px 24px 15px;
    color:var(--kontur-nav-ink,#071d37);
    font-family:var(--cms-font-heading,var(--cms-font-body,system-ui,-apple-system,"Segoe UI",sans-serif));
    font-size:clamp(18px,1.15vw,22px);
    font-weight:650;
    line-height:1.15;
    letter-spacing:-.015em;
    border-bottom:1px solid var(--kontur-nav-line);
    background:linear-gradient(180deg,rgba(255,255,255,.035),transparent);
  }

  .desktop-nav .dropdown a{
    min-height:42px !important;
    padding:9px 24px !important;
    border-top:0 !important;
    color:var(--kontur-nav-ink,#17324c) !important;
    font-size:14.5px !important;
    font-weight:520 !important;
    line-height:1.35;
  }

  .desktop-nav .dropdown a:hover,
  .desktop-nav .dropdown a:focus-visible,
  .desktop-nav .dropdown a.active{
    padding-left:29px !important;
  }

  .desktop-nav .dropdown-heading{
    position:relative;
    margin:15px 24px 5px;
    padding:14px 0 3px;
    color:var(--kontur-nav-ink,#071d37);
    font-family:var(--cms-font-body,system-ui,-apple-system,"Segoe UI",sans-serif);
    font-size:14px;
    font-weight:820;
    line-height:1.2;
    letter-spacing:.025em;
    text-transform:uppercase;
  }

  .desktop-nav .dropdown-heading::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:42px;
    height:2px;
    border-radius:999px;
    background:var(--kontur-nav-blue,#0b63b6);
    opacity:.72;
  }

  .desktop-nav .dropdown-title + .dropdown-heading{
    margin-top:9px;
  }

  .desktop-nav .dropdown-title + a{
    margin-top:9px;
  }
}

@media (max-width:1180px){
  .mobile-links .mobile-subheading{
    margin:12px 18px 2px;
    padding:14px 0 5px;
    border-top:1px solid rgba(7,29,55,.09);
    color:var(--kontur-nav-ink,#071d37);
    font-size:12px;
    font-weight:820;
    line-height:1.2;
    letter-spacing:.075em;
    text-transform:uppercase;
  }
}