/* Keep desktop and mobile plan renderers mutually exclusive. */
body.app-shell #planStep > .mobile-schedule {
  display: none;
}

body.app-shell #planStep > .table-shell[hidden],
body.app-shell #planStep > .mobile-schedule[hidden] {
  display: none !important;
}

/* Karten bis 720 px; Handys quer (Handy-Leiste) behalten die Karten bis 900 px. */
@media (max-width: 720px), (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {
  body.app-shell #planStep > .table-shell {
    display: none;
  }

  body.app-shell #planStep > .mobile-schedule {
    display: grid;
  }
}