#exdb-gate { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-4); }
.knopf-reihe.knopf-reihe.knopf-reihe.knopf-reihe { display: flex; flex-wrap: wrap; gap: var(--abstand-2); }
#exdb-reveal {
    background: var(--success); color: var(--on-success); border-color: var(--success);
}
#exdb-veil {
    margin: var(--abstand-4) 0;
}
#exdb-veil > p { margin: 0 0 var(--abstand-4); }
.exdb-ok { border-color: var(--success) !important; box-shadow: 0 0 0 2px var(--success); }
.exdb-wrong { border-color: var(--danger) !important; box-shadow: 0 0 0 2px var(--danger); }
#exdb-result { font-weight: 700; color: var(--text); }
#exdb-gate {
    padding: var(--abstand-4) var(--abstand-4);
    margin: var(--abstand-4) 0;
}
.exdb-correction { color: var(--success); font-weight: 600; margin-inline-start: 0.45em; white-space: nowrap; }