/* = = = = = = = = = = = = = = = = = 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:0rem;
-webkit-transition: none;
transition: none;
}

#menu1 a {text-align:right;display:block;
height:3.2rem;
line-height:3.2rem;
text-decoration : none;
color : #313131;
font-size:1.8rem;
letter-spacing:0rem;
}

#menu1 ul {padding:0;margin:0;
}

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


#menu1 a:hover {
color : #313131;
text-decoration:underline;
}


/* 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:#000;
}

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


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

#menu1 {
padding-right:1rem;
}

}


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

/* keine angabe */

}


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

#menu1 {
padding-right:2rem;
}

}



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