#treeview a, #treeview a:hover {
  color: #000 !important;
}

ul, #treeview {
  list-style-type: none;
}

#treeview li{
  margin-bottom: 8px;
}

#treeview {
  margin: 0;
  padding: 0;
}

.caret-treeview {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  margin-bottom: 8px;
  padding-left: 24px;
  position: relative;
  display: block;
}

.caret-treeview::before {
  content: "";
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-plus-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg>');
  color: black;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

.caret-treeview a {
  margin-bottom: 8px;
}

.caret-treeview-down::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="currentColor" class="bi bi-dash-square" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/><path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/></svg>');
}

.nested-treeview {
  display: none;
}

.active-treeview {
  display: block;
}

.subnavigation ul li a {
  padding-left: 1.5rem;
}

.caret-treeview-navi {
  position: absolute;
  top: 6px;
  left: 6px;
}

nav ul li {
  position: relative;
}

.subnavigation ul li ul .caret-treeview-navi {
  left: 24px;
}

.subnavigation ul ul li a {
  padding-left: 2.6rem;
}

.subnavigation ul ul ul li a {
  padding-left: 3.65rem;
}

.subnavigation ul ul ul ul li a {
  padding-left: 4rem;
}

.subnavigation ul li ul li ul .caret-treeview-navi {
  left: 42px;
}