/* ############################
   #      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 */
.gallery-statement-item--text {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gallery-statement-item--text {
  font-family: "FontHeroMedium";
}

/* ---------------------------------- */
/* Headline Mixins */
/* ---------------------------------- */
.gallery-statement {
  position: relative;
}
.gallery-statement-item--media {
  font-size: 0;
  overflow: hidden;
  position: relative;
}
.gallery-statement-item--media picture,
.gallery-statement-item--media img {
  width: 100%;
}
.gallery-statement-item--play.btn {
  bottom: 90px;
  left: 45px;
  position: absolute;
  z-index: 2;
}
@media (max-width: 1199px) {
  .gallery-statement-item--play.btn {
    bottom: auto;
    left: 15px;
    top: 15px;
  }
}
.gallery-statement-item--text {
  display: block;
  letter-spacing: normal;
  line-height: 1.2;
  margin-bottom: 0.7em;
}
@media (max-width: 767px) {
  .gallery-statement-item--text {
    hyphens: auto;
  }
}
.bg-color-default .gallery-statement-item--text, .bg-blurred-default .gallery-statement-item--text {
  color: var(--kup-color-accent);
}
.bg-color-default .gallery-statement-item--text span, .bg-blurred-default .gallery-statement-item--text span {
  color: var(--kup-color-accent);
}
.gallery-statement-item--text {
  font-size: 42px;
}
@media (max-width: 1199px) {
  .gallery-statement-item--text {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .gallery-statement-item--text {
    font-size: 36px;
  }
}
.gallery-statement-item--text {
  background: var(--kup-gradient);
  bottom: 0;
  color: #ffffff;
  left: 0;
  margin-bottom: 0;
  max-width: none;
  padding: 150px 195px 82.5px 120px;
  position: absolute;
  width: 100%;
}
@media (max-width: 1199px) {
  .gallery-statement-item--text {
    padding-inline: 45px;
    padding-bottom: 45px;
  }
}
@media (max-width: 991px) {
  .gallery-statement-item--text {
    padding: 90px 30px 30px 30px;
  }
}
@media (max-width: 767px) {
  .gallery-statement-item--text {
    padding-inline: 22.5px;
  }
}
.gallery-statement-controls {
  bottom: 90px;
  display: flex;
  gap: 15px;
  position: absolute;
  right: 75px;
  z-index: 2;
}
@media (max-width: 1199px) {
  .gallery-statement-controls {
    bottom: auto;
    right: 15px;
    top: 15px;
  }
}
.gallery-statement .field--name-field-media-image-description {
  display: none;
}