#scrollToTopBtn {
  position: fixed;
  bottom: 20px;       /* Abstand vom unteren Rand */
  right: 20px;        /* Abstand vom rechten Rand */
  z-index: 1000;
  display: none;      /* erst unsichtbar */
  padding: 10px 15px;
  font-size: 16px;
  background-color: var(--navigation-main-background);
  color: white;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  opacity: 50%;
  transition: bottom .2s ease;
}
#scrollToTopBtn:hover {
  background-color: var(--navigation-links-hover);
  cursor: pointer;
}

@media (max-width: 896px) {
    #scrollToTopBtn {
      right: 20px;
      bottom: 110px;
    }
    
    /*#scrollToTopBtn.above-footer {
        bottom: 160px;
    }*/
}