@font-face {
  font-family: "DINNextLTPro-MediumCond";
  src: url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff2") format("woff2"),
       url("/wp-content/uploads/breakdance/fonts/DINNextLTPro_MediumCond.woff") format("woff");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

.am-vacancies-section {
  --am-vacancies-bg: #eef5f5;
  --am-vacancies-blue: #003f60;
  --am-vacancies-red: #ef3340;
  --am-vacancies-white: #ffffff;
  --am-vacancies-hover: #8b8b89;
  --am-vacancies-font: "DINNextLTPro-MediumCond", "DINNextLTPro-BoldCondensed", "DINNextLTPro-Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;

  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  background: transparent;
  padding: var(--am-vacancies-section-padding, 50px 20px 74px);
  box-sizing: border-box;
  font-family: var(--am-vacancies-font);
}

.am-vacancies-section::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: var(--am-vacancies-bg);
  z-index: -1;
  pointer-events: none;
}

.am-vacancies-section,
.am-vacancies-section * {
  box-sizing: border-box;
  font-family: var(--am-vacancies-font) !important;
}

.am-vacancies-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: var(--am-vacancies-container-width, 990px);
  margin: 0 auto;
}

.am-vacancies-title {
  margin: 0 0 var(--am-vacancies-title-margin-bottom, 62px);
  color: var(--am-vacancies-title-blue, var(--am-vacancies-blue));
  font-size: var(--am-vacancies-title-size, 37px);
  line-height: var(--am-vacancies-title-line-height, 1);
  font-weight: var(--am-vacancies-title-weight, 700);
  letter-spacing: var(--am-vacancies-title-letter-spacing, 0.35px);
  text-align: var(--am-vacancies-title-align, center);
  text-transform: var(--am-vacancies-title-transform, uppercase);
}

.am-vacancies-title span {
  color: var(--am-vacancies-title-red, var(--am-vacancies-red));
}

.am-vacancies-grid {
  display: grid;
  grid-template-columns: repeat(var(--am-vacancies-desktop-columns, 2), minmax(0, var(--am-vacancies-card-width, 440px)));
  justify-content: center;
  gap: var(--am-vacancies-row-gap, 0px) var(--am-vacancies-column-gap, 110px);
}

.am-vacancy-card {
  display: flex;
  flex-direction: column;
  min-height: var(--am-vacancy-card-min-height, 604px);
  background: var(--am-vacancy-card-bg, var(--am-vacancies-white));
  color: var(--am-vacancies-blue);
  border: var(--am-vacancy-card-border-width, 0px) solid var(--am-vacancy-card-border-color, transparent);
  border-radius: var(--am-vacancy-card-radius, 0px);
  overflow: hidden;
}

.am-vacancy-image {
  width: 100%;
  height: var(--am-vacancy-image-height, 220px);
  overflow: hidden;
  background: var(--am-vacancy-image-bg, var(--am-vacancies-white));
  flex: 0 0 auto;
}

.am-vacancy-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: var(--am-vacancy-image-fit, cover);
  object-position: var(--am-vacancy-image-position, center);
}

.am-vacancy-content {
  flex: 1 1 auto;
  padding: var(--am-vacancy-content-padding, 27px 18px 28px);
  background: var(--am-vacancy-content-bg, var(--am-vacancies-white));
}

.am-vacancy-heading {
  margin: 0 0 var(--am-vacancy-heading-margin-bottom, 23px);
  color: var(--am-vacancy-heading-color, var(--am-vacancies-blue)) !important;
  font-size: var(--am-vacancy-heading-size, 27px);
  line-height: var(--am-vacancy-heading-line-height, 1.28);
  font-weight: var(--am-vacancy-heading-weight, 700);
  letter-spacing: var(--am-vacancy-heading-letter-spacing, 0.25px);
  text-align: var(--am-vacancy-heading-align, left);
  text-transform: var(--am-vacancy-heading-transform, uppercase);
}


.am-vacancy-title-link,
.am-vacancy-title-link:link,
.am-vacancy-title-link:visited,
.am-vacancy-title-link:hover,
.am-vacancy-title-link:focus {
  color: var(--am-vacancy-heading-color, var(--am-vacancies-blue)) !important;
  text-decoration: none !important;
  outline: none;
}

.am-vacancy-text {
  margin: 0;
  color: var(--am-vacancy-text-color, var(--am-vacancies-blue));
  font-size: var(--am-vacancy-text-size, 16px);
  line-height: var(--am-vacancy-text-line-height, 1.45);
  font-weight: var(--am-vacancy-text-weight, 400);
  letter-spacing: var(--am-vacancy-text-letter-spacing, 0.12px);
  text-align: var(--am-vacancy-text-align, left);
}


.am-vacancy-text p {
  margin: 0 0 1em;
  color: inherit;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-align: inherit;
}

.am-vacancy-text p:last-child {
  margin-bottom: 0;
}

.am-vacancy-text a {
  color: inherit;
  text-decoration: underline;
}

.am-vacancy-text ul,
.am-vacancy-text ol {
  margin: 0 0 1em 1.25em;
  padding: 0;
}

.am-vacancy-text li {
  margin: 0 0 0.3em;
}

.am-vacancy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--am-vacancy-button-icon-gap, 11px);
  width: 100%;
  min-height: var(--am-vacancy-button-height, 52px);
  margin-top: auto;
  padding: var(--am-vacancy-button-padding, 13px 18px 12px);
  background: var(--am-vacancy-button-bg, var(--am-vacancies-blue));
  border: var(--am-vacancy-button-border-width, 0px) solid var(--am-vacancy-button-border-color, transparent);
  border-radius: var(--am-vacancy-button-radius, 0px);
  color: var(--am-vacancy-button-color, var(--am-vacancies-white));
  font-size: var(--am-vacancy-button-size, 20px);
  line-height: var(--am-vacancy-button-line-height, 1);
  font-weight: var(--am-vacancy-button-weight, 700);
  letter-spacing: var(--am-vacancy-button-letter-spacing, 0.1px);
  text-align: center;
  text-decoration: none;
  text-transform: var(--am-vacancy-button-transform, uppercase);
  transition: background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.am-vacancy-btn:hover,
.am-vacancy-btn:focus {
  background: var(--am-vacancy-button-hover-bg, var(--am-vacancies-hover));
  border-color: var(--am-vacancy-button-hover-border-color, transparent);
  color: var(--am-vacancy-button-hover-color, var(--am-vacancies-blue));
  text-decoration: none;
  outline: none;
}

.am-vacancy-btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--am-vacancy-button-icon-width, 17px);
  height: var(--am-vacancy-button-icon-height, 13px);
  color: currentColor;
  flex: 0 0 auto;
}

.am-vacancy-btn-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 1180px) {
  .am-vacancies-inner {
    max-width: var(--am-vacancies-tablet-container-width, 940px);
  }

  .am-vacancies-grid {
    gap: var(--am-vacancies-tablet-row-gap, 0px) var(--am-vacancies-tablet-column-gap, 70px);
  }
}

@media (max-width: 991px) {
  .am-vacancies-section {
    padding: var(--am-vacancies-tablet-section-padding, 46px 24px 64px);
  }

  .am-vacancies-title {
    margin-bottom: var(--am-vacancies-tablet-title-margin-bottom, 44px);
  }

  .am-vacancies-grid {
    grid-template-columns: repeat(var(--am-vacancies-tablet-columns, 2), minmax(0, 1fr));
    gap: var(--am-vacancies-tablet-row-gap, 0px) var(--am-vacancies-tablet-column-gap-small, 34px);
  }

  .am-vacancy-card {
    min-height: var(--am-vacancy-tablet-card-min-height, 590px);
  }

  .am-vacancy-image {
    height: var(--am-vacancy-tablet-image-height, 200px);
  }

  .am-vacancy-heading {
    font-size: var(--am-vacancy-tablet-heading-size, 24px);
  }
}

@media (max-width: 767px) {
  .am-vacancies-section {
    padding: var(--am-vacancies-mobile-section-padding, 40px 18px 52px);
  }

  .am-vacancies-title {
    margin-bottom: var(--am-vacancies-mobile-title-margin-bottom, 34px);
    font-size: var(--am-vacancies-mobile-title-size, 34px);
  }

  .am-vacancies-grid {
    grid-template-columns: 1fr;
    gap: var(--am-vacancies-mobile-card-gap, 34px);
  }

  .am-vacancy-card {
    min-height: auto;
  }

  .am-vacancy-image {
    height: auto;
    aspect-ratio: var(--am-vacancy-mobile-image-ratio, 600 / 300);
  }

  .am-vacancy-content {
    padding: var(--am-vacancy-mobile-content-padding, 24px 18px 30px);
  }

  .am-vacancy-heading {
    font-size: var(--am-vacancy-mobile-heading-size, 24px);
  }

  .am-vacancy-text {
    font-size: var(--am-vacancy-mobile-text-size, 16px);
  }
}

@media (max-width: 420px) {
  .am-vacancies-section {
    padding-left: var(--am-vacancies-small-padding-x, 14px);
    padding-right: var(--am-vacancies-small-padding-x, 14px);
  }

  .am-vacancies-title {
    font-size: var(--am-vacancies-small-title-size, 31px);
  }

  .am-vacancy-heading {
    font-size: var(--am-vacancy-small-heading-size, 22px);
  }
}

/* Fix: keep the generated Breakdance wrapper clean and keep the section borderless. */
.am-vacancies-breakdance-element,
.am-vacancies-breakdance-element > *,
.am-vacancies-section,
.am-vacancies-section::before,
.am-vacancies-inner,
.am-vacancies-grid {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Fix: prevent global Breakdance/link styles from changing the default button text/icon color. */
.am-vacancies-section .am-vacancy-btn,
.am-vacancies-section .am-vacancy-btn:link,
.am-vacancies-section .am-vacancy-btn:visited,
.am-vacancies-section .am-vacancy-btn span,
.am-vacancies-section .am-vacancy-btn svg,
.am-vacancies-section .am-vacancy-btn svg path {
  color: var(--am-vacancy-button-color, var(--am-vacancies-white)) !important;
  text-decoration: none !important;
}

.am-vacancies-section .am-vacancy-btn svg path {
  stroke: currentColor !important;
}

.am-vacancies-section .am-vacancy-btn:hover,
.am-vacancies-section .am-vacancy-btn:focus,
.am-vacancies-section .am-vacancy-btn:hover span,
.am-vacancies-section .am-vacancy-btn:focus span,
.am-vacancies-section .am-vacancy-btn:hover svg,
.am-vacancies-section .am-vacancy-btn:focus svg,
.am-vacancies-section .am-vacancy-btn:hover svg path,
.am-vacancies-section .am-vacancy-btn:focus svg path {
  color: var(--am-vacancy-button-hover-color, var(--am-vacancies-blue)) !important;
  text-decoration: none !important;
}


/* Fix: make Card Title Color control override theme/global heading colors. */
.am-vacancies-section .am-vacancy-heading,
.am-vacancies-section h3.am-vacancy-heading,
.am-vacancies-section .am-vacancy-heading .am-vacancy-title-link,
.am-vacancies-section .am-vacancy-heading .am-vacancy-title-link:link,
.am-vacancies-section .am-vacancy-heading .am-vacancy-title-link:visited,
.am-vacancies-section .am-vacancy-heading .am-vacancy-title-link:hover,
.am-vacancies-section .am-vacancy-heading .am-vacancy-title-link:focus {
  color: var(--am-vacancy-heading-color, var(--am-vacancies-blue)) !important;
  text-decoration: none !important;
}