#menu-selection {
    color: var(--sinoColNormBG);
    margin: 0  var(--spaceLeftRight) 0 var(--spaceLeftRight);
}

/* Line under tabs */
.tab-divider {
    margin: 1px 0 0 0;
    border: none;
    border-top: 1px solid var(--sinoColBlue);
    width: 100%;
}

/* navigation for tabs start */
#menu-selection .navigation {
    display: flex;
    gap: 1rem;
}

#menu-selection .navigationgroup {
    display: grid;
}

#menu-selection .navigationgroup label {
    grid-column: 1 / -1;
    /* Label spans the entire width */
    text-align: center;
    padding-bottom: 10px;
    font-size: 1.2em;
    border-bottom: solid 5px var(--sinoColGreen);
}

#menu-selection .navigationgroup a {
    display: inline-block;
    text-decoration: none;
    color: white;
    text-align: center;
    padding: 1.2em 1.5em 1.2em 1.5em;
    margin: 0 0 1px 0;
    background: var(--sinoColNavBG);
    color: var(--sinoColNavFG);
    text-decoration: none;
    font-size: 0.9rem;
}
#menu-selection .navigationgroup a:not(:last-child) {
    margin-right:0.1rem;
}

#menu-selection .navigationgroup a.checked {
    background: var(--sinoColSelBG);
    position: relative;
    border-bottom: none;
}

#menu-selection .navigationgroup a:hover {
    background-color: var(--sinoColSelBGHover);
}

#menu_selection #menu-right-side {
    margin-left: auto;
    display: flex;
}

#menu_selection #menu-right-side #kontoname-group,
#menu_selection #menu-right-side .timergroup {
    align-self: flex-end;
    margin-right: 1.5em;
    text-align: center;
}

#menu-selection .navigation *.logout_btn {
    padding: 0.5em 0.6em 0.5em 0.6em;
    margin-bottom: 0.5em;
    align-self: flex-end;
    justify-self: end;
    text-decoration: none;
    color: white;
    text-align: center;

    background: var(--sinoColGradientBlueGreen);
}

/* navigation for tabs end */