nav {
  display: block;
}
nav.footermenu {
  display:block;
}

nav ul {
   padding: 0px;
   margin: 0px;
   width: 100%;
}
 
nav ul li {
  list-style: none;
  padding: 20px;
  border-bottom: 1px solid white;

}
nav ul li a {
  color: #555F;
  text-decoration: none;
    font-size: 16px;
    font-weight:bold;
}
nav ul li a:hover {
  color: #9F0F12;
  text-decoration:none;
    font-size: 16px;
    font-weight:bold;
}

a:hover {
  color: #9F0F12;
  text-decoration:none;
    font-size: 16px;
    font-weight:normal;
}

nav ul li a.LinkAct {
  color: #9F0F12;
  text-decoration:none;
    font-size: 16px;
    font-weight:bold;
}

a.LinkAct {
  color: #9F0F12;
  text-decoration:none;
    font-size: 16px;
    font-weight:bold;
}


/*-GALERIEMENU-*/

ul#galeriemenuList {
   padding: 0px;
   margin: 0px 0px 1em 0px;
   width: auto;
   height: auto;
   text-align: center;


}


ul#galeriemenuList li a.Link {
  color: rgba(157, 18, 25, 1);
  text-decoration: none;
  font-weight:normal;
    font-size: 16px;  
}
ul#galeriemenuList li a:hover {
  color: rgba(157, 18, 25, 1);
  text-decoration:underline;
  font-weight:normal;
    font-size: 16px;  
}
ul#galeriemenuList li a.LinkAct {
  color: rgba(157, 18, 25, 1);
  font-weight:bold;
  text-decoration: none;
    font-size: 16px;  
}

/** -------------- Reservierungsformular----------------------**/


#d21-quickbook .material-icons {
cursor: pointer;
vertical-align: top;
font-size: 1.3em;
background-color: #9D1219;
}

#d21-book-button.d21-btn.d21-primary {
background-color: #9D1219;
border: 1px solid #808080;
color: #ffffff;
}

/*----------------- Anpassungen Checkbox+Label (Button) ---------------------------*/

input#open-menu {
  display: none;
}

input[type=checkbox]:checked ~ nav {
    display: block;
}
  
label.open-menu-label {
  background-color:#555; 
    color: #FFF;
  padding: 20px 10px;
  display: block;
  border-bottom: 1px solid white;
  cursor:pointer;
}


/** Formatierung für Tablet und Desktopansicht **/
  
/**/

@media only screen and (min-width: 1025px) and (max-width: 2600px) {

  /** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/http://beta.notar-oberlaender.com/images/toystory.jpg
  
  nav {
    display: block;
    text-align: center;
    padding: 10px 0 10px 0;


  }
  
  nav ul li {
    display:inline;
    border-bottom: 0px solid white;
    width: 33%;
    padding: 0.5em 2.42em;
  }
  nav ul li:first-child {
  padding-left: 0em;
}
nav ul li:last-child {
    padding-right: 0em;
}
  
  /** Label wird ausgeblendet **/
  label.open-menu-label {
    display: none;
  }
  
  nav ul .trenner {
	  display:inline;
}
  
}
@media only screen and (min-width: 760px) and (max-width: 1024px) {

  /** Navigation wird als einfarbiger, horizontaler Balken dargestellt **/
  
  nav {
    display: block;
    text-align: center;
    padding: 8px;


  }
  
  nav ul li {
    display:inline;
    border-bottom: 0px solid white;
    width: 33%;
    padding: 0.5em 1.0 em;
  }
  nav ul li:first-child {
  padding-left: 0em;
}
nav ul li:last-child {
    padding-right: 0em;
}
  
  /** Label wird ausgeblendet **/
  label.open-menu-label {
    display: none;
  }
  
  nav ul .trenner {
	  display:inline;
}
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
	
  nav {
    display: none;
    text-align: center;
    padding: 2px 0;


  }

nav ul li {
	background-color:#EEE;
    list-style: none;
    padding: 6px;
}
  nav ul .trenner {
	  display:none;
}
}