/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBEXCHANGE CSS v2.3.21 / 2023-07-13
   Copyright Infoniqa Holding GmbH
   Created by Hartwig Waltle
## ############ ############ ############ ############ ############ ############ ############ */



/* ############ ############ ############ ############ ############ ############ ############ ##
   FONTS

   Google Webfont Helper (https://gwfh.mranftl.com/)
## ############ ############ ############ ############ ############ ############ ############ */

/* lato-regular - latin */
@font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lato';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* lato-700 - latin */
 @font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Lato';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }



/* ############ ############ ############ ############ ############ ############ ############ ##
   CUSTOM CSS CODE


## ############ ############ ############ ############ ############ ############ ############ */

/*19*/
body {
   background: #dfe9f4;
}

/*217*/
.button {
   background: linear-gradient(to right, #ae1836 0%, #fe6f53 100%);
}
/*241*/
.button:hover {
   background: linear-gradient(to left, #ae1836 0%, #fe6f53 100%);
}


/*498*/
#headerDiv .header-banner img {
   display: flex;
   flex-wrap: wrap;
   padding: 0 1rem;
   max-width: initial !important; /* reset inline css */
}
@media (min-width: 576px) {
   #headerDiv .header-banner img {
       margin-left: auto;
       margin-right: auto;
       max-width: 540px !important;
   }
}
@media (min-width: 768px) {
   #headerDiv .header-banner img {
       max-width: 720px !important;
   }
}
@media (min-width: 992px) {
   #headerDiv .header-banner img {
       max-width: 960px !important;
   }
}
@media (min-width: 1200px) {
   #headerDiv .header-banner img {
       max-width: 1140px !important;
   }
}
@media (min-width: 1400px) {
   #headerDiv .header-banner img {
       max-width: 1320px !important;
   }
}



/*590
.layoutHeaderAreaDiv {
   display: block !important;
}*/

/*867*/
#jobOfferSearch aside.jobOfferSearchFilter .filterBlock {
   border: none;
}

/*
#jobOfferSearch aside.jobOfferSearchFilter .filterBlock.officeFilterBlock .filterCaption {
   padding-bottom: 0.5rem;
}*/

/*962*/
#jobOfferSearch aside.jobOfferSearchFilter .filterBlock.officeFilterBlock .officeCountryFilter {
   display: none !important;
}
/*965*/
#jobOfferSearch aside.jobOfferSearchFilter .filterBlock.officeFilterBlock .officeFilter {
   margin-top: 0.5rem;
}

/*986*/
#jobOfferSearch aside.jobOfferSearchFilter .filterButtons input[type=button] {
   background: var(--inf-color-light);
}

/*1054*/
#jobOfferSearch section.mainSection #jobOfferListResult ul.searchTags {
   display: none;
}

/*1127*/
#jobOfferSearch section.mainSection #jobOfferListResult p.searchResultInfo {
   display: none;
}

#jobOfferSearch section.mainSection #jobOfferListResult p.preamble {
   display: none;
}
#jobOfferSearch section.mainSection #jobOfferListResult div.preamble {
   background: var(--inf-color-light);
   margin-bottom: 1rem;
   padding: 2rem 2rem 1.5rem 2rem;
}


/*1230*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer .accountUserGroupLogo {
   display: none;
}
/*1247*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer .descriptionAndApplicationArea {
   margin-bottom: 0;
   width: 100%;
}
/*1257*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer .descriptionAndApplicationArea h2 {
   /*background: var(--inf-color-primary);*/
   color: var(--inf-color-light);
   font-size: 1.125rem;
   /*margin: -0.75rem -0.75rem 0 -0.75rem;*/
   padding: 0.75rem;
   text-align: center;
}

/*1276*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader {
   display: flex;
}

/*1302*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOfferEmploymentLevel_employmentLevel .icon {
   mask-image: var(--inf-icon-arbeitszeit);
   -webkit-mask-image: var(--inf-icon-arbeitszeit);
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOffer_officeIds .icon {
   mask-image: var(--inf-icon-einsatzadresse);
   -webkit-mask-image: var(--inf-icon-einsatzadresse);
}

/**/
.jexContent .jexInnerContent section.contentWidth .jobOffer {
   background-color: var(--inf-color-light);
   width: calc(100% - 2rem) !important;
   margin-left: 1rem;
   padding: 2rem !important;
}

/*1440*/
.jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
   font-size: 1.25rem;
}
@media (min-width: 768px) {
   .jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
      font-size: var(--inf-heading-font-size-h1);
   }
}

/*1475*/
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView > h2 {
       width: 100%;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div {
       width: 100%;
   }
}

/*1505*/
.jobOffer .jobOfferDataTable .jobOfferDetailView > h2 a {
   color: var(--inf-heading-color);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > h2 a:hover {
   text-decoration: none;
}

/*1686*/
.contentWidth #applyByContent #applyByFieldset {
   background-color: var(--inf-color-light);
   border: none;
   padding: 2rem;
}

/*1800*/
.contentWidth #applyByContent #applyByCV {
   background-color: var(--inf-color-light);
   border: none;
   padding: 2rem;
}

.contentWidth #applyByContent #applyByWhatsApp {
   background-color: var(--inf-color-light);
   border: none;
   padding: 2rem;
   margin-bottom: 1em;
}

/*1997*/
form #tablecontent div[class*="applicationBlock_"] {
   background-color: var(--inf-color-light);
   padding: 2rem 2rem 1rem 2rem;
   margin-bottom: 1rem;
}

/*2143*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue.multiupload img.multiupload {
   top: -1px;
}

/*2147*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .multiuploadFieldLabel select.multiUploadCategory {
   border-radius: 0;
}

form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.deleteIcon, 
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.multiUploadDeleteImg {
   background: linear-gradient(to left, #ae1836 0%, #fe6f53 100%);
}

form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.addIcon {
   background: linear-gradient(to left, #ae1836 0%, #fe6f53 100%);
}

/*2513*/
#footerDiv footer .nav .nav-link {
   color: var(--inf-color-light);
}
#footerDiv footer .nav .nav-item:first-child .nav-link {
   margin-left: 0;
}
/*2524*/
#footerDiv footer .nav .nav-link:hover {
   color: var(--inf-color-secondary);
   text-decoration: none;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON > JOBLIST > 2 COL
## ############ ############ ############ ############ ############ ############ ############ */
section.mainSection #jobOfferListResult ul#jobOffers {
   clear: both;
   display: flex;
   flex-wrap: wrap;
}
section.mainSection #jobOfferListResult ul#jobOffers > * {
   flex: 0 0 auto;
   flex-shrink: 0;
   padding-left: 1rem;
   padding-right: 1rem;
   max-width: 100%;
   width: 100%;
}
@media (min-width: 992px) {
   section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:nth-of-type(n) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: calc(50% - (1rem / 2));
   }
   section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:nth-of-type(1),
   section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:nth-of-type(2n+1) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
   section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:nth-of-type(2),
   section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:nth-of-type(2n+2) {
       margin-left: 0.5rem;
       margin-right: 0;
   }
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON > JOBLIST > IMAGE BOX
## ############ ############ ############ ############ ############ ############ ############ */

section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
section.mainSection #jobOfferListResult ul#jobOffers .descriptionAndApplicationArea {
   background-color: var(--inf-color-primary);
   flex: 1;
   margin: -0.75rem -0.75rem 0 -0.75rem;
   width: calc(100% + 1.5rem) !important;
}

section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/stellenangebote.jpg);
   background-position: 50% 50%;;
   background-repeat: no-repeat;
   background-size: cover;
   content: " ";
   display: block;
   height: 240px;
   margin-bottom: 0;
   margin-left: -1rem;
   margin-right: -1rem;
   overflow: hidden;
   width: auto;
}
/*IT Consultant*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-consultant ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/it-consultant.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-consultant .descriptionAndApplicationArea {
   background-color: #0f2c63;
}

/*Backoffice Verwaltung*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.backofficeverwaltung ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/backoffice_verwaltung.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.backofficeverwaltung .descriptionAndApplicationArea {
   background-color: #ae1836;
}

/*IT-Service*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-service ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/it-service.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-service .descriptionAndApplicationArea {
   background-color: #0f2c63;
}

/*Personalbuchhaltung*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.personalbuchhaltung ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/personalbuchhaltung.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.personalbuchhaltung .descriptionAndApplicationArea {
   background-color: #ae1836;
}

/*Reinigung/Unterhalt*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.reinigungunterhalt ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/reinigung_unterhalt.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.reinigungunterhalt .descriptionAndApplicationArea {
   background-color: #c3d3e3;
}

/*Softwareentwicklung*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.softwareentwicklung ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/softwareentwicklung.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.softwareentwicklung .descriptionAndApplicationArea {
   background-color: #0f2c63;
}

/*IT-Support*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-support ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/it-support.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.it-support .descriptionAndApplicationArea {
   background-color: #0f2c63;
}

/*Systemtechniker Sicherheitstechnik*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.systemtechnikersicherheitstechnik ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/sicherheitstechnik.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.systemtechnikersicherheitstechnik .descriptionAndApplicationArea {
   background-color: #0f2c63;
}

/*Teamleitung*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.teamleitung ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/teamleitung.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.teamleitung .descriptionAndApplicationArea {
   background-color: #ae1836;
}

/*Vertrieb*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.vertrieb ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/vertrieb.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.teamleitung .descriptionAndApplicationArea {
   background-color: #ae1836;
}

/*Verwaltungssachbearbeitung*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.verwaltungssachbearbeitung ul.fieldHeaders::before {
   background-image: url(/hcm/jobexchange/streamResource.do/1748156944958225/styles/jobexchange/walha_jex/images/verwaltungssachbearbeitung.jpg);
   background-position: 50% 50%;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer.teamleitung .descriptionAndApplicationArea {
   background-color: #ae1836;
}


section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOffer_jobPosition {
   display: none !important;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON > JOBLIST > INITIATIV
## ############ ############ ############ ############ ############ ############ ############ */
.container-fluid.faq .col {
   padding-left: 0;
   padding-right: 0;
}

.faq .faqlink {
   text-align: center;
}
.faq .faqlink a {
   margin-bottom: 1rem;
   margin-top: 1rem;
   width: 100% !important;
}

.faq .faqlink p {
   text-align: justify;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBDETAIL > CONTACT WITH IMAGE
## ############ ############ ############ ############ ############ ############ ############ */
.jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact {
   margin-bottom: 1rem;
   margin-top: 1rem;
   min-height: 160px;
   position: relative;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact strong {
   display: block;
   margin-bottom: -1.5rem;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact .contact-img {
   border-radius: 50%;
   height: 160px;
   width: 160px;
}

@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact {
      padding-left: 200px;
      padding-top: 40px;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact .contact-img {
      position: absolute;
      left: 0;
      top: 0;
   }
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM >  FILTER > Persönliche Angaben
## ############ ############ ############ ############ ############ ############ ############ */
form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 {
   clear: both;
   display: flex;
   flex-wrap: wrap;
}
form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 > * {
   flex: 0 0 auto;
   flex-shrink: 0;
   max-width: 100%;
   width: 100%;
}
form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 > div.applicationBlock {
   width: 100%;
}
@media (min-width: 992px) {
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(n) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: calc(50% - (1rem / 2));
   }
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(2),
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(2n+2) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(3),
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(2n+3) {
       margin-left: 0.5rem;
       margin-right: 0;
   }
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM >  FILTER > Daten zu Ihrer Bewerbung
## ############ ############ ############ ############ ############ ############ ############ */
form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 {
   clear: both;
   display: flex;
   flex-wrap: wrap;
}
form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 > * {
   flex: 0 0 auto;
   flex-shrink: 0;
   max-width: 100%;
   width: 100%;
}
form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 > div.applicationBlock {
   width: 100%;
}
@media (min-width: 992px) {
   form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 div.formFieldRow:nth-child(n) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: calc(50% - (1rem / 2));
   }
   form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 div.formFieldRow:nth-child(2),
   form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 div.formFieldRow:nth-child(2n+2) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
   form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 div.formFieldRow:nth-child(3),
   form #tablecontent div.applicationBlock_ff8081815080d01a01508432797301e4 div.formFieldRow:nth-child(2n+3) {
       margin-left: 0.5rem;
       margin-right: 0;
   }
}




/* ############ ############ ############ ############ ############ ############ ############ ##
   BUGFIX V13 - FORM FIREFOX
## ############ ############ ############ ############ ############ ############ ############ */

form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type="file"] {
	right: 40px !important;
}