/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/vacancy-overview/src/vacancy-overview.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/vacancy-overview/src/vacancy-overview.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close) {
  display: inline-flex;
  color: var(--btn-theme-color);
  font-size: var(--theme-fs-base, 16px);
  text-decoration: none;
  padding: var(--btn-padding, 0.6em 2em);
  border: none;
  cursor: pointer;
  justify-content: center;
  transition: 0.25s;
  position: relative;
  font-weight: 600;
  background-color: var(--btn-bg, var(--btn-theme));
  line-height: 1.2;
  border: var(--btn-border-width, 2px) solid var(--btn-border-color, transparent);
}

.twz-sf__container.twz-sf__container .twz-sf__container-filters .slash {
  --corner-offset: calc(var(--tangent) * var(--height, 0));
  clip-path: polygon(0 0, 100% 0, calc(100% - var(--corner-offset)) 100%, 0 100%);
}

body:has(.twz-sf-form[aria-expanded=true]) {
  overflow: hidden;
}
body:has(.twz-sf-form[aria-expanded=true]) .navigation {
  z-index: 400;
}
body:has(.twz-sf-form[aria-expanded=true]) .twz-overlay {
  opacity: 1;
}

.twz-sf__container.twz-sf__container {
  --twz-sf-container-mrg-top: 0;
  --twz-sf-container-maxwidth: 100%;
  --twz-sf-container-width: 100%;
  --twz-sf-container-gap: 6rem;
  grid-template-columns: var(--twz-sf-results-width, 1fr) var(--twz-sf-filtercontainer-width, 32.5rem);
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .twz-sf__container.twz-sf__container {
    --twz-sf-container-gap: 0;
    --twz-sf-filtercontainer-width: 0;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters {
  order: 2;
}
@media (min-width: 1024px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-filters {
    position: sticky;
    top: calc(var(--nav-height) + 2rem);
    padding: 2rem 1.5rem;
    filter: drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.1));
    width: 140%;
    padding-right: 40%;
    background-color: transparent;
  }
}
@media (max-width: 1023px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-filters .slash,
  .twz-sf__container.twz-sf__container .twz-sf__container-filters .filters-title {
    display: none;
  }
}
@media (min-width: 1024px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-filters .slash {
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .filters-title {
  position: relative;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--twz-sf-filters-container-border-color, var(--grey-200));
}
@media (max-width: 1023px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf-form {
    height: 90%;
    top: unset;
    bottom: 0;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters form {
  padding-top: 2rem;
  position: relative;
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter {
  --offset-left: 4rem;
  padding-bottom: 0;
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter[aria-expanded=false] {
  --twz-sf-filterpart-maxheight: 0 !important;
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter .twz-sf__head {
  padding-left: var(--offset-left);
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter .twz-sf__head:after {
  right: unset;
  left: 0;
  height: auto;
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter .twz-sf__head .title {
  font-size: 1.6rem;
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter .twz-sf__tree {
  padding-left: var(--offset-left);
}
.twz-sf__container.twz-sf__container .twz-sf__container-filters .twz-sf__filter .twz-sf__tree label:after {
  top: 3px;
}
.twz-sf__container.twz-sf__container .twz-sf__container-results {
  width: 100%;
}
@media (min-width: 1024px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-results {
    max-width: 80rem;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-results .results-title {
  --results-title-margin-bottom: 1rem;
  margin-bottom: var(--results-title-margin-bottom);
}
@media (max-width: 1023px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-results .results-title {
    --results-title-margin-bottom: 2rem;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-results .twz-sf__results-content {
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-results .twz-sf__totalcount--withtext {
    flex: 0 0 auto;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__container-results > ul {
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media (max-width: 767px) {
  .twz-sf__container.twz-sf__container .twz-sf__container-results > ul {
    grid-template-columns: 1fr;
  }
}
.twz-sf__container.twz-sf__container .twz-sf__progress {
  display: none;
}
.twz-sf__container.twz-sf__container .twz-sf__pages {
  gap: 1rem;
}
@media (min-width: 1024px) {
  .twz-sf__container.twz-sf__container .twz-sf-form__close {
    display: none;
  }
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close) {
  --btn-bg: transparent;
  --btn-border-color: var(--blue-800);
  --btn-theme-color: var(--blue-800);
  --button-border-radius: 0;
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close):hover {
  --btn-bg: var(--blue-800);
  --btn-theme-color: var(--white);
}
@media (min-width: 1024px) {
  .twz-sf__container.twz-sf__container button:not(.twz-sf-form__close).twz-sf__form-toggler, .twz-sf__container.twz-sf__container button:not(.twz-sf-form__close).twz-sf__submit {
    display: none;
  }
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close).twz-sf__form-toggler {
  flex: 1 0 auto;
  max-width: 30rem;
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close).twz-sf__form-toggler .filter--icon {
  display: none;
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close).twz-sf__submit {
  --btn-bg: var(--twz-submit-button-bg, var(--cyan-500));
  --btn-theme-color: var(--twz-submit-button-color, var(--white));
  --btn-border-color: var(--twz-submit-button-border-color, var(--cyan-500));
}
.twz-sf__container.twz-sf__container button:not(.twz-sf-form__close) span {
  color: var(--btn-theme-color);
}