/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - headen */
/*-------------------------------------------------------------------------------------------------------------------------------*/
	headen{-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 1px 3px rgba(0,0,0,.08); height: 122px; position: fixed; left: 0; top: 0; width: 100%; background-image: linear-gradient(#0348a1, #07396a); z-index: 10; -webkit-backface-visibility: hidden;}
	#logs-wrapper{width: 155px; height: 122px; float: left;}
	#logo img{display: block; max-width: 130px; height: auto; }
	.headen-container{margin-left: 110px;;}
	.headen-left{float: left; width: 50%;}
	.headen-right{float: right; width: 50%;}
	nav{margin: 53px 0 0 0;}
	.menu-entry{float: left; position: relative; margin-right: 30px;}
	.menu-entry:last-child{margin-right: 0;}
	.menu-entry a{font-size: 14px; line-height: 20px; color: #232c3b; font-family: 'regular', sans-serif, Arial; float: left; padding-bottom: 12px;}

	.menu-entry .submenu{position: absolute; left: -20px; top: 30px; background: #232c3b; min-width: 160px; overflow: hidden; max-height: 0;}
	.menu-entry .submenu div{padding: 7px 20px;}
	.menu-entry .submenu a{color: #c6cad2; line-height: 15px; padding: 7px 0; float: none; display: block;}
	.menu-entry .submenu a:hover, .menu-entry .submenu a.active, .menu-entry:hover>a, .menu-entry.active>a, .menu-entry:hover .submenu-icon span, .menu-entry.active .submenu-icon span{color: #ff6c3a;}

	.menu-entry .submenu-icon{width: 14px; height: 20px; display: inline-block; position: relative; font-size: 9px; line-height: 9px; color: #232c3b;}
	.menu-entry .submenu-icon span{position: absolute; right: 0; top: 50%; margin-top: -5px;}
	.menu-entry:hover .submenu-icon span{transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}

	.menu-entry:hover{z-index: 1;}
	.menu-entry:hover .submenu{max-height: 300px;}

	.headen-right{text-align: right; font-size: 14px; line-height: 18px; color: #232c3b; padding-top: 37px;}
	.headen-right a.telephone-link{color: #232c3b;}
	.headen-right a.telephone-link:hover{color: #ff6c3a;}
	.headen-right a.link{color: #232c3b;}
	.headen-right a.link:hover{color: #ff6c3a;}
	.headen-inline-entry{display: inline-block; padding-left: 10px; vertical-align: middle;}
	.headen-inline-entry div{display: inline-block; line-height: 22px;}
	.headen-inline-entry .glyphicon{display: inline-block; vertical-align: middle; position: relative; margin-right: 5px; margin-left: 10px; top: -1px;}
	.open-icon, .close-icon-wrapper{display: none;}
	.menu-entry:hover .submenu-icon:before, .menu-entry.active .submenu-icon:before{background-color: #ff6c3a;}

	/*body class with moved headen*/
	body.headen-moved headen{position: absolute; top: 122px;}
	body.headen-moved headen.fixed-top{position: fixed; top: 0;}

	/*reduced headen*/
	@media (min-width: 992px) {
		headen.reduced, headen.reduced #logs-wrapper{height: 90px;}
		headen.reduced nav{margin-top: 37px;}
		headen.reduced .headen-right{padding-top: 22px;}
		headen.reduced .menu-entry a{padding-bottom: 5px;}
		headen.reduced .menu-entry .submenu{top: 25px;}
		headen, #logs-wrapper, nav, .headen-right{-webkit-transition:all 0.15s ease-out; transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out;}
		headen{-webkit-transition-property: height; transition-property: height;}
	}

	/*floated headen*/
	body.headen-floated headen{position: absolute;}
	.subheaden{position: fixed; top: -90px; left: 0; width: 100%; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08); box-shadow: 0 1px 3px rgba(0,0,0,.08); height: 90px; background: #fff; z-index: 10; -webkit-backface-visibility: hidden;}
	.subheaden.active{top: 0;}
	#subheaden-logo{float: left; margin: 37px 0 0 0;}
	#subheaden-logo img{display: block;}
	.subheaden-content{ margin-left: 100px;}
	.subheaden-left{float: left; margin: 37px 0 0 10px;}
	.subheaden-right{float: right; margin-top: 20px;}
	.subheaden-link{color: #232c3b; float: left; font-family: 'regular', sans-serif, Arial; font-size: 14px; line-height: 20px; margin-right: 20px;}
	.subheaden-link.active, .subheaden-link:hover{color: #ff6c3a;}


	@media (max-width: 1199px) {
		.headen-inline-entry div{display: block;}
		.headen-left{width: 55%;}
		.headen-right{width: 45%;}
	}
	@media (max-width: 991px) {
		headen{height: 50px; text-align: center;}
		.subheaden{display: none;}
		body.headen-moved headen, body.headen-floated headen{position: fixed; top: 0;}
		nav{margin-top: 0;}
		#logs-wrapper{height: 50px; position: relative; z-index: 1;}
		.headen-container{position: fixed; left: 0; top: 50px; width: 100%; height: 100%; margin-left: 0; background: #ffffff; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transition:all 500ms ease-out; -o-transition:all 500ms ease-out; -webkit-transition:all 500ms ease-out; transition:all 500ms ease-out; -ms-transition:all 500ms ease-out;}
		headen.active .headen-container{transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%);}
		.scrollable-container{overflow-y: auto; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -o-overflow-scrolling: touch;-ms-overflow-scrolling: touch; overflow-scrolling: touch; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
		.headen-left, .headen-right{float: none; width: auto;}

		.menu-entry{float: none; margin: 0; position: relative;}
		.menu-entry a, .menu-entry .submenu a{float: none; display: block; font-size: 20px; line-height: 20px; margin: 0 40px; padding: 10px 0;}
		.menu-entry .submenu a{margin: 0 30px;}
		.menu-entry .submenu{position: relative; left: auto; top: auto;}
		.menu-entry .submenu div{padding: 10px 0;}
		.menu-entry:hover .submenu{max-height: 0;}
		.menu-entry.opened .submenu{max-height: 300px;}
		.menu-entry .submenu-icon{position: absolute; width: 40px; height: 40px; right: 0; top: 0; cursor: pointer;}
		.menu-entry .submenu-icon:before{position: absolute; width: 1px; height: 20px; left: 0; top: 10px; background: #232c3b; content: "";}

		.menu-entry .submenu-icon span, .menu-entry:hover .submenu-icon span{font-size: 18px; line-height: 18px; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); margin-top: -9px; right: 50%; margin-right: -12px;}
		.menu-entry.opened .submenu-icon span{transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);}

		.headen-right{text-align: center; padding-top: 10px; font-size: 16px;}
		.headen-inline-entry{display: block; padding-left: 0; padding-bottom: 10px;}
		.headen-inline-entry .glyphicon{margin-left: 0;}
		.headen-inline-entry div{padding-top: 10px;}

		.open-icon{display: block; float: right; width: 30px; height: 20px; position: relative; margin: 12px 0 0 0; cursor: pointer; position: relative; z-index: 1;}
		.open-icon span{position: absolute; height: 3px; width: 100%; position: absolute; left: 0; top: 0; background: #fff;}
		.open-icon span:nth-child(2){top: 10px;}
		.open-icon span:nth-child(3){top: 20px;}
		headen.active .open-icon span:nth-child(1){top: 10px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);}
		headen.active .open-icon span:nth-child(2){width: 0; left: 50%;}
		headen.active .open-icon span:nth-child(3){top: 10px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
	}
	@media (max-width: 767px) {

	}