.toc-anchor {
    transition: hover 0.5s ease;
    position: absolute;
    opacity: 0;
}

.toc-anchor.after {
    margin-left: 5px;
}

.toc-anchor.before {
    margin-left: -22px;
    padding-right: 8px;
}

.toc-anchor:after {
    content: attr(data-anchor-icon);
}

:hover > .toc-anchor, .toc-anchor:focus {
    opacity: .5;
}

.page-toc  {
	border: 1px solid #ccc;   /* grauer Rahmen */
  padding: 20px;            /* Abstand innerhalb des Rahmens */
  margin: 0px 0;           /* Abstand nach außen */
  border-radius: 4px;       /* optional: leicht abgerundete Ecken */
		
}

.page-toc li {list-style: none;}

.page-toc > ul > li:first-child::before,
.page-toc > ul > li.first::before {
  content: "⬟";
  color: red;
}

.page-toc li::before {
  content: "⬠"; /* jedes Unicode-Symbol möglich */
  color: red;
}