footer *::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    z-index: 1;
  }

footer *::-webkit-scrollbar-track {
    z-index: 1;
    cursor: pointer;
    background-color: rgb(90, 90, 90);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

footer *::-webkit-scrollbar-thumb {
    z-index: 1;
    cursor: pointer;
    background-color: rgb(70, 70, 70);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
  }

footer {
    position: absolute;
    right: 0;
    bottom: 0;
    color: rgb(214,166,66);
    width: 22rem;
    height: 100%;
    background-image: linear-gradient(to left,rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(53, 53, 53), rgb(46, 46, 46))
}
footer h1 {
    position: relative;
    bottom: 0;
    font-size: 2rem;
    right: -5rem;
}
footer img {
    position: absolute;
    height: 4rem;
    right: 1rem;
    top: .5rem;
}
footer .inhalt {
    background-color: rgb(56, 56, 56);
    position: absolute;
    border-radius: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 80%;
    height: 75%;
    right: 1.25rem;
    top: 5.25rem;
}
footer div span {
    position: relative;
    left: 1rem;
}
footer div span span {
    position: relative;
    left: 1rem;
}
footer div span p {
    position: relative;
    font-size: 1rem;
    transition: .3s ease all;
}
footer div section p {
    position: relative;
    left: 1rem;
    font-size: .9rem;
}
footer div span p:hover {
    cursor: pointer;
    margin-left: -.5rem;
}
footer div span h2 {
    position: relative;
    font-size: 1.2rem;
}
footer controls {
    position: absolute;
    bottom: 1rem;
    display: flex;
    right: 5%;
    width: 80%;
    height: 5rem;
    font-size: 3rem;
}
footer controls .left {
    position: relative;
    transition: .3s;
    left: 1rem;
    cursor: pointer;
}
footer controls .middle {
    position: absolute;
    text-shadow: rgb(255, 0, 0);
    transition: .3s;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    font-size: 2.8rem;
}
footer controls .right {
    position: absolute;
    transition: .3s;
    right: 1rem;
    cursor: pointer;
}
footer controls div:hover {
    filter: drop-shadow(0 0 10px rgb(214,166,66));
}
footer controls div:active {
    margin-top: .5rem;
}