/**
* Block Name: hero
*/

section.hero .col-lg-12 {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

section.hero.ecru {
  background-color: var(--ecru);
  color: var(--waldgrun);
}

section.hero.grun {
  background-color: var(--waldgrun);
  color: var(--ecru);
}

section.hero.ecru .breadcrumb,
section.hero.ecru .breadcrumb a {
  color: var(--taubengrau);
}

section.hero.grun .breadcrumb,
section.hero.grun .breadcrumb a {
  color: var(--ecru);
}

section.hero .breadcrumb {
  gap: 5px;
  border: none;
  margin-bottom: 0;
  background-color: transparent;
}

section.hero.ecru .breadcrumb > a:hover {
  color: var(--waldgrun);
}

section.hero.grun .breadcrumb > a:hover {
  color: var(--ecru);
}