/* GLIEDERUNG ------------------------------------------ */

.gliederung ul {
  /*counter-reset: num;*/
  font-size: 14px;
  font-weight: normal;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  text-indent: 0;

  list-style: none;
  text-indent: 0;
  *text-indent: 0;
  *list-style-type: none;
}
.gliederung ul li {
  font-weight: normal;
  min-height: 0;
  height: auto;
  padding: 0;
  position: relative;
  width: auto;
  text-indent: 10px;
}
.gliederung ul ul {
  padding: 0 0 0 0; /* Erster Abstand der Liste von Links (wird vererbt) */
}
.gliederung ul ul ul {
  background: transparent url("../images/gliederung_lines.png") left top
    repeat-y;
  padding: 0 0 0 1.7em; /* Zweiter Abstand der Liste von Links (wird vererbt) */
}

.gliederung ul > li:before {
  /*content: counter(num) '. ';
	counter-increment: num;*/
  color: #e30040;
  font-size: 0.85em;
  line-height: 80%;
}

/* .gliederung ul ul li:before {
  /*content: counters(num, '.') ' ';*/
/* } */
.gliederung li a {
  color: #535353;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}
.gliederung a:hover {
  text-decoration: underline;
  color: #e30040;
}
.gliederung li a {
  background: transparent url("../images/gliederung_download.png") no-repeat
    100% 4px; /* Icon Download mit Position */
  padding: 0 20px 0 0; /* Abstand nach rechts zum Icon */
}

/* INDIVIDUAL STILES ------------------------------------------ */

.gliederung .Projekt-Titel {
  font-size: 20px;
  font-weight: bold;
  text-indent: 0; /* Einzug des Textes */
}
.gliederung .Projekt-Titel > a {
  font-size: 20px;
  font-weight: bold;
  background-position: 100% 10px; /* Individuelle Position des Icon Download am Projekt-Titel */
}
.gliederung .Projekt-Titel > ul {
  /* Ansprechen ber das erste <ul> in der Liste. Das <li> ist die Box und somit wie ein DIV zu behandeln */
  margin: 20px 0 0; /* Abstand: oben rechts unten links; */
}

.gliederung .Standard-Knoten2 {
  font-weight: bold;
  /*background: transparent url("images/gliederung_knoten.png") no-repeat 0 3px;*/
  background: none;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Standard-Knoten2 > a {
  font-weight: bold;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .Knoten_grau {
  font-weight: bold;
  background: transparent url("images/gliederung_knoten-grau.png") no-repeat 0
    3px;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_grau > a {
  font-weight: bold;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}

.gliederung .Standard-Eintrag2 {
  /*background: transparent url("images/gliederung_eintrag.png") no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  background: none;
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Eintrag-leer {
  background: transparent url("images/gliederung_eintrag.png") no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Eintrag_grau {
  background: transparent url("images/gliederung_eintrag-grau.png") no-repeat 0
    6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_blau {
  font-weight: bold;
  background: transparent url("images/gliederung_knoten-blau.png") no-repeat 0
    3px;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .Knoten_blau > a {
  font-weight: bold;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .Eintrag_blau {
  background: transparent url("images/gliederung_eintrag-blau.png") no-repeat 0
    6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta {
  font-weight: bold;
  color: magenta;
  background: transparent url("images/gliederung_knoten-magenta.png") no-repeat
    0 3px;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta > a {
  font-weight: bold;
  color: magenta;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .K_magenta_Symbol {
  font-weight: bold;
  background: transparent url("images/gliederung_knoten-magenta.png") no-repeat
    0 3px;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_magenta_Symbol > a {
  font-weight: bold;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_magenta {
  background: transparent url("images/gliederung_eintrag-magenta.png") no-repeat
    0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .E_magenta > a {
  font-weight: bold;
  color: magenta;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_magenta_Symbol {
  background: transparent url("images/gliederung_eintrag-magenta.png") no-repeat
    0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_Austausch {
  font-weight: bold;
  background: transparent url("images/gliederung_knoten.png") no-repeat 0 3px;
  margin: 15px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}
.gliederung .K_Austausch > a {
  font-weight: bold;
  margin: 2px 0 0 0; /* Abstand: oben rechts unten links; */
}
.gliederung .E_Austausch {
  background: transparent url("images/gliederung_eintrag.png") no-repeat 0 6px; /* Laden und Position des Icons: 0 6px (links oben)*/
  margin: 5px 0 0 0; /* Abstand: oben rechts unten links; */
  text-indent: 20px !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}

.Projekt-Titel ul .arrow {
  display: inline-block;
}

.gliederung .Standard-Eintrag2 .arrow {
  display: none;
}

.Projekt-Titel .arrow,
.Projekt-Titel .square {
  display: none !important;
}

.Liste .Standard-Eintrag2 .square {
  display: inline-block;
}

.gliederung .arrow.Standard-Knoten2,
.gliederung .arrow.Standard-Eintrag2 {
  font-weight: unset;
  /*background: transparent url("images/gliederung_knoten.png") no-repeat 0 3px;*/
  background: unset;
  margin: unset;
  text-indent: unset !important; /* Abstand Text vom linken Rand, damit Abstand zwischen Grafik und Text entsteht: links; */
}

/*svg.arrow {
margin-left: -22px !important;
}

svg.square {
    margin-left: -22px !important;
    margin-bottom: 1.5px !important;
    margin-right: 10px !important;
}*/

.arrow {
  margin-left: -22px;
  width: 0;
  height: 0;
  margin-right: 5px;
  border-top: 5px solid transparent;
  border-left: 7px solid;
  border-bottom: 5px solid transparent;
  border-left-color: #555;
}
.square {
  margin-left: -22px;
  margin-bottom: 1.5px;
  margin-right: 5px;
  height: 5px;
  width: 5px;
  background-color: #555;
}
