/* Phone viewports crop slide art when a page uses background-size:cover
   and background-position:center. Same correction as web_terminbestaetigung:
   fit the slide to the screen width and let the page scroll so the top stays visible. */
@media (max-width:768px) {
  html,
  body {
    height: auto;
    min-height: 100%;
  }

  body {
    overflow-x: hidden;
    overflow-y: auto;
  }

  #scrollRoot {
    height: auto;
    min-height: 100%;
    overflow: visible;
    scroll-snap-type: none;
    box-sizing: border-box;
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }

  .page {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    aspect-ratio: 9 / 16;
    padding: 0;
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    scroll-snap-align: none;
    scroll-snap-stop: normal;
  }
}