/* ***** NAVIGATIONS-KLASSEN ****** */
	/* Klassen für Page-Navigation */
		
	.header-logo {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 999;
	}

	/* Style the header with a grey background and some padding */
	.header {
	  overflow: hidden;
	  background-color: #763c28;
	  padding: 1px 1px;
	}

	
	/* Style the header links */
	.header a {
	  display: inline;

	  float: left;
	  color: #C0C0C0;
	  text-align: center;
	  padding: 6px;
	  text-decoration: none;
	  font-size: 15px;
	  line-height: 15px;
	  border-radius: 2px;
	}
	
	/* Change the background color on mouse-over */
	.header a:hover {
	  background-color: #dc9d00;
	  color: black;
	}
	
	/* Style the active/current link*/
	.header a.active {
	  background-color: #c0c0c0;
	  color: white;
	}

	/* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */
	.header a.logotext {
	  font-size: 25px;
	  font-weight: bold;
	}

	/* Float the logo section to the left */
	.header-left {
	  float: left;
	  margin-top: 1px;
	  margin-left:40px;
	  z-index: 30;
	}

	/* Float the link section to the right */
	.header-right {
	  float: right;
	  margin-top: 1px;
	}
	
	.header-right a:hover {
	  background-color: #dc9d00;
	  color: black;
	}

	.header-right div.linktext {
	  display: inline;		
	}
	

	@media screen and (max-width: 768px) {

	  .header-right div.linktext {
	   	display: none;	
	  }
	  
	  .header-right a:hover div.linktext {
	 	display: inline;
	  	background-color: #dc9d00;
	  	color: black;
	  }
	}