/* NAVTOBC_I18N_2026_10: Sprachauswahl rechts oben (Markup vom Worker, lib/i18n.mjs languageSwitcher) */
.lang-switch{position:relative;flex:none}
.lang-switch>summary{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 6px;border-radius:8px;font-size:12px;font-weight:650;letter-spacing:.4px;color:#516073;cursor:pointer;list-style:none;user-select:none;white-space:nowrap}
.lang-switch>summary::-webkit-details-marker{display:none}
.lang-switch>summary::marker{content:''}
.lang-switch>summary .icon{width:17px;height:17px}
.lang-switch>summary:hover,.lang-switch[open]>summary{color:#245bdd}
.lang-switch>summary:focus-visible{outline:2px solid #245bdd;outline-offset:2px}
.lang-switch ul{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:200px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #e6ebf1;border-radius:10px;box-shadow:0 16px 32px -14px #12264440}
.lang-switch li a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:7px;font-size:14px;font-weight:600;line-height:1.3;color:#17283f;text-decoration:none;white-space:nowrap}
.lang-switch li a:hover,.lang-switch li a:focus-visible{background:#f1f5fa;color:#245bdd}
.lang-switch li a[aria-current="page"]{color:#245bdd}
.lang-switch li a[aria-current="page"]::after{content:'✓';font-weight:700}
.legal-header .lang-switch{margin-left:4px}
@media(max-width:740px){.lang-switch>summary{padding:0 4px;font-size:11px;gap:5px}}
@media(max-width:400px){.lang-switch>summary .icon{display:none}}
@media print{.lang-switch{display:none}}
/* Hinweis auf übersetzten Rechtstexten (scripts/i18n.mjs) */
.legal-translation-note{margin:0 0 24px;padding:12px 16px;border:1px solid #e6ebf1;border-left:4px solid #245bdd;border-radius:8px;background:#f6f8fb;font-size:14px;line-height:1.6;color:#374958}
.legal-translation-note a{color:#245bdd;font-weight:600}
/* Auswahlliste nach rechts öffnen, wenn links kein Platz ist (lang-switch.js setzt die Klasse) */
.lang-switch.lang-switch--left ul{left:0;right:auto}
/* Längere Übersetzungen: schmale Reiter im Beispiel-Cockpit dürfen silbengetrennt umbrechen */
.cockpit-tab{hyphens:auto;overflow-wrap:break-word}
