/* ===== Content TOC (Inhalt) styling ===== */

#toc.toc {
  background: rgba(20, 20, 20, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  padding: 0.9rem 1rem;
  margin: 1rem 0 1.25rem 0;
}

/* Titel "Inhalt" */
#toc.toc .title {
  font-weight: 700;
  margin: 0 0 0.6rem 0;
  color: rgba(0, 0, 0, 0.75);
}

/* Liste: keine Bulletpoints, nicer spacing */
#toc.toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#toc.toc li {
  margin: 0.15rem 0;
}

/* Links: nicht knallblau, sondern clean */
#toc.toc a {
  display: inline-block;
  padding: 0.35rem 0.5rem;
  border-radius: 10px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.78);
  transition: background-color 140ms ease, color 140ms ease;
}

#toc.toc a:hover {
  background: rgba(255, 140, 64, 0.12);
  color: rgba(0, 0, 0, 0.90);
}

/* Optional: kleine "Marker"-Leiste links pro Eintrag */
#toc.toc a {
  position: relative;
  padding-left: 0.75rem;
}

#toc.toc a::before {
  content: "";
  position: absolute;
  left: 0.35rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  border-radius: 3px;
  background: rgba(255, 140, 64, 0.55);
  opacity: 0;
  transition: opacity 140ms ease;
}

#toc.toc a:hover::before {
  opacity: 1;
}

/* Unterpunkte (verschachtelte TOC) etwas einrücken */
#toc.toc ul ul {
  margin-top: 0.25rem;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

/* ===== Nummerierte TOC (1, 2, 2.1, 2.1.3 ...) – clean untereinander ===== */

#toc.toc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: toc;
}

/* Jede Ebene zählt für sich weiter */
#toc.toc li {
  counter-increment: toc;
  position: relative;

  margin: 0.25rem 0;

  /* Platz für die Nummer links */
  padding-left: 3.0rem;
}

/* Nummer immer an der ersten Zeile "andocken" */
#toc.toc li::before {
  content: counters(toc, ".") ".";

  position: absolute;
  left: 0;
  top: 0.35rem;          /* passend zu a { padding-top: 0.35rem } */

  width: 2.6rem;
  text-align: right;

  color: rgba(255, 140, 64, 1);
  font-weight: 600;
  font-size: 0.90rem;
}

/* Link blockig, damit Umbrüche sauber sind */
#toc.toc a {
  display: block;
  padding: 0.35rem 0.5rem;
  border-radius: 10px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.78);
  transition: background-color 140ms ease, color 140ms ease;

  position: relative;
  padding-left: 0.75rem; /* für deinen Hover-Marker */
}

/* Unterpunkte wieder klassisch untereinander einrücken */
#toc.toc ul ul {
  margin-top: 0.25rem;
  margin-left: 0.75rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}

/* Badge in Inhalts-TOC (toc::[]) ausblenden */
#toc .image.badge,
#toc img.badge {
  display: none !important;
}