.course-text-gallery-slider {
  padding-block: var(--m-medium);
}

.course-text-gallery-slider__inner {
  grid-column: 2 / span 12;
  margin-inline: var(--grid-col-width);
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: auto auto 1fr;
  background-image: linear-gradient(
    to bottom right,
    var(--gradient-light),
    var(--gradient-dark)
  );
  column-gap: var(--grid-gap);
  padding: var(--grid-gap);
  border-radius: 0.5em;
  position: relative;
}

.course-text-gallery-slider__inner::before {
  content: "";
  grid-column: 1 / span 10;
  grid-row: 1 / span 3;
  background-color: var(--white);
  border-radius: 0.5em;
  position: absolute;
  width: 100%;
  height: 100%;
}

.course-text-gallery-slider__preheadline {
  grid-column: 2 / span 3;
  position: relative;
  margin-top: max(1.5rem, 2.1875vw);
  margin-bottom: 0.8333333333em;
}

.course-text-gallery-slider__headline {
  grid-column: 2 / span 3;
  position: relative;
  margin: 0;
}

.course-text-gallery-slider__description {
  grid-column: 2 / span 3;
  position: relative;
  margin-top: 1.45em;
  margin-bottom: max(1.5rem, 2.1875vw);
}

.course-text-gallery-slider__description .default-btn {
  margin-top: 3em;
}

.course-text-gallery-slider__slider-wrapper {
  grid-column: 6 / span 5;
  grid-row: 1 / span 3;
  width: 100%;
  position: relative;
  padding-right: var(--grid-gap);
  margin-block: max(1.5rem, 2.1875vw);
}

.course-text-gallery-slider__slider {
  overflow: hidden;
  border-radius: 0.5em;
}

.course-text-gallery-slider__slider img {
  aspect-ratio: 921/693;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-text-gallery-slider__slider-arrows {
  display: flex;
  align-items: center;
  gap: max(0.5rem, 0.4em);
  position: absolute;
  top: 0;
  left: calc((-1) * var(--grid-gap));
  transform: translateY(100%);
}

.course-text-gallery-slider__slider-arrow {
  width: 2.6666666666666666666666666666667em;
  height: 2.6666666666666666666666666666667em;
  background-image: url("../../img/arrow-gradient-2.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.course-text-gallery-slider__slider-arrow.prev {
  rotate: 180deg;
}

.course-text-gallery-slider__slider-arrow.next {
  transform: translateY(50%);
}

.course-text-gallery-slider__agb-text {
  grid-column: 3 / span 10;
  margin-block: 2em;
}

@media (max-width: 1199.98px) {
  .course-text-gallery-slider__inner {
    margin-inline: 0;
  }

  .course-text-gallery-slider__description,
  .course-text-gallery-slider__headline,
  .course-text-gallery-slider__preheadline {
    grid-column: 1 / span 5;
    padding-inline: var(--grid-gap);
  }
}

@media (max-width: 767.98px) {
  .course-text-gallery-slider {
    padding-block: 0;
  }

  .course-text-gallery-slider__inner {
    grid-template-rows: unset;
    grid-column: 1 / span 14;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .course-text-gallery-slider__description,
  .course-text-gallery-slider__headline,
  .course-text-gallery-slider__preheadline {
    grid-column: 1 / span 10;
  }

  .course-text-gallery-slider__slider-wrapper {
    grid-column: 1 / span 10;
    grid-row: unset;
    padding-right: 0;
    margin-bottom: 0;
  }

  .course-text-gallery-slider__slider-arrows {
    left: unset;
    right: var(--grid-gap);
    top: unset;
    bottom: var(--grid-gap);
    transform: translateY(-100%);
  }

  .course-text-gallery-slider__description p:has(.tinymce-btn) {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.5em;
  }

  .course-text-gallery-slider__description .default-btn {
    margin-top: 0;
  }
}