/* EROS69 – Sprachumschalter */
.s-lang { display: flex; align-items: center; gap: 2px; flex: none; font-size: 13px; font-weight: 600; letter-spacing: .04em; }
.s-lang a { padding: 6px 9px; border-radius: 999px; color: #8A8285; text-decoration: none; transition: background .15s, color .15s; }
.s-lang a:hover { color: #141112; background: #F6EFEB; }
.s-lang a.on { color: #141112; background: #F3ECE8; }
.s-drawer-lang { display: flex; gap: 8px; margin: 0 0 6px; padding: 4px 20px 14px; border-bottom: 1px solid #EFE9E6; }
.s-drawer-lang a { flex: 1; padding: 9px 6px; border: 1px solid #DCD3CF; border-radius: 999px; text-align: center; font-size: 13.5px; font-weight: 600; color: #47413F; text-decoration: none; }
.s-drawer-lang a.on { border-color: #141112; background: #141112; color: #fff; }
@media (max-width: 1000px) { .s-hd .s-lang { display: none; } }
/* v9: Sprachen nur als runde Flaggen (Name als aria-label/title) */
.s-flag { display: block; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px rgba(20, 17, 18, .14); }
.s-flag svg { display: block; width: 100%; height: 100%; }
.s-lang { gap: 6px; }
.s-lang a { display: block; padding: 3px; border: 2px solid transparent; border-radius: 50%; background: none !important; opacity: .55; transition: opacity .15s, border-color .15s; }
.s-lang a:hover { opacity: 1; }
.s-lang a.on { opacity: 1; border-color: #141112; }
.s-drawer .s-drawer-lang { justify-content: flex-start; gap: 14px; }
.s-drawer .s-drawer-lang a { flex: none; padding: 3px; border: 2px solid transparent; border-radius: 50%; background: none; }
.s-drawer .s-drawer-lang a.on { border-color: #141112; background: none; }
.s-drawer .s-drawer-lang .s-flag { width: 34px; height: 34px; }
