@charset "UTF-8";
/* CSS Document */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ---------- FONTS -------------- */

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}





/* ---------- ALLGEMEIN ---------- */

	body {
		background-color: #FFFFFF;
		color: #000000;
		overflow-x: hidden;
	}

	* {
		font-family: 'Roboto', sans-serif;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-size: 18px;
	}

	
	#wrapper {
		overflow: hidden;
	}

	.spacer {
		float: none;
		clear: both;
	}

	.unsichtbar {display: none;}

	.no-padding {
		padding: 0px !important;
	}

	img.fullwidth {
		width: 100% !important;
		height: auto !important;
		margin: 15px auto;
	}

	a:link, a:visited {
		color: #585857;
	}



/* ---------- FONTS ---------- */

	h2 {
		margin-bottom: 15px; 
		padding-bottom: 10px;
		font-size: 20px;
		letter-spacing: 1px;
	}

	h3 {
		font-size: 30px; /* für die Headlines auf der Startseite */
		font-weight: 500;
		padding: 35px 35px 15px 35px;
	}

	p {
		margin: 0 0 15px 0;
		font-weight: 300;
		line-height: 1.5;
		padding: 0px 0px 15px 0px;
	}



/* ---------- STARTSEITE ---------- */

	.arbeitszeit_initiativ .kachel-1,
	.ausbildung .kachel-4 {
  		min-height: 620px !important;
	}

	.arbeitszeit_initiativ .kachel-7 {
  		min-height: 470px !important;
	}

	.stellenangebote {
		padding: 0;
		margin: 0;
        z-index: 100;
	}

	.stellengebote ul {
		border-top: 3px solid #fff !important;
	}

	.stellenangebote li {
		font-size: 28px;
		font-weight: 400;
		padding: 0px 0 25px 0px;
		color: #fff;
		list-style-type: none;
		line-height: 25px;
	}

	.stellenangebote li a:link,
	.stellenangebote li a:visited {
		color: #fff;
	}

	.ausbildung {
  		background: #393742;
	}

	.arbeitszeit_initiativ .kachel-2 {
  		min-height: 400px;
	}

	.kachel-3 ul {
		padding-left: 0px;
	}

	.kachel-3 ul li {
		padding-top: 25px;
		padding-bottom: 25px;
		border-bottom: 3px solid #fff;
		align-content: center;
	}

	.kachel-3 ul li:hover {
		cursor: pointer;
		background-color: #fff;
	}

	.kachel-3 ul li:hover a {
		color: #EA8A23;
		text-decoration: none;
	}

	.kachel-3 ul li a {
		font-size: 24px;
		line-height: 1.4;
	}

	.uebersicht .item {
		width: 20%;
		float: left;
		border: 1px solid #000;
		margin: 0 2%;
	}

	a.link_teaser {
		color: #EA8A23 !important;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.5;
		padding: 15px;
		text-transform: uppercase;
		display: inline-block;
	}

	a.link_teaser {
		border-top: 3px solid #EA8A23;
		border-bottom: 3px solid #EA8A23;
	}

	a.link_teaser:hover {
		color: #fff !important;
		background-color: #EA8A23;
		text-decoration: none;
	}


/* ---------- Reihenfolge Kacheln ändern auf Smartphones -------------- */

/* @media (max-width: 575px) { 
	.arbeitszeit_initiativ {
		order: 3 !important;
	}

	.stellenangebote {
		order: 1 !important;
	}

	.ausbildung {
		order: 2 !important;
	}
} */

@media (min-width: 576px) { 
.arbeitszeit_initiativ {
	order: 1;
}

.stellenangebote {
	order: 2;
}

.ausbildung {
	order: 3;
}
}

/* ---------- Formatierung Stellenangebote anpassen für Smartphones -------------- */

@media (max-width: 575px) { 
  .stellenangebote ul li a {
    font-size: 18px !important;
  }
  
  .stellenangebote ul li {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
  }
  
}


/* ---------- LAUFTEXT -------------- */

.lauftext {
		max-width: 100vw; /* iOS braucht das */
		white-space: nowrap;
		overflow: hidden;
  		background: #d4d4d4;
  		color: #333;
  		border-top: 3px solid #fff;
  		border-bottom: 3px solid #fff;
  		height: 50px;
	}

	.lauftext p {
		display: inline-block;
		padding-left: 100%;
		animation: lauftext 25s linear infinite;
      	padding-top: 7px;
      	padding-bottom: 0px;
      	line-height: 30px;
	}

	/* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */
	.lauftext p:hover {
		animation-play-state: paused 
	}

	/* Make it move */
	@keyframes lauftext {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}

	.lauftext a:hover {
  		color: #EA8A23;
	}

@media (max-width: 575px) {
  .lauftext {
    display: none !important;
  }
  
}
/* ---------- LOGO + TITEL ---------- */

	#logo img {
		height: auto;
		display: inline;
		margin: 20px 0px 0px 15px;
		float: left;
	}

	#logo h2 {
		display: inline;
		float: right;
		margin-top: 23px;
		margin-bottom: 3px;
		margin-right: 15px;
	}

	.titel {
		float: right;
	}



/* ---------- EINZELSEITE ---------- */

.einzelseite #contentContainer {
	margin-top: 60px;
	min-height: 800px;	
}

.einzelseite #contentContainer h2 {
	text-align: center;
	margin: 0px;
    color: #ff901a;
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 15px;
}

.einzelseite h3 {
	font-size: 24px;
    font-weight: 500;
    padding: 15px 0 15px 0;
}

.mobilemaximenuck div.level2.maximenuck > a {
    background-image: none;
    padding-left: 35px;
	font-size: 16px!important;
}

	

/* ---------- EINZELSEITE DUNKEL | Orange, Grau, Hellgrau ---------- */

	.einzelseite-dunkel #mainContentContainer h2 {
		text-align: center;
		color: #ff901a;
		font-size: 33px;
		font-weight: 500;
		margin-bottom: 15px;
	}

	.einzelseite-dunkel h3 {
		text-align: center;
		font-size: 23px;
		font-weight: 500;
		margin: 25px 0;
		padding: 0;
	}

	.einzelseite-dunkel h4 {
		color: #000;
		font-size: 20px;
		font-weight: 600;
		padding: 15px 0 15px 0;
	}

	.einzelseite-dunkel #contentContainer {
			margin: 0 auto 55px auto!important;
			background: rgba(255,255,255,0.0);
	}

	.orange {
		background-color: #ff901a;
		color: #FFF;
		padding: 20px; 
		margin: auto;
	}

	.orange a {
		color: #FFF!important;
	}
	
	.orange p {
		margin-bottom: 0!important; 
		padding-bottom: 0;
	}
	
	.orange hr {
		background-color: #FFF!important;
	}
	
.aktuelle-stellen.orange ul {margin: 20px 0; padding: 20px 0;}
.aktuelle-stellen.orange li {list-style: none; background: url(../images/listi.png) 20px 8.5px no-repeat; padding-left: 40px;}
.aktuelle-stellen.orange li a {color: #FFF;}

	.weiss {
			background: rgba(255,255,255,0.8); 
			padding: 20px; 
			max-width: 90%; 
			margin: auto;
	}

	.grau {
		background-color: #212026;
	}

	.grau p {
		color: #ffffff;
	}

	.hellgrau {
		background-color: #F3F3F2;
	}

	.hellgrau p {
		color: #212026;
	}

	.hellgrau li {
		color: #212026;
	}

	.hellgrau h2,
	.hellgrau h3 {
		color: #ff901a;
	}

	.hellgrau h3 {
		text-align: left;
	}

	.hellgrau a { /* für Kooperationen */
		color: #ff901a !important;
	}

	


	
/* ---------- Kachellayout INITIATIVBEWERBUNG + MANAGEMENT + MÖNCHENGLADBACH ---------- */	
	
	.initiativbewerbung, .management, .benefits {
		background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/hintergrund_initiativbewerbung.jpg) center top no-repeat; 
		background-size: cover; 
		margin-top: -2px!important; 
		margin-bottom: -20px!important;
	}

	.initiativbewerbung #contentContainer, .management #contentContainer, .mg #contentContainer, .erk #contentContainer, .ueber-uns #contentContainer, .benefits #contentContainer {
		margin-top: 0!important;
		background: rgba(255,255,255,0.0);
		color: #FFF;
		padding: 60px 0;
	}

	.initiativbewerbung h3, .management h3, .benefits h3 {color: #ff901a;}
	 .career-infobox {
		padding: 3px;
	}
	
	.career-infobox .content {
		background-color: #ff901a;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 240px;
		overflow: hidden;
		padding: 10px;
		max-width: 278px;
	}

	.career-infobox .content.sparschwein {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/sparschwein.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.geld {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/geld.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.grillen {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/Weihnachten_2023.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.lernen {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/lernen.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.obst {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/obst.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.sport {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/sport.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content.uhr {background: url(../../../../images/bilder/aktuelle_stellenangebote/initiativbewerbung/uhr.jpg) center top no-repeat; background-size: cover;}
	.career-infobox .content p {
		padding: 0; margin: 0;
	}

	.career-infobox .content.personal {background: url(../../../../images/bilder/ueber_uns/management/personal.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.controlling {background: url(../../../images/bilder/ueber_uns/management/controlling.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.wartung {background: url(../../../images/bilder/ueber_uns/management/wartung.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.konstruktion {background: url(../../../images/bilder/ueber_uns/management/konstruktion.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.ie {background: url(../../../images/bilder/ueber_uns/management/ie.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.versand {background: url(../../../images/bilder/ueber_uns/management/versand.png) center top no-repeat; background-size: cover;}
	.career-infobox .content p {
		padding: 0; margin: 0;
	}


	.career-infobox .content.mg-1 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/MG_1.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-2 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_2.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-3 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_3.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-4 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_4.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-5 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_5.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-6 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_6.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-7 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_7.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-8 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_8.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-9 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_9.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-10 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_13.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-11 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_11.png) center top no-repeat; background-size: cover;}
	.career-infobox .content.mg-12 {background: url(../../../../images/bilder/ueber_uns/ueber_moenchengladbach/mg_12.png) center top no-repeat; background-size: cover;}
	

	.career-infobox .content.erk_1 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_1.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_2 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_2.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_3 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_3.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_4 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_4.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_5 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_5.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_6 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_6.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_7 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_7.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_8 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_8.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_9 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_9.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_10 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_10.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_11 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_11.jpg) bottom no-repeat; background-size: cover;}
	.career-infobox .content.erk_12 {background: url(../../../../images/bilder/ueber_uns/ueber_erkelenz/erk_12.jpg) bottom no-repeat; background-size: cover;}
	




	.career-infobox .content p {
		padding: 0; margin: 0;
	}


	
	/* Swap - Effekt Initiativbewerbung- + Managementkacheln, geht auch ohne JAVASCRIPT */

@media (min-width: 575px) {
	
	.first {display : block;}
	.second {display: none; position: absolute; margin-left: -13000px;}
		.second p {font-size: 15px!important;}
	.career-infobox:hover .first{display : none}
	.career-infobox:hover .second {position: absolute; margin-left: 0px; font-size: 10px!important; }
	@media (max-width: 640px) {
		.career-infobox:hover .first   {display : inherit!important;}
		.career-infobox:hover .first p {margin-top: 97px;}
		.career-infobox:hover .second  {visibility: hidden!important;}
	}
	
	.management .second p{
	font-size: 13px !important;
	}

}

@media (max-width: 575px) {
	.career-infobox {
		display: block;
	}
	
	.second p {
		font-size: 15px!important;
	}
	
	.second {
		margin-top: 8px;
		margin-left: auto; margin-right: auto;
	}
	
	.first, 
	.sparschwein, .geld, .grillen, .lernen, .obst, .sport, .uhr, 
	.personal, .controlling, .wartung, .konstruktion, .ie, .versand, 
	.mg-1, .mg-2, .mg-3, .mg-4, .mg-5, .mg-6, .mg-7, .mg-8, .mg-9, .mg-10, .mg-11, .mg-12,
	.erk_1, .erk_2, .erk_3, .erk_4, .erk_5, .erk_6, .erk_7, .erk_8, .erk_9, .erk_10, .erk_11, .erk_12 {
		margin-left: auto; margin-right: auto;
	}

}

/* ---------- SOZIALES ENGAGEMENT, ÜBER UNS ---------- */
	 
	.sozial, .ueber-uns, .know-how {
		background: url(../../../../images/bilder/hintergrund_neutral.jpg) center top no-repeat; 
		background-size: cover; 
		margin-top: -2px!important; 
		margin-bottom: -20px!important;
	}
	
	.sozial #contentContainer, .ueber-uns #contentContainer, .know-how #contentContainer {
		margin-top: 0!important;
		background: rgba(255,255,255,0.0);
		color: #FFF;
	}
	
	.ueber-uns #contentContainer {
		margin-top: 0!important;
		margin-bottom: 0!important;
	}

.sozial h2 {
	padding-top: 60px!important;
}


		

/* ---------- NAVIGATION ---------- */

	@media (max-width: 640px) {
		.mobilebarmaximenuck {
			font-family: 'Roboto', sans-serif;
			background-color: #ff901a !important;
		}
mg-
		.mobilemaximenuck {
			font-family: 'Roboto', sans-serif;
			background-color: #ff901a !important;
		}

		.mobilemaximenucktopbar {
			height: 40px !important;
			background-image: none !important;
			background-color: #ff901a !important;
		}

		.mobilemaximenuck div.maximenuck {
			cursor: pointer;
			background: none !important;
			padding-bottom: 0px !important;
			border-bottom: 1px solid #FFFFFF;
		}

		div#maximenuck90.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck90.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
			text-transform: uppercase;
		}

	}

	.mobilemaximenuck {
		text-shadow: 1px -1px 2px #EA8A23 !important;
	}

	.mobilemaximenuck img {
		display: none;
		overflow: hidden;
	}

	div.level1.maximenuck > a {
		background-image: none !important;
		margin-left: -20px !important;
	}

	.mobilebarmenutitleck {
		color: #ff901a;
	}

	.mobilemaximenuck .mobilemaximenucktitle {
		color: #ff901a;
	}

	.mobilebuttonmaximenuck {
		background: url(../../../images/grafikelemente/burger-menu.png) left center no-repeat;
	}

	.mobilemaximenuck .mobilemaximenuckclose {
		background: url(../../../images/grafikelemente/burger-x.png) center center no-repeat;
	}

	.mobilemaximenuck .mobilemaximenucktogglericon {
		background: url(../../../images/grafikelemente/submenuopener.png) center center no-repeat;
		margin-right: 5px;
	}
	
	
	.mobilemaximenuck div.current > a:after {
		background-image: none;
	}



/* ---------- KACHELN ---------- */

	.kachel {
		text-align: center;
		min-height: 400px;
		padding-left: 60px;
		padding-right: 60px;
	}

	.kachel-3 {
		padding-left: 10px;
		padding-right: 20px;
	}

	.kachel-1 {
		background-color: #fff;
		height: 50%;
	}

	.kachel-1 h3 {
		color: #EA8A23;
	}

	.kachel-1 p {
		color: #000;
	}

	.kachel-2 {
		background-color: #393742;
		height: 50%;
	}

	.kachel-2 h3 {
		color: #fff;
	}

	.kachel-2 p {
		color: #fff;
	}

	.kachel-3 {
		background-color: #EA8A23;
	}

	.kachel-3 h3 {
		color: #fff;
	}

	.kachel-3 p {
		color: #fff;
	}

	.kachel-4,
	.kachel-5 {
		height: 50%;
	}

	.kachel-4,
	.kachel-7 {
		background-color: #F3F3F2;
	}

	.kachel-4 h3,
	.kachel-7 h3 {
		color: #EA8A23;;
	}

	.kachel-4 p,
	.kachel-7 p {
		color: #000;
	}

	.kachel-5 img,
	.kachel-6 img,
	.kachel-8 img {
		align-content: center;
		width: 100%;
		height: 100%;
		min-height: 150px;
	}

	.kachel-5 {
		overflow: hidden;
		background: url(../../../images/bilder/home/mechaniker.jpg) top center no-repeat;
		background-size: cover;
	}

	.kachel-6 {
		overflow: hidden;
		background: url(../../../images/bilder/home/zutrittskontrolle.jpg) top center no-repeat;
		background-size: cover;
	}

	.kachel-8 {
		overflow: hidden;
		background: url(../../../images/bilder/home/azubis.jpg) top center no-repeat;
		background-size: cover;
	}

	.kachel-9 {
		background-color: #393742;
	}

	.kachel-9 p,
	.kachel-9 h3 {
		color: #fff;
	}

	.kachel img {
		max-height: 500px;
		height: auto;
		min-width: 100%;
		width: auto;

	}

	.kachel-9 img {
		width: 250px;
		height: auto;
	}



/* ---------- Footer ---------- */

	#footer {
		background-color: #212026;
        margin-left: -8px;
        width: 102%;
	}

	#footer img {
		width: 180px;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
	}

	#footer a {
		color: #fff;
		padding-top: 55px;
		text-decoration: none;
	}

	#footer a:hover {
		color: #EA8A23;
		text-decoration: none;
	}

	#footer p {
		color: #fff;
		font-weight: 400;
	}

	.actions ul li:last-child a {
		display: none;
	}

	#footer {
		text-align: center;
	}


	.facebook,
	.youtube,
	.xing {
		width: 30px;
		height: 30px;
		margin: 25px 10px 0px 5px;
	}

	.facebook a img,
	.youtube a img,
	.xing a img {
		width: 30px !important;
		height: 30px !important;
		padding: 0px !important;
		position: absolute;
	}

	.facebook a .f-hover,
	.youtube a .y-hover,
	.xing a .x-hover {
		visibility: hidden;
	}

	.facebook a:hover .f-hover,
	.youtube a:hover .y-hover,
	.xing a:hover .x-hover {
		visibility: visible;
		z-index: 3000;
	}

	.facebook a:hover .f,
	.youtube a:hover .y,
	.xing a:hover .x  {
		visibility: hidden;
	}

	.facebook,
	.youtube,
	.xing {
		display: inline-block;
	}



/**************************************************************************************************************/
/*** Stellenanzeige Single ***/
/**************************************************************************************************************/

.bgImageContainer{
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}
.spacerBlock{
	height: 40px;
}

.tabsContainer{
	padding: 0px;
}

.rowNoMargin{
	margin-left: -15px;
	margin-right: 0px;
}
#contentContainer{
	background: rgba(255,255,255,0.9);
	padding: 0px 40px;
}


.sa_smallHeadlines{
	font-size: 22px;
	text-align: center;
	margin: 20px 0px;
}

.subHeadline{
	text-transform: uppercase;
}

.sa_mainTextContainer{
	text-align: center;
}

.sa_detailImage, .sa_bottomImages{
	width: 100%;
	max-width: 100%;
}

.stellenanzeigeHeadline{
	color: #ff9000;
	margin-top: 0px;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
}

#saTab .nav-link{
	display: block !important;
	font-size: 20px;
	text-transform: uppercase;
	border: none ;
}

.bottomHeadlineContainer{
	margin: 30px auto;
}
.nav-tabs {
	border-bottom: 1px solid #000;
}
#saTab .nav-link.active{
	font-weight: bold !important;
	border-bottom: 4px solid black !important;
	background: none;
}

.tab-content>.active {
	display: block;
	text-align: left;
}
.nav-item2{
	padding: 0px 95px;
}

.tab-pane{
	padding: 30px 0px;
}

.leftTabBox{
	padding-right: 40px;
}

#contentBottom{
	background: #393742;
	padding: 30px 15px;
	margin: 0px -40px;
}

.aligner{
	display: inline-block;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.rightBottomBox{
	background: #f3f3f2;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
}

.rightBottomBox p{
	line-height: 24px;
}

.rightTabBox{
	background: #f3f3f2;
	padding: 15px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	min-height: 440px;
}

.moduleBoxHeadlines{
	font-size: 20px;
	text-transform: uppercase;
}

a.jetzt_bewerben {
	color: #393742 !important;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	padding: 15px;
	text-transform: uppercase;
	display: inline-block;
	border-top: 3px solid #393742;
	border-bottom: 3px solid #393742;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	width: 200px;
	bottom: 40px;
}

a.jetzt_bewerben:hover {
	color: #fff !important;
	background-color: #393742;
	text-decoration: none;
}
@media (max-width: 1200px) {
	a.jetzt_bewerben {
		bottom: 14px;
	}

	.rightBottomBox {
		background: #f3f3f2;
		padding: 5px;
		text-align: center;
		font-size: 18px;
		line-height: 18px;
	}
}
@media (max-width: 990px) {

	.leftTabBox{
		padding-right: 0px;
		padding-left: 0px;
	}

	a.jetzt_bewerben {
		bottom: 30px;
	}
	.rightTabBox {
		height: 430px;
		min-height: auto;
	}

	.rowNoMargin {
		margin-left: 0px;
		margin-right: 0px;
	}

	.stellenanzeigeHeadline{
		font-size: 24px;
	}

}

@media (max-width: 768px) {
	.nav-tabs .nav-item {
		margin-bottom: -1px;
		width: 100%;
		text-align: center;
	}

	.nav-tabs {
		border-bottom: none !important;
	}
	.nav-item2 {
		padding: 0px;
	}

	.nav-link{
		width: 100%;
	}

	#saTab .nav-link {
		border-bottom: 1px solid black;
		height: 80px;
		line-height: 80px;
		margin: 1px;
	}
	.rightBottomBox {
		height: 350px !important;
	}

	#contentContainer {
		margin: 40px auto 10px auto;
	}


}

@media (max-width: 640px) {


}

@media (max-width: 380px){
	.rightBottomBox {
		height: 390px !important;
	}
}
[data-player] {
	height: 100% !important;
	width: 100% !important;
}


/**************************************************************************************************************/
/*** Stellenanzeige Kategorie ***/
/**************************************************************************************************************/
.catHeadline{
	margin: 0px;
	color: #ff901a;
	font-size: 33px;
	font-weight: 600;
	margin-bottom: 15px;
}

.kachelDunkel{
	background: #393742;
}

#sa_postContainer{
	background: #ced8dd;
	padding-top: 30px;
}

.catsRightBox{
	background: #f3f3f2;
	padding-top: 30px;
	text-align: center;
	padding-bottom: 40px;
}

.catsLeftBox{
	padding-top: 30px;
	padding-right: 30px;
	text-align: justify;
}

.sa_singlePostInnerContainer{
	background: #393742;
	padding: 20px 15px 120px 15px;
	height: 100%;
	text-align: center;
	color: #FFF;
}

.sa_singlePost{
	margin-bottom: 30px;
}
.noEntriesHeadline{
    font-size: 30px;
    font-weight: 600;
    margin: 80px auto;
}

a.sa_readMore {
	color: #FFF !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding: 15px;
	text-transform: uppercase;
	display: inline-block;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	width: 200px;
	bottom: 20px;
}

a.sa_readMore:hover {
	color: #393742 !important;
	background-color: #FFF;
	text-decoration: none;
}

.sa_singlePostHeadline{
	font-size: 20px;
	font-weight: 600;
	padding: 0px;
	margin-bottom: 20px;
}

.sa_singlePostInnerContainer p{
	font-size: 16px;
	line-height: 20px;
}

/**************************************************************************************************************/
/*** Stellenanzeigen Übersicht ***/
/**************************************************************************************************************/
#header{
    background: #FFF;
}
#backgroundSlider{
    height: 100vh;
    width: 100vw;
    top: 0px;
    left: 0px;
    z-index: -1;
    position: fixed;
}
#bgSlider{
    height: 100% !important;
}
#mainContentContainerUebersicht {
    margin: 40px auto 200px auto;
}

.uebersichtHeadline{
    display: block;
    width: 480px;
    font-size: 50px;
    text-align: center;
    color: #FFF;
    margin: 40px auto;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
#backgroundSlider{

}
.moduleContainerUebersicht{
    height: 610px;
}
.moduleInnerUebersicht{
    background: #ff901a;
    height: 100%;
}
.uebersichtImage{
    max-width: 100%;
    width: 100%;
}
.uebersichtImage, .modulUebersichtContent{
    float:left;
}

.modulUebersichtContent{
    text-align: center;
    padding: 15px;
}

.modulUebersichtContent P{
    font-size: 18px;
    color: #FFF;
}

.modulUebersichtContent a { color: #FFF;}

.moduleContainerUebersicht h3{
    padding: 0px;
}
.moduleContainerUebersicht h3 a{
    font-size: 24px;
    color: #FFF;
    text-decoration: none;
}

.moduleContainerUebersicht h3 a:hover{
    color: #393742;
}

@media (max-width: 990px) {
    .moduleContainerUebersicht h3 a{
        font-size: 24px;
    }

    .moduleContainerUebersicht{
        height: 500px;
    }

    .modulUebersichtContent P{
        font-size: 16px;
    }
}

@media (min-width: 990px) AND (max-width: 1200px) {
    .modulUebersichtContent P{
        font-size: 16px;
        line-height: 18px;
    }
    .moduleContainerUebersicht{
        height: 500px;
    }

	.kachel h3{
		font-size: 20px;
		display: block;
		max-width: 100%;
	}

	.stellenangebote li a{
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
}
@media (max-width: 768px) {
    .uebersichtHeadline{
        color: #393742;
        text-shadow: none;
		font-size: 30px;
		display: block;
		max-width: 100%;
    }

    #mainContentContainerUebersicht{
        margin-top: 30px;
        margin-bottom: 290px;
    }
    .moduleContainerUebersicht h3 a{
        font-size: 24px;
    }
    .moduleContainerUebersicht{
        height: auto;
        margin-bottom: 30px;
    }
    .moduleInnerUebersicht {
        float: left;
        margin-bottom: 30px;
    }
    .modulUebersichtContent P{
        font-size: 16px;
    }

   /* #backgroundSlider{
        display: none;
    }*/

	.kachel{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.orange, .hellgrau {
		max-width: 100%;
	}
	#contentContainer {
		padding-left: 10px;
		padding-right: 10px;
	}

}



.kachel-2 {
	min-height: 200px;
}
	
@media (min-width: 767px)  {
	.abstand {
	margin-left: 0;
}
	
}


@media (min-width: 640px) {
	#menuBar {
	position: fixed;
	z-index: 100001;
	margin-top: 90px;
}


	#header {
		position: fixed;
		z-index: 100000;
		top: 0!important;
	}

	#slider {
		margin-top: 100px;
	}
	
	
	#contentContainer {
		padding-top: 200px!important;
	}
  
    .kontakt #contentContainer {
		margin-top: -120px !important;
	}
	
	.sozial #contentContainer {
		padding-top: 140px!important;
	}
	
	.karriereMain {
		margin-top: 120px;
	}
	
	.karriereMain #menuBar {
		top: 00px;
	}
}



@media (max-width: 640px) {
		#contentContainer {
		padding-top: 40px!important;
	}
	.sozial #contentContainer {
		padding-top: 0px!important;
	}
}

@media (max-width: 768px) {
	.tabsContainer{
		padding: 10px;
	}
	#contentBottom {
		margin: 0;
	}
}




.leftTabBox p {
	padding:15px;
}

@media only screen and (max-width: 767px) {
	.einzelseite-dunkel #mainContentContainer h2 {
		font-size: 24px !important;
	}
	
	.einzelseite #contentContainer h2 {
		font-size: 24px !important;
	}
	
	h3 {
		font-size: 24px!important;
	}
}


.kachel-viel-inhalt ul li a {
	font-size: 18px !important;
}


.kachel-viel-inhalt ul li {
	padding-top: 15px;
	padding-bottom: 15px;
}



/**************************************************************************************************************/
/*** Sticky Footer ***/
/**************************************************************************************************************/

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

#mainContentContainer,
#mainContentContainerUebersicht {
  flex: 1 0 auto;
}

#footer {
  flex-shrink: 0;
}