@charset "utf-8";
/*
Theme Name: PERM4 | Theme 2016
Author: SECONDRED Newmedia GmbH
Author URI: https://www.secondred.de/

Version: 1.8
Text Domain: PERM4

PERM4 | PERMANENT RECRUITING - 2019
Author: SECONDRED Newmedia GmbH
Web: http://www.secondred.de
*/

/* -- Global Reset & Defaults -- */
* { padding:0; margin:0; -webkit-tap-highlight-color:transparent; }
*:focus { outline:none } 
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}

html[dir="rtl"] {direction: rtl;}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;}
html, body  {  height:100%; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;} 

input.formText, textarea { 
	font-family:"Open Sans",Arial, Helvetica, sans-serif;-webkit-appearance:none;
	-webkit-border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;
}
select,
input {-webkit-box-shadow:none; -webkit-border-radius:0}
button { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none;}
textarea { resize:vertical; overflow:auto}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

.disable-hover {pointer-events: none;}

::-webkit-input-placeholder {color: #B5B5B5;-webkit-transition: color .25s  ease}
:-moz-placeholder { color: #B5B5B5;-moz-transition: color .25s  ease}
::-moz-placeholder { color: #B5B5B5; -moz-transition: color .25s  ease}
:-ms-input-placeholder { color: #B5B5B5;-ms-transition: color .25s  ease}

:focus::-webkit-input-placeholder {color: #ccc;}
:focus:-moz-placeholder { color: #ccc;}
:focus::-moz-placeholder { color: #ccc; }
:focus:-ms-input-placeholder { color: #ccc;}

ul {padding-left:23px;}
ol {padding-left:23px;}

img {border: 0;-ms-interpolation-mode: bicubic;}
canvas { -ms-touch-action: double-tap-zoom;}
svg:not(:root) {overflow: hidden;}

a,button, img, input, textarea  {
 -webkit-transition: color 250ms  ease, border-color 250ms  ease, background-color 250ms  ease, opacity 250ms ease, box-shadow 250ms  ease;
 -o-transition:  color 250ms ease, border-color 250ms ease, background-color 250ms ease, opacity 250ms  ease, box-shadow 250ms  ease;
 -moz-transition:  color 250ms  ease, border-color 250ms ease, background-color 250ms ease, opacity 250ms  ease, box-shadow 250ms  ease;
 transition: color 250ms  ease, border-color 250ms ease, background-color 250ms ease, opacity 250ms  ease, box-shadow 250ms  ease;
}
.hidettext{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}

a { color: inherit}
a:active { background-color:transparent}
a:hover { text-decoration:none}
a[href^="tel"]{color:inherit; text-decoration:none;}

table {border-collapse:collapse; border-spacing:0;}

*::-webkit-selection {background-color:  rgba(0,0,0,.2);color: #333;}
*::-moz-selection {background-color:  rgba(0,0,0,.2); color: #333;}
*::selection { background-color: rgba(0,0,0,.2); color: #333;}

/* - Remove the gap - */
audio, canvas, img, svg, video {vertical-align: middle; }

/* -- Global CSS3 Default Styles -- */
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden}
.rounded {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow:hidden}
.shadow {-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);}

img.responsive {width: 100% !important;	height: auto !important;}

/* -- No-JS Overlay -- */
noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block; position:fixed; left:0; bottom:0; right:0; z-index:888}

/* -- Body und Text-Style -- */
body  {
	font-family: "Open Sans", Arial, Helvetica, sans-serif; background: #fff;text-align: center; color: #333;
	font-size:18px; /* font-size:1vw;  */
	line-height: 27px; /* line-height: 1.5vw; */
}
address {font-style:normal; margin-bottom: 30px}
hr { margin:30px 0; border:0; height:1px; background:rgba(0,0,0,0.3)}
h1, h2, h3 { margin-bottom:20px; line-height: normal}

h1 { font-size:30px; margin-bottom: 60px}
h2 { font-size:25px; margin-bottom: 60px}
h3 { font-size:20px}

p { margin-bottom:30px}

a.moreBtn {display:inline-block; text-decoration: none; text-transform: uppercase; color: #000078;background: #fff;}
a.moreBtn i {color:#fff;font-size:15px; text-align: center;width: 34px;height: 34px; background: #F0500A; float: left; line-height: 36px}
a.moreBtn span {
	border:2px solid #D7D7D7; border-left: 0; padding: 2px 10px 1px; display: inline-block;
	-webkit-transition: color 250ms  ease, border-color 250ms  ease; -o-transition:  color 250ms ease, border-color 250ms ease;
 	-moz-transition:  color 250ms  ease, border-color 250ms ease; transition: color 250ms  ease, border-color 250ms ease;
}
a.moreBtn:hover span {border-color:#F0500A;}

a.moreBtnv2 {display:inline-block; text-decoration: none; text-transform: uppercase; color: #000078; background:#fff}
a.moreBtnv2 i {color:#F0500A;border-right:2px solid #F0500A; font-size:15px; text-align: center;width: 34px;height: 34px; background: #fff; float: left; line-height: 36px}
a.moreBtnv2 em {border:2px solid #fff; border-left: 0; padding: 2px 10px 1px;display: inline-block; font-style: normal}

svg#wertegrafik {margin:0 auto 50px; display: block; position: relative; left: -15px}
svg g.group{cursor: pointer}
svg path.hover{
	opacity: 0;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
svg .vertrauenHover{-webkit-transform: translate(-50px, 0px);-moz-transform: translate(-50px, 0px);transform: translate(-50px, 0px);}
svg .individualityHover{-webkit-transform: translate(0px, -50px);-moz-transform: translate(0px, -50px);transform: translate(0px, -50px);}
svg .effizienzHover{-webkit-transform: translate(50px, 0px);-moz-transform: translate(50px, 0px);transform: translate(50px, 0px);}
svg .respectHover{-webkit-transform: translate(0px, 50px);-moz-transform: translate(0px, 50px);transform: translate(0px, 50px);}

svg path.hover.show{opacity: 1;-webkit-transform: none;	-moz-transform: none; transform: none;}

/* -- 100% Height Layout -- */
#container {padding-top: 140px; background: #fff; position: relative; z-index: 2}

/* -- Layout -- */
.size { width:1260px;width:auto;max-width: 1260px; margin: 0 auto; text-align: left; padding: 0 30px}
.oversize { width:1560px;width:auto;max-width: 1560px; margin: 0 auto; text-align: left; padding: 0 30px}
.blog-page .oversize { width:1447px;width:auto;max-width: 1447px; margin: 0 auto; text-align: left; padding: 0 30px}
.fullsize { width:1700px;width:auto; margin: 0 auto; text-align: left; padding: 0 30px}

#outerheader { 
	background: #fff; position: fixed; left: 0; top: 0;right: 0; z-index: 5;width:100%;
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.2);box-shadow:0 5px 20px rgba(0,0,0,0.2);
}
.admin-bar #outerheader {top:32px}
#outerteaser { background: #eee; position:relative; z-index:2}
#outercontent {}
#outercontent.orange {background:#F0500A;color: #fff}
#outercontent.grey {background:#F3F3F3}
#outerfooter { background: #E6E6E6;padding: 80px 0; height:494px; z-index: 1; position: relative}
#footer {position: fixed; left: 0; bottom: 80px; right: 0}

/* -- Header -- */
#header { position:relative; height:140px;margin:0 10px} 

/* -- Logo -- */
#logo { float:left; padding: 50px 0;z-index:1}
#logo a { display:block;width: 350px;height: 40px;
	background: url(gfx/logo-perm4.png);background: url(gfx/logo-perm4.svg),linear-gradient(transparent, transparent); 
	background-position: left center; background-repeat: no-repeat; background-size:contain;
}
#logo a span { display:none}

#logo.jetztich {padding:40px 0}
#logo.jetztich a {background-image: url(gfx/logo-jetztich.png); width: 230px; height: 60px}

/* -- Teaser -- */
#teaser {}
#teaser .swiper-slide img.placeholder {}
#teaser .swiper-slide .video {position: absolute; left: 0; top:0; right:0; bottom: 0; overflow: hidden}
#teaser .swiper-slide { position: relative; overflow: hidden; color: #fff; height: inherit}
#teaser .swiper-slide .text-wrap { 
	position: absolute; z-index: 2; height: 100%; width: 100%; top: 0; left: 0;
	font-size: 64px; font-size: 3.333vw; line-height: 64px; line-height: 3.333vw; 
}
#teaser .swiper-slide .text-wrap strong,
#teaser .swiper-slide .text-wrap h1{ 
	display:block; border-left: 6px solid #FF5800; padding-left: 75px; margin-left: -81px;
	-webkit-text-shadow:0 5px 20px rgba(0,0,0,0.2);-moz-text-shadow:0 5px 20px rgba(0,0,0,0.2);text-shadow:0 5px 20px rgba(0,0,0,0.2);
} 
#teaser .swiper-slide .text-wrap strong.top { margin-bottom: auto}
#teaser .swiper-slide .text-wrap strong.middle {margin-top: auto; margin-bottom: auto}

#teaser .swiper-slide .text-wrap strong.hasSubline { margin-bottom: 50px; position: relative}
#teaser .swiper-slide .text-wrap strong small { display: block; position: absolute;left:75px; bottom: -50px}

#teaser .swiper-slide .text-border {
	border: 6px solid rgba(255,255,255, 0.5); padding: 75px; position: absolute; left: 75px; top: 75px;right: 75px; bottom: 75px;
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}

#teaser .swiper-slide .img-wrap { position: relative; z-index: 1}
#teaser .swiper-slide img {width:100% !important; height: auto !important}

/* -- Inner Layout -- */
#inner {}

/* -- Sidebar -- */
.sidebar {width: 400px; padding: 140px 0 0; margin-left: 40px}
.single-news .sidebar {padding: 70px 0 0;}
.sidebar.rt {float: right;}
.sidebar h3 {text-transform:uppercase;font-size: 18px}

/* -- Inhalt -- */
#mainContent { margin: 0 0;	padding: 50px 0;}
.home #mainContent { margin: 0;}
.single-news #mainContent,
.single-presse #mainContent,
.single-event #mainContent{overflow: hidden}

/* --  -- */
figure.image-wrap { position: relative}
figure.image-wrap .border {
	border: 6px solid rgba(255,255,255, 0.5);padding: 75px;position: absolute;
	left: 75px;top: 75px;right: 75px;bottom: 75px;z-index: 2;display: block;
}
figure.image-wrap img {	position: relative; z-index: 1; display: block}

/* -- Content Part -- */
.content-part { text-align:left; background-size: cover; background-attachment: fixed}
.content-part .content-img { position: relative;overflow: hidden}
.content-part .content-img img { display: block; position: relative; z-index: 1}
.content-part .content-img .text-wrap { 
	border:6px solid rgba(255,255,255,0.5);position: absolute;left:80px; top: 80px; right: 80px; bottom:80px; color: #fff;z-index: 3; padding: 80px;
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}
.content-part .content-img .text-wrap h2 { 
	font-size: 64px; font-weight: 800; border-left: 6px solid #F0500A;margin-left: -86px; padding-left: 60px;line-height: 64px;
	-webkit-text-shadow:0 5px 20px rgba(0,0,0,0.2);-moz-text-shadow:0 5px 20px rgba(0,0,0,0.2);text-shadow:0 5px 20px rgba(0,0,0,0.2);
	margin-bottom: 0
}
.content-part .content-img .paraImg{z-index: 2;height:550px; background-size: cover; background-position: center;background-attachment: fixed;}

.content-part > .row {display: table; width: 100%}
.content-part > .row .cp-inner,
.content-part > .row .cp-sidebar {display: table-cell; vertical-align: top}

.content-part > .row .cp-inner { width: 66.666666%}
.content-part > .row .cp-sidebar { width: 33.333333%; padding-top: 14px;}

.content-part > .row.oversize .cp-inner { width: auto;}
.content-part > .row.oversize .cp-sidebar { width: 420px;}

.content-part.blog-page > .row.oversize .cp-inner { width: auto;}
.content-part.blog-page > .row.oversize .cp-sidebar { width: 320px;}

.content-part .cp-inner,
#post-3478.content-part .cp-inner{ padding:80px 30px}
.home .content-part .cp-inner{ padding:30px 0}
.home .content-part .cp-inner.fullsize{ padding:30px 40px}

.content-part.orange {background-color:#F0500A;color: #fff; background-attachment: fixed; background-position: center; background-repeat: no-repeat}
.content-part.orange h2,
.content-part.orange h3 {color: #fff}
.content-part.grey {background-color:#F3F3F3}
.content-part.orange {background-color:#F0500A}
.content-part.noPadding .cp-inner { padding: 0}

/* -- PERM4 - Blog - 2019 -- */
.content-part.blog-overview {}
.content-part.blog-overview h1{ font-size: 40px; font-weight: normal; padding-top: 50px;}
.content-part.blog-overview .cp-inner {}
@media screen and (max-width: 1447px){
    .content-part.blog-overview h1{	font-size: 2.75vw;}
}
.content-part.blog-page .cp-sidebar { background: #ededed; padding: 0 22px}
.content-part.blog-page .cp-inner {padding: 0 30px 0 0}
.content-part.blog-page .cp-inner {}

.content-part.blog-page .block { margin-bottom: 34px}
.content-part.blog-page .block h3{ text-transform: uppercase; color: #3c3c3c; margin-bottom: 30px}

.content-part.blog-page .block ul { padding-left: 0; list-style: none; margin-left: 25px; font-size: 14px; line-height: 17px}
.content-part.blog-page .block ul li { position: relative; padding-left: 17px; margin-bottom: 5px}
.content-part.blog-page .block ul li::before {
    content:""; width: 5px; height: 5px; background: #ff5800;
    position: absolute; left: 0; top: 8px; display: block;
}

.content-part.blog-page .block ul li a{ text-decoration: none}
.content-part.blog-page .block ul li a:hover{ color: #ff5800;}

.content-part.blog-page .block-anchors ul {font-size: 14px; line-height: 17px}
.content-part.blog-page .block-anchors ul li { padding-left: 0; margin-bottom: 10px}
.content-part.blog-page .block-anchors ul li::before { display: none}
.content-part.blog-page .block-anchors ul li a:hover{ color: #ff5800;}

/* -- Elemente & Blöcke -- */
ul.checklist{ position: relative; padding-left: 0; list-style: none;/* margin-top: -22px*/}
ul.checklist li:before{content: ""; width: 2px; top: 54px; left:36px;bottom:0; background: #B5B5B5; position: absolute}
ul.checklist li:last-child:before {display:none}
ul.checklist li { font-size: 18px; line-height: 28px; font-weight: 400; color: #333; position: relative; padding: 0 0 53px 100px;}
ul.checklist li strong {font-size: 35px;font-size:1.94vw;color: #F0500A;line-height: 36px;line-height: 2vw; font-weight: 400;margin-bottom: 14px;display: block; position: relative}

ul.checklist li strong:before {
	width: 75px;height: 75px;color:#fff;background:#F0500A; display: block; text-align: center; line-height: 75px;font-size: 40px;
	position: absolute; left: -100px; top: 50%; margin-top: -43px; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	-webkit-box-shadow:0px 0px 0px 10px #fff;-moz-box-shadow:0px 0px 0px 10px #fff;box-shadow:0px 0px 0px 10px #fff;
}
.grey ul.checklist li strong:before {
	-webkit-box-shadow:0px 0px 0px 10px #F3F3F3;-moz-box-shadow:0px 0px 0px 10px #F3F3F3;box-shadow:0px 0px 0px 10px #F3F3F3;
}
/* -- Logo Liste-- */
ul.logos { padding-left: 0; list-style: none; margin-left: -40px}
ul.logos li {
	width: 160px;height: 160px; background: #E6E6E6;display: block; float:left; margin-left: 40px;margin-bottom: 40px;
	position: relative;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%
}
ul.logos li img { 
	position: absolute; left: 50%; top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
ul.logos.v2 { text-align: center}
ul.logos.v2 li {float:none; display: inline-block; margin-bottom: 0}

.logo-wrap {text-align:center; padding: 50px 0 0}
.logo-wrap h3 { color: #F0500A; font-weight: normal; font-size:36px; line-height: 40px; margin-bottom: 30px}

/* -- Hasicon -- */
ul.hasIcon { padding-left: 0; list-style: none}
ul.hasIcon li a { text-decoration: none; color: #333 !important}
ul.hasIcon li div i,
ul.hasIcon li a i {
	font-size: 15px; position: relative;top: 4px;
	-webkit-transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);
}

ul.hasIcon li a:hover i {background: #F0500A}

ul.hasIcon li i {width: 30px;height: 30px;background:#000078; color: #f3f3f3; text-align: center; line-height: 32px; float:left; margin-right: 15px}
ul.hasIcon li span { padding: 5px 0; display: block; overflow: hidden}

.imgborder {display:inline-block; position: relative; margin-bottom: 40px}
.imgborder:last-child{margin-bottom:0}
.imgborder img{display: block; position: relative; z-index: 1}
.imgborder:before,
.imgborder:after {content: ""; position: absolute; z-index: 2; display: block}

.imgborder:before {border: 6px solid rgba(255,255,255,0.5);left:40px; top: 40px; right: 40px;bottom:40px}
.imgborder:after {left:40px; bottom: 85px; width: 6px; height: 50px;background:#F0500A;}

/* -- ToggleBox -- */
.togglebox {width: 850px; margin: 0 auto 50px; position: relative;border-left: 2px solid #B5B5B5; padding-left: 40px}
.togglebox .toggle-item{position: absolute;filter: alpha(opacity=0);opacity: 0;}
.togglebox .toggle-item h4 {text-transform:uppercase; font-size:18px; font-weight: 500}
.togglebox .toggle-item.active{position: relative; z-index: 1;filter: alpha(opacity=100);opacity: 1;}

/* -- -- */
.contactInfo { margin-bottom: 30px}
.contactInfo .avatar{ width: 50px;height: 50px; overflow: hidden; float: left; margin-right: 20px}
.contactInfo .details{ overflow: hidden; padding-top: 3px}
.contactInfo .details strong {display:block}
.contactInfo .details small {line-height:150%; font-size: 12px}

/* -- Nodes -- */
.node { overflow:hidden; margin-bottom:20px}

.node:last-child {margin-bottom: 0}
.node .img {}
.node .img img { display:block}

.node h2{}
.node h2 a{}
.node h2 a:hover{}
.node .inner{}
.node .inner p{}
.node .inner p:last-child{ margin-bottom: 0}

.node .borderbox {border-left: 2px solid #B5B5B5; padding-left: 40px; margin-bottom: 40px}

.node-test {overflow: visible}

/* -- Node Single -- */
.node-single {padding: 20px 0}

.single-soziales_engagement h1,
.single-news h1,
.single-presse h1,
.single-event h1{padding-top:40px}

.single-soziales_engagement h1,
.single-news h1,
.single-presse h1,
.single-event h1,
.node-single h1 {
	color: #B5B5B5;  font-weight: 800; margin-bottom: 30px; margin-bottom: 1.67vw;
	font-size: 64px; font-size: 3.333vw;
	line-height: 60px; line-height: 3.7vw; 
}
.node-single h2 {
	color: #F0500A;  font-weight: 400; margin-bottom: 40px;
	font-size: 36px; font-size: 2vw; 
	line-height: 40px; line-height: 2.22vw
}
.node-single h2:last-child { margin-bottom: 0}
.node-single h2.hasDate {margin-bottom: 10px}
.node-single .inner a {color: #F0500A; }
.node-single .inner a:hover {color: #000078}
.node-single .submitted {margin-bottom:40px; display: block;color: #B5B5B5; font-weight: 500}
/* .node-single .grid .box:first-child {border-left: 2px solid #B5B5B5; padding-left: 40px} */

/* -- Node Single -- */
.node-subcontent { overflow: visible}
.node-subcontent h2 {font-size: 64px;font-size: 3.333vw; color: #B5B5B5; line-height: 60px; line-height: 3.1vw; font-weight: 800;margin-bottom: 30px;margin-bottom: 1.67vw;}
.node-subcontent h3 {font-size: 36px; font-size: 2vw; color: #F0500A; line-height: 40px; line-height: 2.22vw; font-weight: 400; margin-bottom: 40px}

.blog-page .node-single {padding: 0; position: relative;}
.blog-page .node-single .line { position: absolute; left: 49px; width: 5px; top: 0; bottom: 0; background: #c6c6c6; display: block}
.blog-page .node-single .img {}
.blog-page .node-single .img img { width: 100% !important; height: auto !important}
.blog-page .node-single .inner { padding: 35px 35px 0 85px;line-height:24px}

.blog-page .node-single .inner a.read { color: #000; text-decoration: none}
.blog-page .node-single .inner a.read:hover { color: #ff5800}

.blog-page .node-single .entry-meta {padding: 35px 20px 35px 85px; font-size: 14px}
.blog-page .node-single .entry-meta {}

/* -- Blog Übersicht -- */
.blog-overview .node-single {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    margin-bottom: 70px
}
.blog-overview .node-single .inner h2 { 
    font-size: 30px; font-weight: 800; margin-bottom: 20px; position: relative; z-index: 3; line-height: 36px;color: #C6C6C6;
}

@media screen and (max-width: 1447px){
    .blog-overview .node-single .inner h2{font-size: 2.1vw; line-height: 2.5vw}
}
.blog-overview .node-single .inner h2 a { text-decoration: none; color: inherit}
.blog-overview .node-single .inner h2 a:hover { color: #ff5800}
.blog-overview .node-single .inner h2::before { content:""; top: 0; height: 100%; width: 5px; background: #ff5800; left: -36px; display: block; bottom: 0; position: absolute}

.blog-page .node-single .inner ol,
.blog-page .node-single .inner ul,
.blog-page .node-single .inner blockquote { margin-bottom: 30px}

.blog-page .cp-sidebar {}
.blog-page .cp-sidebar .block {}
.blog-page .cp-sidebar .block h3 { padding-left: 18px; position: relative;}
.blog-page .cp-sidebar .block h3::before {content:""; width: 2px; background: #7c7c7c; height: 37px; position: absolute; left: 0; top: -4px}
.blog-page .cp-sidebar .block ul {}
.blog-page .cp-sidebar .block {}

.block-lastposts,
.block-bestposts {font-weight: 200}

/* -- Blog Detail -- */
.blog-detail {padding-top: 48px}
.blog-detail .node-single .inner { padding: 55px 85px 55px 120px}
.blog-detail .node-single .inner h1 { 
    font-size: 30px; font-weight: 800; line-height: normal; color: #C6C6C6;
    margin-bottom: 70px; position: relative; z-index: 3;
}
.blog-detail .node-single .inner h1 a { text-decoration: none; color: inherit}
.blog-detail .node-single .inner h1::before { content:""; top: 0; height: 100%; width: 5px; background: #ff5800; left: -71px; display: block; bottom: 0; position: absolute}
.blog-detail .node-single .inner h2{ color: #3c3c3c; font-size: 20px; line-height: normal}
.blog-detail .node-single .inner h3{ color: #3c3c3c; font-size: 20px; line-height: normal; font-weight: normal}
.blog-detail .node-single .entry-meta { padding: 0 85px 55px 120px}

.blog-detail .node-single .entry-meta .submitted{font-weight: normal; color: #3C3C3C}
.blog-detail .node-single .category-wrap {color: #3C3C3C}

/* -- Blöcke -- */
.block .img img { display:block}

/* -- Block Author -- */
.block-author {}
.block-author .img { margin-bottom: 18px; margin-top: -35px; position: relative}
.block-author .img img { width: 100% !important; height: auto !important; position: relative; z-index: 1; }
.block-author .img:before {
    content:""; height: 100px; background: #fff; position: absolute; z-index: 0;
    top: 0; left: -23px; right: -23px
}
.block-author blockquote {font-size: 14px; line-height: 17px; clear: both; position: relative; z-index: 2; margin-left: 0}
.block-author blockquote:before { font-size: 78px !important; color: #dadada !important; z-index: -1; left: 0 !important}
.block-author nav.socialbar {float: right; margin-bottom: 27px}
.block-author nav.socialbar ul { margin-left: 0}
.block-author nav.socialbar ul li { padding-left: 5px !important}
.block-author nav.socialbar ul li::before { display: none !important}
.block-author nav.socialbar ul li a {font-size: 25px}
.block-author nav.socialbar ul li a span { display: none}

/* -- Block Abonnieren -- */
.block-subscribe {}
.block-subscribe label { font-size: 14px}
.block-subscribe .es_subscription_message.success { font-size: 14px !important; line-height: 140% !important; padding: 0 0 10px 20px; display: block}
.block-subscribe .es_subscription_message.error { font-size: 14px !important; line-height: 120% !important; padding-top: 5px; display: block}
.block-subscribe .status {color: #f00; font-size: 14px}
.block-subscribe .info { font-size: 14px; line-height: 17px; padding-top: 20px }
.block-subscribe .info a{ text-decoration: none; color: #ff5800}
/* .block-subscribe label  { display: none} */
.block-subscribe input.es_txt_email { 
    background: #EDEDED; border: 1px solid #DADADA; font-size: 17px; padding: 0 14px; height: 42px; width: 100%;
}
.block-subscribe input.es_textbox_button { 
    width: 100%; border: 0; background: #3C3C3C; color: #fff;
    text-transform: uppercase; height: 42px; font-size: 17px;
}
.block-subscribe input.es_textbox_button:disabled { pointer-events: none}
.block-subscribe input.es_textbox_button:hover { background: #ff5800}
.block-subscribe .es_spinner_image { 
    background: url(gfx/loader.gif) center no-repeat; width: 20px; height: 20px; 
    margin-top: 10px; right: 10px; top: 27px; position: absolute; background-size: contain;
    filter: alpha(opacity=50);opacity: 0.5; pointer-events: none
}
.block-subscribe .es_spinner_image img { display: none}
.block-subscribe .emaillist{ position: relative}

/* -- Block Suchergebnisse -- */
.block-search {background: #F3F3F3; margin-bottom: 80px}
.block-search h3{font-size:18px; color: #F0500A; margin-bottom: 10px}
.block-search h3 a{text-decoration: none}
.block-search h3 a:hover{}
.block-search .inner{padding:40px}
.block-search .inner p{ margin-bottom: 30px}
.block-search a.moreBtn {background:#fff}

/* -- Block Newsübersicht -- */
.block-news {background: #F3F3F3; margin-bottom: 80px}
.block-news img {width:100% !important; height: auto !important}
.block-news h2{font-size:18px; line-height: 27px;font-weight: 500; color: #F0500A; margin-bottom: 30px}
.block-news h2 a{text-decoration: none}
.block-news h2 a:hover{}
.block-news small.submitted { margin-bottom: 20px}
.block-news .inner{padding:40px}
.block-news .inner p{ margin-bottom: 30px}
.block-news a.moreBtn {background:#fff;color:#000078}

.block-news table { margin-bottom: 30px}
.block-news table th,
.block-news table td { text-align: left; vertical-align: top;}

.block-news table th { padding-right: 10px}
.block-news table td {}

/* -- Blöcke IMG -- */
.block-img {background: #F3F3F3}
.block-img .img { position: relative;overflow:hidden; transform: translateZ(0)}
.block-img .img h3 {
	color:#fff; position: absolute; z-index: 3;  margin-bottom: 0;
	font-size: 24px; font-size: 1.3vw; line-height: 24px; line-height: 1.3vw;
	/* left: 40px; top: 40px;right: 40px;bottom: 40px; */
	 left: 10%; top: 10%;right: 10%;bottom: 10%;
	border: 6px solid rgba(255,255,255, 0.5);
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    -webkit-text-shadow:0 2px 20px rgba(0,0,0,0.3);-moz-text-shadow:0 2px 20px rgba(0,0,0,0.3);text-shadow:0 2px 20px rgba(0,0,0,0.3);
}
.block-img .img h3 span{padding:0 20px;margin-bottom: 30px; display: block; border-left: 6px solid #F0500A; margin-left: -6px}
.block-img .img img {
	width: 100% !important; height: auto !important; display:block; position: relative; z-index: 1;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-img:hover .img img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.block-img h3{}
.block-img h3 span {}

.block-img a.overlay-link{position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 4}
.block-img .linked h3{cursor: pointer}
.block-img .linked h3 span {cursor: pointer}
.block-img .linked h3 a{ cursor: pointer;}

.block-img h3 a{ text-decoration: none}
.block-img h3 a:hover{ text-decoration: none}
.block-img .inner{ padding: 20px 30px}
.block-img .inner p{}

.block-img ul {padding-left: 0; list-style: none; font-size: 15px; font-size: 0.85vw; line-height: normal}
.block-img ul li { font-weight: 500; position: relative; padding-left: 23px; color: #000078; text-transform: uppercase}
.block-img ul li:before { color:#f0500a; position: absolute; left: 0; top: 3px}
.block-img ul li a {color: #000078; text-decoration: none}

.block-img ul.toggleList { position: relative}
.block-img ul.toggleList li.toggle {}
.block-img ul.toggleList li.toggle a {}

.block-img ul.toggleList li.hidden {padding-left: 0; position: absolute; top: -12px; left: 0; z-index: 2; background: #F3F3F3; display: none}
.block-img ul.toggleList li.hidden:before {display:none}

.block-img ul.toggleList:hover li.hidden {display:block}

/* --  Block Brand -- */
.block-brand { position: relative; z-index: 1}
.block-brand a.linkoverlay{position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; display: block}

.block-brand.zoomable .img, 
.block-brand a.linkoverlay + .img {overflow:hidden; transform: translateZ(0)}

.block-brand.zoomable .img img,
.block-brand a.linkoverlay + .img img {
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-brand.zoomable:hover .img img,
.block-brand a.linkoverlay:hover + .img img {
	-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);
}

.block-brand img {display: block}
.block-brand .img {position: relative; z-index: 1}
.block-brand .img img { width: 100%; height: auto}
.block-brand .logo,
.block-brand .inner{ position: absolute; }

.block-brand .logo { position: absolute; z-index: 3; top: 75px;border-left: 6px solid #F0500A;left:40px; padding: 10px 0 10px 20px }
.block-brand .logo img {max-width:350px}

.block-brand .inner{ 
	border: 6px solid rgba(255,255,255, 0.5); z-index: 2;left: 40px; top: 40px; right: 40px; bottom: 40px; padding: 20px;
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}
.block-brand .logo,
.block-brand .inner {
    -webkit-transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
.block-brand .inner a {display:inline-block; background: #fff; text-decoration: none; text-transform: uppercase; color: #000078; margin-right: 10px}
.block-brand .inner a i{display:block; color:#fff;float:left;background:#F0500A; width: 34px; height: 34px; text-align: center; line-height: 38px}
.block-brand .inner a span {display:inline-block;padding:5px 15px 7px; font-weight:500; font-size: 15px; line-height: normal}

.block-brand a.jobsBtn,
.block-brand a.companyBtn {
	display:block; background: #fff; text-decoration: none; text-transform: uppercase; color: #000078; margin-right: 10px;
	position: absolute; z-index: 7; left: 65px; bottom: 65px
}
.block-brand a.jobsBtn i,
.block-brand a.companyBtn i{
    display:block; color:#fff;float:left;background:#F0500A; 
    width: 34px; height: 34px; text-align: center; line-height: 38px
}

.block-brand a.jobsBtn span,
.block-brand a.companyBtn span{display:inline-block;padding: 8px 15px 3px;font-weight:500;max-height: 34px; line-height: 18px}

.block-brand a.companyBtn {display:none}
/*.box:last-child .block-brand a.jobsBtn {display:none}*/
/*.box:last-child .block-brand a.companyBtn {display:block}*/

/* --  Block Brand - Hover -- */
.block-brand.hoverable { overflow: hidden;transform:translateZ(0)}
.block-brand.hoverable .logo {left:-6px; top: 35px}
.block-brand.hoverable .inner{ font-size: 14px; line-height: 20px}

.block-brand.hoverable h4{font-size:18px; margin-bottom: 20px}

.block-brand.hoverable table { margin-bottom: 30px}
.block-brand.hoverable table tr{}

.block-brand.hoverable table th,
.block-brand.hoverable table td {text-align: left; vertical-align: top}

.block-brand.hoverable table th {padding-right:5px}
.block-brand.hoverable table td {}

.block-brand.hoverable .grid {
	position: absolute; left: -46px; top:  -46px;right: -46px; bottom: -46px; background: #F3F3F3; z-index: 5;
	-webkit-transform: translate(0px, 100%);-moz-transform: translate(0px, 100%);transform: translate(0px, 100%);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}

.block-brand.hoverable .grid .box{padding:30px !important}
.block-brand.hoverable .grid .box:first-child {
	font-size:13px;padding:30px 5px 30px 30px !important; background: #FF5800; 
	color: #fff; width: 42%; position: absolute; left: 0; top: 0; bottom: 0; height: 100%  !important;
}
.block-brand.hoverable .grid .box:last-child {width:58%; margin-left: 42%}

.block-brand.hoverable.hover .grid,
.block-brand.hoverable:hover .grid{
    -webkit-transform: translate(0px, 0%);
    -moz-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
}

.block-brand.hoverable.hover .logo,
.block-brand.hoverable:hover .logo,
.block-brand.hoverable.hover .btnMore,
.block-brand.hoverable:hover .btnMore{filter: alpha(opacity=0);opacity: 0;}

.mandanten .block-brand.hoverable.hover .btnMore,
.mandanten .block-brand.hoverable:hover .btnMore{filter: alpha(opacity=100);opacity: 1;}

.mandanten .block-brand.hoverable .btnMore {margin-right:0}
.mandanten .block-brand.hoverable .btnMore span { font-size:13px; padding: 7px 15px 7px}
.mandanten .block-brand.hoverable .btnMore[href=""] {display: none}

.block-brand.hoverable.hover .inner,
.block-brand.hoverable:hover .inner{ border-color: rgba(255,255,255,0);}

/* .box:last-child .block-brand.hoverable .grid{ display: none} */
/* -- Arbeitsweise -- */
#workflow {padding-top: 50px}
#workflow .work-item{position: relative; padding-left: 120px; padding-bottom: 40px; margin-bottom: 30px}
#workflow .work-item:before{width:2px;content:""; background: rgba(217,217,217,0.5); position: absolute; top:100px; bottom:0; left: 40px}
#workflow .work-item:last-child:before{display:none}
#workflow .circle {
	width: 79px;height: 79px;background: #00003C; color: #fff; text-align: center; 
	font-size: 40px; line-height: 85px; position:absolute; left: 0; top: 0
}
#workflow .circle.icon-phonecontact { line-height: 90px}
#workflow .circle.icon-personal { line-height: 94px}
#workflow .circle.icon-reload:before {position: relative; left: 3px}
#workflow h3 {font-size:64px; font-size: 3.56vw; line-height: 64px; line-height: 3.56vw; color: #fff;font-weight: 800; text-transform: uppercase; margin-bottom: 0; }
.grey #workflow h3 {color: #333}
#workflow p{text-transform: uppercase;font-weight: 500}

/* -- Vakanzen -- */
#post-137{}
.page-id-154 #container,
.page-id-154 #mainContent{overflow:visible}

/*.wpt_test .question .title{min-height:50px} */
.wpt_test .question .title{margin-bottom:15px; display: table; width: 100%}
.wpt_test .question .title .number,
.wpt_test .question .title .title { display: table-cell;}

.wpt_test .question .title .number{font-weight:800 !important;font-size:110px; line-height: 90px; color: #B5B5B5;padding-right:10px;vertical-align: bottom}
.wpt_test .question .title .title{vertical-align: bottom; font-size:18px; font-weight: 500; border-bottom: 2px solid rgba(51,51,51, 0.5); padding-bottom: 10px; padding-top: 20px}

.wpt_test .answer{position:relative;padding-top:15px}
.wpt_test .answer input{position:absolute;filter:alpha(opacity=0);opacity:0}
.wpt_test .answer label{position:relative;padding-left:70px}
.wpt_test .answer label i{
	width:50px;height:50px;display:block;position:absolute;top:50%;margin-top:-25px; background: #fff;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:0; cursor: pointer
}
.wpt_test .answer label i:before{
	content:"";background:rgba(0,0,0,0.2);width:25px;height:25px;top:12.5px;left:12.5px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute
}
.wpt_test .answer label span{display:block;overflow:hidden; padding: 5px 0}
.wpt_test .answer input[type="radio"]:checked + label i:before{background:#FF5800}

.wpt_test{position:relative}
.wpt_test .button{
	width:75px;height:75px;top:50%;	margin-top:-80px !important;display:block;position:absolute;cursor:pointer;border:0;
	background:#fff;color:#FF5800;font-size:33px;text-align:center;line-height:86px;right:-140px;
}
.wpt_test .button:hover {background:#FF5800;color:#fff;}
.wpt_test .button span{display:none}
.wpt_test .steps-counter{text-align:center;display:block;font-size:14px}

#karrieremoeglichkeiten .content{padding-bottom:70px;padding-top:0}

#was-fuer-ein-typ-karriereberater-bin-ich{margin-bottom:75px}
#was-fuer-ein-typ-karriereberater-bin-ich{background-image:url(images/karrieretest-bg.jpg);padding-bottom:0}

.wpt_test-get-results .entry-title{display:none}
.wpt_test-get-results .result.description{padding-bottom:40px}
.wpt_test-get-results a{text-decoration:none;color:#FF5800}
.wpt_test-get-results a:hover{text-decoration:underline}
.wpt_test-get-results {}

.wpt_test-get-results .contentbox>.content h2{padding-top:45px;margin-bottom:30px}
.wpt_test-get-results .contentbox>.content h2:before{bottom:auto;top:0}

.circle-checked{
    width:153px;height:153px;display:block;margin:0 auto 20px;background:#fff url(gfx/circle-checked.svg) center no-repeat; background-size: 70%;
    -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
.wpt_test .results {display:table;width:100%}
.wpt_test .results h2 {color: #B5B5B5;font-weight: 800;text-align: center;margin-bottom: 20px;font-size: 45px}
.wpt_test .results .result-wrap{display:table-cell;padding:0 10px}
.wpt_test .results .result-wrap:first-child{padding-left:0}
.wpt_test .results .result-wrap:last-child{padding-right:0}

.wpt_test-get-results a.more {display:inline-block; height: 54px; line-height: 54px}
.wpt_test-get-results a.more span {
    border:2px solid #D7D7D7; border-left:0;padding: 0 15px 0; font-weight: normal;height: 54px; line-height: 50px;
    background: #fff; font-size:15px; text-transform: uppercase;color:#000078; cursor: pointer;
    -webkit-transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: border-color 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
    display: block; overflow: hidden
}

.wpt_test-get-results a.more:hover { text-decoration: none}
.wpt_test-get-results a.more:hover span {border-color: #FF5800}
.wpt_test-get-results a.more i {float:left;background:#FF5800; color:#fff; width: 54px; height: 54px; line-height: 54px; text-align: center;}

/* -- Spalten Layout -- */
.row {}
.row .lft,
.row .mid,
.row .rt { float:left}

.twoCols {}
.twoCols .lft,
.twoCols .rt { width:50%}

.threeCols {}
.threeCols .lft,
.threeCols .mid,
.threeCols .rt { width:33.3%}

/* -- Grid System -- */
.grid .box{ float:left;}
.grid .box-10{ width: 10%}
.grid .box-15{ width: 15%}
.grid .box-20{ width: 20%}
.grid .box-25{ width: 25%}
.grid .box-30{ width: 30%}
.grid .box-33{ width: 33.333333%}
.grid .box-40{ width: 40%}
.grid .box-50{ width: 50%}
.grid .box-60{ width: 60%}
.grid .box-66{ width: 66.666666%}
.grid .box-75{ width: 75%}
.grid .box-80{ width: 80%}
.grid .box-90{ width: 90%}

/* -- Zweispaltig -- */
.grid.two .box { width:50%}
.grid.two .box:nth-child(odd) { padding-right:20px;}
.grid.two .box:nth-child(even) { padding-left:20px}

.borderGrid.two .box { padding-left:40px !important;border-left: 2px solid #D7D7D7}

/* -- Zweispaltig -- */
.grid.twoRt .box:first-child { width:40%; text-align: right}
.grid.twoRt .box:last-child { width:60%}

/* -- Zweispaltig -- */
.grid.engagement {margin-bottom: 40px}
.grid.twoLft .box:first-child { width:70%;}
.grid.twoLft .box:last-child {padding-left: 30px; width:30%}

/* -- Dreispaltig -- */
.grid.three .box { width:33.3%}

.grid.three .box:nth-child(3n-2) { padding-right:20px}
.grid.three .box:nth-child(3n-1) { padding-left:15px; padding-right:15px}
.grid.three .box:nth-child(3n) { padding-left:20px}

/* -- Vierspaltig -- */
.grid.four {margin:0 -20px}
.grid.four .box { width:25%; padding: 0 20px;}

#footer .grid.four .box { padding: 0 40px; position: relative}
#footer .grid.four .box:before {content: ""; width: 6px; background: rgba(0,0,0,0.05); position: absolute; left: 0; bottom: 0; top: 50px}
#footer .grid.four .box:first-child:before{ display:none}
#footer .grid.four .box:first-child{padding-left:0; padding-right: 20px}

#footer .grid.four .box:last-child{padding-right:0}

/* -- Responsive Grid  -- */
.grid.responsive { margin-left:-30px}
.grid.responsive .box{ padding-left:30px; text-align:left}

@media screen and (max-width: 639px) {
	.grid.responsive .box{ text-align:left; float:none}
}
@media screen and (min-width: 640px) {
	.grid.responsive .box {width: 50%;}
}
@media screen and (min-width: 1024px) {
	.grid.responsive .box {width: 33.333%}
}
@media screen and (min-width: 1450px) {
	.grid.responsive .box {width: 25%}
}
@media screen and (min-width: 1920px) {
	.grid.responsive .box {width: 20%}
}
@media screen and (min-width: 2300px) {
	.grid.responsive .box {width: 16.666%}
}

/* -- Grid Styles -- */
.brandgrid {}
.brandgrid .box{ margin-bottom: 40px}
.brandgrid .box:hover{position: relative; z-index: 4}

.benefits {padding-top:40px}
.benefits .box{position: relative; margin-bottom: 40px}
.benefits .circle {width: 100px;height: 100px;background:#00003C; color: #fff; text-align: center; line-height: 108px; font-size: 40px; float: left}
.benefits h4 { padding: 35px 0 35px 20px; overflow: hidden; text-transform: uppercase; font-weight: 500;margin-bottom: 40px}

.personBox {}
.personBox .avatar {width: 201px;height: 201px; float:right}
.personBox .box:first-child {padding-right: 80px}
.personBox .box:last-child {padding-top: 0}
.personBox h2 { font-size: 34px; text-transform: uppercase; margin-bottom: 0; }
.personBox strong {text-transform: uppercase;  display: block}
.personBox blockquote{position: relative; z-index: 1; margin-right: 20%}
.personBox blockquote:before{position: absolute; font-size: 110px; color: rgba(255,255,255,0.1); left: -10px; top: -10px; z-index: -1}

.career-steps {padding-top: 70px}
.career-steps .box {}
.career-steps .step { font-size: 110px; color: #D7D7D7;float:left; font-weight: 800}
.career-steps h4 {overflow: hidden; text-transform: uppercase; padding: 18px 0 20px 20px; font-size: 18px; line-height: 20px;position: relative; margin-bottom: 20px}
.career-steps h4:before {content:""; height: 2px; position: absolute; left: 20px; right: 0; top:10px; background: rgba(215,215,215,0.5);}
.career-steps ul {}
.career-steps ul li { margin-bottom: 10px}

.stepGrid {padding-top: 70px}
.stepGrid .box {}
.stepGrid .step { font-size: 110px; color: #D7D7D7;float:left; font-weight: 800}
.stepGrid h4 {overflow: hidden; text-transform: uppercase; padding: 18px 0 20px 20px; font-size: 18px; line-height: 20px;position: relative; margin-bottom: 20px}
.stepGrid h4:before {content:""; height: 2px; position: absolute; left: 20px; right: 0; top:10px; background: rgba(215,215,215,0.5)}
.stepGrid ul {}
.stepGrid ul li { margin-bottom: 10px}

.uspgrid {}
.uspgrid .box{}
.uspgrid .usp { position: relative; padding-left: 112px; margin-bottom: 30px}
.uspgrid .usp:first-child:before {content:""; width: 2px; background:white;position: absolute; top:85px; bottom: -18px; left: 36px;}
.uspgrid .usp:last-child{margin-bottom:0}
.uspgrid .usp .circle {width: 75px;height: 75px;color:#FF5800; text-align: center; line-height: 85px; background: #fff; position: absolute;left:0; top: 0; font-size: 40px}
.uspgrid .usp h3{font-size: 36px; font-weight: 800;line-height: 43px; margin-bottom: 0;}
.uspgrid .usp p {}

/* -- Teamgrid -- */
.teamgrid {}
.teamgrid.grid.twoRt .box.list {width: 560px}
.teamgrid.grid.twoRt .box.detail {width: auto; overflow: hidden;float:none}

.teamgrid .detail {padding:30px}

.teamgrid .team-liste{padding:50px 0; position: relative;background:#F3F3F3}
.teamgrid .team-list{}
.teamgrid .team-swiper {height:550px;}

.teamgrid .team-swiper .swiper-slide {}
.teamgrid .team-swiper .swiper-slide a{width: 50%; text-decoration: none; display: block;float:left; padding: 0 30px}

.teamgrid .team-swiper .swiper-slide a span.img,
.teamgrid .team-swiper .swiper-slide a strong,
.teamgrid .team-swiper .swiper-slide a small {display: block}

.teamgrid .team-swiper .swiper-slide a strong,
.teamgrid .team-swiper .swiper-slide a small {text-align: center}

.teamgrid .team-swiper .swiper-slide a span.img {
	width: 150px;height: 150px;margin: 0 auto 20px; position: relative; overflow: hidden;transform: translateZ(0);
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;background-color:#fff
}
.teamgrid .team-swiper .swiper-slide a span.img img {display:block; z-index: 1; position: relative}
.teamgrid .team-swiper .swiper-slide a span.img:before {
	width:inherit; height: inherit;border:6px solid #FF5800;content:""; position: absolute; left: 0; top: 0; z-index: 2;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.teamgrid .team-swiper .swiper-slide a.active span.img:before {
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);
	-ms-transform: scale(1);transform: scale(1);
}
.teamgrid .team-swiper .swiper-slide a strong {text-transform: uppercase;font-weight: 500;line-height: normal}
.teamgrid .team-swiper .swiper-slide a small {font-size: 14px; line-height: 20px}

.team-button-prev,
.team-button-next {
	width: 50px;height: 50px;background:#fff; text-align:center; line-height: 50px;
	cursor: pointer;font-size:20px;color:#B5B5B5;position: absolute;left:50%; margin-left: -25px; z-index: 4
}

.team-button-prev { border-top: 6px solid #f0500a; top: 0;}
.team-button-next {border-bottom: 6px solid #f0500a;bottom: 0;}

.team-button-prev.swiper-button-disabled,
.team-button-next.swiper-button-disabled{display:none !important}

.teamplayer .details {overflow: hidden; padding-left: 10px; padding-top: 20px}
.teamplayer strong + .details {padding-left: 30px}
.teamplayer .portrait {float:left; width: 290px}
.teamplayer .portrait img {max-width:100%; height: auto !important; width: auto !important}
.teamplayer .contactInfo {clear: both; padding: 0 35px}
.teamplayer.withImg .contactInfo {border-top: 6px solid #F3F3F3;padding: 35px}

.story .teamplayer {margin-bottom: 50px}
.story .teamplayer:last-child {margin-bottom: 0}
.story .teamplayer h4 {padding-left:0}
.story .teamplayer .portrait { 
    width: 33.33%;
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.story .teamplayer .details { width: 66.66%}

/* .content-part.grey .teamplayer .portrait img {	mix-blend-mode: darken;} */
.content-part.grey .teamplayer.withImg .contactInfo {border-top: 6px solid #D7D7D7;}

.teamplayer h4 {font-size: 34px; line-height: normal; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; padding-left: 30px}
.teamplayer strong {display: block; text-transform: uppercase;font-weight: 500; margin-bottom: 30px; padding-left: 30px}
.teamplayer blockquote{position: relative; z-index: 1; margin-bottom: 20px}
.teamplayer blockquote:before{font-size: 110px; color: rgba(0,0,0,0.05); position: absolute; z-index: -1; left: -10px; top: -5px}

.teamplayer ul {padding-left: 0; list-style: none; font-size:16px}
.teamplayer ul li {float:left; margin-left: 15px;}
.teamplayer ul li a {color:#fff;background:#000078;display: block;width: 40px;height: 40px; text-align: center; line-height: 45px; text-decoration: none}
.teamplayer ul li a span{ display: none}
.teamplayer ul li a.icon-linkedin:hover {background: #0077B5}
.teamplayer ul li a.icon-xing:hover {background: #126567}

.teamplayer table{}
.teamplayer table th{ text-align: left; vertical-align: top;font-weight: 500}
.teamplayer table td {vertical-align: top}
.teamplayer table a {color:#FF5800; text-decoration: none}
.teamplayer table a:hover { text-decoration: underline}

.oneContact .teamplayer blockquote{width:50%}
.oneContact .teamplayer .contactInfo {padding-left:300px; margin-bottom: 0}
.oneContact .teamplayer .details {padding-top: 20px}
.oneContact .teamplayer .portrait { height: auto !important;}

.listouter #team-list {display: table; width: 100%; table-layout: fixed}
.listouter #team-list .teamplayer {display: table-cell}
.listouter #team-list .teamplayer h4,
.listouter #team-list .teamplayer strong{padding-left: 0}
.listouter #team-list .teamplayer:nth-child(odd) { padding-right:15px}
.listouter #team-list .teamplayer:nth-child(even) { padding-left:15px}
.listouter #team-list .teamplayer .portrait { 
	height:380px; 
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}
.listouter #team-list .teamplayer .portrait img { flex-shrink: 0;}

/* -- News AuhtorInfo -- */
.authorInfo {padding-left:30px;border-left:2px solid #D7D7D7}
.authorInfo .img{width: 150px;height: 150px;border:2px solid #D7D7D7; margin-bottom: 20px}
.authorInfo strong {display:block}
.authorInfo table {margin-bottom:15px; margin-top: 15px}
.authorInfo ul {padding-left: 0; list-style: none}
.authorInfo ul li {float:left; margin-right: 15px;}
.authorInfo ul li a {color:#fff;background:#000078;display: block;width: 40px;height: 40px; text-align: center; line-height: 45px; text-decoration: none}
.authorInfo ul li a span{ display: none}
.authorInfo ul li a.icon-linkedin:hover {background: #0077B5}
.authorInfo ul li a.icon-xing:hover {background: #126567}

/* -- KontaktGrid -- */
.contactGrid {margin-bottom:80px}

/* -- Suchergebnisse -- */
.searchGrid.grid.two .box:nth-child(odd) { padding-right:40px;}
.searchGrid.grid.two .box:nth-child(even) { padding-left:40px}

.pager {}
.pager .pager-inner{ text-align: center}
.pager .pager-inner a,
.pager .pager-inner span {
	width: 56px;height: 56px;border:2px solid #ddd; color: #000078; display: inline-block; text-align: center;
	text-transform: uppercase; line-height: 54px; font-size: 18px; text-decoration: none; font-weight: 500;
}
.pager .pager-inner span.dots { display: none}
.pager .pager-inner span.current{color:#fff;background: #f0500a; border-color: #f0500a}
.pager .pager-inner a.prev,
.pager .pager-inner a.next {padding:0 20px; width: auto}

/* -- FAQ -- */
.accordion {}
.accordion .accBox {margin-bottom: 10px}
.accordion .accBox h3{ 
	font-size: 18px; padding:15px 60px 15px 20px; background: #F3F3F3; color: #333; margin-bottom: 0; cursor: pointer; position: relative;
	-webkit-transition: color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), background 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), background 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	 transition: color 350ms cubic-bezier(0.4, 0.0, 0.2, 1), background 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
.accordion .accBox h3:before{ 
	font-size:24px; position: absolute; top: 50%; color: #B5B5B5;right:25px;width:24px;height:24px; margin-top: -12px; line-height: 24px;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
.accordion .acc-content{  display: none}
.accordion .accBox .acc-content{ padding: 30px 20px; background: rgba(243,243,243, 0.5);}

.accordion .accBox h3.open {color: #fff; background: #FF5800}
.accordion .accBox h3.open:before{ 	color: #fff;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);}

.grey .accordion .accBox h3{ background: #fff; color: #333;}
.grey .accordion .accBox h3:before{ color: #B5B5B5;}
.grey .accordion .accBox .acc-content{  background: #fff;}

.grey .accordion .accBox h3.open{color: #fff; background: #FF5800}
.grey .accordion .accBox h3.open:before{ color: #fff;}

/* -- Anfahrt Accordion - Kontakt -- */
.contactGrid .accordion {}
.contactGrid .accordion h3 {font-weight:normal}
.contactGrid .accordion h3.open {color: #333;background: #F3F3F3}
.contactGrid .accordion h3.open:before {color:#B5B5B5;}

/* -- Statistik -- */
.stat {padding:100px 0}
.stat .box:nth-child(3n-1) { width: 40%}
.stat .box:first-child {width:30%}
.stat .box:last-child {width:30%}

.stat .box { position: relative}
.stat.three .box:before{content:""; height: 2px; position: absolute;background:rgba(217,217,217,0.5);top:50px; width: 84% }
.stat.three .box:first-child:before{left: 65%;}
.stat.three .box:nth-child(3n-1):before{display:none}
.stat.three .box:last-child:before{right:65%}

.stat .box i,
.stat .box strong,
.stat .box em { display: block; text-align: center}

.stat .box i{color:#fff; width: 100px;height: 100px; margin: 0 auto 30px; background: #000078; font-size:40px; line-height: 110px}
.stat .box strong {font-size: 110px; font-weight: 800;color: #D7D7D7; line-height: 110px; margin-bottom: 0}
.stat .box em {font-style: normal; text-transform: uppercase; font-size: 18px; font-weight: 500}

/* -- Social Media Share -- */
.social-share {padding-left: 30px; border-left: 2px solid #D7D7D7;margin-bottom: 50px}
.social-share a {text-decoration: none}
.social-share > a,
.social-share > .jssocials,
.social-share > .jssocials .jssocials-share{float:left; margin-right:10px;display: block}

.social-share .circle{color: #fff;background: #000078; width: 40px;height: 40px;display:block; text-align: center; line-height: 45px; font-size: 18px;}
.social-share .circle:hover {background:#F0500A}

.social-share .sshare-count,
.social-share .jssocials-share-label,
.social-share .jssocials-share-count-box {display: none}

/* -- Jobliste -- */
ul.job-liste { padding-left: 0; list-style: none}
ul.job-liste li {}
ul.job-liste li a { display: block; padding: 15px 20px; text-decoration: none; background: #fff }
ul.job-liste li a:before {float:right; color: #F0500A; font-size: 21px }
ul.job-liste li:nth-child(odd) a { background: #eee}
ul.job-liste li a:hover {color: #F0500A;}

#coverflow { position: relative; margin-top: -50px}
#coverflow .swiper-container {height: 635px}
#coverflow .swiper-container .swiper-slide .block{
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
#coverflow .swiper-container .swiper-slide {filter: alpha(opacity=0);opacity: 0;}

#coverflow .swiper-container .swiper-slide-prev,
#coverflow .swiper-container .swiper-slide-next,
#coverflow .swiper-container .swiper-slide-active {filter: alpha(opacity=100);opacity: 1;}

#coverflow .swiper-button { 
	width: 50px; height: 50px; text-align: center; border: 0; cursor: pointer; left: 50%; margin-left: -25px; position: absolute;
	color: #fff; background: #F0500A; margin-top: 0; font-size: 20px
}
#coverflow .swiper-button-prev { top: 45px}
#coverflow .swiper-button-next { bottom: 42px; top: auto}
@media screen and (max-width: 1180px){
	#coverflow .block-brand .info {font-size: 14px; line-height: 20px; padding: 30px}
}
@media screen and (max-width: 1180px){
	#coverflow .block-brand .info {font-size: 12px; line-height: 18px; padding: 20px}
}
@media screen and (max-width: 880px){
	#coverflow .block-brand .info {font-size: 11px; line-height: 16px;}
}
/*
.swiper-slide .block-brand .inner {filter: alpha(opacity=0);opacity: 0;}
.swiper-slide-active .block-brand .inner {filter: alpha(opacity=100);opacity: 1;}
*/
.swiper-slide-active.showText .block-brand .inner {filter: alpha(opacity=0);opacity: 0;}
.swiper-slide-active.showText .block-brand .info {
	-webkit-transform: translate(0px, 0%);
	-moz-transform: translate(0px, 0%);
	transform: translate(0px, 0%);
}

/* -- Kommentarfunktion -- */
#comments h2 {font-size: 64px; font-weight: 800; color: #B5B5B5; margin-bottom: 30px}
#comments h3 { font-size:36px; line-height: 40px; color: #F0500A; margin-bottom: 40px; font-weight:400}

.comment-form {}
.comment-form h3 {}

ul.comment-list { list-style: none; padding-left: 0; margin-bottom: 50px}
ul.comment-list li{ border-bottom: 4px solid #F3F3F3; padding: 30px 0}

.comment {}
.comment div.avatar {float: left; border: 3px solid #D7D7D7; margin-right: 40px}
.comment .avatar img {display: block}
.comment .comment-wrap{margin-left:160px}

.comment .name { color: #B5B5B5}
.comment .name strong { text-transform: uppercase; color: #333;}
.comment .name cite { font-style: normal}

.comment .comment-content { position: relative; z-index: 1; padding-top:20px}
.comment .comment-content:before { position: absolute; z-index: -1; font-size:110px; left: -20px; top:0; color: rgba(0,0,0,0.05)}

/* -- Formular Elemente -- */
.nice-select {
	-webkit-tap-highlight-color: transparent;background: #fff;border: solid 1px #fff;
	cursor: pointer;display: block;font-family: inherit;font-size: 14px;font-weight: normal;
	height: 54px;line-height: 54px;outline: none;padding-left:20px;padding-right: 30px;
	position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;
	-ms-user-select: none;user-select: none;white-space: nowrap;width: auto; 
}
.nice-select:hover {border-color: #dbdbdb; }
.nice-select:active, 
.nice-select.open, 
.nice-select:focus {border-color: #999; }

.nice-select:after {
	border-bottom: 2px solid #999;border-right: 2px solid #999;
	content: '';display: block;height: 10px;width: 10px; margin-top: -4px;pointer-events: none;
	position: absolute;right: 20px;top: 50%;
	-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;
}

.nice-select.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg); }
.nice-select.open .list {
	opacity: 1;pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0); 
}
.nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
.nice-select.disabled:after {border-color: #cccccc; }

.nice-select .list {
	background: #fff;box-shadow: 0 1px 0 1px rgba(68, 68, 68, 0.11);width: 100%;
	box-sizing: border-box;margin-top: 0;opacity: 0;overflow: auto;padding: 0;
	pointer-events: none;position: absolute;top: 100%;left: 0;
	-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9; max-height: 250px;
}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important; }
.nice-select .option {
	cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;
	padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; 
}
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {background-color: #f6f6f6; }
.nice-select .option.selected {font-weight: bold; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }

.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }

.wpcf7-form > br {display:none}
fieldset { border:0; margin-bottom:20px; padding:30px 0}
fieldset .formItem{ margin-bottom:15px}
fieldset .formItem > label{ display:block}

fieldset .formItem select,
fieldset .formItem input.formText,
fieldset .formItem textarea { padding:10px; width:100%; border:1px solid #ddd}

fieldset .formItem select:focus,
fieldset .formItem input.formText:focus,
fieldset .formItem textarea:focus { border-color:#999}

fieldset .formItem input.formText{}
fieldset .formItem textarea {}

fieldset .formItem.hide{display:none}

/* -- Radio Checkbox Replacement -- */
fieldset .formRadio { position:relative}
fieldset .formRadio input { position:absolute;filter: alpha(opacity=0);opacity: 0;}

fieldset .radio-wrap label i, 
fieldset .checkbox-wrap label i { display:block; width: 16px;height: 16px; border:1px solid #ddd; position:relative; float:left; margin-right:15px}

fieldset .radio-wrap label span,
fieldset .checkbox-wrap label span{}

/* -- Radio -- */
fieldset .radio-wrap label {}
fieldset .radio-wrap label i:before { 
	content:" ";width: 8px;height: 8px; background:#666; display:block; top:3px; left:3px; position:absolute;
	filter: alpha(opacity=0);opacity: 0;
}
fieldset .radio-wrap input[type=radio]:checked + label i:before {filter: alpha(opacity=100);opacity: 1;}
fieldset .formRadio i:before,
fieldset .formRadio i:after {
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
/* -- Checkbox -- */
fieldset .checkbox-wrap label {}
fieldset .checkbox-wrap label i:before,
fieldset .checkbox-wrap label i:after { 
	content:" ";width: 12px;height: 2px; background:#666; display:block; top:50%; left:50%; position:absolute; margin-left:-6px; margin-top:-1px;
	filter: alpha(opacity=0);opacity: 0;
}
fieldset .checkbox-wrap label i:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
fieldset .checkbox-wrap label i:after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

fieldset .checkbox-wrap input[type=checkbox]:checked + label i:before,
fieldset .checkbox-wrap input[type=checkbox]:checked + label i:after {filter: alpha(opacity=100);opacity: 1;}

/* -- Form Submit Button -- */
.formSubmit {font-family:"Open Sans",Arial, Helvetica, sans-serif; font-weight:500;border:0; background:#000078; padding:18px 20px; font-size:15px; color:#fff;}

/* -- Kontaktformular -- */
fieldset.contactform {padding:0}
fieldset.contactform .formItem{background:#F3F3F3; margin-bottom: 10px}
fieldset.contactform .formItem label{float:left; width: 45%;  padding: 13px 15px}

fieldset.contactform  .formItem select,
fieldset.contactform  .formItem input.formText,
fieldset.contactform  .formItem textarea { font-size:18px;padding:15px 15px 14px; width:55%; border:0;border-left:6px solid #B5B5B5; background:#F3F3F3; display: block}

fieldset.contactform  .formItem textarea {height:120px; min-height: 120px; max-height: 500px}

fieldset.contactform  .formItem select:focus,
fieldset.contactform  .formItem input.formText:focus,
fieldset.contactform  .formItem textarea:focus {border-left-color: #F0500A } 

fieldset.contactform .formCheckbox{position:relative; background: transparent}
fieldset.contactform .formCheckbox .wpcf7-list-item-label {display:none}
fieldset.contactform .formCheckbox:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
fieldset.contactform .formCheckbox input{position:absolute;opacity:0;left:0;top:0;z-index:2;width:50px !important;height:50px; cursor: pointer}
fieldset.contactform .formCheckbox .wpcf7-form-control-wrap{position:absolute; left: 0; top: 0; z-index: 3; height: 50px}
fieldset.contactform .formCheckbox span.wpcf7-not-valid-tip{line-height:normal;right:auto;left:70px; white-space: nowrap}

fieldset.contactform .formCheckbox label {width:auto; float:none; padding: 0}
fieldset.contactform .formCheckbox label i{display:block;width:54px;height:54px;background:#F3F3F3;position:relative;float:left;margin-right:20px;}
fieldset.contactform .formCheckbox label i:before,
fieldset.contactform .formCheckbox label i:after{
	width:40px;height:2px;background:#B5B5B5;content:"";position:absolute;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;left:50%;top:50%;margin-left:-20px;margin-top:-1px;
	-webkit-transition:-webkit-transform 350ms cubic-bezier(.6,.1,.34,.91);
	-moz-transition:-moz-transform 350ms cubic-bezier(.6,.1,.34,.91);
	-o-transition:-o-transform 350ms cubic-bezier(.6,.1,.34,.91);
	transition:transform 350ms cubic-bezier(.6,.1,.34,.91);

}
fieldset.contactform .formCheckbox label i:before{
	-webkit-transform:rotate(45deg) scale(0);-moz-transform:rotate(45deg) scale(0);-o-transform:rotate(45deg) scale(0);
	-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);
}
fieldset.contactform .formCheckbox label i:after{
	-webkit-transform:rotate(-45deg) scale(0);	-moz-transform:rotate(-45deg) scale(0);-o-transform:rotate(-45deg) scale(0);
	-ms-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);
}
fieldset.contactform .formCheckbox label span{overflow:hidden;display:block;padding:10px 0;}
fieldset.contactform .formCheckbox label a{color:#F0500A; text-decoration: none}
fieldset.contactform .formCheckbox label a:hover{ text-decoration: underline}
fieldset.contactform .formCheckbox label[for=knewssubscription-861] span{padding:0 0}
fieldset.contactform .formCheckbox label[for=knewssubscription-861] span em{display:block;font-style:normal;font-weight:normal}

fieldset.contactform .formCheckbox.active label i:before,
fieldset.contactform .formCheckbox input[type="checkbox"]:checked + span + label i:before,
fieldset.contactform .formCheckbox input[type="checkbox"]:checked + label i:before{
	-webkit-transform:rotate(45deg) scale(1);-moz-transform:rotate(45deg) scale(1);
	-o-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);
	transform:rotate(45deg) scale(1);
}

fieldset.contactform .formCheckbox.active label i:after,
fieldset.contactform .formCheckbox input[type="checkbox"]:checked + span + label i:after,
fieldset.contactform .formCheckbox input[type="checkbox"]:checked + label i:after{
	-webkit-transform:rotate(-45deg) scale(1);-moz-transform:rotate(-45deg) scale(1);
	-o-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);
	transform:rotate(-45deg) scale(1);
}


fieldset.contactform button {border: 0; padding:0; margin-top:20px;cursor: pointer;-webkit-border-radius:0;border-radius:0;background:#fff}
fieldset.contactform button i{width: 34px;height: 34px;color:#fff;background:#FF5800;float:left; text-align: center; line-height: 38px; font-size:16px; }
fieldset.contactform button span{font-size:15px;line-height: 15px; font-weight: 500; text-transform: uppercase;color: #000078; display: inline-block; padding: 8px 10px 7px; border: 2px solid #D7D7D7; border-left: 0;}

fieldset.contactform .wpcf7-form-control-wrap {display:block}
fieldset.contactform label.error {padding:0; width: auto; float: none}
fieldset.contactform label.error,
fieldset.contactform span.wpcf7-not-valid-tip {font-size:11px; position: absolute; right: 0; bottom:0; padding: 0 5px 2px}
div.wpcf7-response-output { margin:20px 0 !important}

/* -- Kommentar Formular -- */
fieldset.addComment {padding:0}
fieldset.addComment .formItem{background:#F3F3F3; margin-bottom: 10px}
fieldset.addComment .formItem label{float:left; width: 35%;  padding: 13px 15px}
fieldset.addComment .formItem label small {font-size:11px; color: #666}
fieldset.addComment  .formItem select,
fieldset.addComment  .formItem input.formText,
fieldset.addComment  .formItem textarea { font-size:18px;padding:15px 15px 14px; width:65%; border:0;border-left:6px solid #B5B5B5; background:#F3F3F3; display: block}

fieldset.addComment  .formItem textarea {height:120px; min-height: 120px; max-height: 500px}

fieldset.addComment  .formItem select:focus,
fieldset.addComment  .formItem input.formText:focus,
fieldset.addComment  .formItem textarea:focus {border-left-color: #F0500A } 

fieldset.addComment button {border: 0; padding:0; margin-top:20px;cursor: pointer;-webkit-border-radius:0;border-radius:0;background:#fff}
fieldset.addComment button i{width: 34px;height: 34px;color:#fff;background:#FF5800;float:left; text-align: center; line-height: 38px; font-size:16px; }
fieldset.addComment button span{font-size:15px;line-height: 15px; font-weight: 500; text-transform: uppercase;color: #000078; display: inline-block; padding: 8px 10px 7px; border: 2px solid #D7D7D7; border-left: 0;}

/* -- Jobsuche -- */
fieldset.jobsearch {margin-bottom: 0}
fieldset.jobsearch p{margin-bottom: 0}
fieldset.jobsearch .formItem{width: 75%; float: left; margin-bottom: 0; padding-right: 10px}
fieldset.jobsearch input.formText{border: 0;border-left: 6px solid #000078;font-weight: 500;font-size: 24px; height: 56px; padding: 15px 30px}
fieldset.jobsearch .btn-wrap{width:25%; padding-left: 30px; overflow: hidden}
fieldset.jobsearch .formSubmit{ width:100%}

/* -- Anmeldung und Bewerbung -- */
fieldset.std {padding:0}
fieldset.std .row{}
fieldset.std .row .lft{ padding-right: 20px}
fieldset.std .row .rt{ padding-left: 20px}

fieldset.std .formItem{background:#F3F3F3; margin-bottom: 10px}
fieldset.std .formItem label{float:left; width: 45%;  padding: 13px 15px 14px}

fieldset.std .formItem select,
fieldset.std .formItem input.formText,
fieldset.std .formItem textarea { font-size:18px;padding:15px 15px 14px; width:55%; border:0;border-left:6px solid #B5B5B5; background:#F3F3F3; display: block}

fieldset.std .formItem textarea {height:240px; min-height: 240px; max-height: 500px}

fieldset.std .formItem select:focus,
fieldset.std .formItem input.formText:focus,
fieldset.std .formItem textarea:focus {border-left-color: #F0500A } 

fieldset.std .nice-select{ width: 55%; background: #F3F3F3; border:0; border-left:6px solid #B5B5B5; margin-left:45%}

fieldset.std .formItem.formCheckbox { background: transparent}

fieldset.std .formFile{position:relative}
fieldset.std .formFile:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
fieldset.std .formFile p {margin-bottom:0}
fieldset.std .formFile .wpcf7-form-control-wrap{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
fieldset.std .formFile .wpcf7-form-control-wrap .wpcf7-not-valid-tip{/* bottom:-26px*/ right:0px}
fieldset.std .formFile input{position:absolute;left:45%;top:0;right:0;height:100%;filter:alpha(opacity=0);opacity:0; font-size: 24px; z-index: 2; width: 55%}
fieldset.std .formFile .fakeFile{
	position:relative;z-index:1;padding:16px 25px 15px;font-size:18px; height: 53px;
	font-weight:bold;color:#A2A2A2;line-height:22px; overflow:hidden;border-left:6px solid #B5B5B5;
}
fieldset.std .formFile .required + .fakeFile{border-color:#FF5800}
#filename.chosen{color:#333}
fieldset.std .formFile .fakeFile:before{float:right;color:#939393;font-size:25px;position:relative;top:-2px}
fieldset.std .formFile .fakeFile span {overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; display: block}

fieldset.std .formCheckbox{position:relative}
fieldset.std .formCheckbox .wpcf7-list-item-label {display:none}
fieldset.std .formCheckbox:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
fieldset.std .formCheckbox input{position:absolute;opacity:0;left:0;top:0;z-index:2;width:50px !important;height:50px; cursor: pointer}
fieldset.std .formCheckbox .wpcf7-form-control-wrap{position:absolute; left: 0; top: 0; z-index: 3;height: 50px}
fieldset.std .formCheckbox span.wpcf7-not-valid-tip{line-height:normal;right:auto;left:70px; white-space: nowrap}

fieldset.std .formCheckbox label {width:auto; float:none; padding: 0}
fieldset.std .formCheckbox label i{display:block;width:54px;height:54px;background:#F3F3F3;position:relative;float:left;margin-right:20px;}
fieldset.std .formCheckbox label i:before,
fieldset.std .formCheckbox label i:after{
	width:40px;height:2px;background:#B5B5B5;content:"";position:absolute;
	-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;left:50%;top:50%;margin-left:-20px;margin-top:-1px;
	-webkit-transition:-webkit-transform 350ms cubic-bezier(.6,.1,.34,.91);
	-moz-transition:-moz-transform 350ms cubic-bezier(.6,.1,.34,.91);
	-o-transition:-o-transform 350ms cubic-bezier(.6,.1,.34,.91);
	transition:transform 350ms cubic-bezier(.6,.1,.34,.91);

}
fieldset.std .formCheckbox label i:before{
	-webkit-transform:rotate(45deg) scale(0);-moz-transform:rotate(45deg) scale(0);-o-transform:rotate(45deg) scale(0);
	-ms-transform:rotate(45deg) scale(0);transform:rotate(45deg) scale(0);
}
fieldset.std .formCheckbox label i:after{
	-webkit-transform:rotate(-45deg) scale(0);	-moz-transform:rotate(-45deg) scale(0);-o-transform:rotate(-45deg) scale(0);
	-ms-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);
}
fieldset.std .formCheckbox label span{overflow:hidden;display:block;padding:10px 0;}
fieldset.std .formCheckbox label a{color:#F0500A; text-decoration: none}
fieldset.std .formCheckbox label a:hover{ text-decoration: underline}
fieldset.std .formCheckbox label[for=knewssubscription-861] span{padding:0 0}
fieldset.std .formCheckbox label[for=knewssubscription-861] span em{display:block;font-style:normal;font-weight:normal}

fieldset.std .formCheckbox.active label i:before,
fieldset.std .formCheckbox input[type="checkbox"]:checked + span + label i:before,
fieldset.std .formCheckbox input[type="checkbox"]:checked + label i:before{
	-webkit-transform:rotate(45deg) scale(1);-moz-transform:rotate(45deg) scale(1);
	-o-transform:rotate(45deg) scale(1);-ms-transform:rotate(45deg) scale(1);
	transform:rotate(45deg) scale(1);
}

fieldset.std .formCheckbox.active label i:after,
fieldset.std .formCheckbox input[type="checkbox"]:checked + span + label i:after,
fieldset.std .formCheckbox input[type="checkbox"]:checked + label i:after{
	-webkit-transform:rotate(-45deg) scale(1);-moz-transform:rotate(-45deg) scale(1);
	-o-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);
	transform:rotate(-45deg) scale(1);
}
fieldset.std .wpcf7-form-control-wrap {display:block}
fieldset.std label.error {padding:0; width: auto; float: none}
fieldset.std label.error,
fieldset.std span.wpcf7-not-valid-tip {font-size:11px; position: absolute; right: 0; bottom:0; padding: 0 5px 2px}
div.wpcf7-response-output { margin:20px 0 !important}

fieldset.std button {border: 0; padding:0; margin-top:20px;cursor: pointer;-webkit-border-radius:0;border-radius:0;background:#fff}
fieldset.std button i{width: 34px;height: 34px;color:#fff;background:#FF5800;float:left; text-align: center; line-height: 38px; font-size:16px; }
fieldset.std button span{
    font-size:15px;line-height: 15px; font-weight: 500; text-transform: uppercase;color: #000078; display: inline-block; padding: 8px 10px 7px; border: 2px solid #D7D7D7; border-left: 0;
    -webkit-transition:border-color 350ms cubic-bezier(.6,.1,.34,.91);
	-moz-transition:border-color 350ms cubic-bezier(.6,.1,.34,.91);
	-o-transition:border-color 350ms cubic-bezier(.6,.1,.34,.91);
	transition:border-color 350ms cubic-bezier(.6,.1,.34,.91);
}
fieldset.std button:hover span{border-color:#FF5800}

/* --  Karrieretest Ergebnis Formular-- */
fieldset.std.kletter .formItem,
fieldset.std.kletter .formCheckbox label i,
fieldset.std.kletter .formItem select,
fieldset.std.kletter .formItem input.formText,
fieldset.std.kletter .formItem textarea{ background: #fff}
fieldset.std.kletter .formItem.formCheckbox { background:transparent}

/* -- Jetztich Jobselect -- */
fieldset.jobselect {padding:0; margin-bottom:0; color: #B5B5B5}
fieldset.jobselect .formItem {margin-bottom:0}
fieldset.jobselect .nice-select{color: #B5B5B5; border: 0; border-left:5px solid #000078; font-size:24px; height: 56px; line-height: 56px; font-weight: bold}
fieldset.jobselect .nice-select ul.list li:first-child{ display: none}

/* -- Onlinebewerbung -- */
.hidden {display:none}
fieldset.bewerbung {}
fieldset.bewerbung .nice-select{font-size:18px; line-height: 54px}
fieldset.bewerbung .nice-select .current{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 30px; display: block}
fieldset.bewerbung .nice-select .list {left:-45%; width: auto; right: 0; max-height: 250px; overflow: auto}
fieldset.bewerbung input[name='your-test'],
fieldset.bewerbung textarea[name='test-answers']{ display: none}

/* -- Ansprechpartner - Kategoriefilter  -- */
fieldset.catFilter {padding: 0 50px}
fieldset.catFilter {}

/* -- Schnellsuche -- */
#quicksearch { 
    position: absolute; left: 0; top: 100%; right: 0; z-index: 3; display: none;
}
#quicksearch::before { 
    content:""; height: 10px; position: absolute; left: -10px; right: -20px; top: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
}
#quicksearch.open {display:block}
#quicksearch .overlay {
    position: absolute; left: -10px; top: 0; right: -10px;bottom:0;background:#fff; display: block;z-index: 1;
}
#quicksearch .overlay::before {
    content:""; height: 20px; position: absolute; left: 0; right: 0; top: 0;
    background: -webkit-linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
}
#quicksearch fieldset { position: relative; z-index: 2; padding-top: 40px}
#quicksearch fieldset .formItem {width: 85%; width: calc(100% - 85px); float:left;padding-right:40px}
#quicksearch fieldset .formSubmit {width: 85px;}
#quicksearch fieldset .formItem input.formText{
    font-size: 27px; font-weight: 500; border:0;border: 1px solid #C6C6C6; padding:9px 10px;
    background: #F3F3F3;
}
#quicksearch fieldset .autocomplete-suggestions { background: #F3F3F3}
#quicksearch fieldset .autocomplete-suggestions .autocomplete-suggestion{ padding: 10px; color: #222}
#quicksearch fieldset .autocomplete-suggestions .autocomplete-suggestion b { color: #ff5800}
/* -- Bildergalerie - Presse -- */
.gallery { position: relative}
.gallery .swiper-prev,
.gallery .swiper-next{ 
    cursor: pointer; border: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; 
    z-index: 2; background: rgba(240,80,10, 0.4); color: #fff; text-align: center; line-height: 30px;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;
    -webkit-transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.gallery .swiper-prev,
.gallery .swiper-next{ background: rgba(240,80,10, 1);}

.gallery .swiper-prev{left:0}
.gallery .swiper-next{right: 0}
.gallery .swiper-button-disabled{display:none}

.gallery .swiper-container{ position: relative; z-index: 1}
.gallery .swiper-container{ width: auto !important; height: auto !important; max-width: 100%; display: block; margin: 0 auto}

/* -- Footer -- */
#footer { font-size: 14px; margin:0 40px} 
#footer p.copy { margin:0; padding:0;}
#footer .grid { padding: 40px;border: 6px solid rgba(255,255,255, 0.5);}
#footer address { font-style: normal; margin-bottom: 20px}

#footer h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 30px}
#footer .box:first-child h4{ position: relative}
#footer .box:first-child h4:before{content:""; width: 6px; height: 100%; background: #F0500A; left:-46px; top: 0; bottom: 0; position: absolute}

#footer ul { padding-left: 0; list-style: none; margin-bottom: 20px}
#footer ul:last-child { margin-bottom: 0}
#footer ul li a { text-decoration: none}
#footer ul li div i,
#footer ul li a i {
	-webkit-transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);transition: color 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#footer ul li a i:before {}
#footer ul li a span {}

#footer ul li a:hover i {background: #F0500A}
#footer ul li a:hover i.icon-facebook {background:#3b5998}
#footer ul li a:hover i.icon-xing {background:#126567}
#footer ul li a:hover i.icon-linkedin {background:#0077B5}
#footer ul li a:hover i.icon-instagram {background:#cd486b}

#footer ul {}
#footer ul li a {}
#footer ul li a:hover {text-decoration: underline}
#footer ul li i {width: 30px;height: 30px;background:#000078; color: #f3f3f3; text-align: center; line-height: 32px; float:left; margin-right: 15px; position: relative; top: 4px}
#footer ul li i:before {}
#footer ul li span { padding: 5px 0; display: block; overflow: hidden}


/* -- Error Page-- */
#error {position:relative}
#error .text-wrap { position: absolute; z-index: 2; height: 100%; width: 100%; top: 0; left: 0;color:#fff;}
#error .text-wrap strong { 
	display:block; border-left: 6px solid #FF5800; padding-left: 75px; margin-left: -81px; margin-bottom: 30px;
	-webkit-text-shadow:0 5px 20px rgba(0,0,0,0.2);-moz-text-shadow:0 5px 20px rgba(0,0,0,0.2);text-shadow:0 5px 20px rgba(0,0,0,0.2);
		font-size: 64px; font-size: 3.333vw; line-height: 64px;line-height: 3.333vw; 
} 
#error .text-border {
	border: 6px solid rgba(255,255,255, 0.5); padding: 75px; position: absolute; left: 75px; top: 75px;right: 75px; bottom: 75px;
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
	-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;
	-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
	-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
}

#error .img-wrap { position: relative; z-index: 1}
#error img {width:100% !important; height: auto !important}
#error a.moreBtn{margin-right:auto}

/* -- Success Storys 2018 -- */
.success-storys { position: relative}
.success-storys button{
	width: 50px; height: 50px; color: #fff; background: #F0500A;cursor: pointer; font-size: 31px;
	top: 50%; margin-top:-25px;border: 0; line-height: 60px; position: absolute; z-index: 6;
}
.success-storys button.prev { left: -100px}
.success-storys button.next { right: -100px}
.success-storys button:hover { background: #000078}

.success-storys .persons {display: table; width: 100%; table-layout: fixed; overflow: hidden}
.success-storys .persons .overlay { 
	position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0.85);  z-index: 3; pointer-events: none;
	filter: alpha(opacity=0);opacity: 0;
	-webkit-transition: opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);-moz-transition: opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);transition: opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);

}
.grey .success-storys .persons .overlay {background: rgba(243,243,243, 0.85); }
.success-storys .persons .overlay.show {filter: alpha(opacity=100);opacity: 1;}
.success-storys .person-wrap { 
	display: table-cell; vertical-align: bottom; position: relative;
	-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1);
	-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;transform-origin: 50% 100%;
}
.success-storys .person { 
	position: relative;
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.2, 1, 0.3, 1), margin 750ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 750ms cubic-bezier(0.2, 1, 0.3, 1), margin 750ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1), margin 750ms cubic-bezier(0.2, 1, 0.3, 1);
}
.success-storys .person .img { cursor: pointer}
.success-storys .person .quote {
	position: relative; padding: 20px; font-size: 16px; margin: 0 60px; text-transform: uppercase; font-weight: 800;
	-webkit-transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: opacity 550ms cubic-bezier(0.2, 1, 0.3, 1);
}
.success-storys .person .quote:before {color: rgba(0,0,0,0.05); font-size: 100px; position: absolute;left:-10px; top: 0px }

.success-storys .story { 
	position: absolute; left: 100%; width: 580px; top: 130px;
	pointer-events: none;filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: translate(0%, 50%);-moz-transform: translate(0%, 50%);transform: translate(0%, 50%);
	-webkit-transition: -webkit-transform 550ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 550ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 550ms cubic-bezier(0.2, 1, 0.3, 1), opacity 250ms cubic-bezier(0.2, 1, 0.3, 1);
}
.success-storys .story h3 { color: #000; font-size: 34px; line-height: 120%;  font-weight: 800;  margin-bottom: 5px;text-transform: uppercase}
.success-storys .story strong { display: block; margin-bottom: 30px; text-transform: uppercase}
.success-storys .person-wrap.active .story {
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);
	-webkit-transition: -webkit-transform 750ms cubic-bezier(0.2, 1, 0.3, 1), opacity 750ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 750ms cubic-bezier(0.2, 1, 0.3, 1), opacity 750ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 750ms cubic-bezier(0.2, 1, 0.3, 1), opacity 750ms cubic-bezier(0.2, 1, 0.3, 1);
}

.success-storys .person-wrap:nth-child(1) { z-index: 1}
.success-storys .person-wrap:nth-child(1) .person {margin-right:-50px}
.success-storys .person-wrap:nth-child(2) { z-index: 2}
.success-storys .person-wrap:nth-child(2) .person {margin: 0 -60px}
.success-storys .person-wrap:nth-child(3) { z-index: 1}
.success-storys .person-wrap:nth-child(3) .person { margin-left: -50px}
.success-storys .person-wrap:nth-child(4) { z-index: 2}
.success-storys .person-wrap:nth-child(4) .person { margin-left: -50px}
.success-storys .person-wrap:nth-child(5) { z-index: 1}
.success-storys .person-wrap:nth-child(5) .person { margin-left: -50px}

.success-storys .person-wrap.inactive {
	-webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);
}
.success-storys .person-wrap.active .person {margin: 0 -60px !important}
.success-storys .person-wrap.active .quote,
.success-storys .person-wrap.inactive .quote {filter: alpha(opacity=0);opacity: 0;}
.success-storys .person-wrap.active { z-index: 4}

/* -- Zwei Personen -- */
.success-storys .persons[data-itemcount="2"] {}
.success-storys .persons[data-itemcount="2"] .person-wrap:nth-child(1) .person { margin-right: 0}
.success-storys .persons[data-itemcount="2"] .person-wrap:nth-child(2) .person { margin: 0}
.success-storys .persons[data-itemcount="2"] .person-wrap.active .person { margin: 0 !important}

/* -- Drei Personen -- */
.success-storys .persons[data-itemcount="3"] {}

/* -- Vier Personen -- */
.success-storys .persons[data-itemcount="4"] {}
.success-storys .persons[data-itemcount="4"] .story {font-size: 16px; line-height: 140%; width: 640px}

/* -- Fünf Personen -- */
.success-storys .persons[data-itemcount="5"] {}
.success-storys .persons[data-itemcount="5"] .story {font-size: 16px; line-height: 140%; width: 640px}
.success-storys .persons[data-itemcount="5"] .person-wrap.active .person { margin: 0 -80px !important}

.success-storys .persons[data-itemcount="1"] .person-wrap {}
.success-storys .persons[data-itemcount="2"] .person-wrap { width: 50%}
.success-storys .persons[data-itemcount="3"] .person-wrap { width: 33.333333%}
.success-storys .persons[data-itemcount="4"] .person-wrap { width: 40%}
.success-storys .persons[data-itemcount="5"] .person-wrap { width: 25%}
.success-storys .persons[data-itemcount="5"] .person-wrap:nth-child(2) .person {margin: 0 -50px 0 0}
/* -- Person 1 -- */
.success-storys .persons[data-visible="1"] .person-wrap:nth-child(1) .person {transform: translate(10%, 0px);}
.success-storys .persons[data-visible="1"][data-itemcount="2"] .person-wrap:nth-child(1) .person {transform: translate(0px, 0px);}
.success-storys .persons[data-visible="1"][data-itemcount="5"] .person-wrap:nth-child(1) .person {transform: translate(20%, 0px);}

.success-storys .persons[data-visible="1"] .person-wrap:nth-child(2) .person {}
.success-storys .persons[data-visible="1"] .person-wrap:nth-child(3) .person {}

/* -- Person 2 -- */
.success-storys .persons[data-visible="2"] .person-wrap:nth-child(1) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="2"] .person-wrap:nth-child(2) .person {transform: translate(-66.666%, 0px);}
.success-storys .persons[data-visible="2"][data-itemcount="2"] .person-wrap:nth-child(2) .person {transform: translate(-100%, 0px);}
.success-storys .persons[data-visible="2"][data-itemcount="5"] .person-wrap:nth-child(2) .person {transform: translate(-30%, 0px);}

.success-storys .persons[data-visible="2"] .person-wrap:nth-child(3) .person {}

/* -- Person 3 -- */
.success-storys .persons[data-visible="3"] .person-wrap:nth-child(1) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="3"] .person-wrap:nth-child(2) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="3"] .person-wrap:nth-child(3) .person {transform: translate(-145%, 0px);}
.success-storys .persons[data-visible="3"][data-itemcount="5"] .person-wrap:nth-child(3) .person {transform: translate(-75%, 0px);}

/* -- Person 4 -- */
.success-storys .persons[data-visible="4"] .person-wrap:nth-child(1) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="4"] .person-wrap:nth-child(2) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="4"] .person-wrap:nth-child(3) .person {transform: translate(-145%, 0px);}
.success-storys .persons[data-visible="4"] .person-wrap:nth-child(4) .person {transform: translate(-145%, 0px);}
.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person {transform: translate(-205%, 0px);}
/* -- Person 5 -- */

.success-storys .persons[data-visible="5"] .person-wrap:nth-child(1) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="5"] .person-wrap:nth-child(2) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="5"] .person-wrap:nth-child(3) .person {transform: translate(-145%, 0px);}
.success-storys .persons[data-visible="5"] .person-wrap:nth-child(4) .person {transform: translate(66.666%, 0px);}
.success-storys .persons[data-visible="5"] .person-wrap:nth-child(5) .person {transform: translate(-145%, 0px);}
.success-storys .persons[data-visible="5"][data-itemcount="5"] .person-wrap:nth-child(5) .person {transform: translate(-205%, 0px);}


@media screen and (max-width: 1280px){
	.success-storys .story { font-size: 17px; line-height: 160%}
}
@media screen and (max-width: 1200px){
	.success-storys .story {width: 400px; font-size: 14px; line-height: 140%}
}
@media screen and (min-width: 960px) and (max-width: 1024px){
	.success-storys .story {font-size: 13px; line-height: 140%; top: 100px}
	.success-storys .story h3 {font-size: 24px}
	
	.success-storys .persons[data-visible="2"] .person-wrap:nth-child(2) .person { transform: translate(-50%, 0px);}
	.success-storys .persons[data-visible="3"] .person-wrap:nth-child(3) .person { transform: translate(-130%, 0px);}
	
	.success-storys .person .quote:before { font-size: 50px}
	.success-storys .persons[data-itemcount="4"] .person .quote {font-size: 11px; line-height: 140%; padding: 10px}
	.success-storys .persons[data-itemcount="4"] .story {width: 50vw; font-size: 14px; top: 0px}
	.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person {	transform: translate(-180%, 0px);}
}
@media screen and (min-width: 865px) and (max-width: 959px){
	.success-storys .story {font-size: 12px; line-height: 140%; top: 100px}
	.success-storys .story h3 {font-size: 20px}
	
	.success-storys .persons[data-itemcount="2"] .story {width: 36vw; font-size: 12px; top: 0px}
	
	.success-storys .persons[data-visible="2"] .person-wrap:nth-child(2) .person { transform: translate(-50%, 0px);}
	.success-storys .persons[data-visible="3"] .person-wrap:nth-child(3) .person { transform: translate(-120%, 0px);}
	
	.success-storys .person .quote { padding: 15px; font-size:13px; line-height: 140%}
	.success-storys .person .quote:before { font-size: 50px}
	
	.success-storys .persons[data-itemcount="4"] .person .quote {font-size: 11px; line-height: 140%; padding: 10px}
	.success-storys .persons[data-itemcount="4"] .story {width: 50vw; font-size: 12px; top: 0px}
	.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person {	transform: translate(-180%, 0px);}
}

@media screen and (min-width: 744px) and (max-width: 864px){
	.success-storys .story {font-size: 12px; line-height: 140%; top: 100px}
	.success-storys .story h3 {font-size: 20px}
	
	.success-storys .persons[data-itemcount="2"] .story {width: 36vw; font-size: 12px; top: 0px}
	
	.success-storys .persons[data-itemcount="3"] .story {width: 36vw; font-size: 12px; top: 0px}
	.success-storys .persons[data-visible="1"] .person-wrap:nth-child(1) .person {	transform: translate(20%, 0px);}
	
	.success-storys .persons[data-visible="2"] .person-wrap:nth-child(2) .person { transform: translate(-50%, 0px);}
	.success-storys .persons[data-visible="3"] .person-wrap:nth-child(3) .person { transform: translate(-110%, 0px);}
	
	
	.success-storys .person .quote { padding: 15px; font-size:13px; line-height: 140%}
	.success-storys .person .quote:before { font-size: 50px}
	.success-storys .persons[data-itemcount="4"] .person .quote {font-size: 11px; line-height: 140%; padding: 10px}
	.success-storys .persons[data-itemcount="4"] .story {width: 42vw; font-size: 12px; top: 0px}
	.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person {	transform: translate(-160%, 0px);}
}

@media screen and (max-width: 743px){
	.success-storys .story {font-size: 13px; width: 260px; top: 100px}
	.success-storys .story h3 {font-size: 24px}
	.success-storys .story strong {margin-bottom: 10px}
	.success-storys .person-wrap.active .person { margin: 0 -20px !important}
	
	.success-storys .person .quote {padding: 10px; font-size: 12px;}
	.success-storys .person .quote:before {font-size: 50px}
	
	.success-storys .story,
	.success-storys .persons[data-itemcount="4"] .story {width: 45vw; left: 95%; bottom: 20px; font-size: 12px; line-height: 120%}
	.success-storys .story h3 {font-size: 16px}
	
	.success-storys .story {left: 60px; width: calc(100vw - 210px); top: auto; bottom: 240px}
	
	.success-storys .person {padding-top: 50px}
	.success-storys .person .quote { margin: 0; font-weight: 600}
	
	.success-storys button {width: 30px; height: 30px; line-height: 35px; margin-top: -15px; font-size: 20px}
	
	.success-storys .person-wrap:nth-child(1) .person .quote{ margin-right: 20px}
	.success-storys .person-wrap:nth-child(2) .person .quote{}
	.success-storys .person-wrap:nth-child(3) .person .quote{ margin-left: 20px}
	
	.success-storys .persons .person-wrap .person{
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;		
	}
	.success-storys .persons .person-wrap .person .quote { -webkit-order: 1;-ms-flex-order: 1;order: 1;}
	.success-storys .persons .person-wrap .person .story { -webkit-order: 0;-ms-flex-order: 0;order: 0; position: absolute; padding-left: 20px}
	.success-storys .persons .person-wrap.active .person .story { position: static}
	.success-storys .persons .person-wrap .person .img { -webkit-order: 2;-ms-flex-order: 2;order: 2;}
	
	.success-storys .persons[data-itemcount="2"] .story {left: 22%; width: 80vw; bottom: auto; top: 20px}
	.success-storys .persons[data-itemcount="2"] .person-wrap.active .person { padding-top: 0}
	
	.success-storys .persons[data-visible="1"][data-itemcount="2"] .person-wrap:nth-child(1) .person {margin-right: -100% !important}
	.success-storys .persons[data-visible="2"][data-itemcount="2"] .person-wrap:nth-child(2) .person {margin-right: -100% !important; transform: translate(-50%, 0px);}
	
	/* -- Drei Personen -- */
	.success-storys .persons[data-itemcount="3"] .story{left: 22%; width: 80vw; bottom: auto; top: 20px}
	.success-storys .persons[data-itemcount="3"] .person-wrap.active .person { padding-top: 0}
	
	.success-storys .persons[data-visible="1"][data-itemcount="3"] .person-wrap:nth-child(1) .person {margin-right: -100% !important}
	.success-storys .persons[data-visible="1"][data-itemcount="3"] .person-wrap:nth-child(1) .person .img { margin-righT: -20% }
	
	.success-storys .persons[data-visible="2"][data-itemcount="3"] .person-wrap:nth-child(2) .person {margin-right: -100% !important; transform: translate(-30%, 0px);}
	.success-storys .persons[data-visible="2"][data-itemcount="3"] .person-wrap:nth-child(2) .person .img { margin-righT: -20% }
	
	.success-storys .persons[data-visible="3"][data-itemcount="3"] .person-wrap:nth-child(3) .person {margin-right: -100% !important; transform: translate(-85%, 0px);}
	.success-storys .persons[data-visible="3"][data-itemcount="3"] .person-wrap:nth-child(3) .person .img { margin-righT: -50% }
	
	/* -- Vier Personen -- */
	.success-storys .persons[data-itemcount="4"] .story {left: 22%; width: 80vw; bottom: auto; top: 20px}
	.success-storys .persons[data-itemcount="4"] .person-wrap.active .person { padding-top: 0}
	
	.success-storys .persons[data-visible="1"][data-itemcount="4"] .person-wrap:nth-child(1) .person {margin-right: -100% !important}
	.success-storys .persons[data-visible="1"][data-itemcount="4"] .person-wrap:nth-child(1) .person .img { margin-righT: -80% }
	
	.success-storys .persons[data-visible="2"][data-itemcount="4"] .person-wrap:nth-child(2) .person {margin-right: -100% !important; transform: translate(-30%, 0px);}
	.success-storys .persons[data-visible="2"][data-itemcount="4"] .person-wrap:nth-child(2) .person .img { margin-righT: -60% }
	
	.success-storys .persons[data-visible="3"][data-itemcount="4"] .person-wrap:nth-child(3) .person {margin-right: -100% !important; transform: translate(-85%, 0px);}
	.success-storys .persons[data-visible="3"][data-itemcount="4"] .person-wrap:nth-child(3) .person .img { margin-righT: -80% }
	
	.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person {margin-right: -70% !important; transform: translate(-145%, 0px);}
	.success-storys .persons[data-visible="4"][data-itemcount="4"] .person-wrap:nth-child(4) .person .img { margin-righT: -100% }
}
@media screen and (max-width: 640px){
	
}
@media screen and (max-width: 480px){
	.success-storys .story {width: 45vw; left: 95%; bottom: 20px; font-size: 11px; line-height: 120%}
	.success-storys .story h3 {font-size: 16px}
	
	.success-storys .person {padding-top: 100px}
	.success-storys .person .quote,
	.success-storys .persons[data-itemcount="4"] .story{top: -30px; font-size: 11px; line-height: 120%; padding: 5px; font-weight: normal}
	.success-storys .person-wrap:nth-child(1) .person .quote{ margin-right: 20px}
	.success-storys .person-wrap:nth-child(2) .person .quote{ top: -50px}
	.success-storys .person-wrap:nth-child(2) .person .img { padding: 0 15px}
	.success-storys .person-wrap:nth-child(3) .person .quote{ margin-left: 20px}
	
	.success-storys button.prev {left: -20px !important}
	.success-storys button.next {right: -20px !important}
	
	.success-storys .person-wrap.inactive {-webkit-transform: scale(0.6);-moz-transform: scale(0.6);transform: scale(0.6);}
	
	.success-storys .persons[data-itemcount="3"] .person-wrap:nth-child(2) .person .quote { top: -80px}
	
	.success-storys .persons[data-itemcount="4"] .person-wrap:nth-child(1) .person .quote {}	
	.success-storys .persons[data-itemcount="4"] .person-wrap:nth-child(2) .person .quote {width: 110%; top: -80px}
	.success-storys .persons[data-itemcount="4"] .person-wrap:nth-child(3) .person .quote {width: 120%; top: -80px}	
	.success-storys .persons[data-itemcount="4"] .person-wrap:nth-child(4) .person .quote {width: 110%; top:0}
}

/* -------------------------------
*	Pages
* -----------------*/

/* -- Startseite -- */
.home {}
.home h1{text-align: center; color: #F0500A; font-weight: normal; font-size: 36px; font-size: 2.35vw; line-height: 40px; line-height: 2.7vw; margin-bottom: 0; padding: 10px 0}

/* -- Kandidaten  -- */
#post-129 h2{margin-bottom: 20px}
/*#post-224 .cp-inner{padding-bottom: 0} */

.page-template-page-internekarriere-vakanzen a.moreBtnv2 {letter-spacing: 1px}
/* - Zitat Roland Buchmann- */
#post-224 {background-attachment: fixed}
#post-224 blockquote {color:#fff; width: 45%; margin-bottom: 20px}
#post-224 strong {display:block; font-size:34px; font-weight: bold; text-transform: uppercase}
#post-224 small { text-transform: uppercase; color: #fff; display: block}

/* -- Mandanten -- */
#post-121 h2 {margin-bottom:20px;}
#post-259 h2 {margin-bottom:10px;}
#post-265 h2 {margin-bottom:10px;}

#post-263 h2 {font-size: 36px; line-height: 40px; font-weight: normal}
#post-263 .inner {text-align:center}

/* -- Aktuelles  -- */
.page-id-1597 .node-single h1 {margin-bottom: 50px}

/* -- Engament -- */
.page-id-1552 .node-single h1 {margin-bottom: 50px}

/* -- Kontakt -- */
.contact {}

/* -- Subbrand Style -- */
#kontakt-aufnehmen.content-part {}
#kontakt-aufnehmen.content-part h2 {font-size: 36px; line-height: 40px; font-weight: normal}
#kontakt-aufnehmen.content-part p {text-align: center}


/* -------------------------
*
*    Jetztich - Subpages
*
* ----------------*/

/* -- Interne Karriere -- */  
#soziales-engagement {}
#soziales-engagement .swiper-slide {}
#soziales-engagement .swiper-slide a { display: block; position: relative; text-decoration: none; color: #fff}
#soziales-engagement .swiper-slide a:before {
    content:"";border:6px solid rgba(255,255,255, 0.5);
    padding: 30px;
	position: absolute;
	left: 30px;
	top: 30px;
	right: 30px;
	bottom: 30px;
    z-index: 2
}
#soziales-engagement .swiper-slide a strong {
    display: block;
    border-left: 6px solid #FF5800;
    padding-left: 30px;
    font-size:30px; font-weight: bold; line-height: 35px;
    position: absolute; left: 30px; bottom: 90px;
    -webkit-text-shadow: 0 5px 20px rgba(0,0,0,0.2);
    -moz-text-shadow: 0 5px 20px rgba(0,0,0,0.2);
    text-shadow: 0 5px 20px rgba(0,0,0,0.2);
    z-index: 2;
}

#soziales-engagement .swiper-slide a img { position: relative; z-index: 1}
#soziales-engagement .swiper-button-next,
#soziales-engagement .swiper-button-prev{
    width:60px; height: 60px; color: #fff; text-align: center; 	line-height: 69px;font-size: 30px; margin-top: -30px;
    background:#F0500A; cursor: pointer
}
#soziales-engagement .swiper-button-prev {left:0}
#soziales-engagement .swiper-button-next {right:0}

#se-content .se-item{ padding: 30px 0}
#se-content a.btnMore {display:inline-block; background: #fff; text-decoration: none; text-transform: uppercase; color: #000078; margin-right: 10px}
#se-content a.btnMore i{display:block; color:#fff;float:left;background:#F0500A; width: 34px; height: 34px; text-align: center; line-height: 38px}
#se-content a.btnMore span {display:inline-block;padding:5px 15px 7px; font-weight:500; font-size: 15px; line-height: normal}

/* - Zitat Roland Buchmann- */
blockquote.icon-quote {position: relative}
blockquote.icon-quote:before {position: absolute; left: -10px; top: -10px; font-size:100px; color: rgba(255,255,255, 0.2)}

#post-3478,
#post-2058 {background-attachment: fixed; background-position: center}

#post-3478 blockquote,
#post-2058 blockquote {color:#fff; width: 45%; margin-bottom: 20px}

#post-3478 strong,
#post-2058 strong {display:block; font-size:34px; font-weight: bold; text-transform: uppercase}

#post-3478 small,
#post-2058 small { text-transform: uppercase; color: #fff; display: block}

/* https://www.perm4.com/fuer-kandidaten/leistungsbereiche/perm4-sales/ */
.page-id-549 .nice-select:before {content:"weitere Sales-Bereiche"; float: right; font-size:12px; padding-right: 15px}

/* -- Karriereberater Test -- */
#karriereberater-test {}
#karriereberater-test .wpt_test-get-results a.more.center{}
#karriereberater-test fieldset.jobselect{margin-bottom: 30px}
#karriereberater-test fieldset.jobselect{}

fieldset.std.kletter .formCheckbox label span {padding:0}

.single-brands_mandanten #statistik .stat {padding:0}
.single-brands_mandanten #statistik .stat .box{float:none; margin: 0 auto}

.single-brands_mandanten #statistik .stat.two {padding:0}
.single-brands_mandanten #statistik .stat.two .box{float:left; margin: auto; width: 50%}

#post-8690 #workflow .work-item:last-child,
#post-8690 .node {margin-bottom: 0}
#post-8690 #workflow .work-item:last-child { padding-bottom: 0}

body.single-wpt_test {height: auto}
.single-wpt_test object { display: none}
.single-wpt_test #userdata_el {top:0}
.single-wpt_test > div[style*="clear"] {display: none !important}

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
span.oe_displaynone {display:none !important}