.pagebreaker-card {
  max-width: 37.5rem;
  overflow: hidden
}
.pagebreaker-card__image {
  height: 11.25rem
}
@media (min-width:992px) {
  .pagebreaker-card__image {
    height: 18.75rem
  }
}
.pagebreaker__bg {
  height: 30rem;
  padding-top: var(--md-1)
}
.pagebreaker__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg,var(--dark-10) 0,var(--dark-10) 100%);
  z-index: 1
}
.pagebreaker__bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0
}
.pagebreaker__content {
  position: absolute;
  z-index: 2;
  width: 100%
}
.pagebreaker__signposts {
  margin-top: -7.1875rem
}
.pagebreaker .swiper {
  margin-right: -1.75rem
}
.pagebreaker .arrow-button.swiper-button-disabled {
  color: var(--base-5);
  background-color: var(--base-2)
}
.pagebreaker .arrow-button.swiper-button-disabled:hover {
  box-shadow: inset 0 0 0 2px var(--base-5)
}
@media (min-width:768px) {
  .pagebreaker__bg {
    padding-top: var(--lg-1)
  }
  .pagebreaker .swiper {
    margin-right: 0
  }
}
@media (min-width:1200px) {
  .pagebreaker__bg {
    padding-top: calc(var(--lg-1) + var(--lg-2) - 7px);
    height: 48rem
  }
  .pagebreaker__signposts {
    margin-top: -12.96875rem
  }
}
.panel-light .pagebreaker-card .cta {
  color: var(--base-1)
}
.panel-light .pagebreaker-card .cta--text-link:focus-visible,
.panel-light .pagebreaker-card .cta--text-link:hover {
  background-color: transparent;
  color: var(--base-2)
}
.panel-light .pagebreaker-card .cta--text-link:focus-visible .cta__label,
.panel-light .pagebreaker-card .cta--text-link:hover .cta__label {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--base-2)
}
.panel-light .pagebreaker-card .cta--text-link:focus-visible .cta__icon,
.panel-light .pagebreaker-card .cta--text-link:hover .cta__icon {
  color: var(--base-1)
}