.banner-with-content-list {
  display: flex;
}
.banner-with-content-list .image {
  margin-right: var(--space-space-xl);
  flex: 1 1 23%;
  max-width: 23%;
  max-height: 270px;
}
.banner-with-content-list .image a {
  display: block;
  width: 270px;
  height: 100%;
  max-height: 270px;
  position: relative;
  max-width: 100%;
}
.banner-with-content-list .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.banner-with-content-list .image a img {
  position: absolute;
  top: 0;
  left: 0;
}
.banner-with-content-list .article-teaser-item {
  border-radius: var(--space-space-lg);
}
.banner-with-content-list .article-teaser-item img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.banner-with-content-list .article-text a,
.banner-with-content-list .article-text h3,
.banner-with-content-list .article-text h2,
.banner-with-content-list .article-text h1,
.banner-with-content-list .article-text h4,
.banner-with-content-list .article-text h5 {
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.banner-with-content-list .article-text h3,
.banner-with-content-list .article-text h2,
.banner-with-content-list .article-text h1,
.banner-with-content-list .article-text h4,
.banner-with-content-list .article-text h5 {
  color: var(--color-foreground-foreground-active)
}
.banner-with-content-list .article-teaser-item .article-text {
  padding-left: var(--space-space-lg);
  padding-right: var(--space-space-lg);
}
.card-image-content-carousel-slider .swiper-pagination.swiper-pagination-fraction {
  font-size: var(--typography-font-size-body2-lg);
}
.card-image-content-carousel-slider .swiper-button {
  gap: 62px;
}
.mobile-banner-img {
  display: none;
}
.card-image-content-carousel-slider.swiper .swiper-slide {
  margin-bottom: var(--space-space-md);
  width: -moz-fit-content;
  width: fit-content;
  margin-right: var(--space-space-xl);
}
.banner-with-content-list .swiper-carousel {
  flex: 1 1 77%;
  max-width: 77%;
}
@media screen and (max-width: 960px) {
  .card-image-content-carousel-slider.swiper .swiper-slide {
    margin-right: 0;
  }
  .content-page-breaker .text-box {
    padding: var(--space-space-lg) var(--space-space-lg);
  }
  .banner-with-content-list {
    flex-wrap: wrap;
  }
  .banner-with-content-list .swiper-carousel {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .mobile-banner-img {
    display: block;
    position: relative;
  }
  .mobile-banner-img  img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .desktop-banner-img {
    display: none;
  }
  .card-image-content-carousel-slider.swiper .swiper-slide {
    width: 270px;
  }
  .card-image-content-carousel-slider.swiper {
    padding-left: var(--space-space-2xl);
    padding-right: var(--space-space-lg);
  }
}
@media only screen and (max-width: 767px) {
  .card-image-content-carousel-slider.swiper {
    padding-left: var(--space-space-xl);
  }
}
@media only screen and (max-width: 640px) {
  .card-image-content-carousel-slider.swiper {
    padding-left: var(--space-space-lg);
  }
}