.site-footer {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	background-image: url("/images/footer-background.webp");
	background-size: 100% 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 46px;
}

.site-footer-content {
	transform: translateY(-2px);
}

.site-footer-separator {
	margin: 0px 8px;
}

.site-footer-mobile-break {
	display: none;
}

.site-footer-copyright {
	display: inline-block;
	margin-right: 6px;
	transform: translateY(5px);
	font-size: 22px;
}


.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;

    width: 50px;
    height: 50px;

    border: none;
    border-radius: 50%;
    background: var(--cuphog-color-dark-green);
	 border: 2px solid var(--cuphog-color-yellow);

    cursor: pointer;
    z-index: 9999;

    /* Anfangszustand: unsichtbar */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
		  border-color 0.6s ease,
		  background-color 0.6s ease;
}

.back-to-top:hover {
	border: 2px solid white;
	background-color: color-mix(in srgb, var(--cuphog-color-dark-green) 95%, white 5%);
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top span {
    display: block;

    width: 0;
    height: 0;

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid white;

    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
}


@media (max-width: 960px) {
	.site-footer {
		height: 64px;
	}

	.site-footer-separator {
		display: none;
	}

	.site-footer-mobile-break {
		display: inline;
	}
}