@charset "utf-8";
/*
	written by Manuel Raaf in 2016, 2017. © http://badw.de
*/

header
{
	background:transparent;
	width: 100%;	
	position:fixed;	
	z-index:1000000;
}

#menu-icon 
{
	display: none;
	width: 40px;
	height: 40px;
	/* background: #000 url('images/menu-icon.png') left; */
}

a:hover#menu-icon 
{
	background-color: #444;
	border-radius: 4px 4px 0 0;
}

nav > ul:first-of-type
{  
    top:0;
	left:0;
	width:100%;	
	vertical-align:top; 
    background:#5E9DD1;	
    border-bottom:1px solid #000000;
	box-shadow:10px 10px 5px #888888;
  	list-style:none;
	display:block;
    text-align:center;
	z-index:1000000000000000000;
	position:fixed;
}

nav > ul:first-of-type a span, nav > ul:first-of-type a span.small, nav > ul:first-of-type li > span.small
 {
	text-transform:none;
}
nav > ul:first-of-type a span.small, nav > ul:first-of-type li > span.small
{
	font-size:0.9em;
	font-weight:normal;
	padding:0.8em 1.8em;
}

nav > ul:first-of-type * ul
 {
	margin:0;
    padding:0;
    list-style:none;
	background-color:#f0f0f0;	
    position:absolute;
    top:30px;
    left:0;
    z-index:1000000;    	
}
nav > ul:first-of-type > li
{
	border-right:1px solid #000000;
	float:left; 
    margin-right:1px; 
	z-index:1000000;
}

nav > ul:first-of-type a, nav > ul:first-of-type li > select, nav > ul:first-of-type li > input
{
    display:block; 
    font-family:'Sans Serif',Verdana,Arial;
    font-size:8pt;
	font-weight:bold;
	color:#000000; 
	text-align:left;
    padding:0.8em 1.8em;
	text-decoration:none;
    text-transform:uppercase;
    letter-spacing:2px;
	word-spacing:0.25em;
    position:relative;
}
nav > ul:first-of-type li > select, nav > ul:first-of-type li > input
{
	background-color:#f0f0f0;
	z-index:100000000;
}

nav > ul:first-of-type li, nav > ul:first-of-type li > select, nav > ul:first-of-type li > input
{
	position:relative;
}

nav > ul:first-of-type > li > a 
{ 
    margin-bottom:1px;    
}

nav > ul:first-of-type * ul > li:hover > a 
{ 
	color:#0066FF; 
}

nav > ul:first-of-type > li:hover  > a
{	
	text-decoration:underline;
}

nav > ul:first-of-type li li a, nav > ul:first-of-type li select, nav > ul:first-of-type li input
{
	margin-top:1px;
}
  
nav > ul:first-of-type li a:first-child:nth-last-child(2):before
{ 
     content:""; 
     position:absolute; 
     height:0; 
     width:0; 
     border:5px solid transparent; 
     top:50%;
     right:5px;  
}
   
 /* P O S I T I O N I E R U N G */
nav > ul:first-of-type ul 
{
  position:absolute;
  white-space:nowrap;
  z-index:1;
  left:-99999px;
  box-shadow:10px 10px 5px #888888;  
}

nav > ul:first-of-type > li:hover > ul 
{
  left:auto;
  padding-top:5px;
  min-width:100%;  
}

nav > ul:first-of-type > li li ul 
{  
	border-left:1px solid #000000;	
}

nav > ul:first-of-type > li li:hover > ul 
{ 
  left:100%;
  top:-1px;
}

/* P F E I L E */
nav > ul:first-of-type > li > a:first-child:nth-last-child(2):before 
{ 
  border-top-color:#000000; 
  margin-top:-2px;
}

nav > ul:first-of-type > li:hover > a:first-child:nth-last-child(2):before 
{
  border:5px solid transparent; 
  border-bottom-color:#0066FF;
  margin-top:-5px
}

nav > ul:first-of-type li li > a:first-child:nth-last-child(2):before 
{  
  border-left-color:#000000; 
  margin-top:-5px
}

nav > ul:first-of-type li li:hover > a:first-child:nth-last-child(2):before
{
  border:5px solid transparent; 
  border-right-color:#0066FF;
  right:10px;  
}



@media only screen and (max-width : 680px) 
{
	header 
	{
		position: absolute;
		padding-bottom:10px;
	}
	#menu-icon 
	{
		display:inline-block;
	}
	nav
	{
		background:transparent;
		border:0;
		box-shadow:none;
		top:0;
		left:0;
		position:fixed;
	}
	nav > ul:first-of-type, nav * ul, nav:hover ul 
	{ 
		display: none;
		position: absolute;
		background: #fff;
		border: 5px solid #444;
		right: 20px;
		top: 0 !important;
		width:50%;
		width: intrinsic;           
		width: -moz-max-content;    
		width: -webkit-max-content;   
		border-radius: 4px 0 4px 4px;
	}	
	nav > ul:first-of-type
	{
		width:auto;		
	}
	nav:active ul ul
	{
		right:100% !important;
	}
	nav li 
	{
		text-align: center;
		display:block;
		padding: 10px 0;
		margin: 0;
	}
	nav:hover ul 
	{
		display: table;	
	}
	nav li:hover ul
	{
		width:100%;
		left:+99.5% !important;
	}
	nav > ul:first-of-type > li
	{
		border-right:0;
		float:none;
	}
	
	/* P F E I L E */
	nav > ul:first-of-type > li > a:first-child:nth-last-child(2):before, nav > ul:first-of-type > li:hover > a:first-child:nth-last-child(2):before, 
	nav > ul:first-of-type li li > a:first-child:nth-last-child(2):before, nav > ul:first-of-type li li:hover > a:first-child:nth-last-child(2):before
	{ 
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;  
		border-left: 5px solid black;
	}
}

.rang_dreistellig:not(:hover) {
	background-color: #f4f4f4;
}