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





/* ############################################################ */

/* diese datei enthält das hauptmenü */

/* alle anderen möglichen menüs sowie auch allgemeine links im text bzw. eventuelle "Weiter-(Button-)Links"

sind in der Datei "format.css"  definiert */

/* ############################################################ */



nav {

display:block;

margin: 0 auto;

}



#menu1 {display:table;POSITION:fixed;

POSITION:fixed;z-index:0;

top:0%;right:-150%;

height:100vh;width:100%;

margin:0;

padding: 0;

transition:all 2s;

}



#menu1 ul {

display:table-cell;

background:#F0F5F5;

vertical-align:middle;

margin:0 auto;

padding:0rem 1rem 0rem 1rem;

}



#menu1 li {list-style-type: none;

display:block;

text-align:center;

padding:0px 5px 0px 10px;

margin:0rem;

}



#menu1 li a {display:inline-block;width:100%;

background:#99bcbc;

color:#fff;

text-align:left;

text-decoration : none;

font-size:1.6rem;

letter-spacing:2px;

padding: .5rem .5rem .5rem 1.5rem;

margin: 0;

font-weight:normal;

text-transform:uppercase;

}



#menu1 li:first-child a {border-top-left-radius:2rem;border-top-right-radius:2rem;

}

#menu1 li:last-child a {border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;

}







/*  hover   */

#menu1 li a:hover {background:#cddfdf;

color:#fff;

text-decoration:none;

}



/* angezeigter link  */



#menu1  li#aktuell a {background:#cddfdf;

color:#fff;

font-weight:normal;

text-decoration:none;

}



#menu1  li#aktuell a:hover {background:#cddfdf; }





/*  menü-oeffnen-schalter  formatierung  */



/* menü-öffnen-schalter  formatierung */

nav label.button-open {display:inline-block;

text-align:center;

POSITION:fixed;

top:1.2rem; right:1rem;

z-index:2;

padding:0rem;

background:#f5faf5;

color:#1f1f1f;

height:3rem;

width:3rem;

line-height:3rem;

font-size:1.8rem;

border-radius:.5rem;

cursor:pointer;



}



/*  menü-schließen-schalter  formatierung  */



nav label.button-close  {display:inline-block;

text-align:center;

POSITION:fixed;

top:1.2rem; right:1rem;

z-index:3;

padding:0rem;

background:#FFFFFF;

color:#99bcbc;

height:3rem;

width:3rem;

line-height:3rem;

font-size:1.8rem;

border-radius:.5rem;

cursor:pointer;

opacity:0;

}





/* checkbox versteckt */

input[type=checkbox]{

display: none;

}



/* schaltet menu ein/aus */

input#open-menue:checked ~ #menu1  {

right:0;

z-index:2;

transition:all 1s ;

}



/*  menue-schließen-button EIN / AUS */

input#open-menue:checked ~  label.button-close  {

opacity:1;

transition:all 2s ease-out;

}







/* ############################################################ */

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

/* CSS Bildschirmabfragen */

/* ############################################################ */







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

@media (min-width: 480px) {



#menu1 {width:32rem; }



}





/* ===================================== ab 760 pixel ================================= */

@media (min-width: 760px) {



nav label.button-open,nav label.button-close {display:none; }



nav {padding:0rem 0rem;  }



#menu1 {width:100%;height:0rem;margin:0;padding:0rem 0rem;

POSITION:relative;

top:0;left:0;

z-index:2;

opacity:1;

transform: scale(1) ;



border-top-left-radius:2rem;border-top-right-radius:2rem;

box-shadow:none;

}



#menu1 ul {background:transparent;text-align:center; padding:.8rem;margin:0}



#menu1 li {display:inline-block;padding:0;margin:0 -.25rem;}



#menu1 li a {width:auto;background:transparent;

font-size:1.4rem;

padding:.1rem .5rem;margin:0 .2rem;

color:#000;font-weight:normal;

border-bottom:solid 1px transparent;transition:all .3s ease-out;

}



#menu1 li a:hover {color:#2D392F;background:transparent;border-bottom:solid 1px #5f5f5f;  }



#menu1 li#aktuell a {color:#000;background:transparent;font-weight:normal;border-bottom:solid 1px #5f5f5f; }

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





#menu1 li:first-child a {border-radius:0rem; }

#menu1 li:last-child a {border-radius:0rem; }





}