/* Sprachauswahl: leitet erst beim Klick zu Google Translate weiter (nichts wird vorab geladen) */
.lang{position:relative;margin-left:auto}
.lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  padding:7px 10px;border:1px solid var(--hair);border-radius:8px;background:#fff;
  font-size:.86rem;font-weight:600;color:var(--ink);white-space:nowrap;user-select:none}
.lang>summary::-webkit-details-marker{display:none}
.lang>summary:hover,.lang[open]>summary{border-color:var(--screen);color:var(--screen-ink)}
.lang>summary svg{width:17px;height:17px;flex:none}
.lang>summary .chev{width:11px;height:11px;transition:transform .18s}
.lang[open]>summary .chev{transform:rotate(180deg)}
.lang__panel{position:absolute;right:0;top:calc(100% + 10px);z-index:90;width:min(330px,calc(100vw - 32px));
  background:#fff;border:1px solid var(--hair);border-radius:12px;box-shadow:0 14px 40px rgba(20,26,32,.16);
  padding:12px;max-height:min(70vh,520px);overflow:auto}
.lang__hint{margin:2px 4px 8px;font-size:.78rem;color:var(--steel);line-height:1.4}
.lang__grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.lang__grid a{display:block;padding:8px 9px;border-radius:7px;text-decoration:none;color:var(--ink);
  font-size:.9rem;line-height:1.25}
.lang__grid a:hover,.lang__grid a:focus-visible{background:var(--warm,#E6F4FB);color:var(--screen-ink)}
.lang__grid a.is-de{font-weight:700}
.lang__note{margin:10px 4px 2px;padding-top:9px;border-top:1px solid var(--hair);font-size:.72rem;
  color:var(--mute,#6E7883);line-height:1.45}
.lang__note a{color:inherit}
@media (max-width:1040px){.lang{margin-left:auto}}
@media (max-width:520px){.lang>summary{padding:7px 8px}.lang>summary .lang__txt{display:none}}
.lang__grid a[dir="rtl"]{text-align:left}
/* Schmale Handys: Platz für die Sprachauswahl. Die Nummer steht unten in der Anrufleiste,
   oben bleibt das Telefon-Symbol als Knopf. */
@media (max-width:520px){
  .top__in{gap:10px}
  .lang,.top .tel,.burger{flex:none}
  .top .tel{font-size:0;gap:0;width:38px;height:38px;justify-content:center;
    border:1px solid var(--hair);border-radius:8px}
  .top .tel svg{width:19px;height:19px}
  .lang__panel{position:fixed;left:16px;right:16px;top:62px;width:auto}
}
@media (max-width:360px){.brand span{font-size:0}.brand span b{display:block}}
