/* Global Styles - Teil 1 */
nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
nav ul li {
	position: relative;
}

/* Global Styles - Teil 2 */
nav ul li:hover {
	background-color: rgba(105,105,105,1.0);
}

/* Global Styles - Teil 3 */
nav ul a {
	text-decoration: none;
	display: block;
	padding: 8px 8px 8px 15px;
}

/* Global Styles - Teil 4 */
nav ul a:after {
	display: block;
	position: absolute;
	left: 15px;
	top: 13px;
	font-size: 13px;
	padding: 15px;
}

/* Main-Wrapper - Teil 1 */
nav {
	position: fixed;
	width: 135px; /* Diese Breite kannst du ändern */
	left: -135px; /* Vergiss nicht diesen Wert anzupassen, wenn du die Breite änderst! */
	top: 0;
	bottom: 0;
	z-index: 2;
	background-color: rgba(65,65,65,0.9);
	padding: 15px 0;
	transition: left 1s ease-in 0.5s; 
	/* Das ist der Verlauf zwischen left: -135px und left: 0 (Im Code-Block "Main-Wrapper - Teil 3" erfährst du mehr dazu) */
}

/* Main-Wrapper - Teil 2 */
nav:after {
	content: "\f0c9"; /* Hamburgersymbol */
	font-family: "FontAwesome";
	font-weight: 400;
	font-style: normal;
	text-decoration: inherit;
	color: #dddddd;
	position: absolute;
	left: 100%;
	top: 0;
	padding: 15px;
	width: 19px;
	height: 23px;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-bottom-right-radius: 10px;
	cursor: pointer;
}

/* Main-Wrapper - Teil 3 */
nav:hover {
	left: 0;
	transition: left .4s ease-in .8s;
}
nav:hover:after {
/*	content: "\f00d"; /* Kreuzsymbol */
	content: "\f0c9"; /* Hamburgersymbol */
	border-right: 1px solid #8f8f8f;
	border-bottom: 1px solid #8f8f8f;	
}

/* Main-Wrapper - Teil 4 */
/* First-Level Navigation */
nav > ul {
	margin-top: 34px;
}

/* Multi-Level Navigation - Teil 1 */
nav ul li > ul {
	position: absolute;
	background-color: rgba(65,65,65,.9);
	width: 100%;
/*	top: 1999px;*/
	top: 300vh;
	left: 100%;
	z-index: 2;
	transition: top .5s;
}

/* Multi-Level Navigation - Teil 2 */
nav ul li > ul li {
	min-width: 120px;
}

/* Multi-Level Navigation - Teil 3 */
nav ul li:hover > ul, nav ul li > ul:hover {
	top: 0%;
}