/* Sprachumschalter: dunkle Grundvariante für Seitenleiste und Anmeldeseite,
   helle Variante für das Kundenportal und die Einladungsseite. */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .06);
    line-height: 1;
}

.lang-switch a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .62);
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}

.lang-switch a:hover {
    color: #fff;
}

.lang-switch a.active {
    background: #ff6400;
    color: #fff;
}

.app-profile .lang-switch {
    margin-bottom: 14px;
}

/* Helle Variante auf weißem Grund. */
.lang-switch.is-light {
    border-color: #e4e8ea;
    background: #f5f7f8;
}

.lang-switch.is-light a {
    color: #5b6a71;
}

.lang-switch.is-light a:hover {
    color: #172329;
}

.lang-switch.is-light a.active {
    background: #172329;
    color: #fff;
}