/* ─── Language Switcher Styles ─── Statisch im verlinkt, damit der Switcher schon vor dem ersten Rendern richtig positioniert ist (kein FOUC). lang.js übernimmt nur noch die Logik. */ /* Default (Desktop): direkt neben dem Logo, margin-right: auto schiebt nav-links/back nach rechts */ .lang-switch { font-family: var(--font-body); font-size: var(--fs-1); color: var(--white); letter-spacing: 0.04em; white-space: nowrap; user-select: none; margin-left: 1.2rem; margin-right: auto; z-index: 1; } .lang-switch [data-lang-btn] { cursor: pointer; transition: color 0.22s; color: var(--white); /* Größeres Tap-Target für Mobile (vergrößert nur Touch-Area, nicht den sichtbaren Text) */ padding: 0.4rem 0.15rem; margin: -0.4rem 0; display: inline-block; -webkit-tap-highlight-color: rgba(225,173,1,0.18); touch-action: manipulation; } .lang-switch [data-lang-btn].active { color: var(--orange); } @media (hover: hover) { .lang-switch [data-lang-btn]:not(.active):hover { color: var(--orange); opacity: 0.85; } } .lang-switch .sep { opacity: 0.5; padding: 0 0.25em; } /* Mobile/Tablet: zentral in der Nav (wenn Burger-Menü aktiv ist) */ @media (max-width: 1024px) { .lang-switch { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; } }