/* Mobile: redundante Seitentitel entfernen, wenn der Bereich bereits in der mobilen Navigation sichtbar ist. */
@media (max-width:700px){
  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .card:first-child > .section-title > div:first-child,
  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .role-guard-notice + .card > .section-title > div:first-child,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .card:first-child > .section-title > div:first-child,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .role-guard-notice + .card > .section-title > div:first-child,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .card:first-child > .section-title > div:first-child,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .role-guard-notice + .card > .section-title > div:first-child{
    display:none!important;
  }

  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .card > .calendar-wrap:not(.calendar-compact) > .calendar-head > .calendar-title,
  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .role-guard-notice + .card > .calendar-wrap:not(.calendar-compact) > .calendar-head > .calendar-title{
    display:none!important;
  }

  body:has(#mobileMainNav option[value="inspection"]:checked) #view .doc-context.inspection-context + .card > .section-title > div:first-child{
    display:none!important;
  }

  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .card:first-child > .section-title,
  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .role-guard-notice + .card > .section-title,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .card:first-child > .section-title,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .role-guard-notice + .card > .section-title,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .card:first-child > .section-title,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .role-guard-notice + .card > .section-title,
  body:has(#mobileMainNav option[value="inspection"]:checked) #view .doc-context.inspection-context + .card > .section-title{
    justify-content:flex-end;
    margin-bottom:8px;
  }

  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .card:first-child > .section-title > .actions,
  body:has(#mobileMainNav option[value="dashboard"]:checked) #view > .role-guard-notice + .card > .section-title > .actions,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .card:first-child > .section-title > .actions,
  body:has(#mobileMainNav option[value="customers"]:checked) #view > .role-guard-notice + .card > .section-title > .actions,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .card:first-child > .section-title > .actions,
  body:has(#mobileMainNav option[value="archive"]:checked) #view > .role-guard-notice + .card > .section-title > .actions,
  body:has(#mobileMainNav option[value="inspection"]:checked) #view .doc-context.inspection-context + .card > .section-title > .actions{
    margin-left:auto;
  }

  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .card > .calendar-wrap:not(.calendar-compact) > .calendar-head,
  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .role-guard-notice + .card > .calendar-wrap:not(.calendar-compact) > .calendar-head{
    justify-content:flex-end;
  }

  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .card > .calendar-wrap:not(.calendar-compact) > .calendar-head > .calendar-controls,
  body:has(#mobileMainNav option[value="calendar"]:checked) #view > .role-guard-notice + .card > .calendar-wrap:not(.calendar-compact) > .calendar-head > .calendar-controls{
    margin-left:auto;
  }
}