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



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

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

/* source-sans-3-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: 'Source Sans 3';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* source-sans-3-600 - 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: 'Source Sans 3';
   font-style: normal;
   font-weight: 600;
   src: url('fonts/source-sans-3-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



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


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

/*19*/
body {
   background-color: #f5f7fa;
}

/*808*/
.jexContent .jexInnerContent h1.caption {
   font-size: 2rem;
   font-weight: 600;
}
@media (min-width: 768px) {
   .jexContent .jexInnerContent h1.caption {
      font-size: 3.5rem;
      font-weight: 600;
   }
}
/*177*/
#headerDiv .header-banner img {
   display: none;
}
body.jobOfferDetail #headerDiv .header-banner img {
   display: block;
}

/*532*/
.jexContent {
   min-height: calc(100vh - 340px);
}


/*867*/
#jobOfferSearch aside.jobOfferSearchFilter .filterBlock {
   border-radius: 0.375rem;
}
/*986*/
#jobOfferSearch aside.jobOfferSearchFilter .filterButtons input[type=button] {
   border-radius: 0.375rem;
}
/*994*/
#jobOfferSearch aside.jobOfferSearchFilter .filterButtons input[type=button]:hover {
   border-radius: 0.375rem;
}

#jobOfferSearch section.mainSection #jobOfferListResult ul.searchTags li {
   border-radius: 0.375rem;
}

/*1127*/
#jobOfferSearch section.mainSection #jobOfferListResult p.searchResultInfo {
   background: var(---inf-color-light);
   border: none;
   /*border-bottom: 1px solid var(--inf-color-primary);*/
   color: var(---inf-color-dark);
   font-size: 1rem;
   padding: 0;
   margin-bottom: 2rem;
}

/*1230*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer .accountUserGroupLogo {
   display: none !important;
}

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

/*1237*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer .accountUserGroupText {
   display: none !important;
}
/*1276*/
section.mainSection #jobOfferListResult ul#jobOffers li.jobOffer ul.fieldHeaders li.fieldHeader.fh_JobOffer_demandDate {
   display: none !important;
}
/*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-einsatzort);
   -webkit-mask-image: var(--inf-icon-einsatzort);
}


/*1434*/
.jobOffer .jobOfferDetailHeader .accountUserGroupText {
   display: none !important;
}
/*1440*/
.jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
   font-size: 1.5rem;
   font-weight: 600;
   margin-bottom: 0;
}
@media (min-width: 768px) {
   .jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
      font-size: 2.5rem;
   }
}
@media (min-width: 992px) {
   .jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
      font-size: 3.5rem;
  }
}





.jobOffer .jobOfferDataTable .jobOfferDetailView > h2:first-of-type {
   display: none !important;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > div:first-of-type {
   font-size: 1.25rem;
   margin-bottom: 2rem;
   text-align: center;
   width: 100% !important;
}

.jobOffer .jobOfferDataTable .jobOfferDetailView > div.jobOfferTeaser {
   width: 100% !important;
}

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

/*1671*/
#applyByContent .codePreambleContainer h1 {
   font-size: 3.5rem;
   font-weight: 600;
   margin-bottom: 0;
}
/*1693*/
.contentWidth #applyByContent #applyByFieldset .caption {
   font-size: 1.25rem;
   font-weight: 600;
}
/*1800*/
.contentWidth #applyByContent #applyByCV .caption {
   font-size: 1.25rem;
   font-weight: 600;
}
/*1906*/
.contentWidth #applyByContent #applyByLinkedIn .caption {
   font-size: 1.25rem;
   font-weight: 600;
}
/*1911*/
.contentWidth #applyByLinkedIn .caption:before {
   height: 2.25rem;
   line-height: 2.25rem;
   width: 1.625rem;
}



/*FORM*/
/*1967*/
form #tablecontent .jobOfferData p.jobOfferDescription {
   font-size: 3.5rem;
   font-weight: 600;
   margin-bottom: 0;
}
/*2016*/
form #tablecontent div[class*="applicationBlock_"] > .applicationBlock .applicationBlockCaption {
   font-size: 1.25rem;
   font-weight: 600;
}
/*2083*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=button] {
   background-color: var(--inf-button-bgcolor);
   border: var(--inf-button-border);
   color: var(--inf-button-color) !important;

}
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper:hover input[type=button] {
   background-color: var(--inf-button-hover-bgcolor);
   border: var(--inf-button-hover-border);
   color: var(--inf-button-hover-color) !important;
}
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload {
   background-color: var(--inf-button-bgcolor);
   border: var(--inf-button-border);
}
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload:hover {
   background-color: var(--inf-button-hover-bgcolor);
   border: var(--inf-button-hover-border);
}
/*2124*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue.multiupload img.multiupload {
   top: -1px;
}


/*2232*/
.finishContent .finishText p.caption {
   font-size: 2rem;
   font-weight: 600;
}
@media (min-width: 768px) {
   .finishContent .finishText p.caption {
      font-size: 3.5rem;
      font-weight: 600;
   }
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > HEADER > CAROUSLE
## ############ ############ ############ ############ ############ ############ ############ */
#carouselExample {
   display: none !important;
}
body.jobOfferList #carouselExample .carousel-item:nth-child(2) img {
   object-position: 50% 0%;
}
body.jobOfferList #carouselExample {
   display: block !important;
}
#headerDiv .header-banner img,
body.jobOfferList #carouselExample .carousel-item img {
   max-height: 720px;
}
@media (min-width: 992px) {
      #headerDiv .header-banner img,
      body.jobOfferList #carouselExample .carousel-item img {
         max-height: 720px;
      }
}


/* ############ ############ ############ ############ ############ ############ ############ ##
JOBLIST > INTIATIV + BENFITS*/


/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > CUSTOM > INITIATIVLINK
## ############ ############ ############ ############ ############ ############ ############ */
.container-fluid.addons .row>* {
   padding: 0;
}
.container-fluid.addons p {
   padding: 0.75rem 0;
   text-align: justify;
}

.inilink {
   text-align: center;
   width: 100%;
}

.inilink a {
   text-decoration: none;
   width: 100% !important;
}
@media (min-width: 992px) {
   .inilink a {
      width: calc(100% - 1rem) !important;
      margin-right: 1rem;
   }
   .container-fluid.addons .inilink p {
      padding-right: 1rem;
   }
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > CUSTOM > BENEFIT POPUP
## ############ ############ ############ ############ ############ ############ ############ */
.addons .col-lg:nth-child(2) {
   text-align: center;
}



.button.benefits {
   width: 100% !important;
}

@media (min-width: 992px) {
   .addons .col-lg:nth-child(2) p {
      padding-left: 1rem;
   }
   .button.benefits {
      width: calc(100% - 1rem) !important;
      margin-left: 1rem;
   }
}

.modal-dialog {
   margin-top: 6rem;
}
@media (min-width: 768px) {
   .modal-dialog {
      max-width: 540px;
  }
}
@media (min-width: 992px) {
   .modal-dialog {
      max-width: 720px;
  }
}
@media (min-width: 1200px) {
   .modal-dialog {
      max-width: 960px;
  }
}
@media (min-width: 1400px) {
   .modal-dialog {
      max-width: 1140px;
  }
}

.modal-body .row {
   justify-content: center;
}
.modal-body h2 {
   font-size: 3.5rem;
   font-weight: 600;
   margin-bottom: 2rem;
}
.modal-body .icon {
   min-width: 150px;
   margin: 0.5rem 0;
   max-width: 150px;
   padding: 0;
   text-align: center;
}
.modal-body .icon svg {
   color: var(--inf-color-secondary);
   height: 4rem;
}
.modal-body .icon:hover svg {
   color: var(--inf-color-primary);
}
.modal-body .icon h3 {
   margin-top: 1rem;
}
.modal-body .icon:hover h3 {
   font-weight: 600;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > CUSTOM > SORT JOBS
## ############ ############ ############ ############ ############ ############ ############ */
#sortOrder {
   margin-bottom: 2rem;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > LAYOUT > 2 COLS
## ############ ############ ############ ############ ############ ############ ############ */
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;
   }
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBLIST > CUSTOM > FAQ
## ############ ############ ############ ############ ############ ############ ############ */
.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 > TEASER BORDER
## ############ ############ ############ ############ ############ ############ ############ */
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser {
   
   border: 1px solid var(--inf-color-primary);
   border-radius: 0.375rem;
   position: relative;
   padding-bottom: 1rem;
   padding-top: 1rem;
   margin-bottom: 2rem;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > h2 {
   display: none !important;
}
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div {
      float: left;
      width: 33.333333%;
   }
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div::before {
   background-color: var(--inf-color-primary);
   content: "";
   display: block;
   float: left;
   height: 1.5rem;
   line-height: 1rem;
   margin-right: 0.5rem;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%;
   width: 1.5rem;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div:nth-of-type(1)::before {
   -webkit-mask-image: var( --inf-icon-einsatzort);
   mask-image: var( --inf-icon-einsatzort);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div:nth-of-type(2)::before {
   -webkit-mask-image: var(--inf-icon-karrierelevel);
   mask-image: var(--inf-icon-karrierelevel);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div:nth-of-type(3)::before {
   -webkit-mask-image: var(--inf-icon-arbeitszeit);
   mask-image: var(--inf-icon-arbeitszeit);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside ul {
   list-style: none;
   padding-left: 0;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside ul li {
   display: inline-block;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside ul li::after {
   content: "/";
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside ul li:last-child::after {
   content: "";
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBDETAIL > CONTACT WITH IMAGE
## ############ ############ ############ ############ ############ ############ ############ */
.jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact {
   padding-left: 200px;
   padding-top: 40px;
   margin-bottom: 1rem;
   margin-top: 1rem;
   min-height: 160px;
   position: relative;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact .contact-img {
   border-radius: 50%;
   height: 160px;
   left: 0;
   position: absolute;
   top: 0;
   width: 160px;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   JOBDETAIL > PRINT
## ############ ############ ############ ############ ############ ############ ############ */
.buttonRow.mainButtons {
   position: relative;
}
@media (min-width: 992px) {
   .buttonRow.mainButtons .printButtonCell {
      position: absolute;
      right: 0;
   }
}
.jobOfferDetail .buttonRow .printButtonCell a {
   height: 40px;
   width: 40px;
}
.buttonCell.mainButtonCell {
   text-align: center;
}
@media (min-width: 992px) {
   .buttonCell.mainButtonCell {
      text-align: left;
   }
}

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

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

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


/* ############ ############ ############ ############ ############ ############ ############ ##
   THANKYOU >  BENEFITS
## ############ ############ ############ ############ ############ ############ ############ */
#accordionBenefits {
   margin-bottom: 2rem;
   margin-top: 2rem;
}

#accordionBenefits .accordion-button {
   background-color: var(--inf-color-primary);
   color: var(--inf-button-color);
   font-family: var(--inf-button-font-family);
   font-size: var(--inf-button-font-size);
   font-weight: var(--inf-button-font-weight);
   line-height: var(--inf-button-line-height);
   padding: 0.5rem 1.5rem;
   text-transform: var(--inf-button-text-transform);
}

#accordionBenefits .accordion-button::after {
   background-image: none;
   
}
#accordionBenefits .accordion-button:not(.collapsed)::after {
   background-image: none;
}

#accordionBenefits .row {
   justify-content: center;
}
#accordionBenefits .icon {
   min-width: 150px;
   margin: 0.5rem 0;
   max-width: 150px;
   padding: 0;
   text-align: center;
}
#accordionBenefits .icon svg {
   color: var(--inf-color-secondary);
   height: 4rem;
}
#accordionBenefits .icon:hover svg {
   color: var(--inf-color-primary);
}
#accordionBenefits .icon h3 {
   margin-top: 1rem;
}
#accordionBenefits .icon:hover h3 {
   font-weight: 600;
}

#accordionBenefits .accordion-item {
   color: var(--inf-color-dark);
   background-color: var(---inf-color-light);
   border: 1px solid var(--inf-color-primary);
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   FOOTER
## ############ ############ ############ ############ ############ ############ ############ */
footer .hg__footer__icons {
   list-style: none;
   margin: 0 auto;
   padding-bottom: 1em;
   padding-left: 0;
   text-align: center;
}
footer .hg__footer__icons>li {
   display: inline-block;
   padding-left: 5px;
   padding-right: 5px;
}
footer .hg__footer__icons li {
   margin: 0 7.5px;
}
footer .hg__footer__icon {
   color: var(---inf-color-light);
}
footer .hg__address, .hg__address a {
   color: var(---inf-color-light);
}
footer .hg__footer__icon:hover {
   color: var(---inf-color-light);
}
footer .hg__address a:focus, .hg__address a:hover {
   color: var(---inf-color-light);
}

footer p {
   font-size: 0.875rem;
   text-align: center;
}
footer h2 {
   color: var(---inf-color-light);
   text-align: center;
}
footer .nav-link {
   display: inline-block;
   font-size: 0.875rem;
   margin-right: 0.5rem;
}
footer .row:last-child {
   margin-top: 1rem;
}





/* ############ ############ ############ ############ ############ ############ ############ ##
   PRINT
## ############ ############ ############ ############ ############ ############ ############ */
@media print {
   body {
      font-size: 12px;
   }
   #headerDiv,
   #footerDiv {
      display: none !important;
   }
   .jobOffer .jobOfferDetailHeader h1.jobOfferDescription {
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 1rem;
      padding: var(--inf-joblist-header-padding);
      text-align: left;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > h2 {
      font-size: 0.75rem;
      font-weight: 700;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > h2, 
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div {
      margin: 0;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div {
      margin-bottom: 0.5rem;
   }
   .buttonRow.mainButtons {
   display: none !important;
   }
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact .contact-img {
      display: none !important;
   }

  
   .jobOffer .jobOfferDataTable .jobOfferDetailView > div .job-contact {
      padding-left: 0;
      padding-top: 0;
      margin-bottom: 1rem;
      margin-top: 1rem;
      min-height: auto;
      position: relative;
  }


}

/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON - JOBDETAIL - XING / LINKEDIN SHARE
## ############ ############ ############ ############ ############ ############ ############ */
.buttonRow.mainButtons .printButtonCell > div {
   display: inline-block;
   height: 40px;
}
.buttonRow.mainButtons .printButtonCell div .xing-share {
   margin-right: 0.75rem;
}
.buttonRow.mainButtons .printButtonCell a {
   display: inline-block;
   float: right;
}



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

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