@charset "UTF-8";
/* CSS Document */


.nachOben {
	color: #fff;
    position: fixed;
    bottom: 60px;
    z-index: 212;
    cursor: pointer;
    right: 10px;
}


.sidebar-menu{
	position:fixed;
	z-index:200;
	top:0;
	right:-249px;
	width:300px;
	/*height:100%;*/
	transition:all ease-in-out 1s;
	-o-transition:all ease-in-out 1s;
	-ms-transition:all ease-in-out 1s;
	-moz-transition:all ease-in-out 1s;
	-webkit-transition:all ease-in-out 1s;
}
.menu{
	margin-top:51px;
	background:rgba(0,0,0,0.2);
}
.menupic{
	float:left;
}
.level-1{
	height:51px;
	display:block;
	padding:0!important;
	cursor:pointer;
	list-style-type:none!important;
}
.level-1:hover i{
	opacity:1;
}
.level-1 span, .level-1 a{
	display:block;
	line-height:51px;
	height:51px;
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	font-family: Helvetica, Arial, sans-serif;
}
.level-2{
	position:absolute;
	top:0;
	right:-250px;
	width:250px;
	height:100%;
	margin-top:51px;
	background:rbga(0,0,0,0.8);
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
	cursor:pointer;
}
.level-2 li{
	height:51px;
	padding:0;
	padding-left:15px;
	list-style-type:none!important;
}
.level-2 li:hover{
	background:#FFF;
}
.level-2 li:hover a{
	color:#000;
}
.fa-link, .fa-plus{
	color:#FFF;
	font-size:30px!important;
	line-height:51px;
	display:block;
	position:absolute;
	left:-40px;
	opacity:0;
	transition:all ease-in-out 0.25s;
	-o-transition:all ease-in-out 0.25s;
	-ms-transition:all ease-in-out 0.25s;
	-moz-transition:all ease-in-out 0.25s;
	-webkit-transition:all ease-in-out 0.25s;
}
.back{
	width:250px;
	top:0;
	right:-250px;
	position:fixed;
	z-index:400;
}
.back i{
	line-height:51px;
	transform:rotate(180deg);
	width:calc(100% - 20px);
	float:right;
	padding-left:20px;
	height:51px;
	display:block;
	color:#FFF;
	background:rgba(0,0,0,0.2);
}
.back:hover{
	background:#FFF;
}
.back:hover i{
	color:#000!important;
}
.close-page{
	width:50px;
	height:51px;
	background:rgba(0,0,0,0.2);
	position:fixed;
	z-index:400;
	top:0;
	right:-50px;
}
.close-page i{
	line-height:51px;
	color:#FFF;
	font-size:24px;
	width:50px;
	text-align:center;
}
.close-page:hover{
	background:#FFF;
}
.close-page:hover i{
	color:#000;
}
/* farben- und "move"-klassen für einfaden und ausfaden des menüs */
.black{
	background:rgba(0,0,0,0.8);
}
.black:hover{
	background:rgba(0,0,0,1);
}


.red{
	background:rgba(224,23,64,0.8);
}
.red:hover{
	background:rgba(224,23,64,1);
}


.orange{
	background:rgba(253,140,37,0.8);
}
.orange:hover{
	background:rgba(253,140,37,1);
}


.blue{
	background:rgba(24,30,248,0.8);
}
.blue:hover{
	background:rgba(24,30,248,1);
}


.yellow{
	background:rgba(253,191,68,0.8);
}
.yellow:hover{
	background:rgba(253,191,68,1);
}


.white{
	background:rgba(255,255,255,0.8);
}
.white:hover{
	background:rgba(255,255,255,1);
}


.pink{
	background:rgba(148,15,119,0.8);
}
.pink:hover{
	background:rgba(148,15,119,1);
}


.green{
	background:rgba(151,188,63,0.8);
}
.green:hover{
	background:rgba(151,188,63,1);
}
.moveIn{
	right:0;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.moveIn.sidebar-menu {
	height: 100%;
}

.moveIn2{
	right:0;
	top:0;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.moveContentToRight{
	transform:translateX(-150px);
	 transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.moveCloseToRight{
	right:250px;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.overlay{
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.moveBackground{
	background-position:-150px;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.showArrow{
	opacity:1;
}
.display-overlay{
	display:block;
	z-index:191;
	transition:all ease-in-out 0.5s;
	-o-transition:all ease-in-out 0.5s;
	-ms-transition:all ease-in-out 0.5s;
	-moz-transition:all ease-in-out 0.5s;
	-webkit-transition:all ease-in-out 0.5s;
}
.sidebar-b2b{
	background:rgba(0,0,0,1);
}
.sidebar-fans{
	background:rgba(224,23,64,1);
}
.sidebar-musik{
	background:rgba(253,140,37,1);
}
.sidebar-news{
	background:rgba(24,30,248,1);
}
.sidebar-shop{
	background:rgba(151,188,63,1);
}
.fullopacity{
	opacity:1;
}
.grey-color{
	color:#444!important;
}