/* = = = = = = = = = = = = = = = = = 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 (z.b. Logo, Info, Inhalt, Fuss o.ä.) definiert */
/* ############################################################ */



/* = = = = = = = = = = = = = = = = = = = = = =  */
/* MENÜ FORAMTIERUNG                            */
/* = = = = = = = = = = = = = = = = = = = = = =  */

nav {display:block; }

#menu1 {display:table;
width:100%;height:100%;
POSITION:fixed;z-index:0;
top:50%;left:50%;
height:30rem;width:30rem;
margin-left:-15rem;
margin-top:-15rem;
background:transparent;
padding: 0;
opacity:0;
transform: scale(0) rotate(0deg) ;
transition:all 2s;
}

#menu1 ul {display:table-cell;
vertical-align:middle;text-align:center;
background:#ffffff;
background-image:url(../images/picture15.jpg);
background-repeat:no-repeat;
background-position:50% 0%;
background-size:cover;
border:solid .1rem rgba(0,0,0,.2);
margin:0;
padding:0 0 0 0rem;
}

#menu1 li {list-style-type : none;
margin: 0 auto;
margin-top:.2rem;
margin-bottom:.2rem;
width:28rem;border:solid 1px rgba(0,0,0,.1);
padding: 0rem;
}

#menu1 li a {display:block;
text-align:left;
text-decoration : none;
font-size:1.6rem;
letter-spacing:1px;
padding:.3rem 1rem ;
background:#beb095;/*IE9*/
background:linear-gradient(to right,rgba(255,255,255,.3), rgba(255,255,255,.6), rgba(255,255,255,.3));
color:firebrick;
text-transform:none;
}

#menu1 i {color:#000000; }

/*  hover und aktuell angezeigter link  */
#menu1 li a:hover {background:#eeeeee;
font-weight: bold; 
	color:#004c91;
}

#menu1  #aktuell a {background:#ffffff;
	
font-weight: bold;
	color:#004c91;
}


/*  menü-oeffnen-schalter  formatierung  */

/* menü-öffnen-schalter  formatierung */
nav label.button-open {display:inline-block;
text-align:center;
POSITION:fixed;
top:0rem; right:50%;
margin-right:-2rem;
z-index:2;
padding:0rem;
background:#8a909c;
color:#fff;
font-size:2.2rem;
cursor:pointer;
height:4rem;
width:4rem;
line-height:4rem;
}

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

nav label.button-close  {display:inline-block;
text-align:center;
POSITION: fixed;
top:-5rem; right:50%;
margin-right:-2rem;
z-index:3;
cursor:pointer;
background:firebrick;
color:#fff;
font-size:2.2rem;
cursor:pointer;
height:4rem;
width:4rem;
line-height:4rem;
transition:all 4s;
}


/* checkbox versteckt */
input[type=checkbox]{
display: none;
}

/* schaltet menu ein/aus */
input#open-menue:checked ~ #menu1  {
opacity:1;
transform:scale(1);
z-index:2;
transition:all 1s ease-out;
}

/*  menue-schließen-button EIN / AUS */
input#open-menue:checked ~  label.button-close  {
margin-top:5rem;
transition:all 2s ease-out;
}


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



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

@media (min-width: 760px) {

#menu1 {
height:50rem;width:50rem;
margin-left:-25rem;
margin-top:-25rem;
}

#menu1 li a {letter-spacing:4px; }


}


/* +  +  +  +  + +  +  +  +  +  C O D E ENDE  +  +  +  +  +  +  +  +  +  + */