.table {
    color: var(--color-text);
}

.picture {
    width: 120px; 
    height: 120px; 
    object-fit: cover;
}

.usertable {
    background-color: var(--color-surface);
    color: var(--color-text);
}

.Settingscontainer {
    display: flex;
    flex-wrap: wrap;
    /* Wichtig: erlaubt Umbruch */
    gap: 1rem;
    /* optionaler Abstand */
}

.Settingscontainer>* {
    flex: 1 1 calc(50% - 0.5rem);
    /* 2 Elemente pro Zeile, inkl. Gap */
    box-sizing: border-box;
}

.btn-db {
    background-color: var(--color-primary);
    border: none;
}

.btn-db:hover {
    background-color: var(--color-accent);
    border: none;
}