/* Brain-Fit Navigation 1.3 — nur zentraler Header, keine globalen Styles */
.bf-shared-nav{position:relative;z-index:1040;background:rgba(255,255,255,.97);border-bottom:1px solid #eee1d2;box-shadow:0 4px 16px rgba(30,22,12,.05);font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif}
.bf-shared-nav *,.bf-shared-nav *::before,.bf-shared-nav *::after{box-sizing:border-box}
.bf-shared-nav__inner{width:min(1320px,100%);margin:auto;padding:8px 22px;display:flex;align-items:center;gap:18px;min-height:70px}
.bf-shared-nav__brand{flex:0 1 auto;min-width:0;display:flex;align-items:center}
.bf-shared-nav__brand img{display:block;width:clamp(130px,16vw,215px);height:auto;max-height:64px;object-fit:contain}
.bf-shared-nav__desktop{display:flex;align-items:center;gap:4px;margin-left:auto}
.bf-shared-nav details{position:relative}
.bf-shared-nav summary{list-style:none;cursor:pointer;user-select:none}
.bf-shared-nav summary::-webkit-details-marker{display:none}
.bf-shared-nav .bf-nav-icon{display:block;width:19px;height:19px;flex:none;color:#ef780c}
.bf-shared-nav__group>summary{display:flex;align-items:center;gap:8px;border-radius:12px;padding:11px 13px;color:#30343b;font-size:1rem;font-weight:800;white-space:nowrap}
.bf-shared-nav__group>summary:hover,.bf-shared-nav__group[open]>summary{background:#fff3e9;color:#c35e00}
.bf-shared-nav__dropdown{position:absolute;top:calc(100% + 8px);left:0;width:360px;max-width:calc(100vw - 32px);padding:12px;border-radius:18px;background:#fff;border:1px solid #eee1d5;box-shadow:0 18px 46px rgba(37,26,12,.13);display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.bf-shared-nav__group:nth-child(3) .bf-shared-nav__dropdown,.bf-shared-nav__group:nth-child(4) .bf-shared-nav__dropdown{left:auto;right:0}
.bf-shared-nav__group--wide .bf-shared-nav__dropdown{width:595px;grid-template-columns:repeat(2,minmax(0,1fr));left:50%;transform:translateX(-45%)}
.bf-shared-nav__item,.bf-shared-nav__mobile-links a{display:flex;align-items:flex-start;gap:11px;padding:12px 10px;border-radius:12px;text-decoration:none!important;color:#292d32;line-height:1.3;min-width:0}
.bf-shared-nav__item:hover,.bf-shared-nav__mobile-links a:hover,.bf-shared-nav a[aria-current=page]{background:#fff3e9;color:#ae5200}
.bf-shared-nav__item-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;background:#fff5eb;border:1px solid #ffead9;border-radius:10px}
.bf-shared-nav__item-icon .bf-nav-icon{width:19px;height:19px}
.bf-shared-nav__item-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.bf-shared-nav__item-copy strong{font-size:.94rem;font-weight:800}
.bf-shared-nav__item-copy small{font-size:.77rem;font-weight:500;color:#707070;line-height:1.35}
.bf-shared-nav__login{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-decoration:none!important;margin-left:5px;padding:9px 13px;border:1px solid #ffd9b4;border-radius:999px;background:#fff7ee;color:#b95700;font-size:.9rem;font-weight:800;box-shadow:none;min-height:40px}
.bf-shared-nav__login svg{width:17px;height:17px}
.bf-shared-nav__login:hover{background:#ffead5;color:#a44c00}
.bf-shared-nav__mobile{display:none}
.bf-shared-nav :focus-visible{outline:3px solid #f57c00;outline-offset:3px}
@media(max-width:991.98px){
 .bf-shared-nav__inner{padding:8px 14px;min-height:62px;gap:9px}
 .bf-shared-nav__brand img{width:clamp(115px,34vw,174px);max-height:52px}
 .bf-shared-nav__desktop{display:none}
 .bf-shared-nav__mobile{display:block;margin-left:auto}
 .bf-shared-nav__mobile>summary{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid #f0d9bf;border-radius:12px;font-size:.9rem;font-weight:800;color:#a85300;background:#fff9f3}
 .bf-shared-nav__hamburger{font-size:1.3rem;line-height:1}
 .bf-shared-nav__mobile-panel{position:absolute;top:100%;left:0;right:0;padding:10px 14px 14px;background:#fff;border-bottom:1px solid #f0d9bf;box-shadow:0 15px 25px rgba(37,26,12,.14);max-height:min(72vh,600px);overflow:auto}
 .bf-shared-nav__mobile-group{border-bottom:1px solid #f5ede3}
 .bf-shared-nav__mobile-group>summary{padding:14px 10px;font-size:1rem;font-weight:850;color:#2e2e2e;display:flex;align-items:center;gap:10px}
 .bf-shared-nav__mobile-group>summary::after{content:'';display:block;width:8px;height:8px;margin-left:auto;margin-right:6px;border-right:2px solid #ba650f;border-bottom:2px solid #ba650f;transform:rotate(45deg);transition:transform .18s ease}
 .bf-shared-nav__mobile-group[open]>summary::after{transform:rotate(225deg)}
 .bf-shared-nav__mobile-links{display:grid;grid-template-columns:1fr;padding:0 0 9px 8px}
 .bf-shared-nav__mobile-links a{min-height:44px}
 .bf-shared-nav__login{margin-left:0;padding:8px 10px;font-size:.83rem;min-height:40px}
}
@media(max-width:360px){.bf-shared-nav__brand img{width:112px}.bf-shared-nav__inner{gap:5px;padding-inline:8px}.bf-shared-nav__login{padding:7px 8px}}
@media(prefers-reduced-motion:reduce){.bf-shared-nav__mobile-group>summary::after{transition:none}}


/* Mobile-Menü-Fix: Das Panel richtet sich am gesamten Header aus,
   nicht an der Breite des Menübuttons. */
@media (max-width: 991.98px) {
  .bf-shared-nav { position: relative; }
  .bf-shared-nav details.bf-shared-nav__mobile { position: static; }
  .bf-shared-nav__mobile-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    min-width: 0;
    max-width: none;
    max-height: min(75dvh, 650px);
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    z-index: 1050;
  }
  .bf-shared-nav__mobile-panel details.bf-shared-nav__mobile-group {
    position: static;
    width: 100%;
  }
  .bf-shared-nav__mobile-group > summary { width: 100%; }
  .bf-shared-nav__mobile-links { width: 100%; min-width: 0; }
}