/**
 SASS files that don't get compiled into CSS. Do not put element selectors in here.
 Every file not starting with '_' should import this file if you want to use functions and mixins.
 */
/**
 * SASS variables
 *
 These are only used in the properties and abstract SASS files.
 */
/**
 Breakpoints and columns
 */
/**
 Text
 */
/**
Fill in the header styles, only write the properties you want to override.
 */
/**
 Form
 */
/**
  Buttons
 */
/**
 Breakpoints

 @param {Keyword} $breakpoint - The breakpoint name of the minimum width. Can be any of the names in the $breakpoint variable
 */
/**
  Custom column size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size in columns or 'expand'/'shrink'.
  @param {number} $total - the total size in columns. Ignored when size is 'expand'/'shrink'
 */
/**
  Custom offset size.
  Especially handy inside other columns.

  @param {Number|string} $size - the size of the offset.
  @param {number} $total - the total size in columns.
  @param {string} - the side from the offset.
 */
.layout-container > header {
  z-index: 50;
}
.layout-container > main {
  z-index: 49;
}

.node--type-page.full-media-header header, .node--type-article.full-media-header header, .node--type-vacancy.full-media-header header {
  margin-top: -181px;
  min-height: 700px;
  margin-bottom: 100px;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  overflow: hidden;
}
@media (min-width: 992px) {
  .node--type-page.full-media-header header, .node--type-article.full-media-header header, .node--type-vacancy.full-media-header header {
    margin-top: -181px;
    min-height: 650px;
    margin-bottom: 185px;
  }
}
.node--type-page.full-media-header header .field--name-field-media, .node--type-article.full-media-header header .field--name-field-media, .node--type-vacancy.full-media-header header .field--name-field-media {
  grid-column: 1/-1;
  grid-row: 1;
  position: relative;
  z-index: 40;
}
.node--type-page.full-media-header header .field--name-field-media video, .node--type-page.full-media-header header .field--name-field-media img, .node--type-article.full-media-header header .field--name-field-media video, .node--type-article.full-media-header header .field--name-field-media img, .node--type-vacancy.full-media-header header .field--name-field-media video, .node--type-vacancy.full-media-header header .field--name-field-media img {
  height: calc(100dvh + 1px);
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 700px;
  width: 100%;
}
@media (min-width: 992px) {
  .node--type-page.full-media-header header .field--name-field-media video, .node--type-page.full-media-header header .field--name-field-media img, .node--type-article.full-media-header header .field--name-field-media video, .node--type-article.full-media-header header .field--name-field-media img, .node--type-vacancy.full-media-header header .field--name-field-media video, .node--type-vacancy.full-media-header header .field--name-field-media img {
    min-height: 650px;
  }
}
.node--type-page.full-media-header header .field--name-field-media::before, .node--type-article.full-media-header header .field--name-field-media::before, .node--type-vacancy.full-media-header header .field--name-field-media::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0.1) 100%);
  mix-blend-mode: multiply;
  opacity: 0.8;
  z-index: 10;
}
.node--type-page.full-media-header header .field--name-field-media::after, .node--type-article.full-media-header header .field--name-field-media::after, .node--type-vacancy.full-media-header header .field--name-field-media::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: 10;
  left: 0px;
  top: 50%;
  background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0.1) 100%);
  mix-blend-mode: multiply;
  opacity: 0.8;
  transform: scaleY(-1);
}
.node--type-page.full-media-header header .caption, .node--type-article.full-media-header header .caption, .node--type-vacancy.full-media-header header .caption {
  --title-color: var(--white);
  --text-color: var(--white);
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 60px;
  z-index: 41;
  position: relative;
  grid-column: 2/-2;
}
@media (min-width: 1200px) {
  .node--type-page.full-media-header header .caption, .node--type-article.full-media-header header .caption, .node--type-vacancy.full-media-header header .caption {
    grid-column: 2/span 14;
  }
}
@media (min-width: 1440px) {
  .node--type-page.full-media-header header .caption, .node--type-article.full-media-header header .caption, .node--type-vacancy.full-media-header header .caption {
    grid-column: 2/span 10;
  }
}
.node--type-page.full-media-header header .caption .h-simple-tag, .node--type-article.full-media-header header .caption .h-simple-tag, .node--type-vacancy.full-media-header header .caption .h-simple-tag {
  display: inline-block;
  background-color: var(--primary-color);
  color: var(--white);
  margin-bottom: 28px;
}
.node--type-page.simple-header header, .node--type-article.simple-header header, .node--type-vacancy.simple-header header {
  --title-color: var(--secondary-color);
  --text-color: var(--secondary-color);
}
.node--type-page.simple-header header .field--name-body, .node--type-article.simple-header header .field--name-body, .node--type-vacancy.simple-header header .field--name-body {
  margin-top: 24px;
}
.node--type-page.simple-header header .jobs-ul, .node--type-article.simple-header header .jobs-ul, .node--type-vacancy.simple-header header .jobs-ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
  margin: 20px 0px;
  padding: 0;
}
.node--type-page.simple-header header .jobs-ul > li, .node--type-article.simple-header header .jobs-ul > li, .node--type-vacancy.simple-header header .jobs-ul > li {
  padding: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--text-color);
  width: 100%;
}
.node--type-page.simple-header header .jobs-ul > li::before, .node--type-article.simple-header header .jobs-ul > li::before, .node--type-vacancy.simple-header header .jobs-ul > li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.47656 20 0 15.5234 0 10C0 4.47656 4.47656 0 10 0C15.5234 0 20 4.47656 20 10C20 15.5234 15.5234 20 10 20ZM14.6094 5.69141C14.1914 5.38672 13.6055 5.48047 13.3008 5.89844L8.63672 12.3125L6.60156 10.2773C6.23438 9.91016 5.64063 9.91016 5.27734 10.2773C4.91406 10.6445 4.91016 11.2383 5.27734 11.6016L8.08984 14.4141C8.28516 14.6094 8.55078 14.707 8.82422 14.6875C9.09766 14.668 9.34766 14.5273 9.50781 14.3047L14.8164 7C15.1211 6.58203 15.0273 5.99609 14.6094 5.69141Z' fill='%23E03026'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: -1px;
}
.node--type-page.simple-header header .right, .node--type-article.simple-header header .right, .node--type-vacancy.simple-header header .right {
  margin-top: 40px;
}
@media (min-width: 992px) {
  .node--type-page.simple-header header .right, .node--type-article.simple-header header .right, .node--type-vacancy.simple-header header .right {
    grid-column: 15/-2;
  }
}
.node--type-page.simple-header header .left, .node--type-article.simple-header header .left, .node--type-vacancy.simple-header header .left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.node--type-page.simple-header header .left > h3, .node--type-article.simple-header header .left > h3, .node--type-vacancy.simple-header header .left > h3 {
  margin-bottom: 24px;
  font-weight: 400;
  font-family: var(--header-font-family-expanded);
}
.node--type-page.simple-header header .left h2, .node--type-article.simple-header header .left h2, .node--type-vacancy.simple-header header .left h2 {
  margin-top: 15px;
}
@media (min-width: 992px) {
  .node--type-page.simple-header header:not(.has-media) .left, .node--type-article.simple-header header:not(.has-media) .left, .node--type-vacancy.simple-header header:not(.has-media) .left {
    grid-column: 2/span 12;
  }
}
@media (min-width: 1200px) {
  .node--type-page.simple-header header:not(.has-media) .left, .node--type-article.simple-header header:not(.has-media) .left, .node--type-vacancy.simple-header header:not(.has-media) .left {
    grid-column: 2/span 14;
  }
}
@media (min-width: 992px) {
  .node--type-page.simple-header header.has-media .left, .node--type-article.simple-header header.has-media .left, .node--type-vacancy.simple-header header.has-media .left {
    grid-column: 2/span 11;
  }
}
@media (min-width: 1200px) {
  .node--type-page.simple-header header.has-media .left, .node--type-article.simple-header header.has-media .left, .node--type-vacancy.simple-header header.has-media .left {
    grid-column: 2/span 9;
  }
}
@media (min-width: 992px) {
  .node--type-page.simple-header header.has-media .right, .node--type-article.simple-header header.has-media .right, .node--type-vacancy.simple-header header.has-media .right {
    grid-column: 15/-2;
  }
}
@media (min-width: 1200px) {
  .node--type-page.simple-header header.has-media .right, .node--type-article.simple-header header.has-media .right, .node--type-vacancy.simple-header header.has-media .right {
    grid-column: 13/-2;
  }
}
.node--type-page.simple-header header.has-media .right img, .node--type-page.simple-header header.has-media .right video, .node--type-article.simple-header header.has-media .right img, .node--type-article.simple-header header.has-media .right video, .node--type-vacancy.simple-header header.has-media .right img, .node--type-vacancy.simple-header header.has-media .right video {
  border-radius: 32px;
  overflow: hidden;
}
.node--type-page.simple-header header.has-media .right video, .node--type-article.simple-header header.has-media .right video, .node--type-vacancy.simple-header header.has-media .right video {
  aspect-ratio: 13/9;
  height: auto;
  border-radius: 32px;
  -o-object-fit: cover;
     object-fit: cover;
}
.node--type-page header .actions-wrapper, .node--type-article header .actions-wrapper, .node--type-vacancy header .actions-wrapper {
  margin-top: 20px;
}
.node--type-page.air-technology header .caption .h-simple-tag, .node--type-article.air-technology header .caption .h-simple-tag, .node--type-vacancy.air-technology header .caption .h-simple-tag {
  background-color: var(--secondary-color);
}
.node--type-page.air-technology .paragraph--type--solution, .node--type-article.air-technology .paragraph--type--solution, .node--type-vacancy.air-technology .paragraph--type--solution {
  --accent-color: #D3D5DD;
}

.vacancy__content div.inner-content {
  background-color: var(--light-gray);
  grid-column: 2/-2;
  border-radius: 32px;
  padding: 20px;
  margin-bottom: 75px;
}
@media (min-width: 768px) {
  .vacancy__content div.inner-content {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .vacancy__content div.inner-content {
    grid-column: 4/-4;
    padding: 40px 60px;
    margin-bottom: 150px;
  }
}
@media (min-width: 1200px) {
  .vacancy__content div.inner-content {
    grid-column: 5/-5;
    padding: 60px 80px;
  }
}
@media (min-width: 1440px) {
  .vacancy__content div.inner-content {
    padding: 80px 120px;
  }
}
.vacancy__content div.inner-content .field {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .vacancy__content div.inner-content .field {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .vacancy__content div.inner-content .field {
    margin-bottom: 80px;
  }
}
.vacancy__content div.inner-content .field__label {
  --title-color: var(--secondary-color);
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 1.25rem;
  line-height: 110%;
  font-family: var(--header-font-family-expanded);
  font-style: italic;
  color: var(--title-color);
  text-transform: uppercase;
}
@media (min-width: 1440px) {
  .vacancy__content div.inner-content .field__label {
    font-size: 1.75rem;
    line-height: 110%;
  }
}
.vacancy__content div.inner-content .field__label {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .vacancy__content div.inner-content .field__label {
    margin-bottom: 32px;
  }
}
.vacancy__content div.inner-content .field__item {
  font-size: 1rem;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-color);
}
@media (min-width: 1440px) {
  .vacancy__content div.inner-content .field__item {
    font-size: 1rem;
    letter-spacing: 0px;
    line-height: 140%;
  }
}
.vacancy__content div.inner-content .field__item ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
  margin: 20px 0px;
  padding: 0;
}
.vacancy__content div.inner-content .field__item ul > li {
  padding: 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 8px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  color: var(--text-color);
  width: 100%;
}
.vacancy__content div.inner-content .field__item ul > li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C4.47656 20 0 15.5234 0 10C0 4.47656 4.47656 0 10 0C15.5234 0 20 4.47656 20 10C20 15.5234 15.5234 20 10 20ZM14.6094 5.69141C14.1914 5.38672 13.6055 5.48047 13.3008 5.89844L8.63672 12.3125L6.60156 10.2773C6.23438 9.91016 5.64063 9.91016 5.27734 10.2773C4.91406 10.6445 4.91016 11.2383 5.27734 11.6016L8.08984 14.4141C8.28516 14.6094 8.55078 14.707 8.82422 14.6875C9.09766 14.668 9.34766 14.5273 9.50781 14.3047L14.8164 7C15.1211 6.58203 15.0273 5.99609 14.6094 5.69141Z' fill='%23E03026'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: -1px;
}
.vacancy__content div.inner-content .text-formatted p:not(:last-of-type) {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .vacancy__content div.inner-content .text-formatted p:not(:last-of-type) {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .page-node-52 .node--type-page > header {
    margin-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .page-node-52 .node--type-page .paragraph--type--text-blocks {
    margin-bottom: 100px;
  }
}