/*-------------------------------------------------------------------------------*/
/*																				 */
/* CSS-File: 	buttons.css       	                               		         */
/* Version:		001																 */
/*																				 */
/* Datum:		24.01.2018														 */
/*																				 */
/* Author:		BoomArang Engineering											 */
/* Purpose:		button styles für alle Seiten  									 */
/*																				 */
/* History:		none                         									 */
/*																				 */
/*																				 */
/*-------------------------------------------------------------------------------*/

/*--------------------------- Scroll button to TOP ------------*/
.scrollicon {
	display:none;
	text-decoration:none;
	text-align:center;
	
	font-size:130%;
	font-weight:bold;
	color:white;

	width:40px;
	height:40px;
	border-radius:12%;
	
	background:#77BB00;
	opacity:0.7;
	
	position:fixed;
	bottom:60px;
	right:30px; /*120 */	
}
.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	/*left: 0.15em;*/
	position: relative;
	top: 20%;
	transform: rotate(-45deg);
	vertical-align:middle;
	width: 0.45em;
	color:#F8F8F8;
}

/*--------------------------- Scroll Top ende ------------------*/

/*--------------------------- Back,  Link button  --------------*/
.righticon {
	text-decoration:none;
	text-align:center;
	
	font-size:130%;
	font-weight:bold;
	color:white;

	width:38px;
	height:38px;
	border-radius:12%;
	
	background:#77BB00;
	/*opacity:0.7;*/
}

.lefticon {
	text-decoration:none;
	text-align:center;
	
	font-size:130%;
	font-weight:bold;
	color:white;

	width:38px;
	height:38px;
	border-radius:12%;
	
	background:#77BB00;
	/*opacity:0.7;*/
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.10em;
	transform: rotate(-135deg);
}

/*--------------------------- Back button ende ------*/

/*--------------------------- Back button -----------*/
.backicon {
	display:block;
	text-align: center;
	text-decoration:none;

	width:40px;
	height:40px;
	border-radius:50%;
	
	background:#ccc;
	opacity:0.5;
	
	border:1px solid #333;
}
.backicon div {
	font-weight:bold;
	font-size:28px;
	color:#333;
	padding-top:12px;
}		
/*--------------------------- Back ende --------------*/