button,
.btn,
a{
    transition: all ease-in-out 300ms ;
    transition-delay: 30ms;
}
body:not(.page_startseite) a,
body:not(.page_startseite) a>span,
body:not(.page_startseite) a,
body:not(.page_startseite) a>span{
    color: #000;
}
a:hover{
    opacity: 0.7;
    text-decoration: none !important;
}


button.btn{
    background: var(--sw-primary);
    border-color: var(--sw-primary);
    border-radius: 20px;
    min-width: 245px;
    color: #000;
}
button.btn span::before{
    color: #000;
}

#search-form  button.btn:hover,
#search-form  button.btn:active,
#search-form button.btn:focus{
    background: var(--sw-primary);
    border-color: var(--sw-primary);
    color: #000;
}

/*back to top button*/
    #back-top{
        position: fixed;
        right: 40px;
        bottom: 40px;

        width: 38px;
        height: 38px;

        text-align: center;
        border: 1px solid var(--sw-primary);
        background: var(--sw-primary);
        
        color: #000;
    }
    @media only screen and (max-width: 1023px){
        #back-top{
            right: 20px;
            bottom: 20px;
        }
    }
    #back-top:hover{
        opacity: 0.7;
    }