.horizontal-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}

.horizontal-card .card-content {
  gap: 0;
}

@media (width <= 767px) {
  .horizontal-card {
    flex-direction: column;
  }
}

.horizontal-card .media {
  flex-shrink: 0;
  max-width: 380px;
}

@media (width >= 768px) and (width <= 1199px) {
  .horizontal-card .media {
    max-width: 200px;
  }
}

.horizontal-card .content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1 1 0%;
}

/* Eyebrow */
.horizontal-card .eyebrow * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

/* Title */
.horizontal-card .title * {
  font: var(--font-20-28-gotham-medium) !important;
  font-weight: var(--font-weight-medium);
  color: var(--black);
}

/* Subtitle */
.horizontal-card .subtitle * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

/* Description */
.horizontal-card .description * {
  font: var(--font-16-24-gotham-book);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

/* Posttext */
.horizontal-card .posttext * {
  font: var(--font-16-24);
  font-weight: var(--font-weight-book);
  color: var(--off-black);
}

.horizontal-card .title+.description {
  margin-top: 10px;
}



@media (width >= 768px) and (width <= 1199px) {
  .horizontal-card .media {
    flex: 10 1 0;
  }

  .horizontal-card .content {
    flex: 21 1 0;
  }

  .section.card-container.section-horizontal-card-wrapper:not(.peek-carousel):has(.card-wrapper:nth-child(2)) {
    display: flex !important;
    flex-direction: column;
  }
}

@media (width <= 767px) {
  .horizontal-card {
    flex-direction: column;
    align-items: center;
  }
}

.horizontal-card .subtitle+.description {
  margin-top: 10px;
}

@media (width >= 1200px) { 
  .section.card-container:has(.horizontal-card-wrapper + .horizontal-card-wrapper) {
    display: flex;
    flex-direction: column;
  } 
  
  .peek-carousel-wrapper .section.peek-carousel:has(.horizontal-card-wrapper + .horizontal-card-wrapper) {
    flex-direction: row;
  }
}