/* --- Stylesheet 4689 () --------- */ 

#logo{
	position: absolute;
	top: 20px;
	left: 40px;
}
#logo .name{
	font-size: 46px;
	position:relative;
}
#logo .name:after {
	content:'';
	display: inline-block;
	width: 65px;
	height: 15px;
	background-image: url(https://tramino.s3.amazonaws.com/s/gaestehaus-gaymann/849928/g3sterne.png);
	position: absolute;
	right: -70px;
	top: 28px;	
}
#logo .bez{
	position: absolute;
	text-transform: uppercase;
	bottom: -10px;
	right: 0px;
}

nav {
	background-color: #FFF;
	width: 80%;
	margin-top: 50px;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

nav ul:after {
	display: block;
	content: "";
	clear: left;
}

nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}

nav ul li a {
	display: inline-block;
	margin: 0;
	padding: 15px 25px;
	color: #61872d;
	text-decoration: none;
}

nav ul li a:hover span,
nav ul li.nav_aktiv a span{
	border-bottom: 1px solid #61872d
}

.kontakt{
	position: absolute;
	right: 30px;
	top: 20px;	
}
.kontakt a{
	color: #adadad;
	text-decoration: none;
	font-size: 1em;
}
@media screen and (max-width:1400px) {
	
	
}


@media screen and (max-width:1100px) {
    nav {
        width: 100% !important;
    }
	#logo{
		position: relative;
		float: left;
	}
}
@media screen and (max-width:890px) {
	nav ul li {
		width: 100%;
		border-bottom: 1px solid rgba(97,135,45,1);
	}
	nav ul li:hover,
	nav ul li.nav_aktiv{
		border-bottom: 1px solid transparent;
	}
	nav ul li a{
		width: 100%;
		color: #FFFFFF;
		font-weight: bold;
		background-color: rgba(97,135,45,.5);
	}
	nav ul li a:hover,
	nav ul li.nav_aktiv a{
		background-color: rgba(97,135,45,1);	
	}
	nav ul li a:hover span,
	nav ul li.nav_aktiv a span{
		border: none;	
	}
}