/* Language visibility — toggled by data-uilang on */ html[data-uilang="de"] [data-l="en"] { display: none !important; } html[data-uilang="en"] [data-l="de"] { display: none !important; } /* Language switcher (DE | EN) */ .langsw { display: inline-flex; border: 1px solid var(--hairline); border-radius: 2rem; overflow: hidden; font-family: var(--mono); font-size: 0.72rem; } .langsw button { background: transparent; border: 0; padding: 0.3rem 0.64rem; cursor: pointer; color: var(--muted); line-height: 1; letter-spacing: 0.04em; } .langsw button.active { background: var(--teal); color: #fff; } .langsw button:focus-visible { outline: 2px solid var(--teal); outline-offset: 1px; } /* Dark hero variant */ .hero .langsw { border-color: rgba(255,255,255,0.22); } .hero .langsw button { color: var(--hero-ice); } .hero .langsw button.active { background: var(--hero-teal); color: #0A1524; }