/* ############################
   #      SASS Variables      #
   #  Theming in Compiletime  #
   ############################ */
/* ############################
   #      CSS Variables       #
   #    Theming in Runtime    #
   ############################ */
:root {
  --kup-color-default: #1A3F73;
  --kup-color-accent: #CEC075;
  --kup-color-accent-light-01: #E9E0AD;
  --kup-color-accent-light-02: #EFEACA;
  --kup-color-blue-01: #5B7599;
  --kup-color-blue-02: #8596ad;
  --kup-color-blue-03: #f4f5f7;
  --kup-color-yellow: #F3E86F;
  --kup-color-green: #BEE991;
  --kup-color-flamingo: #FFAEAF;
  --kup-color-coral: #DF504B;
  --kup-color-light: #ededed;
  --kup-color-dark: #cccccc;
  --kup-color-styleguide: #556d6e;
  --kup-box-shadow: 1px 2px 5px 1px rgba(0,0,0, 0.15);
  --kup-gradient: linear-gradient(0deg, var(--kup-color-default) 0%, rgba(49, 119, 217, 0.00) 97.12%);
  --kup-border-radius: 25px;
  --kup-border-radius-small: 4px;
  --bs-gutter-x: calc(15px/2);
}

/* abstracts/breakpoints */
/* Better Font Rendering */
/* ---------------------------------- */
/* Headline Mixins */
/* ---------------------------------- */
.image-text-gallery {
  position: relative;
}
@media (max-width: 991px) {
  .image-text-gallery .slick-track {
    align-items: stretch;
    display: flex;
  }
  .image-text-gallery .slick-slide {
    height: auto;
  }
}
.image-text-gallery-item {
  align-items: stretch;
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 90px;
}
.image-text-gallery-slider .image-text-gallery-item.slick-slide {
  display: flex;
}
@media (max-width: 991px) {
  .image-text-gallery-item {
    flex-direction: column;
    padding-bottom: 0;
  }
}
.image-text-gallery-item--media {
  flex: 0 0 66.6666666667%;
  font-size: 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 991px) {
  .image-text-gallery-item--media {
    flex: 0 0 auto;
  }
}
.image-text-gallery-item--media picture,
.image-text-gallery-item--media img {
  width: 100%;
}
.image-text-gallery-item--trigger.image-text-gallery-item--trigger {
  z-index: 2;
}
@media (max-width: 767px) {
  .image-text-gallery-item--trigger.image-text-gallery-item--trigger {
    display: none;
  }
}
.image-text-gallery-item--play.btn {
  bottom: 15px;
  position: absolute;
  right: 15px;
  z-index: 3;
}
@media (max-width: 991px) {
  .image-text-gallery-item--play.btn {
    bottom: auto;
    top: 15px;
  }
}
.image-text-gallery-item--text {
  display: flex;
  flex: 0 0 33.3333333333%;
  flex-direction: column;
  justify-content: space-between;
  padding: 45px;
  position: relative;
  top: 90px;
}
@media (max-width: 991px) {
  .image-text-gallery-item--text {
    flex: 1 0 auto;
    justify-content: flex-start;
    top: 0;
  }
}
@media (max-width: 767px) {
  .image-text-gallery-item--text {
    padding: 22.5px;
  }
}
.image-text-gallery-item--headline {
  hyphens: auto;
}
.image-text-gallery-item--copy p:last-child {
  margin-bottom: 0;
}
.image-text-gallery-controls {
  bottom: 22.5px;
  display: flex;
  gap: 15px;
  left: calc(33.3333333333% + 15px * 2);
  position: absolute;
  z-index: 2;
}
@media (max-width: 991px) {
  .image-text-gallery-controls {
    bottom: auto;
    top: calc(var(--kup-container-width) / 16 * 9 - 15px * 1.5);
    left: auto;
    right: 15px;
    transform: translateY(-100%);
  }
}
@media (max-width: 767px) {
  .image-text-gallery-controls {
    bottom: auto;
    top: calc(var(--kup-container-width) / 3 * 2 - 15px * 1.5);
    left: auto;
    right: 15px;
  }
}