/* Retter-Portal v1.3.81
   Tablet + eingeklappte Sidebar: Feuerwehr-Auswahl exakt auf die Höhe der
   übrigen Header-Bedienelemente bringen. Die ausgeklappte Ansicht bleibt unberührt. */

@media (min-width:1101px) and (max-width:1400px){
  html body.sidebar-collapsed .app-shell .main > .topbar .topbar-desktop-shell{
    align-items:center!important;
  }

  html body.sidebar-collapsed .app-shell .main > .topbar .topbar-context{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-self:center!important;
    box-sizing:border-box!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
  }

  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-switch,
  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-static,
  html body.sidebar-collapsed .app-shell .main > .topbar.has-department-switch .department-context-switch{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    align-items:center!important;
    align-self:center!important;
    gap:5px!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:380px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:4px 5px 4px 10px!important;
    border-width:1px!important;
    overflow:hidden!important;
    transform:none!important;
  }

  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-switch > span,
  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-static > span{
    display:flex!important;
    align-items:center!important;
    align-self:center!important;
    box-sizing:border-box!important;
    height:30px!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    line-height:30px!important;
  }

  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-switch select,
  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-static strong{
    display:block!important;
    align-self:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:30px!important;
    vertical-align:middle!important;
  }
}

@media (min-width:1101px) and (max-width:1229px){
  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-switch,
  html body.sidebar-collapsed .app-shell .main > .topbar .department-context-static,
  html body.sidebar-collapsed .app-shell .main > .topbar.has-department-switch .department-context-switch{
    grid-template-columns:68px minmax(0,1fr)!important;
    max-width:350px!important;
  }
}