/**
* Block Name: teaser_gross
*/

section.teaser_gross .card_wrapper {
  min-height: 400px;
}

/* Card Frame */

section.teaser_gross .card_frame {
  box-shadow: var(--BoxShadowDefault);
  -webkit-transition: var(--Transition);
  -o-transition: var(--Transition);
  transition: var(--Transition);
}

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

/* Card Image */

/* Content */

section.teaser_gross .content_frame {
  padding: 30px;
  margin-left: 15px;
}

/* blog category dependent color styling */

/* AQUA */

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

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

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

section.teaser_gross .card_frame.aqua .content_frame h2,
section.teaser_gross .card_frame.aqua:hover .content_frame .btn-primary {
  color: var(--AquaBlau);
}

section.teaser_gross .card_frame.aqua .content_frame .icon svg path,
section.teaser_gross
  .card_frame.aqua:hover
  .content_frame
  .btn-primary
  svg
  path {
  fill: var(--AquaBlau);
}

/* FITNESS */

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

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

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

section.teaser_gross .card_frame.fitness .content_frame h2,
section.teaser_gross .card_frame.fitness:hover .content_frame .btn-primary {
  color: var(--FitnessGrun);
}

section.teaser_gross .card_frame.fitness .content_frame .icon svg path,
section.teaser_gross
  .card_frame.fitness:hover
  .content_frame
  .btn-primary
  svg
  path {
  fill: var(--FitnessGrun);
}

/* ICE */

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

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

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

section.teaser_gross .card_frame.ice .content_frame h2,
section.teaser_gross .card_frame.ice:hover .content_frame .btn-primary {
  color: var(--IceTurkis);
}

section.teaser_gross .card_frame.ice .content_frame .icon svg path,
section.teaser_gross
  .card_frame.ice:hover
  .content_frame
  .btn-primary
  svg
  path {
  fill: var(--IceTurkis);
}

/* EVENTS */

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

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

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

section.teaser_gross .card_frame.events .content_frame h2,
section.teaser_gross .card_frame.events:hover .content_frame .btn-primary {
  color: var(--EventsLila);
}

section.teaser_gross .card_frame.events .content_frame .icon svg path,
section.teaser_gross
  .card_frame.events:hover
  .content_frame
  .btn-primary
  svg
  path {
  fill: var(--EventsLila);
}

/* WELLNESS */

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

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

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

section.teaser_gross .card_frame.wellness .content_frame h2,
section.teaser_gross .card_frame.wellness:hover .content_frame .btn-primary {
  color: var(--WellnessOrange);
}

section.teaser_gross .card_frame.wellness .content_frame .icon svg path,
section.teaser_gross
  .card_frame.wellness:hover
  .content_frame
  .btn-primary
  svg
  path {
  fill: var(--WellnessOrange);
}

/* media */

@media (max-width: 992px) {
  section.teaser_gross .card_frame {
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  section.teaser_gross .card_frame .img_frame::after {
    left: 0;
  }
}