/* Sprachumschalter DE/EN in der Navigationsleiste.
   Eigene Datei, weil die handgeschriebenen Landing-Seiten ihr CSS inline
   mitbringen und branche.css gar nicht laden. Wird von
   scripts/build-landing-en.py und gen-content-pages.py eingebunden. */
.br-lang{flex:0 0 auto;margin-left:6px;height:32px;padding:0 11px;display:inline-flex;align-items:center;border:1.5px solid rgba(255,255,255,.45);border-radius:6px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.br-lang:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.75)}
.br-lang:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Hinweisband: "Diese Seite gibt es auch auf …". Bewusst unten rechts und
   klein — es ist ein Angebot, keine Sperre. Keine Weiterleitung, damit
   Suchmaschinen beide Fassungen sehen. */
.lang-hinweis{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:12px;max-width:min(420px,calc(100% - 32px));padding:12px 14px;border-radius:10px;background:#1F0D44;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.35}
.lang-hinweis-text{flex:1}
.lang-hinweis-knopf{flex:0 0 auto;padding:7px 12px;border-radius:6px;background:#fff;color:#1F0D44;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.lang-hinweis-knopf:hover{background:#F4F1FB}
.lang-hinweis-zu{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:rgba(255,255,255,.7);font-size:18px;line-height:1;cursor:pointer}
.lang-hinweis-zu:hover{background:rgba(255,255,255,.12);color:#fff}
@media (max-width:520px){ .lang-hinweis{flex-wrap:wrap} .lang-hinweis-text{flex:1 0 100%} }