/**
 * ki Override css - included in statischer Datei
 */

/*
	- block-logoblock / block-logoblockde, Problem?
	- evntl Anker bei business etc. verschieben
	-
*/

/** Navigation / Header **/

@media (max-width: 767px) {

#Mitarbeiter, #Team  {margin: 0; padding: 0;}

body .main-container {
    min-height: 0;
}


body .main-container.vocab_karrierebereiche {
    min-height: 900px;
}

	h1, h2, .content_karriere h2, h4.success_story_block_headline {
		font-size:23px;
	}

.view-karrierebereiche-links-startseite .margin_top {
   margin-top: 0;
}
.margin_top_small {
   margin-top: 0px;
}

.margin_top_extra {
    margin-top: 30px;
}

#LeistungsbereichUnterkategorien .margin_top {
	margin-top:20px;
}

#LeistungsbereichUnterkategorien .rechts {
	margin-top:20px;
}

.to_the_top {
    bottom: 30px;
    left: 30px;
}

	#block-sprachumschalter {
	display:none;
}

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


.path-search .region-content {
    margin-left: 0;
    width: 100%;
}

.navbar-header #block-logoblock, .navbar-header #block-logoblocken {
	display:none;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.region-header {
	display:block;
}

.mobile-bottom-left{
  position: absolute;
  bottom: -35px;
}
.mobile-bottom-right{
  position: absolute;
  bottom: -35px;
  right: 0;
}


/*.more_link_bottom {
	position:static;
}
*/
	body.path-success-stories .main-container #success_stories_head {
		background-size: cover;
	}
	.views-row.row.margin_top{
		text-align:center;
	}
	.main-container img{
		display:initial;
	}
	.views-row{
		text-align:center;
	}


	.view-firmen-liste .views-row{
		text-align:left;
	}
	.toggle_group_stories h3 {
		font-size:18px;
		margin-top:15px;
	}

	.toggle_group_stories .success_stories_text {
		text-align:left;
	}

	.toggle_stories_text .margin_top {
		margin-top:30px;
	}

	.success_story_full h1.page-header {
    	margin: 20px 0 30px 0;
		font-size:18px;
	}


	#block-logoblockde{
		/*margin:0 3.5%;*/
		min-width:40vw;
		max-width:60vw;
		width:80%;
		height:auto;
	}
	.region-header{
		max-width:100%;
		top:18px;
	}

	.region-header a.scroller-link {
		display:inline-block;
	}


	.main-container .page_full_height, .main-container .page_full_height_top {
		background-position: 23% bottom;
		margin-top:30px;
	}

	.path-frontpage .main-container .page_full_height, .path-frontpage .main-container .page_full_height_top {
		background-position: 68% bottom;
	}

	.main-container{
		padding-bottom:10px !important;
		padding-top:80px;
	}

	.path-frontpage .main-container{
		padding-top:30px;
	}

	.container, .footer_container {
		padding:0 10% 30px 10%;
		height:auto;
	}

	#success_stories_overview .container {
    	padding-top: 20%;
	}

	.footer.container{
		padding:0 0 30px 0;
		height:auto;
	}

	#navbar .container{
		padding:0 10px 0 10px;
		height:auto;
	}
	#navbar{
		top:0px;
		position:fixed;
		width:100vw;
		z-index:9999;
	}
	.navbar-default.navbar{
		padding-top:0;
		height:auto;
	}
	.navbar-header{
		width:100vw;
		top:0px !important;
		max-width:100%;
		padding:0 5% 0 5%;
		position:absolute;;
		z-index:2;
	}
	#block-logoblock{
		float:left;
		padding:0;
	}
	.navbar-toggle{
		border:0px;
		margin-right:0;
		padding:18px 10px 18px 10px;
	}
	.navbar-toggle .icon-bar{
		width:31px;
		height:3px;
		border-radius:3px;
		margin-bottom:5px;
	}

/** Navigation(Toggled)**/

	.navbar-collapse{
		background: rgba(255, 255, 255, 0.9);
		padding:0px;
		border-top:0px;
		height:100vh;
		/*height:calc(100vh - 100px);*/
	}
	.region-navigation-collapsible{
		padding:30% 10% 0 10%;
		width:100%;
	}
	#block-sprachumschalter-2, #block-mainnavblock-2{ /*"ENGLISH/DEUTSCH" in html nach unten*/
		float:none !important;
		display:block;
		position:relative;
	}
	#block-mainnavblock-2 .navbar-nav{
		float:none !important;
		margin:0;
	}
	#block-sprachumschalter-2 ul.links, #block-sprachumschalter-2 ul.links li{
		display:block;
	}
	#block-sprachumschalter-2 ul li.is-active { /*zum ausblenden von Option "DEUTSCH"*/
		display:none;
	}
	#block-sprachumschalter-2 a, #block-mainnavblock-2 a{
		font-size:18px !important;
		font-weight:400;
	}

	#block-sprachumschalter-2 .nav > li, #block-mainnavblock-2 .nav > li {
   	 position: relative;
    	display: block;
   	 height: 50px;
	}
	#block-sprachumschalter-2 li a, #block-mainnavblock-2 li a{
		width:100%;
		margin-bottom:22px;
		border-bottom:1px solid #939292;
		padding:0;
		padding-bottom:6px;
		position: absolute;
		z-index:5000;
	}



/** Searchbar **/

	#block-ki-search > div{
		float:none !important;
		margin:0;
		padding:40px 10% 0 10%;
		width:100%;
	}
	#block-ki-search .input-group{
		display:block;
		position:relative;
		width: 100%;
    	height: 30px;
	}
	#block-ki-search .input-group .form-control{
		background: rgba(255, 255, 255, 0);
		text-align:left !important;
		font-size:22px;
		color:#7D7D7D;
		border-bottom:1px solid #939292 !important;
		border-radius:0px;
		padding:0;
		padding:7px 10px 3px 0;
	}


	#block-ki-search .btn.btn-primary {
    	position:absolute;
		top:-40px;
		left:70vw;
	}

/** Headline Start Page**/

	.start_headline{
		max-width:100%;
	}
	h2.start_headline, h2, h1.start_headline {
		font-size:23px;
	}
	.read_more{
		width:30%;
	}
	.arrow_down{
		min-width:140px;
		font-size:13px;
		min-height:36px;
	}
	#Start_Page.page_part .container .start_headline_row, .horizontal #Start_Page.page_part .container .start_headline_row, .extra_horizontal #Start_Page.page_part .container .start_headline_row {
		position:relative;
		bottom:0px;
	}
	 #Start_Page.page_full_height_fixed, #Start_Page.page_full_height_fixed_top {
		min-height:580px;
		padding:17px 0 17px 0;
	 }
/** Leistungen Links**/





	#Leistungen_part{
		margin-top:20px;
	}
	.leistungsbereich_nav .leistungsbereich-item{
		display:block;
		width:100%;
		padding-top:0;
	}

	#Start_Page .leistungsbereich_nav .leistungsbereich-item a {
    	background-size: 20px 20px;
		background-position:left center;
		background-repeat: no-repeat;
    	text-align: left;
    	padding-top: 2px;
    	padding-left: 30px;
    	margin-bottom: 3px;
    	font-size: 16px;
    	height: 28px;
		position:relative;
		left:-2px;
}
	.leistungsbereich_nav_icons{
		position:relative;
		bottom:0px;
	}

	.leistungsbereich-item {
		line-height:1.8em;
	}


	.mobile_services_nav .leistungsbereich-single a {
		display:inline-block;
		background-size: 20px 20px;
		background-position:left center;
		background-repeat: no-repeat;
		padding-top: 2px;
    	padding-left: 30px;
    	margin-bottom: 3px;
		color:#878787;
		height: 28px;
	}

	.mobile_services_nav .leistungsbereich_item-1 a{
			background-image:url('../images/ki_prof_icons_start_grey/ki_prof_start_core01_grey.png');
	}
	.mobile_services_nav .leistungsbereich_item-2 a{
			background-image:url('../images/ki_prof_icons_start_grey/ki_prof_start_core02_grey.png');
	}
	.mobile_services_nav .leistungsbereich_item-3 a{
			background-image:url('../images/ki_prof_icons_start_grey/ki_prof_start_core03_grey.png');
	}
	.mobile_services_nav .leistungsbereich_item-4 a{
			background-image:url('../images/ki_prof_icons_start_grey/ki_prof_start_core04_grey.png');
	}
	.mobile_services_nav .leistungsbereich_item-5 a{
			background-image:url('../images/ki_prof_icons_start_grey/ki_prof_start_core05_grey.png');
	}

/*  - Leistungen Images */

	#Start_Page .leistungsbereich_item-1 a{
			background-image:url('../images/ki_prof_icons_start/ki_prof_start_core01.png');
	}
	#Start_Page .leistungsbereich_item-2 a{
			background-image:url('../images/ki_prof_icons_start/ki_prof_start_core02.png');
	}
	#Start_Page .leistungsbereich_item-3 a{
			background-image:url('../images/ki_prof_icons_start/ki_prof_start_core03.png');
	}
	#Start_Page .leistungsbereich_item-4 a{
			background-image:url('../images/ki_prof_icons_start/ki_prof_start_core04.png');
	}
	#Start_Page .leistungsbereich_item-5 a{
			background-image:url('../images/ki_prof_icons_start/ki_prof_start_core05.png');
	}

/** Leistungen Page **/

	#Leistungen_Page{
		margin-top:30px;
	}
	#Leistungen_Page .button-right{
		margin-left:0;
	}
	#Leistungen_Page .button{
		min-height:30px;
		min-width:140px !important;
		padding-top:4px;
	}

	#Leistungen .row{
		margin-left:0 !important;
		margin-right:0 !important;
	}


	.mobile_services_nav {
		margin-top:20px;
	}

	.mobile_services_nav .item-list ul {
		padding-left:10px;
		list-style-type:none;
	}

/** News **/
	.vocab_leistungsbereiche #News {
		min-height:0;
		background-position:center 22%;
	}

#Kontakt.page_part, #News.page_part {
    padding-top: 120px;
	margin-top:-100px;
}


	#News .page_part_headline{
		margin-top:0;
		padding:20px 0 20px 0;
		font-weight:500;
	}





/** Unternehmen **/

	#Unternehmen.page_part{
/*		top:55px;
		padding-top:60px;*/
		top:-40px;
		padding-top:60px;
		padding-bottom: 0px;
	}
	.path-frontpage h2.page_part_headline{
		font-weight:500;
		font-size:15px;
	}
/*	#Unternehmen .field p{
		font-size:19px;
	}*/

	.unternehmensteaser_text {
    	margin: 20px 0 40px 0;
	}

	#Unternehmen .img-responsive{
		/*margin: 0 auto 0 auto; alternativ zum zentrieren*/
		display:inline;
	}

  #Unternehmen .not_centered .field{
		text-align:left!important;
	}
  #Unternehmen div:not(.not-centered)>.field{
		text-align:center;
	}
	#Unternehmen h2 p{
		text-align:left;
	}
	#Unternehmen .row.margin_top{
		/* padding-bottom:20px; */
	/*	text-align:center;*/
	}
	#Unternehmen .unternehmensspalte{
		text-align:left!important;
	}

	#Unternehmen .unternehmensspalte.spalte-1 {
		margin-top:20px;
	}

	#Unternehmen h3.field--label{
		font-size:20px;
		/*text-align:left;*/
	}
/** Management Team **/

	#Unternehmen .unternehmen_ansprechpartner{
		padding:0 15% 5% 15%;
	}
	#Unternehmen h5, .titel_management, .zitat_management{
		text-align:center;
	}
	#Unternehmen .toggle_container, .fa{
		text-align:center;
	}
	#Unternehmen a .social-link{
		margin:0 auto 0 auto;
	}

/** Karriere **/




	#Karriere_Page .content_karriere{
		margin-top:0;
	}
	#Karriere_Page h2.page_part_headline{
		font-weight:500;
	}
	#Karriere_Page .button{
		min-height:50px;
		min-width:140px !important;
		padding-top:10px;
		background-size: inherit;
	}
	#karriere_slider .anker_area h2.page_part_headline{
		/*padding-top:24%;*/
	}
	#karriere_slider .field h3{
		font-size:17px;
	}

	#karriere_slider img {
		width:160%;
		margin-left:-30%;
		max-width:none;
	}
	#Karriere_Page .karriere_text{
		position:relative;
		top:-50px;
		margin-bottom: -80px;
	}

	.view-karrierebereiche-links-startseite a {
    	display: block;
		margin-bottom:30px;
	}

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


/** Kontakt **/

	#Kontakt .page_part_headline{
		padding:45px 0 0 0;
	}
	#Kontakt.page_part{
		padding-top:100px;
		margin-top:-20px;
	}
	#Kontakt {
		background-position:center 11%;
	}
	#text_cgn img{
		max-width:255px;
		max-height:255px;
	}

  /** Contact Button **/

    /*.canvas_contact_more{
      display:none;
    }*/

    .canvas_contact_more {
      top:84px;
      background: url(../images/Buttons/offcanvas_contact_more_mobile.png) left top no-repeat;
    }

    .canvas_contact_more .fa{
      color:#fff;
    }


/** Business **/

	#block-views-block-unterkategorien-tabs-block-1 .tab {
		display:block;
		width:100% !important;
		margin:0;
		padding:0 2% 11px 2%;
	}
	#block-views-block-unterkategorien-tabs-block-1 .tab .img_container{
		float:left;
		padding-right:30px;
		padding-right:15px;
	}
	#block-views-block-unterkategorien-tabs-block-1 .tab img{
		width:50px;
		width:35px;
	}
	.vocab_leistungsbereiche .tab h4{
		padding-top:5px;
		text-align:left;
		font-size:16px;
	}
	.button, .stellenangebote_full .button {
		margin-bottom:15px;
	}
	#success_story_teaser_services .row{ /*übernimmt 50px margin nicht beim ersten, deshalb buttons^ */
		margin-bottom:0;
	}
  #success_story_teaser_services .toggle_group_succes_story {margin-bottom: 40px;}
/** Success_Stories **/

	#success_stories_head {
		background-position:center 0% !important;
		margin-top:15px;
	}
	#success_stories_head.page_part {
    margin-bottom: 0;
}

	.path-success-stories .arrow_down_grey {
    	background: url("../images/Buttons/arrow_down_white.png") top center no-repeat;
    	color: #fff !important;
	}

/** Anker **/

	#Top.start_anker, #Start.start_anker{
		position:absolute;
		top:-100px;
	}
	#Leistungen.start_anker{
		bottom:30px;
	}
	#karriere_slider .anker_area{
		top:-50px;
	}

	body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
		/*background-size: 300% 140vh;*/
		background-size:auto;
	}

	body.page-node-type-stellenangebote .main-container {
		background-position: center 130px;
	}

/*	#News {
		height:	600px;
	}*/

	.gmap {
    	height: 200px;
	}

	/*.help_bg_unternehmen {
	    background-position: right 7%;
	}*/


/***  Core services   ***/

#success_story_teaser_services .button {
	margin-bottom:50px;
}


/***   Firmen   ****/

.firmen_text_headline {
    margin-top: 30px;

}


.view-firmen-liste .firmenlogo {
    	margin-bottom: 0;
	}



/***   Stellenangebot   ****/
.stellenangebote_full article {
    padding: 0;
}

.stellenangebote_full .stellenangebote_headline {
    padding: 20px 0;
}



.stellenangebote_teaser article {
    padding: 0 0;
}


.stellenangebote_teaser, .stellenangebote_full {
    padding: 20px;
}

/***   Services   ****/

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

body.path-success-stories .main-container {
		background-size: 300% 120vh;
	}

.xs-center {
	text-align:center;
}

.unternehmen_ansprechpartner {
	margin-bottom:30px;
}

.unternehmen_ansprechpartner img {
    margin-bottom: 0;
}


.slider_nav_bullets {
	display:block;
	margin-bottom:30px;
}

.not-centered .field{
  text-align:left!important;
}
}

@media (min-width: 768px) {
	 .navbar-right .dropdown-menu {
		left: auto;
		right: 0;
	 }
	 .navbar-right .dropdown-menu-left {
		left: 0;
		right: auto;
	 }
}


@media screen and (max-width: 767px)
and (orientation : landscape ) {

.region-header{
		max-width:100%;
		top:8px;
	}

.navbar-toggle {
    padding-top:22px;
	}


.page_full_height_fixed_top {
	height:auto;
	min-height:inherit;
}

#Leistungen.start_anker {
    bottom: -50px;
}

body.path-success-stories .main-container {
		background-size: 300% 160vh;
	}
body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
		background-size: auto;
	}


	/*.help_bg_unternehmen {
	    background-position: right 6.5%;
	}*/

.main-container {

    padding-top: 30px;
}

.path-frontpage #Start_Page.page_part .container {
    padding-top: 10px;
}

#Start_Page.page_part .container .start_headline_row, .horizontal #Start_Page.page_part .container .start_headline_row, .extra_horizontal #Start_Page.page_part .container .start_headline_row {
    padding-top: 50px;
}


}


@media screen and (max-width: 767px)
and (orientation : portrait) {

.kontakt_container .nav-pills > li > a, .kontakt_container .nav-pills > li > a:hover, .kontakt_container .nav-pills > li > a:focus {
	font-size:20px;
	line-height:20px;
}

.kontakt_container .nav-pills > li.active > a, .kontakt_container .nav-pills > li.active > a:hover, .kontakt_container .nav-pills > li.active > a:focus {
	font-size:30px;
	line-height:28px;
}


}