sidebar.css

 /*sidenav*/
  /* Style the sidenav */
  .sidebar{
    border-left: 8px solid;
    border-left-color: var(--darkpurple);
    border-color: var(--highlight);
    color: var(--darkpurple);
    list-style-type: none;
    line-height: 280%;
    margin: 0px 0px;
    padding: 0px 0px;
}
.sidebar>div {
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
.sidebar>div>span{
  padding: 1rem;
}
/*box on hover nicht vergrößern?*/
.sidebar>div>span:hover{
  font-size: 1.2rem;
  transition: all 0.1s linear;
}