/**
 * Place your custom styles here.
 */

/**************************************/
/***********   Canvas Raster   ********/
/**************************************/

html, body {
  overflow-x:hidden;
}

img {max-width: 100%;}

#canvas_main {
	margin-left:0;
	position:relative;
}

#canvas_contact {
	background:#eee;
	width:240px;
	height:100vh;
	position:fixed;
	right:-240px;
	top:0;
	opacity:0.6;
}



#canvas_contact .canvas_contact_block {
	margin:auto;
	margin-top:calc(50vh - 100px);
	width:80%;
}


.canvas_contact_less {
	width:30px;
	height:100vh;
	position:absolute;
	cursor:pointer;
	top:calc(50vh - 5px);
	left:5px;
	position:absolute;
}

.canvas_contact_more {
	top:calc(50vh - 5px);
	right:0px;
	position:fixed;
	cursor:pointer;
	width:40px;
	height:40px;
	padding:13px;
	background:url('../images/Buttons/offcanvas_contact_more.png') left top no-repeat;
}



.ki_tel_contact, .ki_email_contact, .ki_smedia_contact {
	margin-bottom:20px;
}


/**************************************/
/***********   BODY Raster   **********/
/**************************************/

body {
  font-size:16px;
}

body .main-container {
	min-height:1200px;
	font-size:16px;
	padding-bottom: 80px;
}


body.path-frontpage .main-container {
	min-height:0;
	padding-bottom: 0px;
}


body .main-container.vocab_leistungsbereiche {
	padding-bottom: 0px;
}

.main-container .page_full_height, .main-container .page_full_height_top {
	background-position: center bottom;
 	background-repeat: no-repeat;
	background-size: contain;
}



body.path-frontpage .main-container #Start_Page {
	/*background-image:url('../images/Hintergrund/ki_prof_home_start.png');*/
	background-image:url('../images/Hintergrund/Key_Visual_KI_professionals_neu3.jpg');
}



body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
	background-image:url('../images/Hintergrund/ki_prof_karriere_target.png');
	background-position: center 0%;
 	background-repeat: no-repeat;
	background-size: contain;
}


body.page-node-type-stellenangebote .main-container {
	background-image:url('../images/Hintergrund/ki_prof_karriere_stelle.png');
	/*background-position: center 0%;*/
	background-position: center 30px;
 	background-repeat: no-repeat;
	background-size: contain;
}


body.path-success-stories .main-container {
	background-image:url('../images/Hintergrund/ki_prof_successstories.png');
	background-position: center 65px;
 	background-repeat: no-repeat;
	background-size: contain;
}



body.extra_horizontal.path-success-stories .main-container #success_stories_head {
	background-size: cover;
}

/*****   Leistungsbereiche   ***/
body.path-taxonomy .main-container.vocab_leistungsbereiche #Start_Page {
	/*background-image:url('../images/Hintergrund/ki_prof_home_start.png');*/
	background-image:url('../images/Hintergrund/Key_Visual_KI_professionals_neu3.jpg');
}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_1 #Start_Page  {
	background-image:url('../images/Hintergrund/ki_prof_core01_start.png');
}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_2 #Start_Page {
	background-image:url('../images/Hintergrund/ki_prof_core02_start.png');
}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_3 #Start_Page {
	background-image:url('../images/Hintergrund/ki_prof_core03_start.png');
}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_4 #Start_Page {
	background-image:url('../images/Hintergrund/ki_prof_core04_start.png');
}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_5 #Start_Page {
	background-image:url('../images/Hintergrund/ki_prof_core05_start.png');
}

.help_bg_team, .help_bg_jobs, .help_bg_unternehmen {
	background-image:url('../images/Hintergrund/ki_prof_news.png');
	background-position: right 00px;
 	background-repeat: no-repeat;
	background-size: contain;
}

.help_bg_unternehmen {
	/* background-image:url('../images/Hintergrund/ki_prof_news.png'); */
  background-image:url('../images/Hintergrund/ki_prof_balken_unternehmen.png');
	background-position: right 20px;
 	background-repeat: no-repeat;
	background-size: contain;
}

.help_bg_kontakt{
  background-image:url('../images/Hintergrund/ki_prof_kontakt.png');
	background-position: center top;
 	background-repeat: no-repeat;
	background-size: contain;
}
.vocab_leistungsbereiche #News {/*#Kontakt, */
	background-image:url('../images/Hintergrund/ki_prof_kontakt.png');
	background-position: center top;
 	background-repeat: no-repeat;
	background-size: contain;
}

/**************************************/
/*****   Start Onepager Raster   ******/
/**************************************/

.page_full_height_top {
	min-height:100vh;
	min-height:calc(100vh - 80px);
	position: relative;
}
.toolbar-horizontal .page_full_height_top,.toolbar-vertical .page_full_height_top {
	min-height:calc(100vh - 70px);
}


.page_full_height_fixed_top {
	height:100vh;
	height:calc(100vh - 90px);
	position: relative;
	min-height:0;
}
.toolbar-horizontal .page_full_height_fixed_top, .toolbar-vertical .page_full_height_fixed_top {
	height:calc(100vh - 150px);
}


.page_full_height {
	min-height:100vh;
	position: relative;

}
.toolbar-horizontal .page_full_height,.toolbar-vertical .page_full_height {
	min-height:100vh;
}


.page_full_height_fixed {
	height:100vh;
	position: relative;
}

.toolbar-horizontal .page_full_height_fixed, .toolbar-vertical .page_full_height_fixed {
	height:calc(100vh - 150px);
}

.page_part {
	padding:30px 0;
}

#LeistungsbereichUnterkategorien.page_part {
	padding:0 0 30px 0;
}

#Leistungen_Page.page_part {
	padding:0 0 30px 0;
}

#Karriere_Page.page_part {
	padding-bottom:0;
}

#Unternehmen.page_part {
	position:relative;
	padding-top:100px;
}

#Team.page_part{
  padding-top:100px;
}
@media (max-width:600px){
  #Team.page_part{
    padding-top:0px;
  }
}
#Kontakt.page_part, #News.page_part {
	padding-top:100px;
}

#success_stories_head.page_part {
    margin-bottom: -200px;
}

#Start_Page.page_part .container {
	position:relative;
	padding-top:10%;
	height:100%;
}

#Start_Page.page_part .content {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@media (min-width: 1800px) {

	.main-container .page_full_height, .main-container .page_full_height_top {
	background-size: cover;
	background-position: center top;
}


.main-container .karriere_bild img {
	width:100%;
}

body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
    /*background-size: cover;*/
    background-size: 175% 31%;
}

}
.help_bg_jobs {
	background-position: right 5px;
  position:absolute;
  min-height:300px;
  width:100%;
  margin-top: -60px;
}
@media (max-width: 1799px) {

	.main-container .page_full_height, .main-container .page_full_height_top {
	background-size: cover;
	background-position: 25% bottom;
}

.help_bg_team {
	background-position: right 0;
}
.help_bg_kontakt{
  background-position: left top;
}

}

@media (max-width: 1499px) {

.help_bg_jobs {
  background-position: right 0;
}
.help_bg_team {
	background-position: right 0;
}
.help_bg_kontakt{
  background-position: left 20px;
}
}

@media (max-width: 1299px) {
.help_bg_jobs {
  background-position: right 60px;
}
.help_bg_team {
	background-position: right 60px;
}
.help_bg_kontakt{
  background-position: left 60px;
}

}

@media (max-width: 767px) {
.help_bg_jobs {
  background-position: right 80px;
}
.help_bg_team {
	background-position: right 80px;
}
.help_bg_kontakt{
  background-position: left 115px;
}

}

@media (max-width: 600px) {

.help_bg_team {
	background-position: right 0px;
}

}

/*****************************/
/*****   Basics         ******/
/*****************************/

a {
   outline: 0 !important;
}

a:hover, a:active, a:focus {
	opacity:0.8;
}

h1, h2, h3 {
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	line-height:1.25em;
}

h1.page_part_headline, h2.page_part_headline, h1.page-part-headline, h2.page-part-headline {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.page-node-type-startseite h1 {
	font-family: 'Roboto Slab', sans-serif;
	font-weight:300;
}

h2 {
	margin-bottom:20px;
}

h2.start_headline, h1.start_headline {
	color:#fff;
	font-size:32px;
}

h6,
.h6 {
  font-weight:300; line-height: 1.4em;
}

@media (max-width: 1399px) {
#success_stories_head h2.start_headline {
    font-size: 26px;
}
}

h1.page_part_headline, h2.page_part_headline, #Unternehmen h1.page-header, h1.page-part-headline, h2.page-part-headline {
	font-size:16px;
	text-align:center;
	margin:0;
	padding:20px 0;
}

.path-frontpage h2.page_part_headline,
#Unternehmen h1.page-header,
.vocab_leistungsbereiche h2.page_part_headline,
.path-success-stories h2.page_part_headline,
h1.page_part_headline.page-header,
h1.page-part-headline.page-header,
h2.page_part_headline.page-header,
h2.page-part-headline.page-header,
h3.page-part-headline
  {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight:400;
  font-family: 'Roboto', sans-serif;
}


h2.page-part-headline.page-header a {
  color:#878787;
}
.vocab_leistungsbereiche h2.page_part_headline  {
	margin-bottom:40px;
}

h1.page_part_headline.page-header, #Unternehmen h1.page-header, h1.page-part-headline.page-header {
	border-bottom:none;
	margin:0;
	padding:20px 0;
}

h3.field--label {
	font-weight:300;
	text-align:center;
}

body.page-node-type-karriere h1.page_part_headline.page-header,
h1.page-part-headline.page-header.karrierebereich {
	color:#006699;
}

h1.page-header, h2.page-header {
	padding-bottom: 0;
    margin: 0 0 20px 0;
    border-bottom: none;
}

.block-views-blockjob-seite-textbloecke-block-1  h2.block-title {
	border-bottom:none;
	margin:0;
	padding:20px 0;
  font-size:16px;
	text-align:center;
	margin:0;
	padding:20px 0;
}

.success_story_full h1.page-header {
	margin:40px 0 ;
}

h1.page-part-headline.karrierebereich {
	text-transform:none;
}


h4, h5 {
	color:#006699;
	line-height:1.25em;
}

.unternehmen_ansprechpartner h5 {
	font-weight:400;
	font-size:18px;
}

h2 {
	font-size:32px;
	line-height:1.25em;
}

h3.corporate_h3 {
	font-size: 18px;
   	margin-top: 0;
   	margin-bottom: 0px;
   	line-height: 1.6em;
	color:#006699;
}


.mitarbeiter_text h6 {
  font-size: 14px;
}


/*****************************/
/*****  style overrides ******/
/*****************************/

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color:#878787;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:0.1em;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
}

.navbar-header {
	position:relative;
	top:30px;
	max-width:25%;
}

.navbar-header img {
	max-width:100%;
	height:auto;
	position: relative;
    top: 2px;
}


.region-header {
	display:none;
	position:absolute;
	top:30px;
	max-width:25%;
}

.region-header img {
	max-width:100%;
	height:auto;
}


.form-control {
	height:36px;
}

/** search **/
#block-ki-search .help-block {
	display:none;
}

#block-ki-search .btn.btn-primary {
	min-width:10px;
	background-color: #fff;
    border:none;
}

#block-ki-search .form-control {
	text-align:right;
    border:none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);

}

/**  Search Seite   ***/
.path-search .region-content {
	margin-left: 16.66666667%;
	width: 66.66666667%;
}

#search-form {
	margin-top:30px;
}

#search-form .btn.btn-primary {
	min-width:10px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.main-container ul, .main-container ol {
    padding-left: 20px;
}


/** Login  **/
#user-login-form {
	margin-top:30px;
}


#user-login-form label {
	width:160px;
}
#user-login-form #edit-name.form-control {
	display: inline-block;
    width: auto;
    vertical-align: middle;
}
/*****************************/
/*****   Specials       ******/
/*****************************/




.margin_top, .margin-top {
	margin-top:60px;
}
.margin_top_md{
  margin-top:90px;
}


.margin_top_extra {
	margin-top:120px;
}

#Team .margin_top_extra {
	margin-top:180px;
}

#Jobs.margin_top {
	margin-top:140px;
}

#Unternehmen .margin_top_extra {
	margin-top:180px;
}


.margin_bottom, .margin-bottom {
	margin-bottom:60px;
}


.padding_top, .padding-top {
	padding-top:60px;
}

.padding_bottom, .padding-bottom {
	padding-bottom:60px;
}

.margin_bottom_small {
	margin-bottom:30px;
}

.margin_top_small {
	margin-top:30px;
}

.footer .margin_top_small {
    margin-top: 20px;
}

.padding_top_small {
	padding-top:30px;
}


.no_padding_right {
  padding-right:0;
}

.no_padding_left {
  padding-left:0;
}

.region-footer {
	margin-top:80px;
}

.main-container img {
	max-width:100%;
	height:auto;
}
@media(min-width:768px){
  .padding_top_small{
    padding-top:0;
  }
}




.center {
	text-align:center;
}
.not_centered{
  text-align:left!important;
}

.test {
	color:green;
}
.bg_grey {
    background-color: #eee;
}
.orange {
	color:#006699;
}

a.social-link {
	color:	#878787;
}


.uppercase {
	text-transform:uppercase;
	letter-spacing:0.1em;
}

.clearboth {
	clear:both;
}


/*******  toggle  **********/
.toggle_more, .toggle_less, .toggle_stories {
	cursor:pointer;
}

.toggle_container {
	padding:10px 20px;
	text-align:center;
}


.toggle_simple_head {
	cursor:pointer;
}

.toggle_simple_head:hover {
	opacity:0.8;
}

/*****************************/
/*****    Header Nav    ******/
/*****************************/


.navbar-default.navbar {
	background:none;
	border:none;
	margin-bottom:0;
	height:180px;
	padding-top:10px;

}

#block-logoblock {
	padding-top:20px;
}

body.navbar-is-fixed-top {
    margin-top: 170px;
}
.language-switcher-language-url ul.links, .language-switcher-language-url ul.links li {
	display:inline-block;
	margin:0;
	padding:0;
}
.language-switcher-language-url ul.links li a {
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

.language-switcher-language-url ul li a.is-active {
	display:none;
}

.language-switcher-language-url, #block-mainnavblock-2 {
	float: right !important;
	display:inline-block;
}

.language-switcher-language-url li a, #block-mainnavblock-2 li a{
	float: right !important;
	font-size:12px;
	padding:0 10px;
}

.navbar-default .navbar-nav > li.current > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.current_url > a {
    color: #bbb;
}

#block-sprachumschalter-2 {
	display:none;
}



/*****************************/
/*****   Footer         ******/
/*****************************/

.footer {
    margin-top: 0;
    border-top: none;
}

.ki_group_footer_img {
    position: relative;
    left: 5px;
    top: -5px;
}

.ki_professionals_footer_img {
    position: relative;
    padding-right: 5px;
    top: -6px;
}

.ki_logo_footer {
	display:inline-block;
	text-align: center;
	min-width:7%;
	height:30px;
  margin-bottom:20px;
}

.ki_logo_footer img, .ki_group_footer_img, .ki_professionals_footer_img {
  height:26px !important;
	width:auto;
	display:inline;
}

.region-footer .nav {
	text-align:center;
	margin-top:40px;
}

.region-footer .nav > li {
	display:inline-block;
	border-left: 1px solid #878787;
}

.region-footer .nav > li:first-child {
	border-left: none;
}

.region-footer .nav > li > a {
	font-size:16px;
	padding:0 15px;
}


/*****************************/
/*****   Scroller Nav   ******/
/*****************************/

.scroller-nav, .firmen-nav {
  position: fixed;
  z-index: 9;
  top: 50%;
  left: 1%;
  padding: 20px 10px;
  list-style: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  visibility: visible;
}


.scroller-nav.ontop {
    animation: fadeOut 1s 0s 1 normal forwards ease-out;
}

@keyframes fadeOut {

    1% { opacity: 1; }
    99% { opacity: 0; }
    100% { opacity: 0; visibility: hidden; }

}

.scroller-nav a, .firmen-nav a {
  position:relative;
  font-size: 0;
  display: block;
  background: #666;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin: 12px 0;
}

.scroller-nav li a.current, .firmen-nav li a.current {
	background: #fff;
	height: 10px;
  	width: 10px;
	border:1px solid #666;
	left:-1px;
}

.scroller-nav li a:hover, .firmen-nav li a:hover {
	opacity:0.9;
}


.slider_nav_bullets {
	display:none;
	height: 32px;
	text-align:center;
}

.slider_nav_bullets ul {
	display:inline-block;
	padding-left:0;
}



li.karriere_bullet_item {
  position:relative;
  font-size: 0;
  display: inline-block;
  float:left;
  background: #666;
  height: 10px;
  width: 10px;
  border:1px solid #666;
  border-radius: 50%;
  margin: 10px 6px;
}

li.karriere_bullet_item.active {
	background: #fff;
}


/*****************************/
/*****   To the top     ******/
/*****************************/

.to_the_top {
  position: fixed;
  z-index: 3000;
  bottom: 50px;
  left: 50px;
  list-style: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display:none;
  opacity:0.6;
}


/*****************************/
/*****   Tooltip        ******/
/*****************************/

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #333;
  text-align: left;
  background-color: #f0f0f0;
  border-radius: 0;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #f0f0f0;
}


.tooltip.right .tooltip-arrow {
  border-right-color: #f0f0f0;
}



/*****************************/
/*****   Buttons        ******/
/*****************************/

.button {
	display:inline-block;
	text-align:center;
	padding-right: 10px;
    min-width: 170px;
	min-height:36px;
	color:#878787 !important;
	padding-top:8px;
}

.stellenangebote_full .button {
	min-width:inherit;
	width:100%;
}

.button:hover {
	color:#878787;
}

.arrow_down {
	background:url("../images/Buttons/arrow_down_white.png") top center no-repeat;
	background-size: contain;
	min-width:150px;
	min-height:40px;
	padding-top:6px;
	color:#fff !important;
}

.arrow_down:hover, .arrow_down:focus, .arrow_down:active {
	color:#fff;
}

.arrow_right {
	background:url("../images/Buttons/arrow_right_grey.png") top center no-repeat;
	background-size: contain;
}

.arrow_left {
	background:url("../images/Buttons/arrow_left_grey.png") top center no-repeat;
	background-size: contain;
}

.arrow_right_white {
	background:url("../images/Buttons/arrow_right_white.png") top center no-repeat;
	background-size: contain;
  color:#fff !important;
  border-color: transparent !important;
}

.arrow_left_white {
	background:url("../images/Buttons/arrow_left_white.png") top center no-repeat;
	background-size: contain;
  color:#fff !important;
}

.arrow_left_white:hover, .arrow_left_white:focus, .arrow_left_white:active,
.arrow_right_white:hover, .arrow_right_white:focus, .arrow_right_white:active {
	color:#fff;
  background-color:transparent !important;
  border-color: transparent !important;
}

.arrow_down_ki {
	background:url("../images/Buttons/arrow_down_ki.png") top center no-repeat;
	background-size: contain;
	min-width:150px;
	min-height:40px;
	padding-top:6px;
	color:#006699 !important;
}

.arrow_down_ki:hover, .arrow_down_ki:focus {
	color:#006699;
}


.arrow_down_grey {
	background:url("../images/Buttons/arrow_down_grey.png") top center no-repeat;
	background-size: contain;
	min-width:150px;
	min-height:40px;
	padding-top:6px;
	color:#878787;
}

.arrow_down_grey:hover, .arrow_down_grey:focus {
	color:#878787;
}

.arrow_right_on_white, .arrow-right-on-white  {
	background:url("../images/Buttons/arrow_right_on_white.png") top left no-repeat;
	background-size: contain;
	color:#006699;
	min-width:240px;
}

.arrow_right_on_white:hover, .arrow_right_on_white:focus,
.arrow-right-on-white:hover, .arrow-right-on-white:focus
 {
	color:#006699;

}

/****   CKeditor styles... ****/


.button_arrow_right_grey {
	background:url("../images/Buttons/arrow_right_grey.png") top center no-repeat;
	background-size: contain;
	display:inline-block;
	text-align:center;
	min-width:180px;
	min-height:36px;
	color:#878787;
	padding-top:8px;
}

.button_arrow_right_grey:hover {
	color:#878787;
}

.button_arrow_right_grey_middle,
.button-arrow-right-grey-middle {
	background:url("../images/Buttons/arrow_right_grey_middle.png") top center no-repeat;
	background-size: contain;
	display:inline-block;
	text-align:center;
	min-width:210px;
	min-height:42px;
	color:#878787;
	padding-top:10px;
}

.button_arrow_right_grey_middle:hover,
.button-arrow-right-grey-middle:hover {
  color:#878787;
}

.button_arrow_right_grey_middle a, .button_arrow_right_grey_middle a:hover,
.button-arrow-right-grey-middle a, .button-arrow-right-grey-middle a:hover {
	margin-left:-15px;
}


.button_arrow_right_grey_middle a, .button_arrow_right_grey_middle a:hover, .button-arrow-right-grey-middle a, .button-arrow-right-grey-middle a:hover  {
	color:#878787;
}

.button_arrow_right_grey_large {
	background:url("../images/Buttons/arrow_right_grey_large.png") top center no-repeat;
	background-size: contain;
	display:inline-block;
	text-align:center;
	min-width:280px;
	min-height:42px;
	color:#878787;
	padding-top:8px;
}

.button_arrow_right_grey_large:hover {
  color:#878787;
}

.button_arrow_right_grey_large a, .button_arrow_right_grey_large a:hover {
	margin-left:-15px;
}


.button_arrow_right_grey_large a, .button_arrow_right_grey_large a:hover, .button_arrow_right_grey a, .button_arrow_right_grey a:hover  {
	color:#878787;
}



.button_arrow_down_ki {
	display:inline-block;
	text-align:center;
	background:url("../images/Buttons/arrow_down_ki.png") top center no-repeat;
	background-size: contain;
	min-width:150px;
	min-height:40px;
	padding-top:6px;
	color:#006699;
}

.button_arrow_down_ki:hover {
	color:#006699;
}



/*********************************************/
/*****   Leistungsbereichsnav / Block   ******/
/*********************************************/


#Leistungen {
	position:relative;
	top:-50px;
}


.leistungsbereich_nav_icons {
	position:absolute;
	transition:all 2s ease-in-out 0s;
	bottom:120px;
}


.leistungsbereich_nav .leistungsbereich-item {
	display:inline-block;
	width:30%;
	margin:0 1%;
	text-align:center;
	vertical-align: top;
}


.leistungsbereich_nav .leistungsbereich-item a {
	color:#fff;
	font-size:14px;
	height:40px;
	display:block;
	font-weight:400;

}


.container_term_1 .leistungsbereich_item-1 a, .container_term_2 .leistungsbereich_item-2 a, .container_term_3 .leistungsbereich_item-3 a, .container_term_4 .leistungsbereich_item-4 a, .container_term_5 .leistungsbereich_item-5 a {
	font-weight: 700;
	font-size:16px;
}


.leistungsbereich-single a {
	padding-top:70px;
}



@media (min-width: 768px) {


.leistungsbereich-single a,
#Start_Page .leistungsbereich_item-1 a,
.container_term_1 #Start_Page .leistungsbereich_item-1 a,
#Start_Page .leistungsbereich_item-2 a,
.container_term_2 #Start_Page .leistungsbereich_item-2 a,
#Start_Page .leistungsbereich_item-3 a,
.container_term_3 #Start_Page .leistungsbereich_item-3 a,
#Start_Page .leistungsbereich_item-4 a,
.container_term_4 #Start_Page .leistungsbereich_item-4 a,
#Start_Page .leistungsbereich_item-5 a,
.container_term_5 #Start_Page .leistungsbereich_item-5 a   {
	background-position:top center;
	background-repeat:no-repeat;
	/* transition: background 1s ease-in-out 0s; */
}

#Start_Page .leistungsbereich_item-1 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core01.png');
}

#Start_Page .leistungsbereich_item-1 a:hover, .container_term_1 #Start_Page .leistungsbereich_item-1 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core01_active.png');
}

#Start_Page .leistungsbereich_item-2 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core02.png');
}

#Start_Page .leistungsbereich_item-2 a:hover, .container_term_2 #Start_Page .leistungsbereich_item-2 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core02_active.png');
}

#Start_Page .leistungsbereich_item-3 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core03.png');
}

#Start_Page .leistungsbereich_item-3 a:hover, .container_term_3 #Start_Page .leistungsbereich_item-3 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core03_active.png');
}


#Start_Page .leistungsbereich_item-4 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core04.png');
}

#Start_Page .leistungsbereich_item-4 a:hover, .container_term_4 #Start_Page .leistungsbereich_item-4 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core04_active.png');
}


#Start_Page .leistungsbereich_item-5 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core05.png');
}

#Start_Page .leistungsbereich_item-5 a:hover, .container_term_5 #Start_Page .leistungsbereich_item-5 a {
	background-image:url('../images/ki_prof_icons_start/ki_prof_start_core05_active.png');
}


.leistung_focus .leistungsbereich_nav_icons {
    transition:all 2s ease-in-out 0s;
	bottom:100px;
}

}

@keyframes move {
    100% {bottom:100px;}

}

@keyframes fadeIn {
    100% {bottom:100px;}

}

/*****************************/
/*****   Unternehmen    ******/
/*****************************/

.unternehmensteaser_text {
	text-align:center;
}

.unternehmen_ansprechpartner {
	text-align:center;
}

.unternehmensteaser_bild {
	text-align:center;
	margin:20px 0;
}

  .unternehmen_ansprechpartner img {
    margin-bottom: 20px;
    display: initial;
    max-width: 60%;
}


.unternehmen_ansprechpartner .titel_management {
	margin-bottom:10px;
}

.unternehmen_ansprechpartner .zitat_management {
	color: #006699;
  padding: 0 20px;
}

#Unternehmen .container:after {
    display: none;
}

/*****************************/
/*****   Kontakt / Map  ******/
/*****************************/


.gmap {
    height: 480px;
    width: 100%;
}

.gmap + .gmap {
    margin: 5px 0;
}

.canvas_map {
    width: 100% !important;
}

.gmap img, .gmap object, .gmap embed { max-width: none; height: auto }

.gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}

.kontakt_container .wrap_controls {
	display:inline-block;
}


.kontakt_container .nav-pills > li > a, .kontakt_container .nav-pills > li > a:hover, .kontakt_container .nav-pills > li > a:focus {
	background-color:inherit;
	color:#006699;
	font-size:30px;
	border-radius: 0;
	line-height:30px;
	font-weight:300;
}

.kontakt_container .nav-pills > li.active > a, .kontakt_container .nav-pills > li.active > a:hover, .kontakt_container .nav-pills > li.active > a:focus {
	background-color:inherit;
	color:#006699;
	font-size:40px;
	line-height:38px;
	font-weight:300;
}

.anfahrt_button, .anfahrt_less {
	cursor:pointer;
}

.location_text h3 {
	color:#006699;
	font-size:18px;
	font-family:'Roboto', Helvetica, sans-serif;
}

/*****************************/
/*****   Karriere       ******/
/*****************************/

.karriere_bild {
	position:relative;
}


#karriere_slider .anker_area {
	position:absolute;
	top:15%;
	width:100%;
	z-index:2000;
}


#karriere_slider .anker_area h2.page_part_headline {
	padding-top:50px;
}

.karriere_slider_item {
	display:none;
}

.karriere_slider_item.item_1 {
	display:block;
}

.karriere_text {
	position:absolute;
	bottom:10%;
	width:100%;
}

.karriere_text h3 {
	color: #006699;
}

@media (min-width: 768px) {

.ratio_karriere_slider {
	position: relative;
	width: 100%;
}

.ratio_karriere_slider:before{
	content: "";
	display: block;
	padding-top: 60%;
}

.ratio_karriere_slider .content {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

}

.more_link_bottom {
	position:absolute;
	bottom: 100px;
    width: 100%;
}
.karriere_body h2 {
	text-align:center;
}


.page-node-type-karriere .anker_area {
	width:100%;
	margin-bottom:-50px;
}

.page-node-type-karriere .anker_area #Karriere_Kontakt {
	height:30px;
}



.karrierebereiche_block .views-row {
	margin-top:10px;
}

.page-node-type-karriere .unternehmen_ansprechpartner p {
	display:none;
}

#block-views-block-karrierebereiche-links-block-block-2 {
	margin-top:40px;
}

/* #block-views-block-job-seite-textbloecke-block-1 > .form-group{
  margin-top:100px;
} */

.beteiligung_teaser p{
  color:#878787;
}

.karrierebereiche-jobs > .row {
	margin-top:40px;
}

.stellenangebote_teaser {
    background: rgb(250,250,250);
	background: rgba(250,250,250,0.75);
  /* background: rgb(240,240,240);
  background: rgba(240,240,240,0.75); */
	padding: 20px 8.33333333%;
}


@media (max-width: 991px) {

.path-taxonomy .stellenangebote_teaser {
  margin:0;
  width:100%;
}

}

@media (min-width: 992px) {

  .path-taxonomy .stellenangebote_teaser {
    margin:0 40px;
    width:900px;
  }

}


@media (min-width: 1400px) {

  .path-taxonomy .stellenangebote_teaser {
    margin:0 150px;
    width:900px;
  }

}


/*
.karriere_kategorie_teaser {
    margin-top: 40px;
}*/


@media (min-width: 992px) {

.stellenteaser_first {
  padding-left:0;
  padding-right:30px;
}

.stellenteaser_second {
  padding-right:0;
  padding-left:20px;
}

.stellenangebote_teaser {
  min-height:190px;
}

}

@media (max-width: 991px) {

  .stellenangebote_teaser {
    margin-bottom:30px;
  }

  #block-views-block-neuer-karriere-block-block-1 .row.margin_top {
  	margin-top:0;
  }

  .stellenangebote_full {
    margin-bottom:30px;
  }

}

.stellenangebote_teaser article {
	padding: 0 10px;
}


.stellenangebote_teaser article .links {
	text-align:center;
}


.stellenangebote_full {
    /*background: rgb(245,245,245);
	background: rgba(245,245,245,0.75);*/
  background: rgb(255,255,255);
background: rgba(255,255,255,0.75);
	padding: 20px 8.33333333%;
  font-size:18px;
}

.stellenangebote_full article {
	padding: 0 10px;
}

.stellenangebote_full .stellenangebote_headline {
	padding: 20px 8.33333333%;
}


.stellenangebote_full .button_arrow_right_grey a {
    position:relative;
    left:-5px;
}

.stelle_less_link, .stelle_more_link {
	cursor:pointer;
}

.vocab_karrierebereiche #block-views-block-unterkategorien-tabs-block-1 {
	display:none;
}

.content_karriere h2 {
	font-size:28px;
}
.content_karriere h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#006699;
	font-size:18px;
}

.view-karrierebereiche-links-startseite a {
	font-size:22px;
}

.view-karrierebereiche-links-startseite a.button {
	font-size:16px;
}

/*****************************/
/*****  Leistungsbereiche ****/
/*****************************/

#block-leistungsnavbildareaimagemap {
	margin-bottom:20px;
}


#block-leistungsnavbildareaimagemap a,#block-leistungsnavbildareaimagemap a:focus, #block-leistungsnavbildareaimagemap area, #block-leistungsnavbildareaimagemap, img[usemap] {
	border: none;
	outline:none;
	}
#block-leistungsnavbildareaimagemap, img[usemap]{
  margin:auto;
}

.vocab_leistungsbereiche #SuccessStories {
	min-height:600px;
}


@media (max-width:1123px) {
.vocab_leistungsbereiche #News {
	min-height:850px;
}

}

.vocab_leistungsbereiche #News.page_part {
	padding-bottom:0;
}


.tab {
    display: inline-block;
    width: 11%;
    margin: 0 4%;
    text-align: center;
    vertical-align: top;
}

@media (min-width: 1100px) {

.tab:hover .tab_img {
    display: none;
}

.tab:hover .tab_img_hover {
    display:block;
}

}

.tab .img_container {
	display:inline-block;
}

.paragraph--type--leistungsbereich-unterkategorie {
	display:none;
}

.paragraph--type--leistungsbereich-unterkategorie.open {
	display:block;
}

.paragraph--type--leistungsbereich-unterkategorie .field {
	padding:0 10px;
}

.tab_img_hover {
	display:none;
}

.tab img {
	cursor:pointer;
}


@media (min-width: 992px) {
	.tab img {
		height:87px;
		width:auto;
	}
}

.tab.active .tab_img, .tab.tab_hover .tab_img {
	display:none;
}

.tab.active .tab_img_hover, .tab.tab_hover .tab_img_hover {
	display:block;
}

.vocab_leistungsbereiche .tab h4 {
	color:#5FA2CD;
	font-size:18px;
	font-weight:400;
}

.subservice_less {
	cursor:pointer;
}

.container_term_1.vocab_leistungsbereiche .tab h4 {
	color:#d1be0d;
}
.container_term_2.vocab_leistungsbereiche .tab h4 {
	color:#5FA2CD;
}

.container_term_3.vocab_leistungsbereiche .tab h4 {

	color:#F9AE27;
}

.container_term_4.vocab_leistungsbereiche .tab h4 {
	color:#41B4DF;
}

.container_term_5.vocab_leistungsbereiche .tab h4 {
	color:#D1387D;
}

/*****************************/
/*****  Success Stories ******/
/*****************************/



#success_stories_overview .container {
	position:relative;
	padding-top:10%;
	height:100%;
}


h3.group_head {
	font-size:24px;
}

h3.title_success_story_teaser {
	font-size:18px;
	margin-top: 0;
  	margin-bottom: 10px;
	line-height:1.3em;
}



h4.success_story_block_headline {
	font-weight:300;
	font-size:26px;
	margin-left:12.5%;
}

/*****************************/
/**** Mitarbeiter Liste  *****/
/*****************************/
@media (max-width:600px){
  .mitarbeiter_img img {max-width: 80%; margin-bottom: 20px;}
}
/*****************************/
/*****  Firmen Liste     ******/
/*****************************/


.view-firmen-liste {
	margin-top:-60px;
}

.view-firmen-liste h3 {
	margin-top:60px;
	margin-bottom:40px;
}


.view-firmen-liste  .kategorie-firmen {
	margin-bottom:60px;
}

.firmen_text_headline {
	margin-top:-2px;
	color: #878787;
	font-weight:300;
}


.firmenbackbutton {
	display:none;
}

.last-group-item .firmenbackbutton {
	display:block;
	margin:30px 0;
}



/********************************/
/*****  Cookie compliance  ******/
/********************************/

#sliding-popup .popup-content #popup-text h2, #sliding-popup .popup-content #popup-text p {
    font-family: 'Roboto', sans-serif;
	font-weight:300;
}


.sliding-popup-bottom {
	border-top:1px solid #eee;

}

#sliding-popup .popup-content #popup-buttons button {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
  cursor: pointer;
  display: inline;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;

  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  background-image:none;
  filter:none;
  background-color:#fff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#878787;
  padding:4px 8px;
  text-decoration:none;
  text-shadow:none;
}

#sliding-popup .popup-content #popup-buttons button:hover {
	opacity: 0.7;
  	background:none;
}



@media (min-width: 1400px) {
	.ratio_karriere_slider:before{
	padding-top: 55%;
}

}


@media (max-width: 1399px) {

.stellenangebote_full .button {
	padding-top:4px;
}


}

@media (min-width: 992px) and (max-width: 1123px) {
	.ratio_karriere_slider:before{
	padding-top: 65%;
}

}

@media (min-width: 768px) and (max-width: 991px) {
	.ratio_karriere_slider:before{
	padding-top: 85%;
}

}

@media (max-width: 991px) {

.ki_logo_footer {
    min-width: 16%;
    padding: 0 0 40px 0;
}
}

/*****************************/
/*****  nav tabs fixed  ******/
/*****************************/
.highlighted .tabs {
	position:fixed;
	right:10px;
	bottom:10%;
	display:inline-block;
	z-index:20000;
}

.highlighted  .nav-tabs > li {
	float:none;
}

.highlighted  .nav-tabs > li a {
	border:1px solid #ddd;
	background:#fff;
}

.view-job-seite-textbloecke .view-header {
  width:100%;
  position: relative;
}


/*****************************/
/*****  EXTRA ki professionals  ******/
/*****************************/


@media (min-width: 768px) {

}


@media (min-width: 992px) {
.col-md-offset-4_5 {
    margin-left: 37.5%;
}
}


@media (min-width: 1400px) {
.col-lg-offset-4_5 {
    margin-left: 37.5%;
}
}

.unternehmen_ansprechpartner {
    padding:30px 0;
}

.view-footer-karrierebereiche-links-startseite {
	margin:30px 0;
}

.stellenanzeige-button-link a {
	font-size: 16px;
	background: url("../images/Buttons/arrow_right_grey.png") top center no-repeat;
    background-size: contain;
	display: inline-block;
    text-align: center;
    padding-right: 10px;
    min-width: 170px;
    min-height: 36px;
    color: #878787 !important;
    padding-top: 8px;
}


.job_links {
  margin-top:30px;
}

.job_links .alle_jobs,
.job_links .mein_job {
  margin: 0 10px;
}


@media (max-width:767px){

  .job_links .alle_jobs,
  .job_links .mein_job {
    margin: 10px 0;
  }

  .ki_logo_footer {
    min-width:0;
    padding: 0 0 10px 0;
  }

  .ki_logo_footer,
  .ki_logo_footer img,
  .ki_group_footer_img {
    height: 20px;
  }


}