html {
  overscroll-behavior-y: none;
}

.aktuell-ptr {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translate(-50%, -4px);
  z-index: 40;
  pointer-events: none;
  opacity: 0;
  line-height: 0;
  transition-property: opacity, transform;
  transition-duration: 80ms;
  transition-timing-function: linear;
}

.aktuell-ptr-mark {
  display: block;
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: #000;
  transform: scale(calc(0.25 + var(--ptr-t, 0) * 0.75));
  transform-origin: center center;
}

body.dark-background .aktuell-ptr-mark,
body.dark-transition .aktuell-ptr-mark {
  background: #fff;
}

.aktuell-ptr.is-ready .aktuell-ptr-mark {
  transform: scale(1);
}