/* = = = = = = = = = = = = = = = = = datei menue.css = = = = = = = = = = = = = = = = = = = = = = = = = */


/* ############################################################ */
/* diese datei enthält das hauptmenü */
/* alle anderen menüs sowie auch allgemeine links im text bzw. eventuelle "Weiter-Links"
sind in der Datei "format.css" direkt beim jeweiligen abschnitt (z.b. Logo, Info, Inhalt, Fuss o.ä.) definiert */
/* ############################################################ */




/* = = = = = = = = = = = = = = = = = MENÜ 1 = = = = = = = = = = = = = = = = = = = = = = = = = */




#menu1 {display:table-cell;vertical-align:middle;
overflow:hidden;
background:transparent;
height:100%;
padding-right:1rem;
-webkit-transition: none;
transition: none;
}

#menu1 a {text-align:right;display:block;
height:2.8rem;
line-height:2.8rem;
text-decoration : none;
color : #fff;
border-bottom:solid .1rem white;
font-size:1.8rem;
letter-spacing:.1rem;
}

#menu1 ul {padding:0;
}

#menu1 li {display:inline-block;
width : 100%;
list-style-type : none;
}


#menu1 a:hover {
color : #fff;
background:#A9C2D3;
}

#menu1 #aktuell a {
color : #486C95;
background:white;
}

/* die font-icons (pfeile) im menü */

#menu1 li a {position:relative;
padding-right:3.5rem;
}

#menu1 li a:after {
position:absolute;
font-family:'FontAwesome';
top:0px;
right:1rem;
content:"\f137";
color:#fff;
}

#menu1 li a:hover:after {
color:#fff;
}

#menu1  li#aktuell a:after {
color:steelblue;
}



/* ==================================== ab 600 pixel ================================== */
@media (min-width: 600px) {


#menu1 {
padding-right:2rem;
}

}


/* ==================================== ab 1024 pixel ================================== */
@media (min-width: 1024px) {

#menu1 {
padding-right:3rem;
}

}



/* = = = = = = = = = = = = = = = = = = = = = Code Ende = = = = = = = = = = = = = = = = = = = = = */