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

/* NAVIGATION ----------------------------- */

nav > ul {
	margin: 0;
	padding: 0;
}

nav a {
	/*width: 100%;*/
	display: block;
	text-decoration: none;
	text-align: center;
	background-color: #030; 
	color: #993;
	padding: 6px;
	margin: 4px 0px 0px 0px;
	font-size: 20px;
	border: none;
	cursor: pointer;
	font-family: fira-sans, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: kallisto, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: 600;
	font-style: italic;
}
	
nav ul a:hover  {
	background-color: #099; /*color: #cc9; nicht ändern */
}

nav li[aria-current] a {
	background-color: #036; /* #003;,  violett: 306 oder dunkelblau wie Titel 003, 036 006 306 003  firebrick; */
	color: #69c; /*  #369; gold; Hellblau (#39c) von Titel, darkblue #993 // gold #369*/
}

nav a:focus,
nav a:hover, 
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
	color: #993; 
	background-color: #036;
}
	
nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%; /*160px;*/
}

/*nav ul li:hover ul,
nav ul a:focus ~ ul {
}	
nav ul ul li {
}	
*/
nav ul ul li a {
	left: inherit;
	padding: 2px 0px 2px 12px; 
	margin: 0px 0px 0px -40px;
	list-style-type: none;
	position: relative; 
  	background-color: #660; 
	border-bottom: #030 solid 1px;
 	/*text-align: left;*/
  	font-size: 16px;
	font-family: kallisto, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: 500;
	font-style: italic;
	}
/* END NAVIGATION  ----------------------------- */