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


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



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

/*===== menue 1 =====  */
/*===== vertikal =====  */
* {
margin : 0;
padding : 0;
}


.menue-button {height:4.6rem;
width:100%;
float :right;
background-color : #CFCFCF;
display : block;
position : fixed;
z-index:3;
right : 0;
top : 0;
padding : 0.5rem;
color : white;
cursor : pointer;
text-decoration : none;
border-color:#EFEFEF;
}

#menu1 {display : none;
height:100vh;
background-color:#2d2d2d;
width : 100%;
top:4.6rem;
position:fixed;
}

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

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
display : block;
width : 100%;
padding : 1rem;
text-decoration : none;
color : #fff;
background-color: #dc143c;
letter-spacing:0.2rem;
}

#menu1 a:hover {
color : #fff;
background : #6F6F6F;
}


   /*  Menü-Button- öffnen ausblenden -  Schließen-Button dadurch sichtbar */
#nav-menue:target .menue-button-open {
display : none;
}


   /* Menü einblenden */
#nav-menue:target #menu1  {
display : block;z-index:3;
}


/* ==================================== ab 480 pixel ================================== */

@media (min-width:480px) {

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
padding : 0rem;
}


}



/* ==================================== ab 600 pixel ================================== */

@media (min-width:600px) {

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
width : 36rem;margin:0rem auto;
padding : 1rem;
}

}

/* ==================================== ab 640 pixel ================================== */

@media (min-width:640px) {

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
padding : 0rem;
}

}



/* ==================================== ab 768 pixel ================================== */
/*===== menue 1 =====  */
/*===== horizontal =====  */


@media (min-width:768px) {

#menu1 {height:0;
width : 100%;
display :inline-block;
text-align : center;
top:0rem;
left:0;margin:0 auto; margin-bottom:8rem;
position:relative;
}

#menu1 ul {display : block;
line-height:3rem;padding:1rem;
background-color:white;
background:rgba(255,255,255,0.5);
}

#menu1 li {display : inline;
line-height:3rem;
list-style : none;width:100%;
}

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
display : inline;
width : 100%;
padding : 0.4rem;
background:transparent;
text-decoration : none;
color:#2d2d2d;
border-radius:0.4rem;
font-variant:none;
border-bottom:none;
letter-spacing:0;
}

#menu1 a:hover {
color:#2d2d2d;
background : transparent;
text-decoration : underline;
}

#menu1 #aktuell a   {
color:#2d2d2d;
text-shadow:none;
font-weight:bold;
text-decoration : none;
}

.menue-button {
display : none;
}


}


/* ==================================== ab1024 pixel ================================== */
/*===== menue 1 =====  */
/*===== horizontal =====  */


@media (min-width:1024px) {
#menu1 a:link, #menu1 a:visited, #menu1 a:active {
letter-spacing:0.2rem;

}

}

/* ==================================== ab 1280 pixel ================================== */
/*===== menue 1 =====  */
/*===== horizontal =====  */


@media (min-width:1280px) {
#menu1 a:link, #menu1 a:visited, #menu1 a:active {
letter-spacing:0.3rem;padding : 0.6rem;
}

}





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