#table-of-contents {
  background: #f6f6f6;
}

#table-of-contents h4.inserttitle {
  color: #f40f97;
}

.widget.table-of-contents {
  background: #f6f6f6;
}

.widget.table-of-contents ul {
  width: auto;
}

.widget.table-of-contents ul li {
  border-top: 2px solid #ffffff;
  position: relative;
}

.widget.table-of-contents ul li span {
  display: block;
  /* padding-left: 3.2222em !important; */
  line-height: 2.2857em;
  padding-right: 0.75em;
  padding: 0.475em 0.75em 0.475em 2.25em;
  line-height: normal;
}

.widget.table-of-contents ul li span::before {
  width: 0.777em;
  margin-right: 0.75em;
  margin-left: 0.75em;
  /* padding-right: 0.75em; */
  color: #999999;
  font-size: 1em;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  content: "";
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/media/img/main/arrows/arrow_right_blue.png);
}

.widget.table-of-contents ul li span a {
  color: #222222;
}

h4.kongtitle {
  position: relative;
}

.kongtitle a.table-of-contents-top {
  position: absolute;
  width: 100%;
  height: 100%;
  float: right;
  top: 0;
  margin-top: -20px;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/media/img/main/arrows/arrow_down_blue.png);
  width: 20px;
  height: 20px;
  transform: rotate(-180deg);
  right: calc(50% - 10px);
}

@media screen and (max-width: 591px) {
	#table-of-contents > .widget_header {
	    height: auto !important;
	}
}