.back-to-top {
    position: fixed;
    bottom: 140px; /* Abstand vom unteren Rand */
    right: 20px;  /* Abstand vom rechten Rand */
    width: 40px;  /* Breite des Pfeils */
    height: 40px; /* Höhe des Pfeils */
background-image: url('../images/pfeil.png');/* Bilddatei einfügen */
    background-size: cover; /* Bildgröße anpassen */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Wiederholung des Bildes verhindern */
    display: none; /* Wird sichtbar bei Scrollen */
    cursor: pointer; /* Zeiger auf Hand ändern */
       z-index: 1000; /* Ein hoher Wert, um sicherzustellen, dass es über anderen Elementen liegt */
}
.back-to-top:hover {
    transform: scale(1.1); /* Leichte Vergrößerung beim Hover */
    transition: transform 0.3s ease;
}

/* Optional: Sichtbarkeit beim Scrollen */
window.addEventListener('scroll', function() {
    var button = document.querySelector('.back-to-top');
    if (window.pageYOffset > 300) {
        button.style.display = 'block';
    } else {
        button.style.display = 'none';
    }
});