/* ==========================================================================
   LIEPS COMPONENT – LINKS FOOTER SCROLLTOP
   Aus der bisherigen custom.css unverändert ausgelagert.
   ========================================================================== */

.frame-type-text a,
.frame-type-textpic a,
.frame-type-textmedia a,
.frame-type-text a:hover,
.frame-type-textpic a:hover,
.frame-type-textmedia a:hover,
.frame-type-text a:focus,
.frame-type-textpic a:focus,
.frame-type-textmedia a:focus {
	color: var(--bs-primary) !important;
	background-color: transparent !important;
	text-decoration: none;

	transition: all 0.3s ease-in-out;

	position: relative;
	z-index: 0;
	isolation: isolate;

	overflow: hidden;
}

.footer-right a {
	color: var(--bs-white) !important;
	padding-bottom: .3rem;
}


.site-footer__navigation a {
	color: var(--bs-white) !important;

	padding-top: .1rem;
	padding-bottom: .1rem;
	padding-left: 0.3rem;
	padding-right: 0.3rem;

	transition: all 0.3s ease-in-out;
}

.site-footer .footer-right a:hover {
	color: var(--bs-secondary) !important;
}

.site-footer .site-footer__navigation a:hover {
	color: var(--bs-secondary) !important;
	transition: all 0.3s ease-in-out;
}

.frame-type-text a:hover,
.frame-type-textpic a:hover,
.frame-type-textmedia a:hover,
.frame-type-text a:focus,
.frame-type-textpic a:focus,
.frame-type-textmedia a:focus {

	text-decoration: none;
	color: rgba(var(--brand-color-mirage-dark-rgb), 1) !important;
}

.btn:focus-visible,
.frame-type-text a:focus,
.frame-type-textpic a:focus,
.frame-type-textmedia a:focus {
	outline: 3px solid rgba(var(--brand-color-mirage-dark-rgb), .75) !important;
	outline-offset: 3px;
}

.site-footer .footer-right a:focus {
	outline: 3px solid rgba(var(--bs-white-rgb), .75) !important;
	outline-offset: 3px;
}


.frame-type-text a::before,
.frame-type-textpic a::before,
.frame-type-textmedia a::before {
	content: "";

	position: absolute;
	left: 0;
	bottom: 0;

	width: 100%;
	height: 3px;

	background-color: var(--bs-primary);

	transition: all 0.3s ease-in-out;

	/* hinter dem Text */
	z-index: -1;
}


.frame-type-text a:hover::before,
.frame-type-textpic a:hover::before,
.frame-type-textmedia a:hover::before,
.frame-type-text a:focus::before,
.frame-type-textpic a:focus::before,
.frame-type-textmedia a:focus::before {
	height: 15px;
	background-color: var(--bs-secondary);
}

.site-footer .footer-right a:hover::before,
.site-footer .footer-right a:focus::before {
	height: 50px;
}

.site-footer .footer-right .site-footer__brands a:hover::before,
.site-footer .footer-right .site-footer__brands a:focus::before {
	height: 25px;
	background-color: var(--bs-secondary);
}


.scroll-to-top {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	z-index: 1000;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transform: translateY(1rem);
	transition:
		opacity .3s ease,
		transform .3s ease,
		visibility .3s ease;
	mix-blend-mode: difference;
}

.scroll-to-top.is-visible {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scroll-to-top a {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-decoration: none;
}

.scroll-to-top i {
	transition: transform .25s ease;
}

.scroll-to-top a:hover i {
	transform: translateY(-.2rem);
}