/* Einheitliche Hauptnavigation — bagrash-justice.com
   Eigener Namensraum (.bnav), damit sie unabhaengig von den
   unterschiedlichen Seitenstylesheets ueberall gleich aussieht. */

.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:#c8a050;color:#111;
  font-family:Arial,sans-serif;font-size:14px;font-weight:bold;padding:12px 20px;border-radius:0 0 6px 0;
  text-decoration:none}
.skip-link:focus{left:0}

.bnav{background:#000;border-bottom:1px solid #2a2a2c;position:sticky;top:0;z-index:900;
      font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.bnav *{box-sizing:border-box}
.bnav-in{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;align-items:center;
         gap:18px;flex-wrap:wrap;min-height:62px}
.bnav-marke{font-family:'Segoe UI',-apple-system,sans-serif;font-size:19px;color:#fff;
            text-decoration:none;padding:14px 0;white-space:nowrap;letter-spacing:.01em}
.bnav-marke b{color:#d95050;font-weight:normal}
.bnav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap;margin-right:auto}
.bnav ul li{margin:0;padding:0}
.bnav ul li::before{content:none}
.bnav ul a{font-size:15.5px;color:#dcdcdc;text-decoration:none;padding:14px 0;display:block;
           border-bottom:2px solid transparent;white-space:nowrap;font-weight:500}
.bnav ul a:hover{color:#fff;text-shadow:0 0 10px rgba(200,160,80,.5)}
.bnav ul a.bnav-aktiv{color:#c8a050;border-bottom-color:#c8a050}
.bnav-cta{font-size:14.5px;font-weight:bold;text-decoration:none;background:#d95050;color:#fff;
          padding:9px 17px;border-radius:4px;white-space:nowrap;transition:box-shadow .15s ease}
.bnav-cta:hover{background:#c23f3f;color:#fff;box-shadow:0 0 14px rgba(217,80,80,.55)}
.bnav-lang{display:flex;gap:9px;align-items:center}
.bnav-lang a{font-size:13px;color:#9a9a9a;text-decoration:none;letter-spacing:.06em;font-weight:600}
.bnav-lang a.bnav-aktiv{color:#fff}
.bnav a:focus-visible,.bnav-cta:focus-visible{outline:2px solid #c8a050;outline-offset:2px}

@media(max-width:900px){
  .bnav-in{gap:10px;padding:0 14px}
  .bnav ul{gap:14px}
  .bnav ul a{font-size:14px;padding:10px 0}
  .bnav-marke{font-size:17px;padding:10px 0}
}
@media(max-width:560px){
  .bnav-in{align-items:flex-start;padding-bottom:8px}
  .bnav ul{width:100%;order:3;gap:10px 16px}
  .bnav-cta{order:2;margin-left:auto}
}

/* Sprungziele nicht unter der klebenden Navigation verstecken */
:target{scroll-margin-top:74px}

/* ===== Mega-Menu "Einstiege" — Buchseiten-Vorschau statt Volltrennung ===== */
.bnav ul li.has-mega{position:relative}
.bnav ul li.has-mega>a::after{content:" ▾";font-size:9px;opacity:.6}
.mega-panel{
  display:block;
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  padding-top:16px;
  width:740px;max-width:92vw;
  z-index:950;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s ease, visibility 0s linear .18s;
}
.bnav ul li.has-mega:hover .mega-panel,
.bnav ul li.has-mega:focus-within .mega-panel{
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .12s ease, visibility 0s linear 0s;
}
.mega-panel-inner{
  position:relative;
  background:#18181b;border:1px solid #3a3a3e;border-radius:10px;
  padding:16px;
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;
  box-shadow:0 20px 55px rgba(0,0,0,.65);
}
.mega-panel-inner::before{
  content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);
  border:7px solid transparent;border-bottom-color:#3a3a3e;
}
.mega-item{display:block;text-decoration:none;padding:13px 14px;border-radius:6px;transition:background .12s;background:#18181b}
.mega-item:hover,.mega-item:focus-visible{background:#28282c}
.mega-item .mt{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:#f5c94c;font-weight:bold;margin-bottom:6px}
.mega-item .ms{display:block;font-family:'Segoe UI',-apple-system,sans-serif;font-size:14.5px;color:#f2f2f2;line-height:1.42}
@media(max-width:900px){
  .mega-panel{display:none !important}
  .bnav ul li.has-mega>a::after{content:""}
}