.sprachwahl {
    position: relative;
    color: var(--vm-ink);
    font: 600 .875rem var(--vm-body);
}
.sprachwahl summary {
    display: flex;
    gap: .4em;
    align-items: center;
    min-height: 36px;
    padding: 0 .65em;
    border: 1px solid var(--vm-line);
    border-radius: var(--vm-radius);
    background: var(--vm-surface);
    cursor: pointer;
    list-style: none;
}
.sprachwahl summary::-webkit-details-marker { display: none; }
.sprachwahl summary::after { content: "▾"; }
.sprachwahl[open] summary::after { content: "▴"; }
.sprachwahl nav {
    position: absolute;
    z-index: 2;
    inset-inline-end: 0;
    top: calc(100% + 6px);
    min-width: 9rem;
    padding: 4px;
    background: var(--vm-surface);
    border: 1px solid var(--vm-line);
    border-radius: var(--vm-radius);
}
.sprachwahl a {
    display: block;
    padding: .65em .8em;
    color: inherit;
    text-decoration: none;
    border-radius: var(--vm-radius);
}
.sprachwahl a:is(:hover, :focus-visible, [aria-current]) { background: var(--vm-soft); }
.kopf-optionen { display: flex; align-items: center; justify-content: end; gap: 8px; flex-wrap: wrap; }
.login-sprachwahl { display: flex; justify-content: end; margin-bottom: 8px; }