/* ############ ############ ############ ############ ############ ############ ############ ##
   Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
## ############ ############ ############ ############ ############ ############ ############ */
@import url(bootstrap-reboot.css);


/* ############ ############ ############ ############ ############ ############ ############ ##
   Fonts
## ############ ############ ############ ############ ############ ############ ############ */
@font-face {
    font-family: 'BrownLLWeb-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/BrownLLWeb-Regular.woff2) format('woff2'), url(fonts/BrownLLWeb-Regular.woff) format('woff');
}
@font-face {
    font-family: 'BrownLLWeb-Bold';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/BrownLLWeb-Bold.woff2) format('woff2'), url(fonts/BrownLLWeb-Bold.woff) format('woff');
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   Jobexchange Default CSS v1.0.0 RC1 / 2022-12-04
   Copyright 2022-2023 Infoniqa Holding GmbH
   Created by Hartwig Waltle
## ############ ############ ############ ############ ############ ############ ############ */


/* ############ ############ ############ ############ ############ ############ ############ ##
   Infoniqa Reboot
## ############ ############ ############ ############ ############ ############ ############ */

/* Top | .jexContent .jexInnerContent .top */
.jexContent .jexInnerContent .top {
    display: none !important;
}
/* Topmenu > Language Switch | .jexContent .jexInnerContent .menu.topMenu */
.jexContent .jexInnerContent .menu.topMenu,
.jexContent .jexInnerContent .menu.topMenu .menu {
    background-image: unset !important;
}
.jexContent .jexInnerContent .menu.topMenu .menu .menu1 {
    display: none !important;
}
.jexContent .jexInnerContent .menu.topMenu .menu .menu2 {
    max-width: none !important;
}
/* ??? */
.jexContent .jexInnerContent .contentWidth {
    max-width: none !important;
}
.jexContent .jexInnerContent .contentWidth .layoutMiddleAreaDivs {
    display: block !important;
}
/* Main Button Cell */
.jexContent .jexInnerContent .contentWidth .mainButtonCell {
    text-align: left !important;
}
/* ??? footer */
.jexContent .jexInnerContent .footer .bgbottom {
    background-image: unset !important;
}
/* ??? */
.ui-selectmenu-menu.ui-front {
    display: none !important;
}
.ui-selectmenu-button {
    display: none !important;
}


.menu {
    background-image: unset !important;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   Custom Properties
## ############ ############ ############ ############ ############ ############ ############ */

        /* default colors */
:root {
    --ia-color-dark: #022327;
    --ia-color-light: #fff;
    --ia-color-primary: #04464d;
    --ia-color-secondary: #f2f9f9;
    --ia-color-dark-rgb: 3,35,39;
    --ia-color-light-rgb: 255,255,255;
    --ia-color-primary-rgb: 4,70,77;
    --ia-color-secondary-rgb: 242,249,249;
}
        /* default fonts */
:root {
    --ia-font-family: "BrownLLWeb-Regular", 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";
	--ia-font-family-bold: "BrownLLWeb-Regular", 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";
    --ia-font-size: 1rem;
    --ia-font-weight: 400;
    --ia-line-height: 1.5;
}
        /* default | background with glass effect 
:root {
    --ia-default-bg-img: url("");
    --ia-default-bg-color-opacity: 0.8;
    --ia-default-bg-position: 50% 50%;
}*/
        /* default form | */
:root {
    --ia-form-bg-color: var(--ia-color-light);
    --ia-form-border: 1px solid var(--ia-color-primary);
    --ia-form-border-radius: 0.25rem;
    --ia-form-focus-shadow: 0 0 0 0.25rem rgba(var(--ia-color-primary-rgb), 0.25);
}
        /* default buttons | .button */
:root {
    --ia-button-border: 1px solid var(--ia-color-dark);
    --ia-button-border-radius: 0.375rem;
    --ia-button-focus-box-shadow: 0 0 0 0.25rem rgba(var(--ia-color-primary-rgb), .5);
    --ia-button-color: var(--ia-color-light);
}
        /* header > banner | #headerDiv .header-banner */
:root {
    --ia-banner-height: 320px;
    --ia-banner-position: 0% 92%;
     /* https://getcssscan.com/css-box-shadow-examples - #28 */
    --ia-banner-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
        /* header > menu | #headerDiv .header-menu */
:root {
    --ia-menu-bg: rgba(var(--ia-color-light-rgb),var(--ia-menu-opacity));
    --ia-menu-opacity: 0.8;
}
/* JOBOFFER LIST > FILTER | (form#jobOfferSearch aside.jobOfferSearchFilter) */
:root {
    --ia-filter-border-bottom: 1px solid var(--ia-color-light);
    --ia-filter-country-min-height: 47px;
    --ia-filter-icon-close: url("/hcm/jobexchange/streamResource.do/3656749580744286/styles/jobexchange/default_jex/icons/chevron-up.svg");
    --ia-filter-icon-open: url("/hcm/jobexchange/streamResource.do/3656749580744286/styles/jobexchange/default_jex/icons/chevron-down.svg");
    --ia-filter-width: 320px;
}
/* JOBOFFER LIST > PORTFOLIO | (section.mainSection #jobOfferListResult ul#jobOffers) */
:root {
    --ia-joboffer-bg: rgba(var(--ia-color-light-rgb),0.5);
    --ia-joboffer-bg-hover: var(--ia-menu-bg);
    --ia-joboffer-border: 2px solid var(--ia-color-primary);
    /* joboffer list > portfolio > company logo */
    --ia-joblogo-height: calc(var(--ia-font-size) * var(--ia-line-height));
    /* joboffer list > portfolio > jobtitle */
    --ia-jobtitle-color: var(--ia-color-primary);
    --ia-jobtitle-font-scaling: 1.25;
    --ia-jobtitle-font-weight: 500;
    --ia-jobtitle-line-height: 1.2;
    --ia-jobtitle-lines: 2;
}
/* content width > joboffer image | .jexContent .jexInnerContent .contentWidth .jobOfferImageContainer */
:root {
    --ia-joboffer-image-bg: rgba(var(--ia-color-primary-rgb),var(--ia-joboffer-image-opacity));
    --ia-joboffer-image-opacity: 0.8;
    --ia-joboffer-image-height-l: 320px;
    --ia-joboffer-image-height-s: 160px;
    --ia-joboffer-image-position-l: 50% 50%;
    --ia-joboffer-image-position-s: 50% 50%;
    
}
/* content width > apply by content | .jexContent .jexInnerContent .contentWidth #applyByContent */
:root {
    --ia-apply-button-width: 9rem;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Default
## ############ ############ ############ ############ ############ ############ ############ */

body {
    background: var(--ia-color-secondary);
    color: var(--ia-color-primary);
    font-family: var(--ia-font-family);
    font-size: var(--ia-font-size);
    font-weight: var(--ia-font-weight);
    line-height: var(--ia-line-height);
}
p {
    margin-bottom: 0;
}
a {
    color: var(--ia-color-primary);
    text-decoration: none;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   Default Form > Input (Text) / Textarea | <input type="text"> / <textarea>
## ############ ############ ############ ############ ############ ############ ############ */

/* bootstrap forms > form control | .form-control */
input[type=text],
textarea {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: var(--ia-form-bg-color);
    border: var(--ia-form-border);
    border-radius: var(--ia-form-border-radius);   
    color: var(--ia-color-dark);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5 !important;
    padding: 0.2rem 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100% !important;
}
input[type=text],
textarea {
    height: auto !important;
    max-width: none !important; 
}
@media (prefers-reduced-motion: reduce) {
    input[type=text]:focus,
    textarea:focus {
        transition: none;
    }
}
/* bootstrap forms > form control focus | .form-control:focus */
input[type=text]:focus,
textarea:focus {
    background-color: var(--ia-form-bg-color);
    border-color: var(--ia-color-primary);
    box-shadow: var(--ia-form-focus-shadow);
    color: var(--ia-color-dark);
    outline: 0;
}
 

/* ############ ############ ############ ############ ############ ############ ############ ##
   Default Form > Select | <select>
## ############ ############ ############ ############ ############ ############ ############ */

/* bootstrap forms > select | .form-select */
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: var(--ia-form-bg-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: var(--ia-form-border);
    border-radius: var(--ia-form-border-radius);
    color: var(--ia-color-dark);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100% !important;
}    
select {
    display: block !important;
    max-width: none !important;
}
@media (prefers-reduced-motion: reduce) {
    select {
        transition: none;
    }
}
/* bootstrap forms > select focus | .form-select:focus */
select:focus {
    border-color: var(--ia-color-primary);
    outline: 0;
    box-shadow: var(--ia-form-focus-shadow);
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Default Form > Checks / Radios | <input type="checkbox"> / <input type="radio">
## ############ ############ ############ ############ ############ ############ ############ */

/* bootstrap forms > checks / radios | .form-check */
.checkboxContainer,
.radioItem {
    display: block;
    margin-bottom: 0.125rem;
    min-height: 1.5rem;
    padding-left: 1.5em;
}
/* bootstrap forms > checks / radios | .form-check .form-check-input */
input[type=checkbox],
input[type=radio] {
    float: left;
    margin-left: -1.5em;
}
/* bootstrap forms > checks / radios | .form-check-input */
input[type=checkbox],
input[type=radio] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border: 1px solid rgba(0, 0, 0, 0.25);
    color-adjust: exact;
    height: 1em;
    margin-top: 0.25em;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    vertical-align: top;
    width: 1em;
}/* bootstrap forms > checks / radios | .form-check-input[type=checkbox] */
input[type=checkbox] {
    border-radius: 0.25em;
}
/* bootstrap forms > checks / radios | .form-check-input[type=radio] */
input[type=radio] {
    border-radius: 50%;
}
/* bootstrap forms > checks / radios | .form-check-input:active */
input[type=checkbox]:active,
input[type=radio]:active {
    filter: brightness(90%);
}
/* bootstrap forms > checks / radios | .form-check-input:focus */
input[type=checkbox]:focus,
input[type=radio]:focus {
    border-color: var(--ia-color-primary);
    outline: 0;
    box-shadow: var(--ia-form-focus-shadow);
}
/* bootstrap forms > checks / radios | .form-check-input:checked */
input[type=checkbox]:checked,
input[type=radio]:checked {
    background-color: var(--ia-color-primary);
    border-color: var(--ia-color-primary);
}
/* bootstrap forms > checks / radios | .form-check-input:checked[type=checkbox] */
input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
/* bootstrap forms > checks / radios | .form-check-input:checked[type=radio] */
input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   Buttons (Oyana) | .button
## ############ ############ ############ ############ ############ ############ ############ */

.btn,
.button {
    align-items: center;
    animation: button-pop .25s ease-out;
    background-color: transparent;
    border: 1px solid var(--ia-color-primary);
    border-radius: 9999px;
    color: var(--ia-color-primary) !important;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    height: 2rem;
    justify-content: center;
    line-height: 0;
    min-height: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-decoration-line: none;
    text-transform: uppercase;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
/**/
.btn-active, 
.btn:hover,
.button:hover {
    background-color: var(--ia-color-primary);
    color: var(--ia-color-light) !important;
}
/* bootstrap buttons | .btn:disabled, .btn.disabled, fieldset:disabled .btn */
.button:disabled {
    opacity: 0.5;
    pointer-events: none;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Layout
## ############ ############ ############ ############ ############ ############ ############ */

/* bootstrap containers | .container */
.jexResponsive {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
.jexResponsive {
    overflow: hidden;
}
/* bootstrap grid system | .row */
#headerDiv,
.jexContent,
#footerDiv {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}
/* Infoniqa Reset */
.jexContent {
    max-width: none !important;
}
@media (min-width: 640px) {
    .jexContent {
        margin-left: auto;
        margin-right: auto;
        max-width: 640px !important;
    }
}
@media (min-width: 768px) {
    .jexContent {
        margin-left: auto;
        margin-right: auto;
        max-width: 768px !important;
    }
}
@media (min-width: 1024px) {
    .jexContent {
        max-width: 1024px !important;
    }
}
@media (min-width: 1280px) {
    .jexContent {
        max-width: 1280px !important;
    }
}
@media (min-width: 1536px) {
    .jexContent {
        max-width: 1536px !important;
    }
}
/* bootstrap grid system | .row > * */
#headerDiv > *,
.jexContent > *,
#footerDiv > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
/* bootstrap grid system | .col */
.jexContent .jexInnerContent {
    flex: 1 0 0%;
}



/* ############ ############ ############ ############ ############ ############ ############ ##
   Header | #headerDiv
## ############ ############ ############ ############ ############ ############ ############ */

#headerDiv .header {
    padding-left: 0;
    padding-right: 0;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Header > Banner | #headerDiv .header-banner
## ############ ############ ############ ############ ############ ############ ############ */


/* ############ ############ ############ ############ ############ ############ ############ ##
   Header > Menu | #headerDiv .header-menu
## ############ ############ ############ ############ ############ ############ ############ */

#headerDiv .header-menu {
    background-color: var(--color-white);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;    
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Topmenu > Language Switch | .jexContent .jexInnerContent .menu.topMenu
## ############ ############ ############ ############ ############ ############ ############ */

.jexContent .jexInnerContent .menu.topMenu {
    display: none !important;
}




/* ############ ############ ############ ############ ############ ############ ############ ##
   CONTENT | apply by (.contentWidth #applyByContent)
## ############ ############ ############ ############ ############ ############ ############ */

/* .codePreambleContainer */
.contentWidth #applyByContent .codePreambleContainer {
    background-color: var(--ia-joboffer-image-bg);
    color: var(--ia-color-light);
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0 1rem 1rem 1rem;
}
/* #applyByFieldset */
.contentWidth #applyByContent #applyByFieldset {
    background-color: var(--ia-color-light);
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 2rem 1rem; 
}
.contentWidth #applyByContent #applyByFieldset input[type=button] {
    width: var(--ia-apply-button-width) !important;
}
/* #applyWithApplicantAccount */
.contentWidth #applyWithApplicantAccount {
    display: none;
}
/* #applyByCV */
.contentWidth #applyByCV {
    background-color: var(--ia-color-light);
    box-shadow: var(--box-shadow);
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    position: relative;
}
.contentWidth #applyByCV .fileWrapper {
    float: left;
    margin-bottom: 0.5rem;
    width: 100% !important;
}
.contentWidth #applyByCV .fileWrapper input[type=file] {
    font-size: 1rem !important;
    height: 38px !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
}
.contentWidth #applyByCV .fileWrapper:hover input[type=file] {
    cursor: pointer;
}
.contentWidth #applyByCV .fileWrapper input[type=button] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    float: left;
    width: var(--ia-apply-button-width) !important;
}
.contentWidth #applyByCV .fileWrapper:hover input[type=button] {
    background-color: transparent;
    border: var(--ia-button-border);
    color: var(--ia-color-primary) !important;
}
.contentWidth #applyByCV .fileWrapper input[type=text] {
    border-left: 0;
    border-radius: 9999px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    width: calc(100% - var(--ia-apply-button-width) - 1px) !important;
}
.contentWidth #applyByCV input[type=button] {
    width: var(--ia-apply-button-width) !important;
}
/* #applyByXing */
.contentWidth #applyByXing {
    margin-bottom: 1rem;
}
.contentWidth #applyByXing input[type=button] {
    width: var(--ia-apply-button-width) !important;
}
.contentWidth #applyByXing img {
    display: none;
}
/* #applyByLinkedIn */
.contentWidth #applyByLinkedIn {
    margin-bottom: 1rem;
}
.contentWidth #applyByLinkedIn input[type=button] {
    width: var(--ia-apply-button-width) !important;
}
.contentWidth #applyByLinkedIn img {
    display: none;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   CONTENT | joboffer name (.contentWidth #tablecontent .jobOfferData)
## ############ ############ ############ ############ ############ ############ ############ */

.contentWidth .jobOfferData {
    background-color: var(--ia-menu-bg);
    color: var(--ia-color-light);
    font-size: 1rem;
    margin-bottom: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0 1rem 1rem 1rem;
}
.contentWidth .jobOfferData p.caption {
    font-size: 0.875rem;
}
.contentWidth .jobOfferData p.jobOfferDescription {
    margin-bottom: 0;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   CONTENT | application block (.contentWidth #tablecontent .applicationBlock_)
## ############ ############ ############ ############ ############ ############ ############ */

/* layout */
.contentWidth #tablecontent div[class*="applicationBlock_"] {
    display: flex;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > div {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > div {
    flex: 1 0 0%;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .applicationBlock,
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow,
.contentWidth #tablecontent div[class*="applicationBlock_"] > .blockButtonsRow,
.contentWidth #tablecontent div[class*="applicationBlock_"] > .blockContainer {
    flex: 0 0 auto;
    width: 100%;
}
@media (min-width: 992px) {
    .contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow {
        padding-right: 1rem;
        width: 50%;
    }
    /*.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow:nth-of-type(2n+1) {
        padding-right: 0;
    }*/
}
@media (min-width: 1200px) {
    .contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow {
        padding-right: 1rem;
        width: 33.33333333%;
    }
    /*.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow:nth-of-type(2n+1) {
        padding-right: 1rem;
    }*/
    /*.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow:nth-of-type(3n+1) {
        padding-right: 0;
    }*/
}
/* application block > caption */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .applicationBlock .applicationBlockCaption {
    background: rgba(var(--ia-color-secondary-rgb),0.8);
    color: var(--ia-color-light);
    font-size: 1.5rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.5rem 1rem;
}
/* application block > field label */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldLabel {
    font-size: 0.875rem;
    width: auto !important;
}
/* application block > field label > mandatory */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .mandatoryLabelSign {
    color: var(--bs-danger);
    padding-left: 0.25rem;
}
/* application block > field label > doublepoint */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .labelDoublePoint {
    display: none;
}
/* application block > field label > tooltip  */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .tooltipIcon,
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .tooltipInfo {
    display: none;
}
/* application block > field value  */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue {
    position: relative;
}
/* application block > field value > file wrapper  */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper {
    float: left;
    margin-bottom: 0.5rem;
    width: 100% !important;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=file] {
    font-size: 1rem !important;
    height: 38px !important;
    /*right: auto !important;*/
    right: 40px !important;
    top: auto !important;
    width: 100% !important;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper:hover input[type=file] {
    cursor: pointer;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=button] {
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    float: left;
    width: var(--ia-apply-button-width) !important;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper:hover input[type=button] {
    background-color: var(--ia-color-secondary);
    border: var(--ia-button-border);
    border-right: 0;
    color: var(--ia-button-color);
    cursor: pointer;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=text] {
    border-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    width: calc(100% - var(--ia-apply-button-width) - 1px) !important;
}
/* application block > field value > image button  */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload {
    background-color: var(--ia-color-primary);
    border: 1px solid var(--ia-color-primary);
    border-left: none;
    border-bottom-right-radius: var(--ia-button-border-radius);
    border-top-right-radius: var(--ia-button-border-radius);
    height: 38px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 1px;
    top: 0px;
    width: 38px;
    z-index: 999999;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload:hover {
    background-color: transparent;
    /*border: 2px solid var(--ia-color-primary);*/
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.deleteIcon {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-file-earmark-x-fill" viewBox="0 0 16 16"><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.854 7.146 8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 1 1 .708-.708z"/></svg>');
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.deleteIcon:hover {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23022327" class="bi bi-file-earmark-x-fill" viewBox="0 0 16 16"><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.854 7.146 8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 1 1 .708-.708z"/></svg>');
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.addIcon {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23fff" class="bi bi-file-earmark-plus-fill" viewBox="0 0 16 16"><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM8.5 7v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 1 0z"/></svg>');
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload.addIcon:hover {
    content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23022327" class="bi bi-file-earmark-plus-fill" viewBox="0 0 16 16"><path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM8.5 7v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 1 0z"/></svg>');
}




/* ############ ############ ############ ############ ############ ############ ############ ##
   CONTENT | application block "datenschutz" (.contentWidth #tablecontent .applicationBlock_)
## ############ ############ ############ ############ ############ ############ ############ */

.contentWidth #tablecontent div.applicationBlock_ff8081815080d01a0150843652d501f4 > .formFieldRow {
    flex: 0 0 auto;
    margin-bottom: 0.5rem;
    width: 100%;
}
/*.contentWidth #tablecontent div.applicationBlock_ff8081815080d01a0150843652d501f4 > .formFieldRow:last-child {
    margin-bottom: 1rem;
}*/
.contentWidth #tablecontent div.applicationBlock_ff8081815080d01a0150843652d501f4 > .formFieldRow .errorMessage {
    color: var(--bs-danger);
    padding-left: 1.5em;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   CONTENT | main buttons (.contentWidth .mainButtonCell)
## ############ ############ ############ ############ ############ ############ ############ */

.contentWidth .mainButtonCell {
    /*background: var(--ia-menu-bg);*/
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem;
    position: relative;
}
/*.contentWidth .mainButtonCell .button {
    background-color: var(--ia-color-light);
    border: var(--ia-button-border);
    color: var(--ia-color-primary) !important;
}
.contentWidth .mainButtonCell .button:hover {
    background-color: var(--ia-color-secondary);
    border: var(--ia-button-border);
    color: var(--ia-button-color) !important;
}*/
.contentWidth .mainButtonCell .buttonNext {
    float: right;
}
.contentWidth .mainButtonCell .buttonSend {
    float: right;
}
.contentWidth .mainButtonCell .applicationDataButton {
    display: none;
    float: right;
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   Paging Area | .contentWidth .pagingArea
## ############ ############ ############ ############ ############ ############ ############ */

.contentWidth .pagingArea {
    display: none;
}
/*.contentWidth .pagingArea {
    margin-bottom: 1rem;
}
.contentWidth .pagingArea .paging {
    text-align: center;
}
.contentWidth .pagingArea .postamble {
    display: none;
}*/


/* ############ ############ ############ ############ ############ ############ ############ ##
   Footer | .jexContent .jexInnerContent .footer
## ############ ############ ############ ############ ############ ############ ############ */

/* footer */
.jexContent .jexInnerContent .footer {
    display: none;
}


/* ############ ############ ############ ############ ############ ############ ############ ##
   Footer | #footerDiv
## ############ ############ ############ ############ ############ ############ ############ */

/* footer */
#footerDiv {
    background-color: var(--ia-menu-bg);
    color: var(--ia-color-light);
    margin-top: 2rem;
    padding: 1rem 0;
}



























/* ############ ############ ############ ############ ############ ############ ############ ##
   Custom Styles
## ############ ############ ############ ############ ############ ############ ############ */


/* 245 */
a:hover {
    color: var(--ia-color-primary);
}

/* Default > Select */
/* 263 */
/* NEW */
select {
    margin-bottom: 0.75rem;
}


/* Default > Radio */
/* 307 */
/* NEW */
.radioContainer {
    position: relative;
}
.radioContainer .radioItem {
    float: left;
    margin-right: 1rem;
}

/* Default > Text, Textarea*/
input[type=text], textarea {
    margin-bottom: 0.75rem;
}

/* Default > Button */
/* 379 */
.button {
    background-color: var(--ia-color-primary);
    border-radius: 2rem;
    color: var(--ia-color-light) !important;
    padding: 0.375rem 1.5rem;
    text-transform: uppercase;
    
}
/* 409 */
.button:hover {
    background-color: transparent;
    border: 1px solid var(--ia-color-primary);
    color: var(--ia-color-primary) !important;

}



/* 492 */
.jexContent .jexInnerContent {
    padding-top: 20rem;
}

@media (min-width: 1024px) {
    .jexContent .jexInnerContent {
        padding-top: 8rem;
    }
}

/* Header > Banner */
/* 510 */
#headerDiv .header-banner {
    display: none;
}


/* Header > Logo */
/* 588 */
#headerDiv .header-menu .navbar>.container-fluid .navbar-brand img {
    height: 3rem;
}


/* Header > Menu */
/* 600 */
@media (min-width: 576px) {
    #headerDiv .header-menu .navbar>.container-fluid .navbar-collapse {
        justify-content: flex-end;
    }
}
/* 616 */
#headerDiv .header-menu .navbar>.container-fluid .navbar-collapse .navbar-nav .nav-link {
    color: var(--ia-color-primary);
}
/* 641 */
#headerDiv .header-menu .navbar>.container-fluid .navbar-collapse .navbar-nav .nav-link:hover, 
#headerDiv .header-menu .navbar>.container-fluid .navbar-collapse .navbar-nav .nav-link:focus {
    border-bottom: 2px solid var(--ia-color-primary);
    color: var(--ia-color-primary);
    font-family: var(--ia-font-family-bold);
}
/* 647 */
@media (min-width: 576px) {
    #headerDiv .header-menu .navbar>.container-fluid .navbar-collapse .navbar-nav .nav-link {
        padding: 0.25rem 0;
        margin: 1.25rem 0 1.25rem 2rem;
    }
}






/* 1370 */
.contentWidth .jobOfferData {
    background-color: var(--ia-color-primary);
    color: var(--ia-color-secondary);
    font-size: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem;
}
/* 1387 */
.contentWidth .jobOfferData p.jobOfferDescription {
    font-family: var(--ia-font-family-bold);
    font-size: 1.5rem;
}
/* 1397 */
.contentWidth #tablecontent div[class*="applicationBlock_"] {
    margin-bottom: 2rem;
}
/* NEW */
.contentWidth #tablecontent div[class*="applicationBlock_"] > div:has(p.applicationBlockPreamble) {
    display: none;
}


/* 1438 */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .applicationBlock .applicationBlockCaption {
    background: transparent;
    color: var(--ia-color-primary);
    font-family: var(--ia-font-family-bold);
    font-size: 1.25rem;
    margin-bottom: 1rem;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

/* 1451 */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldLabel {
    font-size: 0.875rem;
    padding-bottom: 0.25rem;
    width: auto !important;
}
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldLabel br {
    display: none;
}

/* NEW */
select.multiUploadCategory {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 0.875rem;
    margin-bottom: -1px;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-top: 0;
}

.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper input[type=button] {
    border-bottom-left-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
}
/* 1496 */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fileWrapper:hover input[type=button] {
    background-color: var(--ia-color-light);
    border: 1px solid var(--ia-color-primary);
    color: var(--ia-color-primary) !important;
}


/* Footer */
/* 1620 */
#footerDiv {
    background-color: var(--ia-color-primary);
    color: var(--ia-color-light);
    margin-top: 2rem;
    padding: 1rem 0;
}


/* NEW */
#footerDiv a {
    color: var(--ia-color-light);
    display: block;
    text-decoration: none;
    width: 100%;
}
#footerDiv .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
/*
@media (min-width: 768px) {
    #footerDiv .container {
        max-width: 720px !important;
    }
}
@media (min-width: 992px) {
    #footerDiv .container {
        max-width: 960px !important;
    }
}
@media (min-width: 1200px) {
    #footerDiv .container {
        max-width: 1140px !important;
    }
}
@media (min-width: 1400px) {
    #footerDiv .container {
        max-width: 1320px !important;
    }
}
*/
#footerDiv .container .row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}
#footerDiv .container .row > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}
#footerDiv .container .row .col {
    flex: 0 0 auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    width: 100%;
}
@media (min-width: 768px) {
    #footerDiv .container .row .col {
        flex: 1 0 0%;
        position: relative;
        text-align: left;
    }
}



#footerDiv .footer-brand img {
    height: 4rem;
    padding-left: 1.75rem;
}
@media (min-width: 768px) {
    #footerDiv .footer-brand img {
        height: 4rem;
        padding-left: 0;
        width: auto;
    }
}

#footerDiv .container .row .col:has(div.footer-icon) {
    position: relative;
}

#footerDiv .footer-icon {
    float: left;
    margin-right: 1rem;
}



.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldLabel br,
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue br {
    display: none;
}

.contentWidth #tablecontent div.applicationBlock_PMPxGLAPPBLKxAPPBLKIDx0000000011 > .formFieldRow .fileWrapper {
    margin-bottom: -1rem;
}







/* NEW */
.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .errorMessage {
    background-color: var(--bs-danger);
    border-radius: 0.375rem;
    color: var(--ia-color-light);
    display: inline-block;
    font-size: 0.875rem;
    padding: 0.25rem 1rem;
   }
   .contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .errorMessage:empty {
    display: none;
}

.applyByContent #buttons {
    display: none;
}


.applyByFieldset .caption {
    font-family: var(--ia-font-family-bold);
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

#applyByFieldset .caption::before {
    content: "Option 1: ";
}
#applyByCV .caption::before {
    content: "Option 2: ";
}

.contentWidth #applyByContent .codePreambleContainer {
    background-color: transparent;
    color: var(--ia-color-dark);
    font-size: 1rem;
    margin: 0;
    margin-bottom: 1rem;
    padding: 0;
}

.contentWidth #applyByContent .codePreambleContainer div {
    background-color: var(--ia-color-primary);
    color: var(--ia-color-light) !important;
    font-family: var(--ia-font-family-bold);
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem;
}


.contentWidth #applyByContent .codePreambleContainer > br {
    display: none;
}

/* CHANGES - 15.12.2022 */

.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac2018515371804354b > .formFieldRow .fieldLabel {
    
}

.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac201851534ce933545 > .formFieldRow,
.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac2018515371804354b > .formFieldRow {
    flex: 0 0 auto;
    width: 100% !important
}



#footerDiv a img {
    height: 32px;
    width: 32px;
}



/* CHANGES - 22.12.2022 */ 

.applicationBlock_8a7ec0e784857ac201851534ce933545 .applicationBlockCaption {
    display: none;
}

.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow img.multiupload {
    background-color: var(--ia-color-primary);
    border: 1px solid var(--ia-color-primary);
    border-left: none;
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    height: 32px;
    margin: 0;
    padding: 4px 8px 4px 2px;
    position: absolute;
    right: 1px;
    top: 0px;
    width: 40px;
    z-index: 999999;
}

.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac20185152967633535 {
    margin-bottom: 0;
}





/* CHANGES - 27.12.2022 */


.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac2018515371804354b  > .formFieldRow .fileWrapper input[type=button] {
    background-color: var(--ia-color-primary);
    color: var(--ia-color-light) !important;
    border-radius: 9999px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.contentWidth #tablecontent div.applicationBlock_8a7ec0e784857ac2018515371804354b > .formFieldRow .fileWrapper input[type=text] {
    border-radius: 9999px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 3px 0.75rem;
}

#footerDiv a:hover {
    text-decoration: underline;
    text-underline-offset: 8px;
}

































::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(63,131,248,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}


:root {
    --p: 186 90% 16%;
    --pf: 186 90% 13%;
    --sf: 48 89% 54%;
    --af: 174 60% 41%;
    --nf: 20 53% 72%;
    --b2: 0 0% 90%;
    --b3: 0 0% 81%;
    --in: 198 93% 60%;
    --su: 158 64% 52%;
    --wa: 43 96% 56%;
    --er: 0 91% 71%;
    --bc: 0 0% 20%;
    --pc: 186 100% 83%;
    --sc: 48 100% 13%;
    --ac: 174 100% 10%;
    --nc: 20 65% 18%;
    --inc: 198 100% 12%;
    --suc: 158 100% 10%;
    --wac: 43 100% 11%;
    --erc: 0 100% 14%;
    --rounded-box: 1rem;
    --rounded-btn: .5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: .25s;
    --animation-input: .2s;
    --btn-text-case: uppercase;
    --btn-focus-scale: .95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: .5rem;
    --s: 48 89% 67%;
    --a: 174 60% 51%;
    --n: 20 53% 90%;
    --b1: 0 0% 100%;
}
:root {
    --spacing-sm: 8px;
    --spacing-md: 14px;
    --spacing-lg: 20px;
    --color-green: #00c58e;
    --color-white: #fff;
    --box-shadow: 0 1px 6px 1px rgba(0,0,0,.1),0 1px 7px 1px rgb(0 0 0/6%);
    --border-radius: 8px;
    --background-overlay: rgba(34,34,34,.3);
    --border-color-lightest: 1px solid hsla(0,0%,78%,.2);
    --border-color-light: 1px solid rgba(0,0,0,.1);
}

/* ############ ############ ############ ############ ############ ############ ############ ##
   OYANA CSS - Header Menu Desktop
## ############ ############ ############ ############ ############ ############ ############ */
.container {
    width: 100%;
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}
.navbar {
    align-items: center;
    color: var(--ia-color-primary);
    display: flex;
    margin-left: auto;
    margin-right: auto;
    min-height: 4rem;
    padding: 1rem;
    width: 100%;
}
:where(.navbar>*) {
    align-items: center;
    display: inline-flex;
}
/**/
.flex-1 {
    flex: 1 1 0%;
}
/*
.flex-none {
    flex: none;
}
.hidden {
    display: none;
}
@media (min-width: 1024px) {
    .lg\:block {
        display: block;
    }
}*/
/*
@media (min-width: 1024px) {
    .lg\:hidden {
        display: none;
    }
}*/
/**/
.menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
/* CHANGED */
.menu-horizontal {
    align-items: center;
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
}
@media (min-width: 1024px) {
    .menu-horizontal {
        display: inline-flex;
        flex-direction: row;
        width: -moz-max-content;
        width: max-content;
    }
}


/* menu level 1 */
.menu :where(li) {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: wrap;
    position: relative;
}
.menu>:where(li:first-child) {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.menu-horizontal :where(li) {
    flex-direction: row;
}
.menu-horizontal>:where(li:first-child) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: unset;
    border-top-left-radius: inherit;
    border-top-right-radius: unset;
}
/* menu level 1 */
.menu :where(li:not(.menu-title))>:where(:not(ul)) {
    display: flex;
}
.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)) {
    align-items: center;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* CHANGED */
.menu :where(li)>:where(:not(ul)) {
    color: currentColor;
    gap: 0.75rem;
    padding: 0.25rem 1rem;
}
@media (min-width: 1024px) {
    .menu :where(li)>:where(:not(ul)) {
        color: currentColor;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
    }
}
.menu :where(li:not(.disabled))>:where(:not(ul)) {
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.menu>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.menu-horizontal>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: unset;
    border-top-left-radius: inherit;
    border-top-right-radius: unset;
}
/* menu dropdown */
.dropdown {
    display: inline-block;
    position: relative;
}
/* menu dropdown content */
/* CHANGED */
.menu>:where(li) :where(ul) {
    display: none;
}
@media (min-width: 1024px) {
    .menu>:where(li) :where(ul) {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        left: -20%;
        width: 12rem;
        background-color: var(--ia-color-light);
        padding: 0.5rem;
        padding-left: 0;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
    }
}
.dropdown .dropdown-content {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: 50;
}
/* menu hover */
.dropdown.dropdown-hover:hover .dropdown-content, .dropdown.dropdown-open .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
    opacity: 1;
    visibility: visible;
}
.link-hover:hover {
    text-decoration-line: underline;
    text-underline-offset: 8px;
}
@media (min-width: 1024px) { 
    .link-hover:hover {
        text-underline-offset: unset;
    }
}
.underline-offset-8 {
    text-underline-offset: 8px !important
}
.hover\:bg-transparent:hover {
    background-color: transparent;
}


/* menu button */
/* CHANGED */
.menu-horizontal .btn {
    margin-top: 0.5rem;
}
@media (min-width: 1024px) {
    .menu-horizontal .btn {
        margin-left: 1rem;
        
    }
}


.drawer-side {
    display: none !important;
}











/* ############ ############ ############ ############ ############ ############ ############ ##
   Oyana Footer
## ############ ############ ############ ############ ############ ############ ############ */
.w-full {
    width: 100%;
}
.bg-primary {
    --tw-bg-opacity: 1;
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
}
.font-regular {
    font-family: BrownLLWeb-Regular;
}
/**/

.footer {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    font-size: .875rem;
    grid-auto-flow: row;
    line-height: 1.25rem;
    row-gap: 2.5rem;
    width: 100%;
}
.footer, .footer>* {
    display: grid;
    place-items: start;
}
@media (min-width: 48rem) {
.footer {
    grid-auto-flow: column;
}
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.p-10 {
    padding: 2.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
/**/
.footer, .footer>* {
    display: grid;
    place-items: start;
}
.footer>* {
    gap: 0.5rem;
}
/**/
.grid {
    display: grid;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.gap-4 {
    gap: 1rem;
}






/* TMP */

.container > div:nth-child(3) {
    display: none;
}

.dataPrivacyTerms a {text-decoration: underline;}

/*.contentWidth #applyByContent .codePreambleContainer > div {
    color: var(--ia-color-primary) !important;
}
.contentWidth #applyByContent .codePreambleContainer > div::before {
    color: var(--ia-color-light) !important;
    content: "Initiativbewerbung";
}*/





/* 
CHANGES - 2023-02-20
TMP  
*/

#headerDiv,
#footerDiv {
    display: none;
}
.jexContent .jexInnerContent {
    padding-top: 0 !important;
}


.fieldLabel .labelDoublePoint {
    display: none;
}

.jobOfferDetailHeader .jobOfferDescription {
    margin-bottom: 2rem;
}

.mainButtonCell .buttonBack {
    display: none;
}
.postamble.afterButtons {
    display: none;
}



/* background with glass effect */
.finishContent {
    background-attachment: fixed;
    background-blend-mode: color;
    background-color: rgba(var(--ia-color-light-rgb),0.8);
    background-image: url(/hcm/jobexchange/streamResource.do/7833743310400952/styles/jobexchange/default_jex/images/iStock-687663798.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.finishContent {
    left: 0;
    position: absolute;
    top: 0;
    height: 100vh;
    width: 100vw;
}

.finishText {
    margin: 20%;
    text-align: center;
}







/* 02.05.2023 */


.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue.inputCell.input.multiupload {
    
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-clip: padding-box;
    background-color: var(--ia-form-bg-color);
    border: var(--ia-form-border);
    border-radius: var(--ia-form-border-radius);
    color: var(--ia-color-dark);
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5 !important;
    padding: 0.2rem 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100% !important;
    
    
    
    border-radius: 9999px;
    padding: 3px 0.75rem;
    margin-bottom: 1rem;
}


.contentWidth #tablecontent div[class*="applicationBlock_"] > .formFieldRow .fieldValue.inputCell.input.multiupload  img.multiupload {
    background-color: var(--ia-color-primary);
    border: 1px solid var(--ia-color-primary);
    border-left: none;
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px;
    height: 32px;
    margin: 0;
    padding: 4px 8px 4px 2px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 38px;
    z-index: 999999;
}