/**
 *
 * Scroll To Top Button 
 *
 */

: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;
}

/* Button */
.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;
	cursor: pointer;
}

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

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

/* Button Position */
.scroll-to-top {
	bottom: 5em;
	right: 1.3em;
}
	
.scroll-to-top:hover {
	bottom: 4.95em;
	right: 1.25em;
}