/* Dies ist ein Kommentar. Er besitzt keine Auswirkungen. */
a {
  font-size:1.0em;		/* Schriftgösse Button-Beschriftungen */
  font:verdana;
  font-weight:normal;
  text-decoration:none;
  color:#000000;
}
nav ul {
  background-color:#FFFEDE;		/* hellgelb*/
  overflow:hidden;
  color:white;
  padding:0;
  margin:0;
  text-align:center;
  -webkit-transition:max-height 0.4s;
  -ms-transition:max-height 0.4s;
  -moz-transition:max-height 0.4s;
  -o-transition:max-height 0.4s;
  transition:max-height 0.4s;
}
nav ul li {
  display:inline-block;
  padding:10px;  /*macht das Image um den Text näher anliegend/bzw. grösser*/
  /*border: 1px solid blue;*/
  line-height: 0.8em;
  background-image: url(Assets/regular_1_farbverlauf.gif) 
 }
 
nav ul li:hover {
  /* background-color:#FFFEDE;	 hellgelb */
  color:#186ED1; /* blue*/
  line-height: 0.8em;
  font-weight:bold;
  background-image: url(Assets/highlighted_1_farbverlauf.gif)
}

nav a:active {
	background-color: #FFFEDE;
	/* color:#26D118; green*/	
	line-height: 0.8em;
	background-image: url(Assets/highlighted_1_farbverlauf.gif)
}

.handle {
    width:100%;
    background: #4e67a8; /*blau*/
    text-align:left;
    box-sizing:border-box;
    padding:15px 10px;
    cursor:pointer;
    color:white;
    display:none;
  }	



@media screen and (max-width:300px){
/*@media screen and (max-width:680px){*/
  
  nav ul {
    max-height:0;
  }
  
  .showing {
    max-height:20em;
  }
  nav ul li {
    width:100%;
    box-sizing:border-box;
    padding:15px;
    text-align:left;
  }
   
  .handle {
    display:block;
  }