#pagination {
  position: fixed;
  top: 40%;
  /* transform: translateY(-40%); */
  right: 10px;
  list-style: none;
  height: 100%;

  /* position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1; */
}

/* #pagination li {
  position: relative;
  margin: 20px 0;
  background: #fff;
  border-radius: 100%;
  width: 8px;
  height: 8px;
  transition: all 0.2s ease;
} */

/* #pagination li:hover {
  transform: scale(1.5);
} */

#pagination a {
  position: absolute;
  text-decoration: none;
  left: 0;
  top: 0;
  color: inherit;
  width: 100%;
  height: 100%;
}

body.HOME #pagination li:nth-of-type(1) span,
body.ABOUT #pagination li:nth-of-type(2) span,
body.SERVICES #pagination li:nth-of-type(3) span,
body.RESUME #pagination li:nth-of-type(4) span,
body.CONTACT #pagination li:nth-of-type(5) span,
body.IMPRESSUM_DATAPRIVACY #pagination li:nth-of-type(6) span {
  width: 30px;
  background: #fff;
}

/*# sourceMappingURL=pagination.css.map */

#pagination span {
  position: absolute;
  border: none;
  width: 15px;
  border-radius: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  right: 0;
  FONT-VARIANT: JIS83;
  left: auto;
  transition: 0.3s;
}

#pagination li {
  width: 30px;
  position: relative;
  height: 13px;
  margin: 7px;
}

.pp-tooltip.right {
  top: -7px;
  /* background: -webkit-gradient(linear, left top, right top, from(#ed2a4a), to(#ff1ba6));
    background: -o-linear-gradient(left, #ed2a4a, #ff1ba6); */
  background: var(--accent);
  padding: 0 10px;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
  right: 40px;
}

@media (max-width: 991px) {
  #pagination {
    display: none;
  }


}