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



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

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

/* roboto-regular - latin */
@font-face {
   font-display: swap;
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* roboto-500 - latin */
 @font-face {
   font-display: swap;
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }
 /* roboto-700 - latin */
 @font-face {
   font-display: swap;
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
 }



/* ############ ############ ############ ############ ############ ############ ############ ##
   DEBUG CSS CODE


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

/* highlight all XPJEXTEX entrys 
.preAmble,
.preamble,
.postAmble,
.postamble,
.codePreambleContainer p,
.codePostambleContainer p {
   background: rgba(var(--bs-warning-rgb),0.5);
   padding: 0.25rem 0.75rem;
}*/



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


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

/* <-- ADD NEW CSS BELOW --> */

/*483*/
body.jobOfferList #headerDiv .header-banner img {
   margin-top: var(--inf-navbar-margin-banner);
}


/*808*/
.jexContent .jexInnerContent h1.caption {
   color: #373636;
   text-transform: uppercase;
}


/*1350*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOfferEmploymentLevel_employmentLevel {
   display: none !important;
}
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOffer_officeIds {
   display: none !important;
}


/*1475*/
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView > h2 {
       width: 100%;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div {
       width: 100%;
   }
}
/*1501*/
.jobOffer .jobOfferDataTable .jobOfferDetailView > h2:last-of-type {
   margin-bottom: 1rem;
}

/*2511*/
#footerDiv footer .nav .nav-link {
   color: var(--inf-color-light);
}

/*2202*/
form .pagingArea .paging {
   display: none !important;
}




/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM > Layout > Default*/
   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 #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;
      }
   }



/**/

#jobOfferSearch aside.jobOfferSearchFilter {
   display: none !important;
}




/*1475*/
@media (max-width: 576px) {
   .footer-col-left,
   .footer-col-right {
      text-align: center;
       width: 100%;
   }
   #footerDiv footer .nav {
      justify-content: center !important;
   }
}













.jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
   color: #373636;
   text-transform: uppercase;
}

#applyByContent .codePreambleContainer h1 {
   color: #373636;
   text-transform: uppercase;
}



form #tablecontent .jobOfferData p.jobOfferDescription {
   color: #373636;
   text-transform: uppercase;
}



/* ADDON > BENEFITS (JOBDETAIL) */
.benefits .container {
   padding-left: 0;
   padding-right: 0;
}

.benefits .container h2 {
   font-size: 1rem;
   text-align: left;
}

.benefits .container .col.icon {
   flex: none;
   width: 200px;
}
.benefits .container .col.icon img {
   max-height: 120px;
   max-width: 120px;
   min-height: 120px;
   min-width: 120px;
   padding: 1rem;
}
.benefits .container .col.icon h3 {
   font-weight: 400;
}

p.postamble.afterButtons + div.benefits {
   display: none !important;
}