.dynamic-toc-wrapper{
    display: block;
}

.dynamic-toc-button{
color: #5b5757;
cursor: pointer;
border-bottom: 1px solid;
}
.dynamic-toc-button::after {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #5b5757;
  display: inline-block;
  border-right: 1px solid #5b5757;
  transform: rotate(45deg);
  top: -4px;
  position: relative;
  margin-left: 9px;
  margin-right: 5px;
}

.dynamic-toc-button:hover{
    color: #fe9c53;
}
.dynamic-toc-button:hover::after {
    border-color: #fe9c53;
}

.dynamic-toc ul {
  list-style: none;
  padding: 10px 0;
}

.dynamic-toc ul span {
    color: var(--wp--preset--color--turquoise);
    font-size: 3rem;
    margin-right: 1rem;
    line-height: 0.75;
    vertical-align: middle;
}

.dynamic-toc ul a {
  text-decoration: none;
  padding: 7px 0px;
  display: block;
  color: #5b5757;
}

.dynamic-toc ul a:hover {
    color: #fe9c53;

}

.pos-sticky .dynamic-toc{
  position: sticky;
  top: 10px;
}

.pos-sticky{
  position: relative;
}

.dynamic-toc a.active {
  font-weight: bold;
  color: #fe9c53; /* Beispiel-Farbe */
}


/* .dynamic-toc li:nth-of-type(1) a{
    font-weight: bold !important;
} */

/* .dynamic-toc li::before{
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 30'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23005092; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.7.3v24.68l8.17-8.34,1.73,1.77-10.24,10.46-.87.85-.87-.85-10.24-10.46,1.73-1.77,8.17,8.34V.3h2.41Z'/%3E%3C/svg%3E");
    display: inline-block;
    height: 1.3rem;
    width: 1.3rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    right: 10px;
  
  } */