/* Sprachumschalter (Website-Kopf, Portal-Kopf, Anmeldeseite) und Sprachreiter in den Editoren. */
.lang-switch{display:flex;align-items:center;gap:2px;flex:none}
.lang-switch a,.lang-switch button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:32px;padding:4px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font:600 12px/1 inherit;font-family:inherit;letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.lang-switch a:hover,.lang-switch button:hover{background:#221c1612}
.lang-switch a[aria-current="true"],.lang-switch button[aria-pressed="true"]{background:#2b241f;color:#fff}
/* Website-Kopf: Umschalter und Kontakt-Button bilden eine Gruppe rechts (ab 1251px die dritte Rasterspalte). */
.header-tools{display:flex;align-items:center;gap:14px;flex:none}
@media (min-width:1251px){.header .header-tools{justify-self:end}}
/* Zwischen 1251 und 1400px ist der Kopf knapp: Gruppe enger, damit die Marke nicht in die Navigation ragt. */
@media (min-width:1251px) and (max-width:1400px){.header-tools{gap:10px}.header nav.lang-switch a{padding-inline:6px}}
@media (max-width:950px){.header .header-tools{margin-left:auto;order:2}.header .menu{order:3;margin-left:0}}
/* Der Umschalter ist selbst ein <nav> im Kopf: die Ausklapp-Regeln der Hauptnavigation (ab 950px abwärts) gelten nicht für ihn. */
.header nav.lang-switch{display:flex;position:static;inset:auto;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;max-height:none;overflow:visible;gap:2px}
@media (max-width:760px){.header nav.lang-switch a{padding:8px 6px;min-height:40px;font-size:11px}}
/* Auf Handys (bis 480px) wandert der Umschalter per site.js in das aufgeklappte Menü und bildet dort die letzte Zeile. */
#navigation .lang-switch{grid-column:1/-1;margin-top:6px;padding-top:10px;border-top:1px solid var(--line,#e6e0d8);justify-content:flex-start;gap:8px}
#navigation .lang-switch a{min-height:44px;padding:10px 12px}
.login-screen{position:relative}
#lang-switch-login{position:absolute;top:16px;right:16px;z-index:2}
.portal-lang-switch button{min-height:36px}
.lang-tabs{display:flex;gap:4px;margin:18px 0 6px;padding:4px;border:1px solid var(--line,#e6e0d8);border-radius:12px;background:#fff;width:max-content;max-width:100%;flex-wrap:wrap}
.lang-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:9px;font:600 13px/1 inherit;font-family:inherit;color:inherit;cursor:pointer}
.lang-tabs button[aria-selected="true"]{background:#2b241f;color:#fff}
.lang-help{margin:0 0 12px}
/* Portal-Kopf auf Handys (seit 2.15.0): Sprachwahl, Posteingang, Konto und Abmelden passen in eine Zeile.
   Name und Rolle bleiben für Screenreader lesbar, sichtbar ist nur das Kürzel; vollständig unter „Mein Konto“. */
@media (max-width:560px){
 .portal-header .portal-lang-switch{gap:0}
 .portal-header .portal-lang-switch button{min-width:30px;min-height:34px;padding:4px 6px;font-size:11px}
 .portal-header .account-link>span:not(#avatar){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
 .portal-header #logout{font-size:11px;white-space:nowrap}
}