/*-----------------
	Navigation
-----------------*/
#mainnavi ul li a {
	text-align: center;
	display: block;

}

#mainnavi a:link {
	color: inherit;
	text-decoration: none;

}

#mainnavi a:visited {
	color: inherit;
	text-decoration: none;
}

#mainnavi a:active {
	color: inherit;
	text-decoration: none;
}

#mainnavi {
	text-align: right;
	margin: 0rem 0rem 0rem;
	min-height: 2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	border: 0.2rem solid rgb(86, 0, 51);
	border-radius: 0.5rem;
	background-color: rgb(86, 0, 51);
}

#mainnavi ul {
	position: relative;
	margin-top: auto;
	list-style: none;
	height: ;
	max-width: ;
	border: 0rem solid rgb(188, 188, 0);
}

#mainnavi ul li .downnavi {
	visibility: hidden;
	height: 0;
	z-index: 1000;
	transition: all .1s ease-in-out;
}

#mainnavi li:hover .downnavi,
#mainnavi li:active .downnavi,
#mainnavi li:focus .downnavi {
	visibility: visible;
	height: auto;
}

#mainnaviul li:focus-within .downnavi {
	visibility: visible;
	height: auto;
}

#mainnavi>ul>li {
	float: left;
	width: 7.5rem;
	height: 1.2rem;
	margin: 0.2rem 1rem;
	padding-top: 0.15rem;
	padding-bottom: 0.4rem;
	color: rgb(86, 0, 51);
	border: 0.06rem solid rgb(255, 255, 255);
	border-radius: 0.3rem;
	background-color: rgb(255, 254, 234);
	/* box-shadow: inset 0 0 1rem rgb(190, 190, 190); */
}

.clear {
	clear: both;
}


#mainnavi li:hover {
	box-shadow: 0 0 1rem rgb(100, 100, 100);
	text-decoration: none;
}

.downnavi {
	position: absolute;
	padding: 0rem;
	background-color: rgb(240, 230, 170);
}

.downnavi li {
	width: 7.5rem;
	height: 1.2rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	color: rgb(0, 0, 0);
	border: 0.06rem solid rgb(255, 255, 255);
	border-radius: 0.3rem;
	background-color: rgb(240, 240, 240);
	box-shadow: inset 0 0 1rem rgb(190, 190, 190);
}

.sprache {
	color: rgb(255, 254, 234);
	font-size: 1rem;
	height: 2rem;
	margin-top: 0rem;
	border: 0rem solid rgb(255, 2, 255);

	& a:visited {
		color: inherit;
	}

}