/* = = = = = = = = = = = = = = = = = 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 {display:block;
width:100%;
margin:0 auto;
}


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

#menu1 li {
list-style-type: none;
margin:0rem;
padding:0;
text-align:center;
}

#menu1 li a {
display:inline-block;
text-align:left;
color:#2d2d2d;text-decoration: underline;
padding:0rem;
margin-bottom:1rem;
width:100%;
border:solid 0.1rem #858585;
transition: all 0.5s ease-in-out;
}

#menu1 li a:hover  {
color:#2d2d2d;
text-decoration: none;
border-radius:0rem;
background-color:rgba(255,255,255,0.7);
border-top-right-radius:36rem;
border-bottom-right-radius:36rem;
}

#menu1 .fas,
#menu1 .fab,
#menu1 .far   {
color:#2d2d2d;
text-align:center;
background:rgba(255,255,255,0.6);
margin-top:0.4rem;
margin-bottom:0.4rem;
margin-right:1rem;
margin-left:.8rem;
border-radius:36rem;
border:solid 0.1rem silver;
font-size:1.2rem;
height:4rem;
line-height:4rem;
width:4rem;
-webkit-transition: all 1s ease-in-out;
transition: all 0.3s ease-in-out;
}

#menu1 a:hover .fas,
#menu1 a:hover .fab,
#menu1 a:hover .fas {
color:red;
text-align:center;
background-color:#DFDFDF;
}


/* ############################################################ */
/* M E D I A   Q U E R I E S*/
/* ############################################################ */

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

#menu1 {width:75%; }

}





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