/* Sprachumschalter (DE/EN) – Flaggen als SVG, eingebunden über lang.js */
.fp-lang{display:inline-flex;gap:2px;padding:2px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}
.fp-lang a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 10px;border-radius:999px;font-weight:600;font-size:12px;line-height:1;color:inherit;text-decoration:none;opacity:.7}
.fp-lang a[aria-current="page"]{opacity:1;background:rgba(255,255,255,.12)}
.fp-lang svg{width:20px;height:14px;border-radius:2px}
.fp-lang:empty{display:none}
/* Position in der Leiste: die Navs sind feste 3-Spalten-Grids (Logo | Links | CTA). Der Umschalter wird daher absolut rechts neben dem Logo
   platziert (Spalte 1 hat dort Platz), ohne das Grid der Seite zu verändern. --fp-lang-x = linker Rand + Logobreite + Abstand. */
nav > .fp-lang{position:absolute;top:50%;transform:translateY(-50%);left:var(--fp-lang-x,130px);z-index:2}
nav[style] > .fp-lang{--fp-lang-x:126px}            /* start.html: 28px + Logo 82px + 16px */
.nav > .fp-lang{--fp-lang-x:116px}                  /* heft.css-Seiten: 28px + Logo 72px + 16px */
nav.top > .fp-lang{left:auto;right:0}              /* Rechtsseiten: rechte Spalte ist ab 901px frei (Login steckt in den Links) */
/* Im Burger-Menü (lang.js zieht den Umschalter dort ein) */
:is(.nav__links,[data-fp-navlinks],.nav-links) > .fp-lang{align-self:center;margin-top:8px}
/* Enge Leiste: nur Flaggen (Text bleibt für Screenreader) */
@media (max-width:1100px){
  nav > .fp-lang{gap:0}
  nav > .fp-lang a{min-width:44px;padding:0 8px}
  nav > .fp-lang a span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}