/**
* Block Name: teaser_shop
*/

section.teaser_shop h4 {
  color: var(--Schwarz);
}

section.teaser_shop .card_frame {
  border: 2px solid var(--Schwarz);
  padding: 15px;
}

section.teaser_shop .card_frame .card_heading {
  color: var(--Schwarz);
  font-weight: 800;
}

section.teaser_shop .card_frame ul {
  padding-inline-start: 30px !important;
  list-style-type: none;
}

section.teaser_shop .card_frame ul li {
  color: var(--Schwarz);
}

section.teaser_shop .card_frame ul li::marker {
  content: "";
  display: none;
}

section.teaser_shop .card_frame ul li::before {
  font-family: "Material Symbols Outlined";
  content: "\e876";
  font-size: 24px;
  width: 20px;
  height: 20px;
  position: relative;
  left: -30px;
  top: 15px;
  display: block;
}
section.teaser_shop .card_frame .preis_container {
  margin-top: auto;
}

section.teaser_shop div.card_frame .preis_container {
  padding-bottom: 40px;
}

section.teaser_shop .card_frame .preis {
  background-color: var(--Schwarz);
  color: var(--Weiss);
  padding: 0 5px;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 0;
  width: max-content;
}

section.teaser_shop .card_frame .icon_link {
  color: var(--Schwarz);
  font-size: 20px;
  display: flex;
  align-items: center;
}

section.teaser_shop .card_frame .icon_link span {
  margin-left: 15px;
  color: var(--Schwarz);
  transition: var(--Transition);
}

section.teaser_shop .card_frame:hover .icon_link span {
  margin-left: 20px;
}

/* Article Category Dependent Color Styling */

/* Aqua */

article.category-aqua section.teaser_shop .card_frame,
article.category-aqua-fr section.teaser_shop .card_frame {
  border-color: var(--AquaBlau);
}
article.category-aqua section.teaser_shop h2,
article.category-aqua section.teaser_shop .card_frame .card_heading,
article.category-aqua section.teaser_shop .card_frame .beschreibung,
article.category-aqua section.teaser_shop .card_frame ul li,
article.category-aqua section.teaser_shop .card_frame .icon_link,
article.category-aqua section.teaser_shop .card_frame .icon_link span,
/* FR */
article.category-aqua-fr section.teaser_shop h2,
article.category-aqua-fr section.teaser_shop .card_frame .card_heading,
article.category-aqua-fr section.teaser_shop .card_frame .beschreibung,
article.category-aqua-fr section.teaser_shop .card_frame ul li,
article.category-aqua-fr section.teaser_shop .card_frame .icon_link,
article.category-aqua-fr section.teaser_shop .card_frame .icon_link span {
  color: var(--AquaBlau);
}

article.category-aqua section.teaser_shop .card_frame .preis,
article.category-aqua-fr section.teaser_shop .card_frame .preis {
  background-color: var(--AquaBlau);
}

/* Fitness */

article.category-fitness section.teaser_shop .card_frame,
article.category-fitness-fr section.teaser_shop .card_frame {
  border-color: var(--FitnessGrun);
}
article.category-fitness section.teaser_shop h2,
article.category-fitness section.teaser_shop .card_frame .card_heading,
article.category-fitness section.teaser_shop .card_frame .beschreibung,
article.category-fitness section.teaser_shop .card_frame ul li,
article.category-fitness section.teaser_shop .card_frame .icon_link,
article.category-fitness section.teaser_shop .card_frame .icon_link span,
/* FR */
article.category-fitness-fr section.teaser_shop h2,
article.category-fitness-fr section.teaser_shop .card_frame .card_heading,
article.category-fitness-fr section.teaser_shop .card_frame .beschreibung,
article.category-fitness-fr section.teaser_shop .card_frame ul li,
article.category-fitness-fr section.teaser_shop .card_frame .icon_link,
article.category-fitness-fr section.teaser_shop .card_frame .icon_link span {
  color: var(--FitnessGrun);
}

article.category-fitness section.teaser_shop .card_frame .preis,
article.category-fitness-fr section.teaser_shop .card_frame .preis {
  background-color: var(--FitnessGrun);
}

/* Ice */

article.category-ice section.teaser_shop .card_frame,
article.category-ice-fr section.teaser_shop .card_frame {
  border-color: var(--IceTurkis);
}
article.category-ice section.teaser_shop h2,
article.category-ice section.teaser_shop .card_frame .card_heading,
article.category-ice section.teaser_shop .card_frame .beschreibung,
article.category-ice section.teaser_shop .card_frame ul li,
article.category-ice section.teaser_shop .card_frame .icon_link,
article.category-ice section.teaser_shop .card_frame .icon_link span,
/* FR */
article.category-ice-fr section.teaser_shop h2,
article.category-ice-fr section.teaser_shop .card_frame .card_heading,
article.category-ice-fr section.teaser_shop .card_frame .beschreibung,
article.category-ice-fr section.teaser_shop .card_frame ul li,
article.category-ice-fr section.teaser_shop .card_frame .icon_link,
article.category-ice-fr section.teaser_shop .card_frame .icon_link span {
  color: var(--IceTurkis);
}

article.category-ice section.teaser_shop .card_frame .preis,
article.category-ice-fr section.teaser_shop .card_frame .preis {
  background-color: var(--IceTurkis);
}

/* Events */

article.category-events section.teaser_shop .card_frame,
article.category-events-fr section.teaser_shop .card_frame {
  border-color: var(--EventsLila);
}
article.category-events section.teaser_shop h2,
article.category-events section.teaser_shop .card_frame .card_heading,
article.category-events section.teaser_shop .card_frame .beschreibung,
article.category-events section.teaser_shop .card_frame ul li,
article.category-events section.teaser_shop .card_frame .icon_link,
article.category-events section.teaser_shop .card_frame .icon_link span,
/* FR */
article.category-events-fr section.teaser_shop h2,
article.category-events-fr section.teaser_shop .card_frame .card_heading,
article.category-events-fr section.teaser_shop .card_frame .beschreibung,
article.category-events-fr section.teaser_shop .card_frame ul li,
article.category-events-fr section.teaser_shop .card_frame .icon_link,
article.category-events-fr section.teaser_shop .card_frame .icon_link span {
  color: var(--EventsLila);
}

article.category-events section.teaser_shop .card_frame .preis,
article.category-events-fr section.teaser_shop .card_frame .preis {
  background-color: var(--EventsLila);
}

/* Wellness */

article.category-wellness section.teaser_shop .card_frame,
article.category-wellness-fr section.teaser_shop .card_frame {
  border-color: var(--WellnessOrange);
}
article.category-wellness section.teaser_shop h2,
article.category-wellness section.teaser_shop .card_frame .card_heading,
article.category-wellness section.teaser_shop .card_frame .beschreibung,
article.category-wellness section.teaser_shop .card_frame ul li,
article.category-wellness section.teaser_shop .card_frame .icon_link,
article.category-wellness section.teaser_shop .card_frame .icon_link span,
/* FR */
article.category-wellness-fr section.teaser_shop h2,
article.category-wellness-fr section.teaser_shop .card_frame .card_heading,
article.category-wellness-fr section.teaser_shop .card_frame .beschreibung,
article.category-wellness-fr section.teaser_shop .card_frame ul li,
article.category-wellness-fr section.teaser_shop .card_frame .icon_link,
article.category-wellness-fr section.teaser_shop .card_frame .icon_link span {
  color: var(--WellnessOrange);
}

article.category-wellness section.teaser_shop .card_frame .preis,
article.category-wellness-fr section.teaser_shop .card_frame .preis {
  background-color: var(--WellnessOrange);
}

@media (max-width: 527px) {
  section.teaser_shop .teaser_cards {
    justify-content: center;
  }
}