.mobile-navigation{display:none}
@media(max-width:800px){
 .portal-shell .sidebar{position:relative;inset:auto;z-index:25;display:block;max-height:none;overflow:visible;padding:8px 14px;border-bottom:1px solid #ffffff20}
 .portal-shell .sidebar>.portal-nav{display:none}
 .portal-shell .mobile-navigation{display:block;width:100%;color:#f4f6f8}
 .mobile-navigation>summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border:1px solid #ffffff30;border-radius:10px;background:#41484e;cursor:pointer}
 .mobile-navigation>summary::-webkit-details-marker{display:none}
 .mobile-menu-icon{font-size:23px;color:#b3e0fa}
 .mobile-current{min-width:0;flex:1;display:grid;gap:2px}
 .mobile-current small{font-size:9px;letter-spacing:1.5px;color:#c6d4df}
 .mobile-current strong{font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-menu-action{font-size:12px;color:#e0e7ec;white-space:nowrap}
 .mobile-menu-chevron{display:inline-block;margin-left:5px;transition:transform .15s}
 .mobile-navigation[open] .mobile-menu-chevron{transform:rotate(180deg)}
 .mobile-menu-panel{position:absolute;top:calc(100% - 2px);left:14px;right:14px;z-index:25;background:#edf1f4;color:#263c4f;border:1px solid #9cabb7;border-radius:12px;box-shadow:0 12px 28px #15263740;padding:16px;max-height:min(60dvh,530px);overflow:auto;overscroll-behavior:contain}
 .mobile-menu-panel section+section{margin-top:18px;padding-top:16px;border-top:1px solid #c5d1da}
 .mobile-menu-panel h2{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#425668;margin:0 0 9px}
 .mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .portal-shell .sidebar .mobile-menu-grid a{display:flex;align-items:center;gap:8px;padding:11px 10px;min-height:48px;min-width:0;border:1px solid #c1cdd6;border-radius:8px;border-left:4px solid #3884b5;background:#f8fbfd;box-shadow:0 3px 6px #243c5010;color:#263c4f;font-size:13px;font-weight:600;line-height:1.4}
 .portal-shell .sidebar .mobile-menu-grid a>span:first-child{width:20px;flex-shrink:0;text-align:center;color:#2e5c7e;font-size:19px}
 .portal-shell .sidebar .mobile-menu-grid a>span:last-child{min-width:0;overflow-wrap:anywhere}
 .portal-shell .sidebar .mobile-menu-grid a[aria-current=page]{background:linear-gradient(135deg,#337fac,#265774);color:#fff;border-color:#2e5c7e}
 .portal-shell .sidebar .mobile-menu-grid a[aria-current=page]>span:first-child{color:#c8ebff}
 .portal-shell .sidebar .mobile-menu-grid a:hover{border-color:#2e5c7e}
 .portal-shell .office .lex-workspace-nav{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:8px;scrollbar-width:thin}
 .portal-shell .office .lex-workspace-nav a{flex:0 0 auto;white-space:nowrap;margin-left:0;min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){.mobile-menu-panel{padding:12px}.mobile-menu-grid{grid-template-columns:1fr}}

@media(max-width:800px){.portal-shell .sidebar .mobile-menu-grid a[data-mobile-view="leistungsverzeichnis"]{grid-column:1 / -1;font-size:12px}.portal-shell .sidebar .mobile-menu-grid a[data-mobile-view="leistungsverzeichnis"]>span:last-child{overflow-wrap:normal;word-break:normal;hyphens:none}.mobile-current strong{font-size:12px}}