/* 1) Browser-Bullets aus, volle Kontrolle */
#sidebar ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2) Einheitliches Inline-Layout für Marker + Text */
#sidebar li {
  padding-left: 0 !important; /* Abstand kommt von Marker/Toggle */
  margin: 0;
  line-height: 1.3;
}

/* 3) Leaf-Einträge (ohne Children): eigener Bullet mit Abstand */
#sidebar li:not(.has-children)::before {
  content: "•";
  display: inline-block;
  width: 0.9em;           /* Marker-Spaltenbreite (kleiner) */
  margin-right: 0.35em;   /* Abstand Marker → Text */
  text-align: center;
  vertical-align: middle;
  font-size: 0.9em;       /* kleineres Bullet */
}

/* 4) Einträge mit Children: kein Bullet; Dreieck übernimmt Marker-Spalte */
#sidebar li.has-children::before { content: none !important; }

/* 5) Dreieck-Button: kleiner und bündig zur Bullet-Spalte */
#sidebar .rdm-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 0.9em;          /* exakt wie Bullet-Spalte */
  margin-right: 0.35em;  /* Abstand Dreieck → Text */
  font-size: 0.8em;      /* kleineres Dreieck */
  line-height: 1;
  vertical-align: middle;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
  padding: 0;            /* keine Extrakanten */
}
#sidebar .rdm-toggle.open { transform: rotate(90deg); }

/* 6) Zusätzliche Einrückung pro Ebene:
      jede verschachtelte UL rückt weiter ein */
#sidebar li > ul {
  margin: 0.15em 0 0 0;   /* kleiner vertikaler Abstand */
  padding-left: 1.25em !important; /* << extra Einzug für Tiefe */
}

/* 7) Ankern keine linke Polsterung geben, sonst verschiebt sich's */
#sidebar li > a {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

#sidebar .rdm-collapse-all {
  display: block;
  width: 100%;
  margin: 0 0 0.5em 0;
  padding: 0.3em 0.6em;
  font-size: 0.85em;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
}
#sidebar .rdm-collapse-all:hover {
  background: #e8e8e8;
}


/* Überschriften-Toggle (Dreieck links) */
.rdm-h-toggle {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 0.9em;
  margin-right: 0.35em;
  font-size: 0.85em;
  line-height: 1;
  vertical-align: middle;
  transform: rotate(90deg); /* offen als Standard */
  transition: transform 0.2s ease;
  padding: 0;
}
.rdm-h-toggle.open { transform: rotate(90deg); }
h1:not(.is-open) > .rdm-h-toggle,
h2:not(.is-open) > .rdm-h-toggle,
h3:not(.is-open) > .rdm-h-toggle {
  transform: rotate(0deg); /* zugeklappt zeigt nach rechts */
}

/* Optional: Cursor-Hinweis auf der ganzen Überschrift */
h1, h2, h3 { cursor: pointer; }
h1 a, h2 a, h3 a { cursor: pointer; } /* Links behalten Standard-Verhalten */

/* Der einklappbare Abschnitt */
.rdm-h-section { margin-top: 0.4em; }