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



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

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

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

@font-face {
   font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
   font-family: 'Ensinger Klavika';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/KlavikaWeb-Regular-5d11bd93be7945db16aec414282e4632d41bcf50.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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


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

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

.jobOffer .jobOfferDataTable .jobOfferDetailView > h2.Bezeichnung {
   display: none !important;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView > div.Bezeichnung {
   display: none !important;
}



/*353*/
#headerDiv .header-menu {
   border-bottom: 1px solid var(--inf-color-border);
}
/*420*/
#headerDiv .header-menu .navbar .navbar-nav .nav-link {
   text-transform: uppercase;
}
/*483*/
#headerDiv .header-banner {
   padding: 0 1rem;
}

/*808*/
.jexContent .jexInnerContent h1.caption {
   font-weight: 600;
}


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

/**/
.jexContent .jexInnerContent > .contentWidth .jobOfferDataTable .jobOfferDetailView > h2,
.jexContent .jexInnerContent > .contentWidth .jobOfferDataTable .jobOfferDetailView > div {
    flex: 0 0 auto;
    width: 100%;
}


/*2085*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=button] {
   border: 1px solid var(--inf-color-dark);
   border-right: none;
   height: 40px !important;
}
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper:hover input[type=button] {
   border: 1px solid var(--inf-color-dark);
   border-right: none;
   height: 40px !important;
}
/*2129*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload {
   border: 1px solid var(--inf-color-dark);
   border-left: none;
   height: 40px !important;
}
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload:hover {
   border: 1px solid var(--inf-color-dark);
   border-left: none;
   height: 40px !important;
}
/*2143*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue.multiupload img.multiupload {
    top: -1px;
}
/*2174*/
form #tablecontent div[class*="applicationBlock_"] > .formFieldRow .multiuploadFieldLabel select.multiUploadCategory {
   border-radius: 0;
}

/*2505*/
#footerDiv footer p {
   font-family: "Ensinger Klavika",system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   font-size: 0.875rem;
}
/*2513*/
#footerDiv footer .nav .nav-link {
   color: var(--inf-color-primary);
   font-family: "Ensinger Klavika",system-ui,-apple-system,"Segoe UI","Roboto","Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
   font-size: 0.875rem;
   text-transform: uppercase;
}

/**/
.jobOffer .jobOfferDataTable > p.additionalText {
   display: none !important;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON > JOBDETAIL > TEASER (BORDER)
## ############ ############ ############ ############ ############ ############ ############ */

.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser {
   border: 1px solid var(--inf-color-primary);
   position: relative;
   padding-top: 1rem;
   margin-bottom: 2rem;
   margin-left: 1rem;
   width: calc(100% - 2rem) !important;
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > h2 {
   display: none !important;
}
@media (min-width: 768px) {
   .jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div {
      float: left;
      margin-bottom: 1rem;
      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.Standort::before {
   -webkit-mask-image: var( --inf-icon-einsatzort);
   mask-image: var( --inf-icon-einsatzort);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div.Arbeitszeit::before {
   -webkit-mask-image: var(--inf-icon-arbeitszeit);
   mask-image: var(--inf-icon-arbeitszeit);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div.Eintrittsdatum::before {
   -webkit-mask-image: var(--inf-icon-eintrittsdatum);
   mask-image: var(--inf-icon-eintrittsdatum);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div.Bereich::before {
   -webkit-mask-image: var(--inf-icon-einsatzadresse);
   mask-image: var(--inf-icon-einsatzadresse);
}
.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside > div.Abteilung::before {
   -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-2" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/></svg>');
   mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-2" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z"/></svg>');
}

.jobOffer .jobOfferDataTable .jobOfferDetailView .jobOfferTeaser .inside ul {
   list-style: none;
   padding-left: 0;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON > JOBDETAIL > HEADERIMAGE
## ############ ############ ############ ############ ############ ############ ############ */
#headerDiv .header-banner .carousel {
   display: none;
}
body.jobOfferList #headerDiv .header-banner .carousel {
   display: block;
}
body.jobOfferList #headerDiv .header-banner img {
   display: none;
}

body.jobOfferDetail #headerDiv .header-banner img {
   display: block;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   ADDON - BENFITS - FLIPCARD
## ############ ############ ############ ############ ############ ############ ############ */

.benefits {
   padding: 0;
}
.benefits .row {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
   gap: 0.5rem;
   margin: 0;
}
.benefits .row .col {
   padding: 0;
}

.benefits h2 {
   font-size: var(--inf-joboffer-detail-h2-font-size);
   font-weight: var(--inf-joboffer-detail-h2-font-weight);
   text-align: left;
}


/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
   background-color: transparent;
   width: 180px;
   height: 180px;
   perspective: 1000px; /* Remove this if you don't want the 3D effect */
   /*margin: 0.5rem 0;*/
}

/* This container is needed to position the front and back side */
.flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: transform 0.8s;
   transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden; /* Safari */
   backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
   background-color: var(--inf-color-light);
   box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
   color: var(--inf-color-dark);
   padding: 0.5rem;

   display: flex;
   flex-direction: column;
   justify-content: center; /* Center vertically */
   align-items: center; /* Center horizontally */
   text-align: center; /* Center text within the element */
   height: 100%; /* Ensure this is the full height of its container */
}

.flip-card-front img {
   height: 120px;
   /*margin-bottom: 1rem;*/
   width: 120px;
}

.flip-card-front h3 {
   color: var(--inf-color-dark);
   font-size: 1.125rem;
   font-weight: 700;
}

/* Style the back side */
.flip-card-back {
   background-color: var(--inf-color-secondary);
   color: var(--inf-color-primary);
   padding: 0.5rem;
   transform: rotateY(180deg);

   display: flex;
   flex-direction: column;
   justify-content: center; /* Center vertically */
   align-items: center; /* Center horizontally */
   text-align: center; /* Center text within the element */
   height: 100%; /* Ensure this is the full height of its container */
}

.flip-card-back h3 {
   color: var(--inf-color-light);
   font-size: 1.125rem;
   font-weight: 700;
}

.flip-card-back p { 
   line-height: 1.25;
}




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

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

/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM > Bewerbungsdaten
## ############ ############ ############ ############ ############ ############ ############ */
form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 {
   clear: both;
   display: flex;
   flex-wrap: wrap;
}
form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 > * {
   flex: 0 0 auto;
   flex-shrink: 0;
   max-width: 100%;
   width: 100%;
}
form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 > div.applicationBlock {
   width: 100%;
}
@media (min-width: 992px) {
   form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 div.formFieldRow:nth-child(n) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: calc(50% - (1rem / 2));
   }
   form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 div.formFieldRow:nth-child(2),
   form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 div.formFieldRow:nth-child(2n+2) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
   form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 div.formFieldRow:nth-child(3),
   form #tablecontent div.applicationBlock_8aa8ac9468e0e85601690693e5541918 div.formFieldRow:nth-child(2n+3) {
       margin-left: 0.5rem;
       margin-right: 0;
   }
}
textarea {
   height: 38px !important;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM > Bewerbungsdaten
## ############ ############ ############ ############ ############ ############ ############ */
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;
   }
}
textarea {
   height: 38px !important;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   FORM > Bewerbungsdaten
## ############ ############ ############ ############ ############ ############ ############ */
form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d {
   clear: both;
   display: flex;
   flex-wrap: wrap;
}
form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d > * {
   flex: 0 0 auto;
   flex-shrink: 0;
   max-width: 100%;
   width: 100%;
}
form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d > div.applicationBlock {
   width: 100%;
}
@media (min-width: 992px) {
   form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d div.formFieldRow:nth-child(n) {
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       width: calc(50% - (1rem / 2));
   }
   form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d div.formFieldRow:nth-child(2),
   form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d div.formFieldRow:nth-child(2n+2) {
       margin-left: 0;
       margin-right: 0.5rem;
   }
   form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d div.formFieldRow:nth-child(3),
   form #tablecontent div.applicationBlock_8aa8ac9468e0e8560169069716d6192d div.formFieldRow:nth-child(2n+3) {
       margin-left: 0.5rem;
       margin-right: 0;
   }
}
textarea {
   height: 38px !important;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   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 a:hover {
   text-decoration: none;
}
.faq .faqlink p {
   text-align: justify;
}






/* ############ ############ ############ ############ ############ ############ ############ ##
   BUGFIX FIREFOX - FORM BUTTON NOT WORKING
## ############ ############ ############ ############ ############ ############ ############ */

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