/* Navigation
==============*/

	nav {
		float: right;
		margin-top: 40px;
	}

	@media screen and (max-width: 1160px) {
		nav {
			display: none;
		}
	}

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

	nav ul li {
		display: inline-block;
		transition: all 1s ease 0s;
	}

	nav ul li a {
		display: block;
		padding: 10px 15px;
		text-transform: uppercase;
		text-decoration: none !important;
		color: #FFFFFF;

	}
	nav ul li:hover {
		rotate: -3deg !important;
	}




		@media screen and (max-width: 1280px) {
			nav ul li a {
				padding: 5px 25px 10px 25px;
			}
		}

		@media screen and (max-width: 1180px) {
			nav ul li a {
				padding-left: 20px;
				padding-right: 20px;
			}
		}

	nav ul li a img {
		display: block;
		float: left;
		height: 24px;
		margin-right: 5px;
	}

	nav ul li a.adminlink {
		background-color: #042040;
		padding: 10px 20px;
		color: #FFFFFF;
		border-radius: 5px;
	}

	nav ul li a:hover {
		opacity: 0.8;
	}

	nav ul li a.icon-heart {
		background-image: url('../img/icon/heart.svg');
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: 12px 37px;
		padding-left: 40px;
	}

		@media screen and (max-width: 1280px) {
			nav ul li a.icon-heart {
				background-position: 12px 7px;
			}
		}

/* Hover und Aktiv-Effekt
--------------------------*/

	nav ul li a:hover,
	nav ul li a.is-active {
		color: #FFFFFF;
		opacity: 1 !important;
	}

	nav ul li a.is-active {
		background-color: rgba(243, 80, 34, 0.7);
	}

	nav ul li a:hover {
		background-color: #f35022;
	}