/**
* Block Name: hero_2
*/

section.hero_2 {
  background-color: var(--RotWeiss);
  height: 30vh;
  padding-top: 30px;
}

section.hero_2 svg path {
  fill: var(--Rot);
}

/*  */
/* Article Category Dependent Styling */

/* Aqua */
article.category-aqua h1,
article.category-aqua-fr h1 {
  color: var(--AquaBlau);
}

article.category-aqua section.hero_2,
article.category-aqua-fr section.hero_2 {
  background-color: var(--AquaWeiss);
}

article.category-aqua section.hero_2 svg path,
article.category-aqua-fr section.hero_2 svg path {
  fill: var(--AquaBlau);
}

/* Fitness */

article.category-fitness h1,
article.category-fitness-fr h1 {
  color: var(--FitnessGrun);
}

article.category-fitness section.hero_2,
article.category-fitness-fr section.hero_2 {
  background-color: var(--FitnessWeiss);
}

article.category-fitness section.hero_2 svg path,
article.category-fitness-fr section.hero_2 svg path {
  fill: var(--FitnessGrun);
}

/* Ice */

article.category-ice h1,
article.category-ice-fr h1 {
  color: var(--IceTurkis);
}

article.category-ice section.hero_2,
article.category-ice-fr section.hero_2 {
  background-color: var(--IceWeiss);
}

article.category-ice section.hero_2 svg path,
article.category-ice-fr section.hero_2 svg path {
  fill: var(--IceTurkis);
}

/* Events */

article.category-events h1,
article.category-events-fr h1 {
  color: var(--EventsLila);
}

article.category-events section.hero_2,
article.category-events-fr section.hero_2 {
  background-color: var(--EventsWeiss);
}

article.category-events section.hero_2 svg path,
article.category-events-fr section.hero_2 svg path {
  fill: var(--EventsLila);
}

/* Wellness */

article.category-wellness h1,
article.category-wellness-fr h1 {
  color: var(--WellnessOrange);
}

article.category-wellness section.hero_2,
article.category-wellness-fr section.hero_2 {
  background-color: var(--WellnessWeiss);
}

article.category-wellness section.hero_2 svg path,
article.category-wellness-fr section.hero_2 svg path {
  fill: var(--WellnessOrange);
}

@media (max-width: 1199px) {
  section.hero_2 {
    margin-top: 115px;
    height: 35vh;
  }
}

@media (max-width: 992px) {
  section.hero_2 {
    height: 45vh;
  }
  section.hero_2 h1 {
    margin-bottom: 0 !important;
    font-size: 28px;
  }
}