.extended-navigation {
  display: flex;
  flex-wrap: wrap;
}
.extended-navigation.row:before,
.extended-navigation.row:after {
  content: none;
}
@media only screen and (min-width: 1300px) {
  .extended-navigation {
    margin-top: -5.25rem;
  }
}
.extended-navigation .navigation-item {
  margin: 5.25rem 0 0;
}
@media only screen and (min-width: 1300px) {
  .extended-navigation .navigation-item._table-of-contents {
    display: flex;
  }
  .extended-navigation .navigation-item._table-of-contents:before {
    content: '';
    flex-shrink: 0;
    width: 2px;
    margin: 0 2rem 0 0;
    background-color: rgba(150, 150, 150, 0.38);
  }
}
.extended-navigation .navigation-item._table-of-contents .navigation-item__headline:after {
  display: inline-block;
  width: 24px;
  height: 17px;
  margin: 0 0 0 0.75rem;
  content: '';
  background-image: url('../../../../clientlibs/clientlib-hana/resources/images/navigationExtended/on_this_page_icon.svg');
  background-size: contain;
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .navigation-item._table-of-contents .navigation-item__headline:after {
    content: none;
  }
}
.extended-navigation .navigation-item._table-of-contents .ds-body ul,
.extended-navigation .navigation-item._table-of-contents .ds-body li {
  padding-left: 0;
}
.extended-navigation .navigation-item._table-of-contents .ds-body li:before {
  content: none;
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .navigation-item {
    margin: 1.25rem 0 0;
  }
  .extended-navigation .navigation-item:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 1.25rem;
    background-color: rgba(150, 150, 150, 0.38);
  }
  .extended-navigation .navigation-item:first-child {
    margin: 0;
  }
}
.extended-navigation .navigation-item__headline {
  color: #000000;
}
.extended-navigation .navigation-item__heading,
.extended-navigation .navigation-item__body {
  position: relative;
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .navigation-item__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .navigation-item__body {
    display: none;
  }
}
.extended-navigation .navigation-item .ds-body ul {
  margin-left: 0;
}
.extended-navigation .navigation-item .ds-button {
  margin: 0;
}
.extended-navigation .navigation-item__accordion-icon {
  display: none;
  opacity: 0.38;
  font-size: 7px;
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .navigation-item__accordion-icon {
    display: block;
  }
}
.extended-navigation .navigation-item.active:after {
  margin-top: 2rem;
}
.extended-navigation .navigation-item.active._table-of-contents .navigation-item__headline:after {
  content: '';
}
.extended-navigation .navigation-item.active .navigation-item__accordion-icon {
  transform: rotate(180deg);
}
.extended-navigation .button-container {
  display: none;
  margin-top: 1.25rem;
  text-align: right;
}
@media only screen and (max-width: 1299px) {
  .extended-navigation .button-container {
    display: block;
  }
}
.extended-navigation .accordion-button.ds-link:after {
  content: '\e015';
  vertical-align: baseline;
  margin: 0 0 0 0.5rem;
}
.extended-navigation .accordion-button.ds-link._collapse:after {
  transform: rotate(180deg);
}