/* CONNDI globaler Kopfbereich V2. Isoliert vom Rest der Seite. */
.conndi-v2-shell .nav { position: relative; }
.conndi-v2-shell .conndi-v2-nav {
  display:flex; flex-wrap:nowrap; align-items:center; gap:3px;
  justify-content:flex-end;
}
.conndi-v2-shell .conndi-v2-nav > a,
.conndi-v2-shell .conndi-v2-nav > .nav-item > .nav-trigger {
  font:800 .87rem/1.35 Segoe UI,Roboto,Arial,sans-serif;
  color:#13284a; padding:11px 12px;
  border:0; background:transparent; border-radius:14px;
  white-space:nowrap; cursor:pointer !important; text-decoration:none;
  display:inline-flex; align-items:center; justify-content:space-between;
}
.conndi-v2-shell .conndi-v2-nav > a:hover,
.conndi-v2-shell .conndi-v2-nav > .nav-item > .nav-trigger:hover,
.conndi-v2-shell .conndi-v2-nav > .nav-item > .nav-trigger:focus-visible {
  background:rgba(0,120,255,.10); color:#006fe6;
}
.conndi-v2-shell .conndi-v2-nav :focus-visible,
.conndi-v2-shell .conndi-v2-hamburger:focus-visible {
  outline:3px solid #0875e5; outline-offset:2px;
}
.conndi-v2-shell .conndi-v2-nav > .nav-item { position:relative; width:auto; }
.conndi-v2-shell .conndi-v2-nav .nav-drop {
  display:block; top:100%; left:0; right:auto;
  transform:translateY(7px); position:absolute;
  width:max-content; min-width:230px; max-width:min(370px,calc(100vw - 32px));
  max-height:min(68vh,580px); overflow-y:auto; overflow-x:hidden;
  border-radius:18px; z-index:10020;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .14s ease, transform .14s ease, visibility .14s;
}
.conndi-v2-shell .conndi-v2-nav > .nav-item:nth-last-of-type(-n+2) .nav-drop {
  right:0; left:auto;
}
.conndi-v2-shell .conndi-v2-nav .nav-item:hover > .nav-drop,
.conndi-v2-shell .conndi-v2-nav .nav-item:focus-within > .nav-drop,
.conndi-v2-shell .conndi-v2-nav .nav-item.conndi-v2-open > .nav-drop {
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateY(0);
}
.conndi-v2-shell .conndi-v2-nav .nav-drop a {
  display:block; white-space:normal; border-radius:10px;
  padding:9px 12px; font-size:.85rem; line-height:1.35;
}
.conndi-v2-shell .conndi-v2-nav .nav-drop .nav-label { padding:12px 12px 4px; }
.conndi-v2-shell .conndi-v2-hamburger {
  display:none; border:1px solid #b2d1f1; border-radius:14px;
  color:#16385e; background:rgba(255,255,255,.85);
  padding:9px 15px; font-weight:800; cursor:pointer;
}
@media(max-width:1150px) {
  .conndi-v2-shell .nav { flex-wrap:wrap; border-radius:25px; }
  .conndi-v2-shell .conndi-v2-hamburger { display:inline-flex; margin-left:auto; }
  .conndi-v2-shell .conndi-v2-nav {
    display:none; flex-direction:column; align-items:stretch;
    width:100%; gap:3px; padding-top:10px;
    max-height:calc(100dvh - 145px); overflow-y:auto; overflow-x:hidden;
  }
  .conndi-v2-shell.conndi-v2-menu-open .conndi-v2-nav { display:flex; }
  .conndi-v2-shell .conndi-v2-nav > .nav-item { width:100%; }
  .conndi-v2-shell .conndi-v2-nav > a,
  .conndi-v2-shell .conndi-v2-nav > .nav-item > .nav-trigger { width:100%; padding:11px 13px; }
  .conndi-v2-shell .conndi-v2-nav .nav-drop {
    display:none; position:static; opacity:1; visibility:visible;
    pointer-events:auto; transform:none; transition:none;
    width:100%; min-width:0; max-width:none; max-height:none;
    box-shadow:none; background:rgba(242,248,255,.9);
    margin:3px 0 8px; border-radius:13px;
  }
  .conndi-v2-shell .conndi-v2-nav .nav-item:hover > .nav-drop,
  .conndi-v2-shell .conndi-v2-nav .nav-item:focus-within > .nav-drop { display:none; }
  .conndi-v2-shell .conndi-v2-nav .nav-item.conndi-v2-open > .nav-drop,
  .conndi-v2-shell .conndi-v2-nav .nav-item.conndi-v2-open:hover > .nav-drop,
  .conndi-v2-shell .conndi-v2-nav .nav-item.conndi-v2-open:focus-within > .nav-drop { display:block; }
}
@media(prefers-reduced-motion:reduce) {
  .conndi-v2-shell .conndi-v2-nav .nav-drop { transition:none; }
}