.ids-navigation-local {
  padding-left: 0.5rem;
}
.ids-navigation-local ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ids-navigation-local .ids-navigation-local__headline {
  color: var(--IDS-NAVIGATION-LOCAL__HEADLINE-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.03125rem;
  line-height: 1.5rem;
  padding: 0.875rem 1.25rem 0.875rem 0;
  border-bottom: var(--IDS-NAVIGATION-LOCAL__BORDER);
}
.ids-navigation-local a,
.ids-navigation-local .ids-navigation-local__link {
  display: block !important;
  position: relative;
  padding: 0.75rem;
  color: var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  text-decoration: none;
}
.ids-navigation-local a:before,
.ids-navigation-local .ids-navigation-local__link:before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: -0.063rem;
  display: block;
  height: calc(100% + 0.063rem);
  width: 0.5rem;
}
.ids-navigation-local a:after,
.ids-navigation-local .ids-navigation-local__link:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0.063rem;
  background-color: var(--IDS-NAVIGATION-LOCAL__AFTER-COLOR);
}
.ids-navigation-local .ids-navigation-local-link--active:before {
  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR);
}
.ids-navigation-local a:hover:before,
.ids-navigation-local a:active:hover:before {
  background-color: var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR) !important;
}
.ids-navigation-local a:focus-visible {
  outline-offset: -0.25rem !important;
}