@if (upcomingTours$ | async; as upcomingTours) {
  <div
    class="flex flex-col justify-between flex-wrap m-2 xl:m-4"
    >
    @if (upcomingTours.length) {
      @for (tour of upcomingTours; track tour) {
        <div
          class="py-2 xl:px-2 flex flex-nowrap items-center"
          >
          <div class="h-4 w-4 mr-2 rounded-full" [ngClass]="tour.colorClass"></div>
          <div class="cursor-pointer" (click)="openTourViewDialog(tour)">
            {{ tour.operationId }} - {{ tour.startDate | date: 'HH:mm' }} Uhr
          </div>
        </div>
      }
    } @else {
      Keine Touren in den nächsten 20 Minuten ohne Anfahrt
    }
  </div>
}
