.Jbanner {

    display: flex;

    position: relative;

    flex-direction: column;

  }

  



  .Jbanner_copyright {

    position: absolute;

    bottom: 0;

    right: 20px;

    color: #ffffff;

    opacity: 0.8;

  }



  .Jbanner__box {

    text-align: center;

  }

  

  /* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on */

  .Jbanner__box.gradient {

    transform: perspective(0);

  }

  

  @media only screen and (max-width: 749px) {

    .Jbanner--content-align-mobile-right .Jbanner__box {

      text-align: right;

    }

  

    .Jbanner--content-align-mobile-left .Jbanner__box {

      text-align: left;

    }

  }

  

  @media only screen and (min-width: 750px) {

    .Jbanner--content-align-right .Jbanner__box {

      text-align: right;

    }

  

    .Jbanner--content-align-left .Jbanner__box {

      text-align: left;

    }

  

    .Jbanner--content-align-left.Jbanner--desktop-transparent .Jbanner__box,

    .Jbanner--content-align-right.Jbanner--desktop-transparent .Jbanner__box,

    .Jbanner--medium.Jbanner--desktop-transparent .Jbanner__box {

      max-width: 68rem;

    }

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--small.Jbanner--mobile-bottom:not(.Jbanner--adapt) .Jbanner__media,

    .Jbanner--small.Jbanner--stacked:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) > .Jbanner__media {

      height: 28rem;

    }

  

    .Jbanner--medium.Jbanner--mobile-bottom:not(.Jbanner--adapt) .Jbanner__media,

    .Jbanner--medium.Jbanner--stacked:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) > .Jbanner__media {

      height: 34rem;

    }

  

    .Jbanner--large.Jbanner--mobile-bottom:not(.Jbanner--adapt) .Jbanner__media,

    .Jbanner--large.Jbanner--stacked:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) > .Jbanner__media {

      height: 39rem;

    }

  

    .Jbanner--small:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) .Jbanner__content {

      min-height: 28rem;

    }

  

    .Jbanner--medium:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) .Jbanner__content {

      min-height: 34rem;

    }

  

    .Jbanner--large:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) .Jbanner__content {

      min-height: 39rem;

    }

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner {

      flex-direction: row;

    }

  

    .Jbanner--small:not(.Jbanner--adapt) {

      min-height: 42rem;

    }

  

    .Jbanner--medium:not(.Jbanner--adapt) {

      min-height: 56rem;

    }

  

    .Jbanner--large:not(.Jbanner--adapt) {

      min-height: 72rem;

    }

  

    .Jbanner__content.Jbanner__content--top-left {

      align-items: flex-start;

      justify-content: flex-start;

    }

  

    .Jbanner__content.Jbanner__content--top-center {

      align-items: flex-start;

      justify-content: center;

    }

  

    .Jbanner__content.Jbanner__content--top-right {

      align-items: flex-start;

      justify-content: flex-end;

    }

  

    .Jbanner__content.Jbanner__content--middle-left {

      align-items: center;

      justify-content: flex-start;

    }

  

    .Jbanner__content.Jbanner__content--middle-center {

      align-items: center;

      justify-content: center;

    }

  

    .Jbanner__content.Jbanner__content--middle-right {

      align-items: center;

      justify-content: flex-end;

    }

  

    .Jbanner__content.Jbanner__content--bottom-left {

      align-items: flex-end;

      justify-content: flex-start;

    }

  

    .Jbanner__content.Jbanner__content--bottom-center {

      align-items: flex-end;

      justify-content: center;

    }

  

    .Jbanner__content.Jbanner__content--bottom-right {

      align-items: flex-end;

      justify-content: flex-end;

    }

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner:not(.Jbanner--stacked) {

      flex-direction: row;

      flex-wrap: wrap;

    }

  

    .Jbanner--stacked {

      height: auto;

    }

  

    .Jbanner--stacked .Jbanner__media {

      flex-direction: column;

    }

  }

  

  .Jbanner__media {

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

  }

  

  .Jbanner__media-half {

    width: 50%;

  }

  

  .Jbanner__media-half + .Jbanner__media-half {

    right: 0;

    left: auto;

  }

  

  .Jbanner__media-half.animate--fixed:first-child > img {

    width: 50%;

  }

  

  .Jbanner__media-half.animate--fixed:nth-child(2) > img {

    left: 50%;

    width: 50%;

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--stacked .animate--fixed:first-child > img {

      width: 100%;

    }

  

    .Jbanner--stacked .Jbanner__media-half.animate--fixed:nth-child(2) > img {

      left: 0;

      width: 100%;

    }

  

    .Jbanner--stacked .Jbanner__media-half {

      width: 100%;

    }

  

    .Jbanner--stacked .Jbanner__media-half + .Jbanner__media-half {

      order: 1;

    }

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner__media {

      height: 100%;

    }

  }

  

  .Jbanner--adapt,

  .Jbanner--adapt_image.Jbanner--mobile-bottom .Jbanner__media:not(.placeholder) {

    height: auto;

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--mobile-bottom .Jbanner__media,

    .Jbanner--stacked:not(.Jbanner--mobile-bottom) .Jbanner__media {

      position: relative;

    }

  

    .Jbanner--stacked.Jbanner--adapt .Jbanner__content {

      height: auto;

    }

  

    .Jbanner:not(.Jbanner--mobile-bottom):not(.email-signup-banner) .Jbanner__box {

      background: transparent;

    }

  

    .Jbanner:not(.Jbanner--mobile-bottom) .Jbanner__box {

      border: none;

      border-radius: 0;

      box-shadow: none;

    }

  

    .Jbanner:not(.Jbanner--mobile-bottom) .button--secondary {

      --alpha-button-background: 0;

    }

  

    .Jbanner--stacked:not(.Jbanner--mobile-bottom):not(.Jbanner--adapt) .Jbanner__content {

      position: absolute;

      height: auto;

    }

  

    .Jbanner--stacked.Jbanner--adapt:not(.Jbanner--mobile-bottom) .Jbanner__content {

      max-height: 100%;

      overflow: hidden;

      position: absolute;

    }

  

    .Jbanner--stacked:not(.Jbanner--adapt) .Jbanner__media {

      position: relative;

    }

  

    .Jbanner::before {

      display: none !important;

    }

  

    .Jbanner--stacked .Jbanner__media-image-half {

      width: 100%;

    }

  }

  

  .Jbanner__content {

    padding: 0;

    display: flex;

    position: relative;

    width: 100%;

    align-items: center;

    justify-content: center;

    z-index: 2;

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner__content {

      padding: 5rem;

    }

  

    .Jbanner__content--top-left {

      align-items: flex-start;

      justify-content: flex-start;

    }

  

    .Jbanner__content--top-center {

      align-items: flex-start;

      justify-content: center;

    }

  

    .Jbanner__content--top-right {

      align-items: flex-start;

      justify-content: flex-end;

    }

  

    .Jbanner__content--middle-left {

      align-items: center;

      justify-content: flex-start;

    }

  

    .Jbanner__content--middle-center {

      align-items: center;

      justify-content: center;

    }

  

    .Jbanner__content--middle-right {

      align-items: center;

      justify-content: flex-end;

    }

  

    .Jbanner__content--bottom-left {

      align-items: flex-end;

      justify-content: flex-start;

    }

  

    .Jbanner__content--bottom-center {

      align-items: flex-end;

      justify-content: center;

    }

  

    .Jbanner__content--bottom-right {

      align-items: flex-end;

      justify-content: flex-end;

    }

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--mobile-bottom:not(.Jbanner--stacked) .Jbanner__content {

      order: 2;

    }

  

    .Jbanner:not(.Jbanner--mobile-bottom) .field__input,

    .Jbanner--mobile-bottom:not(.Jbanner--stacked) .Jbanner__box.color-background-1 {

      background: transparent;

    }

  }

  

  .Jbanner__box {

    padding: 4rem 3.5rem;

    position: relative;

    height: fit-content;

    align-items: center;

    text-align: center;

    width: 100%;

    word-wrap: break-word;

    z-index: 1;

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner--desktop-transparent .Jbanner__box {

      background: transparent;

      max-width: 89rem;

      border: none;

      border-radius: 0;

      box-shadow: none;

    }

  

    .Jbanner--desktop-transparent .button--secondary {

      --alpha-button-background: 0;

    }

  

    .Jbanner--desktop-transparent .content-container:after {

      display: none;

    }

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--mobile-bottom::after,

    .Jbanner--mobile-bottom .Jbanner__media::after {

      display: none;

    }

  }

  

  .Jbanner::after,

  .Jbanner__media::after {

    content: '';

    position: absolute;

    top: 0;

    background: #000000;

    opacity: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

  }

  

  .Jbanner__box > * + .Jbanner__text {

    margin-top: 1.5rem;

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner__box > * + .Jbanner__text {

      margin-top: 2rem;

    }

  }

  

  .Jbanner__box > * + * {

    margin-top: 1rem;

  }

  

  .Jbanner__box > *:first-child {

    margin-top: 0;

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--stacked .Jbanner__box {

      width: 100%;

    }

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner__box {

      width: auto;

      max-width: 71rem;

      min-width: 45rem;

    }

  }

  

  @media screen and (min-width: 1400px) {

    .Jbanner__box {

      max-width: 90rem;

    }

  }

  

  .Jbanner__heading {

    margin-bottom: 0;

  }

  

  .Jbanner__box .Jbanner__heading + * {

    margin-top: 1rem;

  }

  

  .Jbanner__buttons {

    display: inline-flex;

    flex-wrap: wrap;

    gap: 1rem;

    max-width: 45rem;

    word-break: break-word;

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner--content-align-mobile-right .Jbanner__buttons--multiple {

      justify-content: flex-end;

    }

  

    .Jbanner--content-align-mobile-center .Jbanner__buttons--multiple > * {

      flex-grow: 1;

      min-width: 22rem;

    }

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner--content-align-center .Jbanner__buttons--multiple > * {

      flex-grow: 1;

      min-width: 22rem;

    }

  

    .Jbanner--content-align-right .Jbanner__buttons--multiple {

      justify-content: flex-end;

    }

  }

  

  .Jbanner__box > * + .Jbanner__buttons {

    margin-top: 2rem;

  }

  

  @media screen and (max-width: 749px) {

    .Jbanner:not(.slideshow) .rte a,

    .Jbanner:not(.slideshow) .inline-richtext a:hover,

    .Jbanner:not(.slideshow) .rte a:hover {

      color: currentColor;

    }

  }

  

  @media screen and (min-width: 750px) {

    .Jbanner--desktop-transparent .rte a,

    .Jbanner--desktop-transparent .inline-richtext a:hover,

    .Jbanner--desktop-transparent .rte a:hover {

      color: currentColor;

    }

  }