.show-menu {
	display: none;
}
.header_wrapper{
	width:100%;
	height:100%;

}
/* die Navigationsleiste */
.nav_wrap{
	float:left;
	background-color: rgba(4,30,0,0.95); /* #333433; */
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 6;
	/* height:7%;  */
}

.box_header_img_over{
	width:100%;
	margin-top:20%;
	background:rgb(112,173,71);
}
.header_img_over{
	width:90%;
	margin:0;
} 
.logo{
text-align: center;
}

.logo #logo_urnature{
height: 80px;
position: fixed;
top: 11px;
/* border-style: solid; */
/* border-width: 2px; */
border-radius: 50%;
background-color: #333433;
z-index: 7;
left: calc(100%/2 - 40px);
}
.project_udata_big{
    padding: 9px 8px 0 20px;
	margin:0.5% 0 0;
    color: white;
    float: left;
	width:30%;
  }
.project_udata_small{
	display:none;
  }
.img_udata{
	width:40%;
}
/*Strip the ul of padding and list styling*/
ul#menu {
    float:right;
    list-style-type: none;
	margin:0.5% 0 0;
    padding: 0;
    overflow: hidden;
	text-align:right;
	 margin-right: 1%;
}

/*Create a horizontal list with spacing*/
li.menuli {
	
    float: left;
    color: white;
	
	display:block;
	
	
}

/*Style for menu links*/
li.menuli a{
	
    display: inline-block;
    text-align: center;
    padding: 9px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
}

/*Hover state for top level links*/
li.menuli:hover a {
	color: rgb(23, 153, 0);
}

/* li.menuli:hover ul{ */
	/* position: absulte; */
	/* margin:0 10%; */
	/* background-color: rgb(226,207,0); */
	/* border-radius:8px; */
	/* border: 2px ridge rgb(108,0,22);  */
/* } */


/* /*Style for dropdown links*/ */
/* li.menuli:hover ul a { */
	/* color: rgb(226,237,224); */
	/* height: 30px; */
	/* line-height: 30px; */
/* } */

/* /*Hover state for dropdown links*/ */
/* li.menuli:hover ul a:hover { */
	/* color: rgb(226,237,224); */
/* } */



/* ***************************** */
/* das Ganze nochmal fürs Side-Menu */

/*Style 'show menu' label button and hide it by default*/

ul#mynav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
	text-align:left;
	margin-left: 10%;
	margin-top: 20%;
}

li.menuli_side {
	display:block;
	/* margin-bottom:-10%; */
	width:80%;
	/* margin-right: 1px; */
	
}

/*Style for menu links*/
li.menuli_side a{
	display:block;
	line-height:2;
	font-size:130%;
    color: white; 
	text-decoration: none;
}

/*Hover state for top level links*/
li.menuli_side:hover a {
	color: rgb(23, 153, 0);
}



/* ********************************* */
.hidden{
	padding-left: 0px !important;
}
/*Display the dropdown on hover*/
ul#menu li a:hover + .hidden, .hidden:hover{
	display: block;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
background:rgb(4,30,0);
  overflow-x: hidden;
  transition: 0.5s;
  /* margin-top:7%; */
  /* padding-bottom: 10px; */
}

/* für den close-button */
.sidenav a {
  /* padding: 2px 2px 2px 2px; */
  text-decoration: none;
  font-size: 25px;
  font-size: 100%;
  display: block;
  color:white;
  transition: 0.5s;
}




.ham {
  width: 28px;
  height: 3px;
  background-color: white;
  margin: 4px 0;
}




.section_foot{
    float: left;
	width:100%;
	line-height:3.5;
	color:white;
	background-color:rgb(4,30,0);
	padding-right:3%;
	padding-bottom:1.5%;
}
.foot_desc{
	width:50%;
	margin-left:10%;
	margin-top:4%;
	font-size:90%;
	/* float:left; */
}
.foot_desc p{
	line-height:140%;
}

.footTxt{
	/* float:left; */
	text-align:right;
	width:100%;
	margin-top:-5%; 
}
/* ************************* */
/*Responsive Styles*/

@media screen and (max-width : 1060px){	
	/*Make dropdown links appear inline*/
	
	.project_udata_big{
		display:none;
	}
	.project_udata_small{
		display:block;
		color: white;
		float: right;
		width:50%;
		margin-top:-2%;
		margin-right:-20%;
		font-size:40%;
		/* position:right; */
	}
	
	.logo #logo_urnature{
		height: 50px;
	}
	.header_wrapper{
		width:100%;
		height:100%;
		margin-left:3%;
	}
	.nav_wrap{
		padding:1%;
		height:auto;
	}
	
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		/*width: 100%;*/
		font-size:40px;
		/*margin:1% 2% 1%;*/
	}
	
	ul#menu {
		display: none; 
	}
	
	/*Display the dropdown on hover*/
	ul#mynav li a:hover + .hidden, .hidden:hover{
		display: block;
	}
	
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}
	.section_foot{
		line-height:1.5;
	}
	.foot_desc{
		width:80%;
	}
	.footTxt{
		margin-top:1%; 
	}
}

@media screen and (max-width : 690px){
.project_udata_big{
	display:none;
  }
.project_udata_small{
	display:block;
    color: white;
    float: right;
	width:50%;
	margin-top:-5%;
	margin-right:-7%;
	font-size:40%;
  }
	
}

li.menuli a.active, li.menuli ul a.active {
	color: rgb(147,255,128);
	/* text-shadow: 2px 5px 10px rgb(215, 14, 0); */
}
li.menuli_side a.active, li.menuli_side ul a.active {
	color: rgb(147,255,128);
	/* text-shadow: 2px 5px 10px rgb(215, 14, 0); */
}