﻿
    /* Grundstil für den Go to Top Button */
    #backToTop {
        position: fixed;
        bottom: 30px;
        right: 30px;
        background-color: #5c00ce;
        color: white;
        padding: 12px 16px;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 16px;
        opacity: 0; /* Unsichtbar am Anfang */
        pointer-events: none; /* Klicks deaktivieren, wenn unsichtbar */
        transition: opacity 0.6s ease; /* Fade-Effekt */
        z-index: 1000;
    }

    /* Sichtbar-Zustand */
    #backToTop.show {
        opacity: 1;
        pointer-events: auto; /* Klicks aktivieren */
    }

    /* Optional: Hover-Effekt */
    #backToTop:hover {
        background-color: #bbb;
    }

    
 /*gototop-Button*/

.go-top {
	position: fixed;
	z-index: 100;
	bottom: 1.5em;
	right: 1.5em;
	text-decoration: none;
	color: rgba(255,255,255,1);
	background-color: rgba(0,0,0,0.3);
	font-size: 14px;
	font-weight: bold;
	font-family: "ellianarelles_pathregular", "ellianarelle's Path", "Open Sans";
	padding: 1em;
	border-radius: 35px;
	display:none;
}

.go-top:hover {
	background-color: rgba(254,209,54,1); rgba(255,255,255,0.3);
	color: rgba(255,255,255,1); rgba(254,209,54,1)
}
