.component_navigation {  position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 55px; background: #f6f6f6; border-bottom: 1px solid #e5e5e5; transition: all .25s; font: normal 14px/20px "Fira Sans"; }
.component_navigation .logo { display: inline-block; margin: 10px 20px; }
.component_navigation li { border-top: 1px solid #e5e5e5; }

.component_navigation .burger { float: right; width: 34px; height: 34px; background: url(assets/burger-closed.svg) no-repeat 0 0; background-size: contain; margin: 15px 20px 0; }
.component_navigation.open .burger { background-image: url(assets/burger-open.svg); }


/* first level */
	.component_navigation > nav { border-top: 1px solid #e5e5e5; display: none; }
	.component_navigation.open > nav { display: block; }


/* first level */
	.component_navigation > nav { background: #fff; padding-bottom: 50px; }
	.component_navigation li > a:not(.button) { display: block; }
	.component_navigation li.item > a { color: #666; font: 600 14px/45px "Fira Sans"; text-decoration: none; padding: 0 20px; }
	.component_navigation li.item > a.active { color: #007e81; }
	.component_navigation li.meta { padding: 10px 20px; border-bottom: 1px solid #e5e5e5; }


/* second level */
	.component_navigation li:hover nav { display: block; }
	.component_navigation li ul { background: rgba(255,255,255,.85); }
	.component_navigation li li a { display: block; color: #666; font: normal 14px/30px "Fira Sans"; padding: 10px 30px; white-space: nowrap; border-bottom: 1px solid #e5e5e5; }
	.component_navigation li li a:hover { color: #b0d400; }
	.component_navigation li li a.active { color: #007e81; font-weight: bold; }


/* special formattings */
	.component_navigation nav.xing360 > div { display: none; }
	.component_navigation li.logged-in { display: none; }
	.component_navigation li.logged-in .user-image { position: relative; border-radius: 3px; height: 36px; margin: 0 10px 0 0; }
	.component_navigation li.logged-out { padding: 10px 20px; }
	.component_navigation li.logged-out > div { display: none; border-radius: 3px; padding: 7px 8px 8px; width: 114px; height: 41px; background: linear-gradient(90deg,#006567 33px,transparent 33px),linear-gradient(#006567,#005759); box-shadow: 0 1px 1px 0 rgba(0,0,0,.3); }
	.component_navigation li.logged-out > div iframe { vertical-align: bottom; }
	.component_navigation li.logged-in a.logout { color: #E2007A; }
	
/* search */
	.component_navigation li.search { position: relative; }
	.component_navigation li.search input { padding: 19px 20px; }
	.component_navigation li.search > a { position: absolute; top: 10px; right: 20px; text-indent: -999em; background-image:  url(../../../assets/core-lupe.svg), linear-gradient(to bottom,#d9d9d9 0,#ccc 100%); background-repeat: no-repeat, no-repeat; background-position: 10px 10px, 0 0; background-size: 21px, 100%; padding: 0 20px; }
	.component_navigation li.search > a:hover { background-image: url(../../../assets/core-lupe.svg); background-color: #ccc; }

/* search */
	.component_navigation li.contact > a { background-image:  url(../../../assets/core-person.svg), linear-gradient(to bottom,#bde300 0,#b0d400 100%); background-repeat: no-repeat, no-repeat; background-position: 20px 10px, 0 0; background-size: 16px, 100%; padding: 0 24px 0 46px; }
	.component_navigation li.contact > a:hover { background-image: url(../../../assets/core-person.svg); background-color: #accf00; }

	@media (max-width: 979px) {
		.component_navigation.open { height: 100%; }
		.component_navigation.open > nav { height: 100%; overflow: scroll; }
		body { padding-top: 55px; }
	}

	@media (min-width: 980px) {
		.component_navigation { height: 68px; }
		.component_navigation:hover { background: #fff; }
		.component_navigation .logo { position: absolute; left: 40px; top: 14px; display: block; margin: 0; }
		.component_navigation li { border: 0; }

		.component_navigation .burger { display: none; }

		/* first level */
			.component_navigation > nav { position: absolute; right: 40px; border: 0; background: none; display: block; }
			.component_navigation > nav > ul { float: left; }
			.component_navigation > nav > ul > li { float: left; position: relative; }
			.component_navigation li.item { margin: 0 20px; }
			.component_navigation li.item > a { font: bold 14px/65px "Fira Sans"; border-bottom: 3px solid transparent; transition: all .25s; padding: 0; }
			.component_navigation li.item:hover > a { border-bottom: 3px solid #b0d400; }
			.component_navigation li.meta { margin: 0 5px; padding: 11px 0; border: 0; }

		/* second level */
			.component_navigation nav nav { position: absolute; left: -30px; display: none; }
			.component_navigation li ul { padding: 15px 0; }
			.component_navigation li li a { border-bottom: 0; }

		/* special formattings */
			.component_navigation nav.xing360 > * { min-height: 360px; }
			.component_navigation nav.xing360 > div { display: block; position: absolute; left: -400px; width: 400px; padding: 25px 50px; float: left; background: #fff; text-align: center; }
			.component_navigation nav.xing360 strong { color: #007575; }
			.component_navigation nav.xing360 img { height: 130px; margin: 0 0 20px; }
			.component_navigation nav.xing360 .button { padding: 0 15px; }
			.component_navigation li.logged-in { display: none; margin: 0 5px; }
			.component_navigation li.logged-in a { font-weight: 500; }
			.component_navigation li.logged-in a.user { line-height: 36px; padding: 2px 20px 2px 2px; margin: 11px 0 11px; border: 1px solid #ccc; border-radius: 3px; }
			.component_navigation li.logged-in:hover { border-bottom: 3px solid #b0d400; }
			.component_navigation li.logged-in nav ul { margin: 3px 0 0 0; }
			.component_navigation li.logged-out { padding: 11px 0; }
			
		/* search */
			.component_navigation li.search { padding: 11px 0 11px 20px; }
			.component_navigation li.search .close { position: absolute; background: url(../../../assets/core-close.svg) no-repeat center center; width: 40px; height: 40px; right: 5px; top: 10px; cursor: pointer; display: none; }
			.component_navigation li.search > a { position: relative; top: auto; right: auto; text-indent: 0; transition: width,padding .3s; background-position: 20px 10px, 0 0; padding: 0 24px 0 46px; }
			.component_navigation li.search form { display: inline-block; vertical-align: top; }
			.component_navigation li.search input { width: 0; border: 0; padding: 18px 0; transition: all .3s; background: url(../../../assets/core-lupe.svg) no-repeat 380px 8px; }
			.component_navigation li.search .ajax-results { background: #fff; padding: 20px; width: 440px; box-shadow: 0 7px 10px rgba(0,0,0,.2); display: none; }
			.component_navigation li.search .ajax-results div { margin: 10px 0 5px; border-top: 1px solid #ccc; padding: 10px 0 0; }
			.component_navigation li.search .ajax-results div:nth-of-type(1) { border: 0; padding: 0; }
			.component_navigation li.search .ajax-results a { display: block; margin: 5px 0; width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #009090; }
			.component_navigation li.search .ajax-results .headline a { display: block; float: right; width: 50%; text-align: right; margin: 0; }
			.component_navigation.searching li.search input { width: 440px; padding: 19px 10px; border: 2px solid #e5e5e5; }
			.component_navigation.searching li.search > a { width: 0; overflow: hidden; padding: 0; }
			.component_navigation.searching .item { display: none; }
			.component_navigation.searching li.search .close { display: block; }
	}