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



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

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

/* inter-300 - 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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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


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

/*532*/
body.jobOfferList .jexContent {
   margin-top: 0;
}

/*808*/
.jexContent .jexInnerContent h1.caption {
   padding: 1.5rem 0;
   position: relative;
}
.jexContent .jexInnerContent h1.caption::before, 
.jexContent .jexInnerContent h1.caption::after {
   background-color: var(--inf-color-primary); /* Your desired background color */
   bottom: 0;
   content: "";
   position: absolute;
   top: 0;
   width: 50vw; /* Half the viewport width */
}
.jexContent .jexInnerContent h1.caption::before {
   left: -50vw; /* Position it to the left of the div */
}
.jexContent .jexInnerContent h1.caption::after {
   right: -50vw; /* Position it to the right of the div */
}
@media (max-width: 991px) {
   .jexContent .jexInnerContent h1.caption {
      font-size: 1.5rem;
   }
}



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

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

/**/
.preres {
   text-align: center;
   margin-bottom: 2rem;
}
.preres h2 {
   font-size: 2rem;
   font-weight: 700;
}
.preres p {
   font-size: 1.25rem;
}

/*1213*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer {
   border-top: 1px solid var(--inf-color-border);
   margin-bottom: 0;
}
/*1222*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer:hover {
   border-top: 1px solid var(--inf-color-border);
}


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



/*2491*/
@media (min-width: 768px) {
    #footerDiv footer .footer-col-left {
        flex: 0 0 auto;
        width: calc(100% - 100px);
    }
    #footerDiv footer .footer-col-right {
        flex: 0 0 auto;
        width: 100px;
    }
}

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

#footerDiv footer .footer-col-left .nav {
   justify-content: flex-start;
}
#footerDiv footer .footer-col-left .nav .nav-link {
   margin-left: 0;
   margin-right: 1rem;
}

#footerDiv footer .footer-col-right .nav .nav-link:hover {
   background-color: var(--inf-color-secondary);
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM > 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.5rem;
       margin-right: 0;
   }
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(3),
   form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(2n+3) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
}

form #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000006 div.formFieldRow:nth-child(2) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: 100%;
   }


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