/**
* Block Name: teaser_news
*/

/**
* Block Name: teaser_news
*/

section.teaser_news {
  overflow-x: hidden;
}

/* CARD FRAME */

section.teaser_news .card_frame {
  box-shadow: var(--BoxShadowDefault);
}

section.teaser_news .card_frame:hover {
  box-shadow: var(--BoxShadowDefaultHover);
}

section.teaser_news .img_wrapper .icon {
  position: absolute;
  z-index: 1;
  top: 15px;
  left: 15px;
  color: var(--Rot);
	background-color: var(--Weiss);
  border-radius: 100px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CARD CONTENT */

section.teaser_news .content_frame {
  padding: 30px;
}

section.teaser_news .content_frame .timestamp {
  color: var(--Schwarz);
  opacity: 0.35;
}

section.teaser_news .content_frame .card_heading {
  color: var(--Rot);
}

/* ********************************** */

/* TEASER CATEGORY STYLING */

/* AQUA */

section.teaser_news .card_frame.aqua .content_frame .card_heading,
section.teaser_news .card_frame.aqua .icon .material-symbols-outlined {
  color: var(--AquaBlau);
}

section.teaser_news .card_frame.aqua .img_frame::after {
  background: var(--AquaBlau);
}

section.teaser_news .card_frame.aqua {
  box-shadow: var(--BoxShadowAqua);
}

section.teaser_news .card_frame.aqua:hover {
  box-shadow: var(--BoxShadowAquaHover);
}

section.teaser_news .card_frame.aqua:hover .btn-primary {
  color: var(--AquaBlau);
}

section.teaser_news .card_frame.aqua:hover .btn-primary svg path {
  fill: var(--AquaBlau);
}

/* FITNESS */

section.teaser_news .card_frame.fitness .content_frame .card_heading,
section.teaser_news .card_frame.fitness .icon .material-symbols-outlined {
  color: var(--FitnessGrun);
}

section.teaser_news .card_frame.fitness .img_frame::after {
  background: var(--FitnessGrun);
}

section.teaser_news .card_frame.fitness {
  box-shadow: var(--BoxShadowFitness);
}

section.teaser_news .card_frame.fitness:hover {
  box-shadow: var(--BoxShadowFitnessHover);
}

section.teaser_news .card_frame.fitness:hover .btn-primary {
  color: var(--FitnessGrun);
}

section.teaser_news .card_frame.fitness:hover .btn-primary svg path {
  fill: var(--FitnessGrun);
}

/* ICE */

section.teaser_news .card_frame.ice .content_frame .card_heading,
section.teaser_news .card_frame.ice .icon .material-symbols-outlined {
  color: var(--IceTurkis);
}

section.teaser_news .card_frame.ice .img_frame::after {
  background: var(--IceTurkis);
}

section.teaser_news .card_frame.ice {
  box-shadow: var(--BoxShadowIce);
}

section.teaser_news .card_frame.ice:hover {
  box-shadow: var(--BoxShadowIceHover);
}

section.teaser_news .card_frame.ice:hover .btn-primary {
  color: var(--IceTurkis);
}

section.teaser_news .card_frame.ice:hover .btn-primary svg path {
  fill: var(--IceTurkis);
}

/* EVENTS */

section.teaser_news .card_frame.events .content_frame .card_heading,
section.teaser_news .card_frame.events .icon .material-symbols-outlined {
  color: var(--EventsLila);
}

section.teaser_news .card_frame.events .img_frame::after {
  background: var(--EventsLila);
}

section.teaser_news .card_frame.events {
  box-shadow: var(--BoxShadowEvents);
}

section.teaser_news .card_frame.events:hover {
  box-shadow: var(--BoxShadowEventsHover);
}

section.teaser_news .card_frame.events:hover .btn-primary {
  color: var(--EventsLila);
}

section.teaser_news .card_frame.events:hover .btn-primary svg path {
  fill: var(--EventsLila);
}

/* WELLNESS */

section.teaser_news .card_frame.wellness .content_frame .card_heading,
section.teaser_news .card_frame.wellness .icon .material-symbols-outlined {
  color: var(--WellnessOrange);
}

section.teaser_news .card_frame.wellness .img_frame::after {
  background: var(--WellnessOrange);
}

section.teaser_news .card_frame.wellness {
  box-shadow: var(--BoxShadowWellness);
}

section.teaser_news .card_frame.wellness:hover {
  box-shadow: var(--BoxShadowWellnessHover);
}

section.teaser_news .card_frame.wellness:hover .btn-primary {
  color: var(--WellnessOrange);
}

section.teaser_news .card_frame.wellness:hover .btn-primary svg path {
  fill: var(--WellnessOrange);
}

/* media */
@media (max-width: 992px) {
  section.teaser_news .js_swiper .swiper-button-next,
  section.teaser_news .js_swiper .swiper-button-prev {
    padding: 0 20px;
  }
}

@media (max-width: 575.98px) {
  section.teaser_news
    .swiper-container
    .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0.5;
  }

  section.teaser_news .js_swiper .swiper-button-next,
  section.teaser_news .js_swiper .swiper-button-prev {
    opacity: 1;
  }

  section.teaser_news .js_swiper .swiper-button-next {
    background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgba(255, 255, 255, 0.5)
    );
  }

  section.teaser_news .js_swiper .swiper-button-prev {
    background: linear-gradient(
      to left,
      rgba(0, 0, 0, 0) 0%,
      rgba(255, 255, 255, 0.5)
    );
  }
}