html {
  overflow-y: auto;
  scroll-padding-top: 104px;
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 100%;
}

main {
  overflow-x: clip;
  overflow-y: visible;
}

.site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
}

section[id],
[id="inhalt"] {
  scroll-margin-top: 104px;
}

@media (max-width: 800px) {
  html {
    scroll-padding-top: 88px;
  }

  section[id],
  [id="inhalt"] {
    scroll-margin-top: 88px;
  }
}