/*****************************************
 Meffert Software CSS Document 
 6846c7 = Lila
*****************************************/
/***************************************
 Icons
****************************************/
.career-icon a,
.career-icon a:link,
.career-icon a:visited,
.career-icon a:hover,
.career-icon a:active,
.career-icon a img{
	padding: 0;
	background-image: none;
	outline:none;
	text-decoration: none !important;
}
.career-icon a img{
	width: auto !important;
    height: auto !important;
}
.career-icon a img:hover{
	transform: scale(1.1) !important;
}
.career-icon h2{
	font-size:24px;
}
.button_career {
	margin: 35px 0 0 0;
	padding-top: 100px;
	text-align: center;
	border: none;
	background: url("../2019_img/Web_HR-Icons_Karriere.png") no-repeat center top !important;
	width: auto;
	height: auto;
	display: inline-block;
	min-width: 220px;
}
a.button_career{
	color: #6846c7 !important;
	font-weight: bold;
}
.button_career:hover {
  opacity: 0.5;
}
/***************************************
 Job-Detail - class entry-content @row
****************************************/
.section-job .entry-content p,
.section-bewerbung .entry-content p, 
.section-bewerbung div.data-protection{
	padding: 0  0 0 30px;
}
.section-job .entry-content h1,
.section-bewerbung .entry-content h1{
	font-size: 2rem;
}
.section-job .entry-content h2,
.section-bewerbung .entry-content h2{
	font-size: 1.75rem;
}
.section-job .entry-content h3,
.section-bewerbung .entry-content h3{
	font-size: 1.50rem;
}
#anschrift .form-group {
	padding: 0 30px;
}
.data-protection > label{
	cursor:pointer;
}
/***************************************
 Tabelle
****************************************/
table{
	margin: 0 30px;
}
table,
.table-career-hits {
  width: 100%;
  text-align: left;
  border: 1px solid #b4afa5;
  border-collapse: inherit;
  border-spacing: 3px;
  margin-bottom: 35px;
}
th,
thead,
.table-career-hits thead {
  background: #6846c7;
  color: #ffffff;
}
th,
td,
.table-career-hits td {
  padding: 6px;
  border: 0px solid #ffffff;
}
tbody tr:nth-child(odd),
.table-career-hits tbody tr:nth-child(odd) {
  background: #f0f0f0;
}
tbody tr:nth-child(even),
.table-career-hits tbody tr:nth-child(even) {
  background: #ffffff;
}
.table-career-hits td:nth-child(1) {
  width: 9%;
}
.table-career-hits .thead td:nth-child(2) {
  width: 40%;
}
.table-career-hits .thead td:nth-child(3),
.table-career-hits .thead td:nth-child(4),
.table-career-hits .thead td:nth-child(5) {
  width: 17%;
}
table.table-career-hits td a.jobpost::before{
	height: 15px;
	width: 15px;
	content: "";
    display: block;
	float: left;
	margin-right: 10px;
}
table.table-career-hits td a.jobpost.jobpost-SIA::before{
	background: url('../images/windrose15.png') no-repeat;
}
table.table-career-hits td a.jobpost.jobpost-EGE::before,
table.table-career-hits td a.jobpost.jobpost-ETE::before{
	background: url('../2019_img/favicon15.png') no-repeat;
}
/***************************************
 Tabelle Responsive
****************************************/
@media (min-width: 0px) and (max-width: 767px) {
table {
	display: table !important;
    width: 100% !important;
    background: #ffffff !important;
}
thead {
	display: table-header-group !important;
}
thead tr {
  position: static !important;
  top: auto !important;
  left: auto !important;
}
tbody{
	display: table-row-group !important;
}
tr{
	display: table-row !important;
}
table th,
table td {
	display: table-cell !important;
    padding: 6px 12px !important;
    vertical-align: top !important;
    text-align: left !important;
    width: 100%;
    float: left;
    clear: both;
    border: 0 !important;
}
table tr {
   border: 1px solid #b4afa5;
}
table thead tr:nth-child(1) {
	display: none !important;
}
table tr td:first-child {
	background: none;
}
.table-career-hits td:before {
	width: auto !important;
    font-weight: normal;
    margin-right: 5px;
}
.table-career-hits td:before {
	content: attr(data-label) !important;
}
th,td {
    width: 100% !important;
  }
}
/***************************************
 Formulare
****************************************/
.page-content #mainJobSearch,
.section-bewerbung #jobs{
	margin: 0 0 0 30px;
}
.page-content .select-career-bereich, 
.page-content .select-career-firma, 
.page-content .select-career-kategorie, 
.page-content .select-career-level, 
.page-content .select-career-standort {
    border: 1px solid #b4afa5;
    width: 19.33%;
    color: #000;
    display: inline-block;
}
@media (min-width: 0px) and (max-width: 767px) {
	.page-content .select-career-bereich, 
	.page-content .select-career-firma, 
	.page-content .select-career-kategorie, 
	.page-content .select-career-level, 
	.page-content .select-career-standort {
		 width: 100%;
		 margin-bottom: 10px;
	}
}
@media (min-width: 768px) and (max-width: 1200px) {
	.page-content .select-career-bereich, 
	.page-content .select-career-firma, 
	.page-content .select-career-kategorie, 
	.page-content .select-career-level, 
	.page-content .select-career-standort {
		 width: 30%;
 		 margin-bottom: 10px;
	}
}
.page-content .select-career-firma, 
.page-content .select-career-kategorie,
.page-content .select-career-level,
.page-content .select-career-standort {
    margin-right: 3px;
}
.page-content .select-career-bereich, 
.page-content .select-career-firma, 
.page-content .select-career-kategorie,
.page-content .select-career-level,
.page-content .select-career-standort {
    color: #000;
}
.page-content span.multiselect-native-select {
    position: relative;
}
.page-content span.multiselect-native-select select {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px -1px -1px -3px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    left: 50%;
    top: 30px;
}
.page-content select[multiple] {
    background-image: none;
}
.page-content input[type="text"], 
.page-content select,
.page-content textarea {
    background-color: #fff;
    width: 72.36842105263158%;
    border: 1px solid #b4afa5;
    color: #000;
    border-radius: 0;
}
.page-content .select-career-bereich .btn-group,
.page-content .select-career-firma .btn-group,
.page-content .select-career-kategorie .btn-group,
.page-content .select-career-level .btn-group,
.page-content .select-career-standort .btn-group {
    width: 100% !important;
    background-image: url(../2019_img/icon_arrow_gray_down.png);
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #b4afa5;
}
.page-content .btn-group, 
.page-content .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.page-content .select-career-bereich .btn-group .btn,
.page-content .select-career-firma .btn-group .btn,
.page-content .select-career-kategorie .btn-group .btn,
.page-content .select-career-level .btn-group .btn,
.page-content .select-career-standort .btn-group .btn {
    width: 100%;
    border-radius: 0;
    text-align: left;
    border: none;
    background: 0 0;
}
.page-content button, 
.page-content input[type="button"],
.page-content input[type="reset"],
.page-content input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}
.page-content input.submit-career-search {
    margin: 35px 0 30px;
    padding-top: 135px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.417em;
    border: none;
    color: #6846c7;
    text-transform: uppercase;
    background: url(../2019_img/icon120_search_brown.png) center top no-repeat;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: auto;
    float: none;
}
.page-content input.submit-career-search:hover {
	opacity: 0.5;
}
.page-content input[type="checkbox"]{
	width: auto;
}
select#Geburtstag_monat, select#Geburtstag_tag, select#Geburtstag_jahr{
	width: 23% !important;
	max-width:none !important;
	min-width: 100px !important;
}
select#Geburtstag_monat, select#Geburtstag_tag{
	margin-right: 15px !important;
}
@media (max-width: 778px){
	select#Geburtstag_monat, select#Geburtstag_tag, select#Geburtstag_jahr{
		display:block;
		margin: 0 0 18px 0 !important;
		padding:0px;
		width: 72% !important;
	}
}
/***************************************
 Formulare Fehler
****************************************/
.has-error select, 
.has-error textarea,
.has-error input[type='text'],
.validate_error{
	border-color:#a94442 !important;
	color: #a94442 !important;
}
/***************************************
 Formulare Multiselect
****************************************/
.multiselect-container{
	background-color:#FFF !important;
	font-size: 85% !important;
}
div.select-career-firma ul.multiselect-container li label[title="Assystem"],
div.select-career-firma ul.multiselect-container li label[title="Expleo"]{
	background-image:url(../2019_img/favicon15.png);
	background-position: 3px 5px;
	background-repeat:no-repeat;
	vertical-align:text-bottom;
}
div.select-career-firma ul.multiselect-container li label[title="Autom. Solutions"], 
div.select-career-firma ul.multiselect-container li label[title="Auto Solutions"]{
	background-image:url(../images/asg_icon15.png);
	background-position: 3px 5px;
	background-repeat:no-repeat;
}
div.select-career-firma ul.multiselect-container label.checkbox{
	text-indent: 25px;
}
.multiselect-container input[type="checkbox"]{
    vertical-align:middle;
}
ul.multiselect-container{
	white-space: nowrap;
}
ul.multiselect-container li{
	padding: 1px 5px;
}
.multiselect-native-select .dropdown-toggle::after{
	display: none; /*DropDownPfeil aus Template ausblenden*/
}
.checkbox{
	position: relative;
	display: block;
	cursor: pointer;
}
.multiselect-container a:hover{
	text-decoration: none;
	cursor: pointer;
}
/****************************************
 Social Share
*****************************************/
.socialshare ul l {
  padding-left: 0;
  text-indent: 0;
}
.socialshare ul li::before {
  content: "" !important;
}
.socialshare span {
  color: #b4afa5;
}
ul#socialshare {
  margin: 0 !important;
  padding: 0 !important;
  width: auto;
  display: inline-block;
}
ul#socialshare li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline;
}
ul#socialshare li a {
  display: inline-block;
  width: 55px;
  height: 55px;
  background: #6846c7;
  border-radius: 50%;
  margin: 0 5px;
  background-size: auto 100% !important;
  -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease;
  opacity: 1;
}
ul#socialshare li.mail a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -220px 0;
}
ul#socialshare li.facebook a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -110px 0;
}
ul#socialshare li.twitter a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -275px 0;
}
ul#socialshare li.whatsup a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -330px 0;
}
ul#socialshare li a:hover {
  opacity: 0.5;
}
ul#socialshare li.linkedin a {
  background: #6846c7 url("../images/socialicons.png") no-repeat 0 0;
}
ul#socialshare li.xing a {
    background: #6846c7 url("../images/socialicons.png") no-repeat -55px 0;
    background-size: auto auto;
}
ul#socialbottom li.facebook a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -110px 0;
}
ul#socialbottom li.youtube a {
  background: #6846c7 url("../images/socialicons.png") no-repeat -165px 0;
}
ul#socialbottom li a:hover {
  background-color: #dad7d2;
}
.download-button{
	display: inline-block;
}
/**************************************** 
	Boilerplate Block 
*****************************************/
.career-boilerplate{
	margin-top:-80px
}
.career-boilerplate .box-headline {
    font-size: 1.8em;
    line-height: 1.389em;
    text-transform: uppercase;
    margin-bottom: 1em;
	font-weight:bold;
}
.career-boilerplate, .career-boilerplate p {
   color: #6846c7;
}
/**************************************** 
	Bewerberformular  .section-bewerbung
*****************************************/
.section-bewerbung label{
	width:150px;
}
.section-bewerbung input[type="text"], .section-bewerbung select{
	max-width: 800px;
	min-width: 250px;
}
.section-bewerbung #Geburtstag_monat{
	margin-bottom: 9px;
}
div.checkbox label{
	width: 100%;
}
.section-bewerbung .data-protection strong{
	color: #6846c7;
}
.section-bewerbung .data-protection{
	margin-bottom: 15px;
}
.section-bewerbung hr{
	margin: 50px 30px;
	width:100%;
}
/*Bewerbung abschicken  start*/
.section-bewerbung input.submit-career{
    color: #6846c7;
    text-transform: uppercase;
    background: url(../2019_img/Web_HR-Icons_Bewerben.png) center top no-repeat;
    transition: all .5s ease;
}
.section-bewerbung input[type="submit"]{
    -webkit-appearance: button;
    -moz-appearance: button;
    cursor: pointer;
}
.section-bewerbung input.submit-career, 
.section-bewerbung input.submit-career-data {
    margin: 35px 0 0 0;
    padding-top: 110px;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.417em;
    border: none;
    -webkit-transition: all .5s ease;
    width: auto;
    float: none;
}
.section-bewerbung input.submit-career:hover {
  opacity: 0.5;
}
/*Bewerbung abschicken  ende*/
/**************************************** 
	FileUploader
*****************************************/
#file-uploader .qq-upload-button,
#file-uploader .qq-upload-button-hover{
    color: #fff !important;
	padding: 0.6em 1.5em !important;
	font-size: .9em !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	background: #000 !important;
	border: none !important;
}
#file-uploader{
	padding-top:30px !important;
	width: 100% !important; 
}
#file-uploader .qq-uploader {
	float:none !important;
	width: 100% !important; 
}
#file-uploader .qq-upload-drop-area{
	background-color: #6846c7 !important;
	border: dashed 4px #000;
}
#file-uploader .qq-upload-drop-area span{
	color: #FFFFFF !important;
}
/**************************************** 
	Cookie
*****************************************/
.cc-window{
	background-color: #6846c7 !important;
	color: #FFFFFF!important;
	text-align:center;
	justify-content: center !important;
	align-content: center !important;
}
.cc-window .cc-dismiss{
 	display:none !important;
}
.cc-window .cc-message{
	font-family: "Montserrat", sans-serif;
	font-size: 13px;
	font-weight: 400;
	display:inline-block !important;
	min-height:50px;
}
.cc-window .cc-btn{
	font-family: "Montserrat", sans-serif;
	width: auto !important;
	display:inline-block !important;
	margin-left: 20px !important;
	background-color:#000 !important;
	color: #FFF !important;
	text-decoration:none !important;
	font-weight: 200;
}
/**************************************** 
	PRINT
*****************************************/
@media print {
	.noprint, .cc-window{
		display: none !important;
    	margin: 0 !important;
	    padding: 0 !important;
    	visibility: hidden !important;
	    height: 0 !important;
    	min-height: 0 !important;
	}
}
/**************************************** 
	Fixes
*****************************************/
.main-header #logo {
    height: 3rem;
    width: 9.0625rem;
    color: #FFFFFF !important;
}
.main-header .navbar a,
.main-header .navbar a svg {
    color: #FFFFFF !important;
}