* {
	padding: 0;
	margin: 0;
	font-family: 'Josefin Sans', sans-serif;
}

.hamburger-wrapper {
	padding: 0;
	position: fixed;
	top: 10px;
	left: 10px;
	width: 50px;
	z-index: 9999;
}

.inner-hamburger-wrapper {
	background: #590831;
	width: 50px;
	padding: 6px 0;
}

.hamburger {
	width: 60%;
	height: 2px;
	margin: 4px auto;
	background: #fff;
	border-radius: 2px;
}

a#menulink { display:none; }

.navigation-wrapper {
	background: #000;
	background: rgba(0, 0, 0, .9);
	padding: 40px 0 0 0;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100% !important;
	z-index: 9950;
	display: none ;
}

#navigation {
	padding: 40px 0 0 5%; width:300px; float:left; margin:0 auto !important;
}

.show-menu {
	display: block;
}

#navigation li {	list-style: none;margin: 5px 0;transition: all ease .6s;line-height:40px; } 

#navigation li.small-padding {
	margin: 0;
  }

#navigation ul li a {display: block;padding: 5px 0 5px 10px;color: #E2E2E2;text-decoration: none;font-size: 14pt;letter-spacing: .1em;border-left: 3px solid #000;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-ms-transition: all ease .3s;-o-transition: all ease .3s;transition: all ease .3s;}

#navigation ul li span {display: block;padding: 5px 0 5px 10px;color: #E2E2E2;text-decoration: none; font-size: 21pt;letter-spacing: .1em;border-left: 3px solid #590831;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;-ms-transition: all ease .3s; -transition: all ease .3s; ansition: all ease .3s; }

#navigation li a:hover,
#navigation li a:active { color: #fff;padding-left: 20px;	order-left: 3px solid #590831; }

#navigation ul.level_2 {opacity:0; display:none;}
#navigation ul.level_1 li:hover ul.level_2,
#navigation ul.level_1 li:active ul.level_2 {opacity:1; display:block;}

element:hover, element:active { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none}

/*a#menulink { display:none;}*/


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
	
	a#menulink { display:block;}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	.hamburger-wrapper {right:10px; top:10px;}
	
	.navigation-wrapper .friends { padding:0;}
	
	#navigation li {line-height:30px;}
	#navigation li a,
	#navigation li span {font-size: 17pt; padding:0 inherit;}

}