/**
 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.
 */
.paragraph--type--job-teasers {
  overflow: hidden;
}
.paragraph--type--job-teasers h3 {
  color: var(--primary-color);
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .paragraph--type--job-teasers h3 {
    margin-bottom: 50px;
  }
}
.paragraph--type--job-teasers .field--name-field-text {
  margin-top: auto;
}
.paragraph--type--job-teasers a.button {
  margin-top: 20px;
}
.paragraph--type--job-teasers .left-wrapper {
  margin-bottom: 50px;
  padding: 20px;
}
@media (min-width: 992px) {
  .paragraph--type--job-teasers .left-wrapper {
    margin-bottom: 0px;
    grid-column: 2/span 8;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 115px;
    background-color: var(--white);
    z-index: 50;
    position: relative;
  }
  .paragraph--type--job-teasers .left-wrapper > * {
    z-index: 51;
  }
  .paragraph--type--job-teasers .left-wrapper:before {
    content: "";
    width: 50vw;
    height: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 49;
  }
}
@media (min-width: 1200px) {
  .paragraph--type--job-teasers .left-wrapper {
    grid-column: 2/span 8;
    padding-right: 50px;
  }
}
.paragraph--type--job-teasers .left-wrapper .field--name-field-text {
  margin-top: auto;
}
@media (min-width: 992px) {
  .paragraph--type--job-teasers .right-wrapper {
    grid-column: 10/-3;
  }
}
@media (min-width: 1440px) {
  .paragraph--type--job-teasers .right-wrapper {
    grid-column: 10/-2;
  }
}
.paragraph--type--job-teasers .right-wrapper .swiper {
  overflow: visible;
}
.paragraph--type--job-teasers .right-wrapper .swiper-buttons {
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.paragraph--type--job-teasers .right-wrapper .swiper-buttons svg {
  display: none !important;
}
.paragraph--type--job-teasers .right-wrapper .swiper-buttons > div {
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3.8147e-06' y='8.27326e-06' width='51' height='51' rx='25.5' fill='%23F2EEEC'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.47 21.2194C29.6106 21.0789 29.8013 21 30 21C30.1988 21 30.3894 21.0789 30.53 21.2194L34.28 24.9694C34.4205 25.11 34.4993 25.3006 34.4993 25.4994C34.4993 25.6981 34.4205 25.8887 34.28 26.0294L30.53 29.7794C30.4613 29.853 30.3785 29.9121 30.2865 29.9531C30.1945 29.9941 30.0952 30.0162 29.9945 30.0179C29.8938 30.0197 29.7938 30.0012 29.7004 29.9635C29.607 29.9258 29.5222 29.8696 29.451 29.7984C29.3797 29.7272 29.3236 29.6423 29.2859 29.5489C29.2482 29.4556 29.2296 29.3555 29.2314 29.2548C29.2332 29.1541 29.2552 29.0548 29.2962 28.9628C29.3372 28.8708 29.3963 28.788 29.47 28.7194L31.94 26.2494L15.75 26.2493C15.5511 26.2493 15.3603 26.1703 15.2197 26.0297C15.079 25.889 15 25.6983 15 25.4993C15 25.3004 15.079 25.1097 15.2197 24.969C15.3603 24.8284 15.5511 24.7493 15.75 24.7493L31.94 24.7494L29.47 22.2794C29.3296 22.1387 29.2507 21.9481 29.2507 21.7494C29.2507 21.5506 29.3296 21.36 29.47 21.2194Z' fill='%2312110C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  transition: 0.4s ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .paragraph--type--job-teasers .right-wrapper .swiper-buttons > div {
    width: 51px;
    height: 51px;
  }
}
.paragraph--type--job-teasers .right-wrapper .swiper-buttons > div::after, .paragraph--type--job-teasers .right-wrapper .swiper-buttons > div::before {
  display: none;
}
.paragraph--type--job-teasers .right-wrapper .swiper-buttons > div:hover, .paragraph--type--job-teasers .right-wrapper .swiper-buttons > div.swiper-button-disabled {
  opacity: 0.6;
}
.paragraph--type--job-teasers .right-wrapper .swiper-button-prev {
  transform: scaleX(-1);
  margin-right: 10px;
}
.paragraph--type--job-teasers .right-wrapper .field--name-field-view .view-jobs .swiper-jobs .swiper-wrapper {
  align-items: stretch;
}
.paragraph--type--job-teasers .right-wrapper .field--name-field-view .view-jobs .swiper-jobs .swiper-wrapper .swiper-slide {
  height: auto !important;
}
.paragraph--type--job-teasers .right-wrapper .field--name-field-view .view-jobs .swiper-jobs .swiper-wrapper .swiper-slide article {
  height: 100%;
}