@charset "utf-8";
/*
*
*	PERM4 | PERMANENT RECRUITING - 2016
*	Author: SECONDRED Newmedia GmbH
*	Web: http://www.secondred.de
*
*/
/* -- Navigation -- */
.inline ul { margin:0; padding:0}
.inline ul li{ float:left; margin:0; padding:0; list-style:none}
.inline ul li a{ }
.inline ul li a:hover{}

.sub-toggle {position: absolute;right: -5px; top: -5px; height:52px; display: block; padding-right: 15px; padding-right: 10px;padding-top:5px; padding-left: 10px}
.sub-toggle:before {
	width: 35px;height: 35px;text-align: center; line-height: 37px;font-size: 14px; display:block; position: relative; top: 2px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #000078;color:#000078;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);transform: translateZ(0); z-index: 4
}
.sub-toggle i {display:none}
.sub-toggle.expanded:before {
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);transform: rotate(180deg);
}
.menu-collapser {position: absolute;right: 30px;top:-70px;}
.collapse-button {
	width: 37px;height: 37px;float:left;background:#000078;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position:relative;
	-webkit-transform-style: preserve-3d; transform: translateZ(0);
}
.collapse-button .icon-bar {
	width: 22px; height: 2px; background:#fff; display:block; position:absolute; left:50%; margin-left:-11px; top:50%; margin-top:-1px;
	-webkit-transition: -webkit-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), margin 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 250ms cubic-bezier(0.2, 1, 0.3, 1), margin 250ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 250ms cubic-bezier(0.2, 1, 0.3, 1), margin 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-perspective: 1000;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
}
.collapse-button .icon-bar:nth-child(1) { margin-top:-7px}
.collapse-button .icon-bar:nth-child(2){}
.collapse-button .icon-bar:nth-child(3) {margin-top:5px}

.open .collapse-button .icon-bar:nth-child(1){margin-top:-1px;-webkit-transform: rotate(45deg) translate3d(0,0,0);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.open .collapse-button .icon-bar:nth-child(2){-webkit-transform: scale(0,1) translate3d(0,0,0);-moz-transform: scale(0,1);transform: scale(0,1);}
.open .collapse-button .icon-bar:nth-child(3){margin-top:-1px;-webkit-transform: rotate(-45deg) translate3d(0,0,0);transform: rotate(-45deg);}

#mainmenu ul li{ position: relative; text-transform: uppercase;}
#mainmenu .sub-toggle {display:none}
/* -- Hauptnavi -- */
@media screen and (min-width: 1180px){
	#menu-item-1544 {display:none}
	#mainmenu { font-weight: 500; padding-top: 50px; margin: 0 150px 0 360px; z-index: 4; position: relative}
	#mainmenu ul{}
	#mainmenu ul li{ position: relative; text-transform: uppercase;}
	#mainmenu ul li a{ text-decoration: none}
	#mainmenu ul li:hover > a{color: #F0500A}
	

	#mainmenu > ul {}
	#mainmenu > ul > li {margin-right: 20px}
	#mainmenu > ul > li:last-child {margin-right:0}
	#mainmenu > ul > li > a {position: relative; display: block; padding: 5px 20px; z-index: 1}
	#mainmenu > ul > li > a:before {content:"";width: 2px; height: 100%; left: 0; top: 0; background: #CCCBCB; position: absolute}
    
    #mainmenu li.current-menu-parent > a,
    #mainmenu li.current_page_item > a,
	#mainmenu li.current-menu-ancestor > a,
    #mainmenu li li li.current-menu-item > a{color:#F0500A;}

    #mainmenu li.current_page_item > a:before,
	#mainmenu li.current-menu-item > ul:before,
	#mainmenu li.current-menu-ancestor > ul:before,
    #mainmenu li.current-menu-ancestor > a:before,
	#mainmenu li.current-page-ancestor > a:before{ background: #F0500A;}

	/* -- Dropw Down - Ebene 1 -- */
	#mainmenu > ul > li > ul{
		overflow:hidden;position:absolute; background: #fff; padding: 75px 30px 24px 64px; left: -42px; top: -9999em; font-weight: 400;opacity:0;
		-webkit-transition: opacity 350ms ease-out, top 0 ease-out 350ms;-moz-transition: opacity 350ms ease-out, top 0 ease-out 350ms;
		-o-transition: opacity 350ms ease-out, top 0 ease-out 350ms;transition: opacity 350ms ease-out, top 0 ease-out 350ms;
		-webkit-backface-visibility: hidden;
	}
	#mainmenu > ul > li > ul:after{
		content:""; position: absolute; left: 0; top: 53px;right:0; height: 10px;
		background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	}
	#mainmenu > ul > li:hover > ul {top:auto}
	#mainmenu > ul > li > ul:before {content:"";width: 2px; background: #CCCBCB; left:42px; bottom: 24px; top: 0;z-index: 1; display: block; position: absolute}
	#mainmenu ul li ul li {float:none; position: relative; z-index: 2}
	#mainmenu ul li ul li a {padding:5px 20px; display: block}

	/* -- Dropw Down - Ebene 1 -- */
	#mainmenu  ul ul ul {display:block !important; height: auto !important; margin-bottom: 8px !important}
	#mainmenu  ul ul ul li {margin-bottom: 0}
	#mainmenu  ul ul ul a { padding: 2px 20px 2px 40px !important;font-size: 15px; line-height: normal}
    
    #mainmenu  ul ul ul li ul{padding-left: 20px}
	
	/* -- Dropdown Effects -- */
	#mainmenu > ul > li:hover > ul,
	#mainmenu > ul > li.hover > ul{ 
		top:auto; opacity:1;-webkit-transition: opacity 350ms ease-out;-moz-transition: opacity 350ms ease-out;-o-transition: opacity 350ms ease-out;transition: opacity 350ms ease-out;
	}
	#mainmenu ul ul li a{ white-space:nowrap}
	#mainmenu ul ul li a:hover{}
}
@media screen and (max-width: 1800px){
	#mainmenu {}
	#mainmenu > ul > li > a {font-size: 16px;}
}
@media screen and (max-width: 1650px){
	#mainmenu > ul > li {margin-right: 10px}
	#mainmenu > ul > li > a { padding-right: 10px}
}
@media screen and (max-width: 1560px){
	#mainmenu > ul > li > a {font-size: 14px;}
}
@media screen and (max-width: 1179px){
	#mainmenu > ul {
		-webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1);-moz-box-shadow:0 10px 10px rgba(0,0,0,0.1);box-shadow:0 10px 10px rgba(0,0,0,0.1);
	}
    #mainmenu li.current-menu-ancestor > a,
    #mainmenu li.current_page_item > a,
	#mainmenu li.current-page-ancestor > a,
    #mainmenu li.current-menu-parent > a{color:#F0500A;}
}

.shareBar { float: right}
.shareBar ul { }
.shareBar ul li { margin-left: 10px; position: relative}
.shareBar ul li a{ 
    text-decoration: none; color: #fff !important;  text-align: center; line-height: 39px;
    width: 34px; height: 34px; background: #333; display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.shareBar ul li a span { display: none}
.shareBar ul li .tooltip{ 
    display: none; position: absolute; color: #fff; white-space: nowrap;right: 16px;
    background: #ff5800;bottom: 90%; padding: 5px 10px;
    -webkit-border-radius: 7px 7px 0 7px;
    -moz-border-radius: 7px 7px 0 7px;
    border-radius: 7px 7px 0 7px;
}
.shareBar ul li .tooltip::before{ 
    position: absolute; right: 0; top: 100%;content:"";
    width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 0;
    border-color: transparent #ff5900 transparent transparent;
}

.shareBar ul li a:hover { background: #ff5800}
.shareBar ul li a.clicked {
    color: #C2C2C2 !important; background: #E5E5E5;
    -webkit-box-shadow: inset 0 0 0 2px #C2C2C2;
    -moz-box-shadow: inset 0 0 0 2px #C2C2C2;
    box-shadow: inset 0 0 0 2px #C2C2C2;
}
.shareBar ul li a.clicked:hover + .tooltip{}
.shareBar ul li a.clicked:hover + .tooltip{ display: block}
.single-blog .shareBar { padding-bottom: 30px; padding-right: 20px}
/* -- Share Links -- */
nav.share-links {}
nav.share-links ul {}
nav.share-links ul li { margin-left: 10px}
nav.share-links ul li a { 
    display: block; background: #333; color: #fff; font-size: 20px;
    text-align: center; line-height: 39px; text-decoration: none; width: 34px; height: 34px
}
nav.share-links ul li a span {display: none}
nav.share-links ul li a:hover { background: #ff5800}

/* -- Topmenu -- */
#topmenu {position: absolute; right:30px; top: 50px; z-index: 4}
#topmenu ul { margin: 0 auto;padding:0}
#topmenu ul li{ float: left; margin-left: 7px}
#topmenu ul li a{ width: 38px;height:38px; background: #000078; color: #f3f3f3; font-size:20px; text-align: center; line-height: 45px; display: block; text-decoration: none}
#topmenu ul li a.icon-mail-1::before {position: relative; top: -1px;}
#topmenu ul li a.icon-user::before {position: relative; top: -2px;}
#topmenu ul li a:hover{ background: #F0500A; color: #fff}
#topmenu ul li a span{ display: none}
#topmenu ul li a.avatar { position: relative; overflow: hidden; background-color: transparent}
#topmenu ul li a.avatar img {
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
#topmenu ul li a.loginbutton span.icon{ 
    display: block; width: 38px; height: 76px;
     -webkit-transform: translate(0px, 0%);-moz-transform: translate(0px, 0%);transform: translate(0px, 0%);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
    -moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#topmenu ul li a.loginbutton span.icon i{ display: block; height: 38px; text-align: center; line-height: 44px}
#topmenu ul li a.icon-search.open,
#topmenu ul li a.loginbutton.open { 
    background: #F3F3F3; color: #C2C2C2;
    -webkit-box-shadow: inset 0 0 0 2px #C2C2C2;
    -moz-box-shadow: inset 0 0 0 2px #C2C2C2;
    box-shadow: inset 0 0 0 2px #C2C2C2;
}
#topmenu ul li a.loginbutton.open span.icon {
    -webkit-transform: translate(0px, -50%);-moz-transform: translate(0px, -50%);transform: translate(0px, -50%);
}

/* -- Footermenu -- */
#footermenu {}
#footermenu ul {}
#footermenu ul li{ margin-left:20px}
#footermenu ul li a{ text-decoration:none}
#footermenu ul li a:hover{ text-decoration:underline}