@charset "UTF-8";
.sb-toc {
  --goldig: #D8C49C;
  --goldig-hover: #EFE0C2;
  --dunkel-goldig: #b69d6f;
  --moosig: #3A535B;
  --text-size: 1rem;
  --text-offset: 2px;
  --marker-gap: 1rem;
}
.sb-toc__list {
  padding: 0;
  list-style-type: none;
  counter-reset: list-counter;
}
.sb-toc__list-item {
  position: relative;
  padding: 0.5rem 0 0.5rem 0;
  display: flex;
  gap: var(--marker-gap);
}
.sb-toc__list-item::before {
  content: counter(list-counter);
  counter-increment: list-counter;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--goldig);
  color: var(--moosig);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
}
.sb-toc__list-link {
  color: var(--dunkel-goldig);
  font-weight: 700;
  text-decoration: none;
  padding-top: var(--text-offset);
  width: 100%;
  position: relative;
  padding-right: 20px;
}
.sb-toc__list-link::after {
  position: absolute;
  content: "↓";
  width: 10px;
  height: 20px;
  top: var(--text-offset);
  right: 0;
}
.sb-toc__list-link:hover {
  color: var(--moosig);
}

/*# sourceMappingURL=styles.css.map */