/**
* Block Name: inpage_nav
*/

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

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

section.inpage_nav .buttons {
  gap: 25px;
  margin-top: 25px;
}

section.inpage_nav .buttons .btn-primary {
  background-color: var(--ecru);
}

section.inpage_nav.ecru .buttons .btn-primary:hover {
  background: var(--salbei);
}

section.inpage_nav .buttons .btn-primary.weiter:hover svg {
  transform: translateY(2px);
}

section.inpage_nav .overview {
  border-left: 1px solid var(--waldgrun);
  padding-left: 30px;
}

section.inpage_nav.grun .overview {
  border-color: var(--minzgrun);
}

section.inpage_nav.grun .overview .btn-secondary {
  color: var(--ecru);
}

section.inpage_nav.grun .overview .btn-secondary svg path {
  fill: var(--ecru);
}

section.inpage_nav .overview .btn-secondary:hover svg {
  transform: translateY(2px);
}

@media (max-width: 992px) {
  section.inpage_nav .overview {
    margin-top: 30px;
  }
}