/* ui/headernav
----------------*/

	.headernav {
		position: absolute;
		top: 17px;
		right: 0;
	}

	@media screen and (max-width: 1050px) {
		.headernav {
			right: 55px;
		}

		.headernav .hide-on-small {
			display: none;
		}
	}

	@media screen and (max-width: 630px) {
		.headernav .hide-on-small {
			display: block;
		}
		.headernav {
			display: none;
		}
	}

/* Listenpunkt
---------------*/

	.headernav li {
		display: block;
		float: left;
		position: relative;
		margin-left: 20px;
	}

/* Links
---------*/

	.headernav a {
		text-decoration: none;
		display: block;
		font-weight: 300;
		color: #555555;
		margin: 0;
		padding: 5px 0;
	}

	.headernav a:after {
		content: '';
		clear: both;
		display: table;
	}

	.headernav a.active {
		font-weight: 500;
		color: #000000;
	}

	.headernav a:hover {
		color: #000000;
	}

	.headernav a strong {
		font-weight: 700;
		color: #0C7DD8;
	}

	.headernav a strong.jobcounter {
		position: relative;
		top: -2px;
	}

/* Iconbilder
--------------*/

	.headernav img {
		display: block;
		float: left;
		height: 20px;
		width: auto;
		position: relative;
		top: 1px;
		margin-right: 5px;
	}

/* Button
----------*/

	.headernav a.filled {
		position: relative;
		background-color: #3475B4;
		padding: 5px 15px 5px 15px;
		color: #FFFFFF;
		border-radius: 3px;
	}

/* Submenü-Markierung
----------------------*/

	.headernav a.has-children {
		padding-right: 20px;
		background-image: url('/project/cafuture/ui/headernav/pub/img/black/chevron-down.svg');
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center right 0;
	}

	.headernav a.filled.has-children {
		padding-right: 30px;
		background-image: url('/project/cafuture/ui/headernav/pub/img/white/chevron-down.svg');
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center right 10px;
	}

/* Hover-Effekte
-----------------*/

	.headernav a:hover {
		color: #000000;
	}

	.headernav a.filled:hover {
		color: #FFFFFF;
		opacity: 0.8;
	}

/* Untermenü
-------------*/

	.headernav ul {
		display: none;
		position: absolute;
		right: 0;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
		background-color: #FFFFFF;
		text-align: left;
		min-width: 100%;
		width: auto;
	}

	.headernav li:hover > ul {
		display: block;
		top: 30px;
	}

	.headernav ul li {
		float: none;
		margin: 0;
	}

	.headernav ul li a {
		display: block;
		margin-left: 0;
		padding: 5px 10px;
		white-space: nowrap;
	}

	.headernav ul li a:hover {
		background-color: #f5f5f5;
	}

/* Sprachflaggen
-----------------*/

	.headernav li.languages {
		padding-top: 3px;
		padding-bottom: 10px;
	}

	.headernav li.languages a {
		padding-right: 15px;
	}

	.headernav .languages img {
		height: 15px !important;
		width: 20px !important;
	}

	.headernav .languages ul img {
		position: relative;
		top: 3px;
		margin-right: 7px;
	}

/* Inaktiver Status
--------------------*/

	.headernav .is-disabled {
		opacity: 0.4;
	}