/* Bilingual toggle (EN/DE). Each translatable string exists twice in the markup, tagged .lang-en / .lang-de; this file just hides the inactive one based on the data-lang attribute i18n.js sets on . */ [data-lang="en"] .lang-de { display: none !important; } [data-lang="de"] .lang-en { display: none !important; } .lang-switch { display: inline-flex; align-items: center; background: var(--container, #F6F3EE); border: 1px solid var(--border, #EBE8E3); border-radius: 999px; padding: 3px; gap: 2px; flex-shrink: 0; } .lang-switch button { appearance: none; border: none; background: transparent; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0.3px; padding: 5px 12px; border-radius: 999px; cursor: pointer; color: var(--outline, #8C7168); transition: background 0.15s ease, color 0.15s ease; } .lang-switch button:hover { color: var(--primary, #A43700); } .lang-switch button.active { background: var(--primary, #A43700); color: #fff; } .lang-switch button.active:hover { color: #fff; }