/* = = = = = = = = = = = = = = = = = 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;
z-index: 0;
top: -200%; 
left: 0%;
height: 70%;
width: 70%;
margin: 0;
padding: 0;
transition: all 2s;
}

#menu1 ul {
display: table-cell;
background: #d1a000;
vertical-align: middle;
text-align: left;
margin: 0;
padding: 0rem 1rem 0rem 2rem;
}

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

#menu1 li a {
display: inline-block;
text-align: center;
text-decoration: none;
font-size: 2.5rem;
letter-spacing: 1px;
padding: .5rem 0rem;
margin: 0;
background: transparent;
color: #175b9f;
font-weight: normal;
text-transform: uppercase;
}

/*  hover  */
#menu1 li a:hover {
background: transparent;
color: #03260e;
text-decoration: underline;
}

/* angezeigter link  */
#menu1 li#aktuell a {
background: transparent;
color: #fff;
font-weight: bold;
text-decoration: none;
}

/*  men�-oeffnen-schalter  formatierung  */
/* men�-�ffnen-schalter  formatierung */
nav label.button-open {
display: inline-block;
text-align: center;
position: fixed;
top: 1rem; 
right: 1rem;
z-index: 2;
padding: 0rem;
background: #d1a000;
color: #fff;
height: 4rem;
width: 4rem;
line-height: 4rem;
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: 1rem; 
right: 1rem;
z-index: 3;
padding: 0rem;
background: #175b9f;
color: #fff;
height: 4rem;
width: 4rem;
line-height: 4rem;
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  {
top: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 760 pixel ================================= */
@media (min-width: 760px) {

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

nav {padding:4rem 0rem;}

#menu1 {
width: 100%;
height: 0rem;
margin: 0;
padding: 0rem .5rem;
box-shadow: none; 
position: relative;
left: 0;
opacity: 1;
transform: scale(1) ;
background: linear-gradient(to right,transparent,rgba(209, 160, 0, 0.9),transparent) 
}

#menu1 ul {
background: transparent;
text-align: center;
}
#menu1 li {
display: inline-block;
padding: 0rem 1.3rem;
}
#menu1 li a {
font-size: 1.4rem; 
border-radius: .6rem;
padding: .8rem .4rem; 
color: #175b9f; 
}
#menu1 li a:hover {
color: #fff;
background: transparent; 
text-decoration: underline;
}
#menu1 li#aktuell a {
color: #fff;
background: transparent;
font-weight: bold;  
}

}