body {
  background: none;
}

.logo {
  left: 20px;
}

@media (max-width: 480px) {
  .logo {
    width: 59px;
    height: 41px;
    background: transparent url(../images/logo-image.png) no-repeat;
  }
}

.main-nav {
  width: auto;
}

/*
  On small screens, the main nav is hidden behind a button (.menu-activator).
  When clicked, the menu items are full screen width and vertically stacked.
  The menu is shown on top of the page.
*/
@media (max-width : 480px) {
  /* This is a label element that targets the corresponding 'state' checkbox below. */
  .main-nav .menu-activator {
    display : inline-block;
  }

  /* Initially hide the root navigation item list. */
  .main-nav > ul {
    display : none;
  }

  /* Show the list of menu items when the menu button has been clicked (and the corresponding checkbox has been checked). */
  .main-nav .menu-activator-state:checked ~ ul {
    display : block;
  }

  .main-nav {
    position : relative;
    z-index  : 1; /* Let the main nave hover over the rest of the page. */
  }

  .main-nav ul {
    float            : none;
    background-color : #092286;
  }

  .main-nav li {
    display    : block;
    border-top : 1px solid #949494;
    color      : white;
  }

  .main-nav li a {
    display : block;
  }

  .has-sub-nav {
    background-position : 10px 14px;
    padding-left        : 18px;
  }

  .sub-nav {
    position : static;
  }

}

.page-header .weather {
  position: absolute;
  display: none;
  top: 8px;
  right: 15px;
  margin: 0px;
  width: 40px;
  overflow: hidden;
  font-size: 15px;
}

.page-header .weather .icon {
  height: 35px;
}

.page-header .weather .wave-height {
  display: block;
  margin-top: 4px;
  height: 14px; /* wave-height icons are 14px high */
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.page-body {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.global-warning .message {
  margin-left: 15px;
  margin-right: 15px;
}

.timetable-nav {
  border-radius: 0px;
}

.timetable .ad-type-timetable {
  display: table-row;
}

/* If there is a startpage popup ad, we (initially) don't show the ads in the timetable. They may become visible after the popup has vanished. */
.has-startpagePopup .timetable .ad-type-timetable .ad-wrapper {
  display: none;
}

@media (max-width: 480px) {
  .timetable-nav .icon.switch-direction {
    width: 56px; /* border-box: 57px; */
  }

  .timetable-nav .item.current-direction {
    width: 187px; /* border-box: 188px; */
  }

  .timetable-nav .previous-day,
  .timetable-nav .next-day,
  .timetable-nav .current-day .month {
    display: none;
  }

  .timetable-nav .item.current-day {
    width        : 74px; /* border-box: 75px; */
    border-left  : none;
    border-right : none;
  }

  .timetable-nav .datepicker {
    top: 64px; /* 15px below the timetable-nav (same as the margin-bottom of .timetable-nav */
    right: 15px; /* Half-way the current-day */
    width: 290px; /* 320px - 2 * 15px */
  }

  .timetable-nav-container-bottom .timetable-nav .datepicker {
    top: -290px; /* height 275px (apparently) plus 15px margin */
  }

  .timetable-nav .datepicker .ui-datepicker-calendar td {
    line-height: 30px;
  }

  .footer__part2 .payment-methods {
    display: block;
  }
}

.timetable-container {
  float: none;
  width: 100%;
}

.sidebar {
  display: none;
}

.banner {
  display: none;
}

.footer {
  border  : none;
}

.footer .partners {
  float : none;
}

.footer__part2 .other-pages {
  display: block;
}

/* Responsive utilities. */
.hidden-sm {
  display: none;
}

@media (max-width: 480px) {
  .hidden-xs {
    display: none;
  }
}