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


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

#menu1 {width :100%;height:100%;
text-align:center;
display:table;margin:0 auto;
border-collapse: collapse;
border-spacing:  0;
padding:0;
border-radius:36rem;
height:30rem;width:30rem;
}

#menu1 ul {display:table-cell;border-radius:36rem;
xtransform:rotate(-90deg);
text-align:center;vertical-align:middle;
background:linear-gradient(to right,dodgerblue 50%, steelblue 50%);
position:relative;/* für die anordnung des dreiecks*/
margin:0;
padding:0;
}

#menu1 li {list-style-type : none;display:block;width :24rem;
margin:0 auto;
padding:0 0rem 0 0;
background:royalblue;
text-align:right;
}

.dreieck {position:absolute;
display:block;
left:0%;z-index:2;
top:6rem;
margin-left:3rem;
border-top: 9rem solid transparent;
border-right: 9rem solid transparent;
border-bottom: 9rem solid transparent;
border-left: 9rem solid salmon;
}


#menu1 li a {display:block;background:transparent;
position:relative;
z-index:3;
text-decoration : none;
text-align:right;
font-size:1.4rem;
letter-spacing:.1rem;
color:white;
}

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



/* die font-icons  im menü */

#menu1 li a:after {display:inline-block;
text-align:center;
font-family:'FontAwesome';
padding:0;
content:"\f138";
color:lightskyblue;
font-size:1.8rem;
width:3rem;
}

#menu1 li a:hover:after {
content:"\f054";
color:#fff;
}


#menu1  li#aktuell a:after {
color:salmon;
content:"\f138";
}



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