/* Ergänzung für installierte Home-Bildschirm-Webapps.
   Bestehende Schriften, Farben, Bilder und gespeicherte Inhalte bleiben erhalten. */
@media (display-mode: standalone) and (max-width: 1100px),
       (display-mode: fullscreen) and (max-width: 1100px) {
  html body .header {
    padding-top: max(28px, calc(env(safe-area-inset-top, 0px) + 12px)) !important;
    padding-left: max(7vw, calc(env(safe-area-inset-left, 0px) + 12px)) !important;
    padding-right: max(7vw, calc(env(safe-area-inset-right, 0px) + 12px)) !important;
  }
  html body .start-pause {
    bottom: max(5svh, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
    left: max(8vw, calc(env(safe-area-inset-left, 0px) + 12px)) !important;
  }
  html:root:root:root body[data-page].is-reading .signature,
  html:root:root:root body[data-page] .signature {
    bottom: max(5svh, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
    right: max(8vw, calc(env(safe-area-inset-right, 0px) + 12px)) !important;
  }
  html body:not(.extra-view) .header nav {
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
  }
}