/**
 *
 * Scroll To Top Button Fix (Unlimited Elements Widget Ergänzung)
 *
*/

:root {
	/* Farben */
	--white: #FBFBFC;
	--text-color: #2A3033;
	--lightgrey: #A6B1B6;
	
	/* Werte */
	--btn-size: 50px;
	--btnh-size: 52px;
	--icon-size: 24px;
	--btn-borderradius: 50%;
	--btn-boxshadow: 0px 0px 1px 1px var(--white);
	--flex-attributes: center;
}

.ue-scroll-to-top {
	width: var(--btn-size);
	height: var(--btn-size);
	background-color: var(--text-color);
	box-shadow: var(--btn-boxshadow);
	border-radius: var(--btn-borderradius);
	position: fixed;
	display: flex;
	align-items: var(--flex-attributes);
	justify-content: var(--flex-attributes);
	opacity:1;
    visibility:'visible';
	z-index: 2147483647;
}

.ue-scroll-to-top:hover {
	background-color: var(--accent-color);
	width: var(--btnh-size);
	height: var(--btnh-size);
}

.ue-scroll-to-icon {
	font-size: var(--icon-size);
	color: var(--white);
} 

@media (max-width: 480px) {
	.ue-scroll-to-top {
		bottom: 1em;
		right: 2em;
	}
	
	.ue-scroll-to-top:hover {
		bottom: 0.95em;
		right: 1.95em;
	}
}

 @media (min-width: 481px) and (max-width: 1024px) {
	 .ue-scroll-to-top {
		bottom: 2em;
		right: 3.5em;
	}
	
	.ue-scroll-to-top:hover {
		bottom: 1.95em;
		right: 3.45em;
	}
}

@media (min-width: 1025px) {
	.ue-scroll-to-top {
		bottom: 3em;
		right: 5em;
	}
	
	.ue-scroll-to-top:hover {
		bottom: 2.95em;
		right: 4.95em;
	}
}