jQuery(document).ready(function($) {
    // Wähle den Button aus
    var scrollButton = $('#scroll-to-top');

    // Funktion zum Anzeigen oder Verstecken des Buttons
    function toggleScrollButton() {
        // Wenn mehr als 300px gescrollt wurde, zeige den Button
        if ($(window).scrollTop() > 300) {
            scrollButton.addClass('show');
        } else {
            scrollButton.removeClass('show');
        }
    }

    // Event Listener für das Scrollen
    $(window).on('scroll', function() {
        toggleScrollButton();
    });

    // Event Listener für den Klick auf den Button
    scrollButton.on('click', function(e) {
        // Verhindere das Standardverhalten des Links
        e.preventDefault();
        
        // Scrolle die Seite sanft nach oben
        $('html, body').animate({
            scrollTop: 0
        }, 800); // 800ms für eine sanfte Animation
    });
});