@charset "UTF-8";
/* CSS Document */

#navigation {
	padding: 25px;
}

#navigation a {
	font-size: 1.1rem;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding: 0.5% 1.8%;
	background-color: rgba(255,255,255,0.68);
	border-radius: 3px;
	transition: background-color 0.9s ease;
	margin-bottom: 5px;
	box-shadow:rgba(55,55,55,0.35) 3px 3px 5px;
}

#navigation a:hover {
	color: #fff;
	background-color:#00512d;
	box-shadow:rgba(55,55,55,0.35) 1px 1px 5px;
}

/* ######################################### KLEINE Bildschirme ############## */
@media only screen and (max-width:768px){
#navigation a {
	min-height: 48px;
	line-height: 48px;
	padding: 0.1% 4%;
}
	
	#navigation {
		text-align: center;
	}

}

/* footer */

.footer-left a {
	color: #fff;
	display: block;
	padding: 1.2%;
	transition:color 0.9s ease;
}
.footer-left a:hover, .footer-right a:hover {
	color:#00512d;
}

.footer-right a {color: #fff;transition:color 0.9s ease;}