/* Bereichs-Schalter neben dem Logo, gleich wie auf der Website (.eu-wechsel, .eu-leiste in web/src/styles/eumedica.css):
   Leiste mit den Logos der vier Bereiche. Eine Kopie liegt im Portal unter public/schalter.css, die andere unter websites/shared/schalter.css. */
.bs{position:relative;flex:none;margin-left:-6px}
.bs-btn{width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center;cursor:pointer;margin-top:14px;transition:background .15s,color .15s}
.bs-btn:hover,.bs-btn[aria-expanded="true"]{background:#F3F4F6;color:#1A1A1A}
.bs-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.bs-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
/* Die Leiste bleibt auch im Dunkelmodus weiss: die Logos sind für hellen Grund gemacht */
.bs-menu{position:absolute;top:calc(100% + 12px);left:-12px;min-width:260px;padding:8px;display:grid;gap:2px;border-radius:14px;background:#fff;border:1px solid #e4e5e8;box-shadow:0 8px 32px rgba(0,0,0,.08);z-index:60;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s,transform .18s}
.bs-menu.open{opacity:1;transform:none;pointer-events:auto}
.bs-menu a{display:block;padding:10px 12px;border-radius:10px;line-height:0}
.bs-menu a:hover,.bs-menu a[aria-current="page"]{background:#F3F4F6}
.bs-menu img{height:34px;width:auto}
@media (prefers-reduced-motion:reduce){.bs-menu,.bs-btn svg{transition:none}}