/**
* Block Name: button_group
*/

section.button_group a.link_area {
  color: var(--Schwarz) !important;
  margin-right: 15px;
}

section.button_group a.link_area svg {
  left: 10px;
  position: relative;
}

section.button_group a.link_area:hover {
  color: var(--Rot);
}

section.button_group a.link_area:hover svg {
  transform: translateX(5px);
}

section.button_group a.link_area:hover svg path {
  fill: var(--Rot);
}

/* Article Category Dependent Color Styling */

/* Fitness */

article.category-fitness section.button_group a.link_area:hover,
article.category-fitness-fr section.button_group a.link_area:hover {
  color: var(--FitnessGrun) !important;
}

article.category-fitness section.button_group a.link_area:hover svg path,
article.category-fitness-fr section.button_group a.link_area:hover svg path {
  fill: var(--FitnessGrun);
}

/* Events */

article.category-events section.button_group a.link_area:hover,
article.category-events-fr section.button_group a.link_area:hover {
  color: var(--EventsLila) !important;
}

article.category-events section.button_group a.link_area:hover svg path,
article.category-events-fr section.button_group a.link_area:hover svg path {
  fill: var(--EventsLila);
}

/* Ice */

article.category-ice section.button_group a.link_area:hover,
article.category-ice-fr section.button_group a.link_area:hover {
  color: var(--IceTurkis) !important;
}

article.category-ice section.button_group a.link_area:hover svg path,
article.category-ice-fr section.button_group a.link_area:hover svg path {
  fill: var(--IceTurkis);
}

/* Aqua */

article.category-aqua section.button_group a.link_area:hover,
article.category-aqua-fr section.button_group a.link_area:hover {
  color: var(--AquaBlau) !important;
}

article.category-aqua section.button_group a.link_area:hover svg path,
article.category-aqua-fr section.button_group a.link_area:hover svg path {
  fill: var(--AquaBlau);
}

/* Wellness */

article.category-wellness section.button_group a.link_area:hover,
article.category-wellness-fr section.button_group a.link_area:hover {
  color: var(--WellnessOrange) !important;
}

article.category-wellness section.button_group a.link_area:hover svg path,
article.category-wellness-fr section.button_group a.link_area:hover svg path {
  fill: var(--WellnessOrange);
}

@media (max-width: 992px) {
  section.button_group .buttons {
    flex-direction: column;
    align-items: start;
  }
}

/* Gebäude-Block verschinden die Btn-Group nicht hinter der Map */
.links_container {
    flex-wrap: wrap;
}