@media (max-width: 1023px) {

	body.path-success-stories .main-container {
		background-size: auto;
		/*background-size: 200% 120vh;*/
		background-position:center 145px;
	}

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

	.page_full_height_fixed_top {
    	height: calc(100vh - 90px);
	}





}


@media (max-width: 991px) {


	#Start_Page.page_part .container {
		padding-top:7%;
	}

	.path-frontpage  #Start_Page.page_part .container {
    	padding-top: 17%;
	}

	h2.start_headline, h2, h1.start_headline {
		font-size:22px;	
	}

	.stellenangebote_full .button {
		padding-top:8px;
		display:block;
		margin-bottom:6px;
	}

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


}


/* very small desktop */
@media (max-width: 1023px) and (min-width: 768px)  {

/*	body {
		background-color:red;
	}*/


	.margin_top_extra {
    margin-top: 60px;
}


	.navbar-collapse {
		position:absolute;
/*		top:10px;	*/
	}

	.navbar-header {
		position:absolute;
		top:30px;
		max-width:25%;
		z-index:1500;
	}

	#block-ki-search {
		position:relative;
		top:28px;
	}



	/** Karriere **/

	body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
		background-size: auto;
	}

	body.page-node-type-stellenangebote .main-container {
		background-position: center 3%;
	}
	#karriere_slider .anker_area {
		top:5%;
	}

	/** Success_Stories **/

/*	body.path-success-stories .main-container #success_stories_head {
		background-position:center 0% !important;
		margin-top:15px;

	}

	#success_stories_head.page_part .container {
    	padding-top: 2%;
	}
	*/



	h2.start_headline, h1.start_headline {
		font-size: 26px;
	}
	.button_area .buttons_single {
		margin-bottom:20px;
	}

	.gmap {
    	height: 300px;
	}

/****   NAVBAR   ****/

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


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

.region-header {
	display:block;
}
#navbar {
    top: 0px;
    position: fixed;
    width: 100vw;
    z-index: 9999;
}
#navbar .container {
    padding: 0 10px 0 10px;
    height: auto;
	width:100%;
}
.navbar-collapse.collapse {
    display: none !important;
}

.navbar-collapse.collapse.in {
    display: block !important;
}

.navbar-header {
    width: 100vw;
    top: 0px !important;
    max-width: 100%;
    padding: 0 5% 0 5%;
    position: absolute;
    z-index: 2;
}
.navbar-default.navbar {
    padding-top: 0;
    height: auto;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}


.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: 18px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	border:none;
	padding: 18px 10px 18px 10px;
}


.navbar-toggle .icon-bar {
	display: block;
    width: 31px;
    height: 3px;
    border-radius: 3px;
    margin-bottom: 5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

.region-navigation-collapsible {
    padding: 30% 12% 0 12%;
    width: 100%;
}

.navbar-collapse.collapse.in {
    overflow-x: visible;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
	background: rgba(255, 255, 255, 0.9);

    padding: 0px;
    border-top: 0px;
    height: 100vh !important;
	width: 100%;
}

#block-sprachumschalter-2, #block-mainnavblock-2 {
    float: none !important;
    display: block;
}

#block-mainnavblock-2 .navbar-nav {
    float: none !important;
    margin: 0;
}

.navbar-nav > li {
    float: none;
}

#block-sprachumschalter-2 li a, #block-mainnavblock-2 li a {
    width: 100%;
    margin-bottom: 22px;
    border-bottom: 3px solid #939292;
    padding: 0;
    padding-bottom: 6px;
}

#block-sprachumschalter-2 a, #block-mainnavblock-2 a {
    font-size: 18px !important;
    font-weight: 400;
}

#block-sprachumschalter-2 ul.links, #block-sprachumschalter-2 ul.links li {
    display: block;
}
#block-sprachumschalter-2 ul li.is-active {
    display: none;
}

#block-ki-search > div {
    float: none;
    margin: 0;
    padding: 30px 12% 0 10.5%;
    width: 100%;
}

#block-ki-search .input-group {
    display: block;
}

#block-ki-search .input-group .form-control {
    background: rgba(255, 255, 255, 0);
    text-align: left !important;
    font-size: 22px;
    color: #7D7D7D;
    border-bottom: 3px solid #939292 !important;
    border-radius: 0px;
    padding: 0;
    padding: 0 10px 0 0;
}



 .visible-xs-block {
    display: block !important;
  }


}


/* portrait */
@media screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {


body.path-frontpage .main-container #Start_Page, body.path-taxonomy .main-container.vocab_leistungsbereiche #Start_Page {
   		margin-top:60px;
  	}



#Start_Page.page_part .container .start_headline_row {
    bottom: 50%;
}

body.path-frontpage .main-container #Start_Page, body.path-taxonomy .main-container.vocab_leistungsbereiche #Start_Page {
    background-position: 65% bottom;
}

	.page_full_height_fixed_top {
   		height: calc(100vh - 80px);
		min-height:calc(100vh - 80px);
  	}


/*	.canvas_contact_more, .scroller-nav, .firmen-nav {
		display:none;
	}*/

	.canvas_contact_more {
		display:none;
	}

	h2.start_headline, h2, h1.start_headline {
		font-size:40px;
	}

/*	.leistungsbereich_nav_icons {
    	bottom: 250px;
	}*/

	#Leistungen {
    	bottom: 230px;
	}

/*	.help_bg_unternehmen {
    	background-position: center 500px;
	}*/


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


	#Unternehmen h2 {
		font-size:26px;
	}

	#Unternehmen h2.page_part_headline {
		font-size:16px;
	}

	#Kontakt {
    	background-position: center 70px;
	}

/*
	.more_link_bottom {
    position: static;
    margin-top: 150px;
    width: 100%;
	}*/



.ki_logo_footer {
    text-align: left;
}


/*.success_story_top {
    height: 100vh;
	margin-bottom:0;
}*/


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



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


.leistungsbereich_nav_icons {
    bottom: 200px;

}


.more_link_bottom {
    bottom: 220px;
}


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


.unternehmen-bildteaser h3.unternehmensteaser_headline {
	height:52px;
}

}


/* small desktop */
@media (min-width: 1024px) and (max-width: 1123px) {

	.navbar-default.navbar {
		height:130px;
	}

	/** Karriere **/

	body.page-node-type-karriere .main-container, body.path-taxonomy .main-container.vocab_karrierebereiche {
		background-size: auto;
	}

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

	#karriere_slider .anker_area {
		top:10%;
	}

	/** Success_Stories **/

	body.path-success-stories .main-container #success_stories_head {
		background-position:center 0% !important;
		margin-top:15px;
		/*background-size: cover;*/
	}
	#success_stories_head.page_part .container {
    	padding-top: 5%;
	}

	h2.start_headline, h2, h1.start_headline {
    font-size: 26px;
}

}


/* landscape  */
@media screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape ) {

/*	body {
		background-color:cyan;
	}*/
/*	.canvas_contact_more, .scroller-nav, .firmen-nav {
		display:none;
	}*/

	.page_full_height_fixed_top {
   		height: calc(100vh - 130px);
		min-height:calc(100vh - 130px);
  	}

	.canvas_contact_more {
		display:none;
	}

/*	#Start_Page.page_part .container .start_headline_row {
		bottom:55%;
	}
*/

#Start_Page.page_part .container {
    padding-top: 80px;
}
	.leistung_focus .leistungsbereich_nav_icons {
		bottom:130px;
	}

body.path-taxonomy .main-container.vocab_leistungsbereiche.container_term_2 #Start_Page  {
   		margin-top:20px;
  	}


body.path-frontpage .main-container #Start_Page  {
   		margin-top:0px;
  	}


	/*#Leistungen {
    	bottom: 280px;
	}*/
	#Kontakt {
		background-position: center 5%;
	}

	#Leistungen {
    bottom: 220px;
	}



.leistungsbereich_nav_icons {
    bottom: 140px;
}

/*	.help_bg_unternehmen {
    	background-position: center 520px;
	}*/


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



}





@media (min-width: 768px) {

.navbar-toggle {
    display: block;
}

}

@media (min-width: 1024px) {

.navbar-toggle {
    display: none;
}




}