/*********************
Scroll-To-Top Button
**********************/
#back-top {
	position: fixed; 
	right: 25px;
	bottom: 30px;
	z-index: 7001;
}
#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);		
}
#back-top a:hover {
	color: #fff; 
	text-decoration:none;
}
/* arrow icon (span tag) */
#back-top span {
	display: block;
	width: 80px;
	height: 80px;/*wegen neuem box-modell nun 80 vorher: height: 20px;*/
	margin-bottom: 7px; 
	padding-top: 60px;
	background: #0432bc url("scroll-to-top.png") no-repeat center center;
	/* rounded corners */
	/*-webkit-border-radius: 15px; */
	/*-moz-border-radius: 15px; */
	/* border-radius: 15px; */
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

	/* shadow */
	-webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.29);
}
#back-top a:hover span {
	background-color: #000;
}
#back-top a:focus {
	outline: none; 
}



@media all and (max-width:567px) { 
	/*kleineres scrolltotop, damit es bei kleinem display nicht alles überdeckt*/
	#back-top span {
		content: "";
		width: 30px;
		height: 30px;
		padding-top: 30px;
		margin-bottom: 0;
		
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	
		background-clip: border-box;
		background-repeat: no-repeat;
		background-size: contain;
		overflow: hidden;		
	}
	#back-top a {
		width: auto;
	}
	#back-top {
		bottom: 20px;
		right: 20px;
	}	
}