body {
    margin: 0px;
    font-family: 'Inter';
}

.mobile-sidebar-container {
    background-color: #2A3647;
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px 0px 16px;
    position: fixed;
    bottom: 0px;
    display: none;
    z-index: 999;
}

.icons {
    height: 72px;
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    border-radius: 16px;
    transition: background-color 0.3s;
    cursor: pointer;
    /* background-color: #091931; muss später noch mit JS optimiert werden */
}

.icons img {
    width: 24px;
    height: 24px;
}

.icons span {
    font-family: 'Inter';
    color: white;
    font-size: 14px;
    font-weight: 400;
}

.active-bg {
    background-color: #217930;
}