ul, li{
	margin-left: 0.6em;
	padding-left: 0;
}
ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}
/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  /*content: "\25B6";*/
  /*content: "\229E";*/
  color: white;*/
  display: inline-block;
  margin-right: 6px;
  margin-top:  4px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
/*	content: "\2A02";*/
/*	content: "\229E";*/
/*  transform: rotate(90deg);*/
}
.hover:hover{
	background: white;
	color: #1a223e;
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}
.umgekehrt{
	background: white;
	color: #1a3e13;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.doku{
	font-size: 0.85em;
}
/* ::before bestimmt, was vor dem Listeneintrag angezeigt wird */
.bereich::before{
	font-size: 1em;
	display: inline-block;
	/*content: "\229F";*/
/*	content: "\25CF";*/
	content: "\2055";
	color: white;
}
.kontext::before{
	font-size: 1em;
	display: inline-block;
/*	content: "\25CFv";*/
	content: "\25BA";
	color: #f49927;
}
.subkontext::before{
	font-size: 1em;
	display: inline-block;
/*	content: "\25CF";*/
	content: "\25A0";
	color:  green;
}
.subsubkontext::before{
	font-size: 1em;
	display: inline-block;
/*	content: "\25CF";*/
	content: "\1F49A";
	color:  magenta;
}
.titel::before{
	font-size: 1em;
	display: inline-block;
	content: "\25CF";
	color:  red;
	
}