/* = = = = = = = = = = = = = = = = = 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 definiert */
/* ############################################################ */



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

#menu1 li {display:inline-block;list-style-type: none;
width : 100%;margin:.2rem 0rem;
padding:.2rem .5rem .2rem 2rem;
text-align:left;
font-size:1.4rem;
}

#menu1 li a {display:inline-block;width:100%;
text-decoration : none;
color : #fff;
letter-spacing:0rem;
text-indent: -3rem;padding-left:1rem; /* rückt gfls eine zweite zeile ein*/
}

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


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

#menu1 li a:before {display:inline-block;  text-indent:0;
font-family:'Font Awesome 5 Free';/* - 'Font Awesome 5 Free' for Regular and Solid symbols;
                                     - 'Font Awesome 5 Brands' for Brands symbols. */
font-weight: 900;/*  Weight of the font (mandatory)
                     - 400 for Regular and Brands symbols;
                     - 900 for Solid symbols. */
width:3rem;height:2rem;line-height:2rem;
text-align:center;
content:"\f124";
color:gold;
text-shadow:0 0 2px #000;
transform:rotate(10deg);
transition:all .3s;
}

#menu1 li a:hover:before {
color:yellow;
transform:rotate(40deg);
}

#menu1 #aktuell  a:before {
content:"\f124";
color:#fff;
transform:rotate(10deg);
}