/* Mehrsprachigkeit (17.09.2026): Sprachwahl, Schriften für ar/zh/ru, Rechts-nach-links für Arabisch */

/* ── Sprachwahl in der oberen Leiste ── */
.topbar{position:relative;z-index:160}
.lang{position:relative;margin-left:4px}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px 0 6px;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-weight:700;font-size:.78rem;cursor:pointer;line-height:1}
.lang-btn:hover,.lang.open .lang-btn{background:rgba(255,255,255,.2)}
.lang-btn .icon{width:12px!important;height:12px!important;transition:transform .15s}
.lang.open .lang-btn .icon{transform:rotate(180deg)}
.lang img{width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:178px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 34px rgba(10,40,60,.22);display:none}
.lang.open .lang-menu{display:block}
.topbar .lang-menu a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:var(--ink);font-size:.95rem;font-weight:600;white-space:nowrap}
.topbar .lang-menu a:hover{background:var(--tint);color:var(--brand)}
.topbar .lang-menu a.on{background:var(--tint);color:var(--brand)}

/* Hinweis auf Rechtsseiten */
.recht-hinweis{background:#fff7e8;border-bottom:1px solid #f3dfb8;color:#6b4a0a;font-size:.9rem}
.recht-hinweis .wrap{padding-top:12px;padding-bottom:12px}
.recht-hinweis a{font-weight:700;text-decoration:underline}

/* ── Schriften: Plus Jakarta Sans hat kein Kyrillisch/Arabisch/Chinesisch → Systemschriften ── */
html[lang="ru"] body,html[lang="ru"] body *:not(svg):not(use){font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
html[lang="ar"] body,html[lang="ar"] body *:not(svg):not(use){font-family:system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic","Geeza Pro",Arial,sans-serif!important}
html[lang="zh"] body,html[lang="zh"] body *:not(svg):not(use){font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif!important}
html[lang="zh"] body,html[lang="ar"] body{line-height:1.75}
html[lang="ar"] *,html[lang="zh"] *{letter-spacing:0!important}
html[lang="ar"] .eyebrow,html[lang="zh"] .eyebrow{text-transform:none}

/* ── Rechts nach links (Arabisch) ── */
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .topbar .sp{margin-left:0;margin-right:auto}
html[dir="rtl"] .lang{margin-left:0;margin-right:4px}
html[dir="rtl"] .lang-menu{right:auto;left:0}
html[dir="rtl"] .telc-h{padding-left:0;border-left:0;padding-right:14px;border-right:1px solid var(--line)}
html[dir="rtl"] nav.main{margin-left:0;margin-right:auto}
html[dir="rtl"] .drop{left:auto;right:0}
html[dir="rtl"] .burger{margin-left:0;margin-right:auto}
html[dir="rtl"] .phero::after{right:auto;left:-120px}
html[dir="rtl"] .phero-note{right:auto;left:14px}
html[dir="rtl"] .stat+.stat::before{left:auto;right:0}
html[dir="rtl"] .prose ul li{padding-left:0;padding-right:32px}
html[dir="rtl"] .prose ul li::before{left:auto;right:0}
html[dir="rtl"] .prose ul li::after{left:auto;right:5px}
html[dir="rtl"] .ktype .tag{left:auto;right:24px}
html[dir="rtl"] .qa summary .pm{margin-left:0;margin-right:auto}
html[dir="rtl"] svg:has(use[href="#i-arrow"]),html[dir="rtl"] svg:has(use[href="#i-chev-r"]){transform:scaleX(-1)}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{text-align:right}
@media (min-width:1001px){html[dir="rtl"] .phero.has-img::before{background:linear-gradient(270deg,rgba(10,84,121,.96) 0%,rgba(10,84,121,.9) 40%,rgba(10,84,121,.7) 68%,rgba(10,84,121,.48) 100%)}}
@media (max-width:1199px){html[dir="rtl"] nav.main>ul>li.has>a .chev{margin-left:0;margin-right:auto}}

/* Längere Menüpunkte (Russisch/Arabisch) auf dem Desktop in einer Zeile halten */
@media (min-width:1200px){
  html[lang="ru"] nav.main>ul>li>a,html[lang="ar"] nav.main>ul>li>a{white-space:nowrap}
  html[lang="ru"] .telc-h span,html[lang="ar"] .telc-h span{display:none}
}
@media (min-width:1200px) and (max-width:1439px){
  html[lang="ru"] nav.main>ul>li>a{font-size:.8rem;padding:10px 4px}
}

/* RTL: das letzte Aufklappmenü (links außen) nach rechts öffnen, sonst ragt es aus der Seite */
html[dir="rtl"] nav.main>ul>li:last-child .drop{right:auto;left:0}
html[lang="ar"] .lpath .ms text:not(.cap){font-size:11px}
/* RTL: das versteckte Spam-Schutzfeld (left:-9999px) würde die Seite 10 000 px nach links scrollbar machen */
html[dir="rtl"] input[name="hp_field"]{left:auto!important;right:-9999px!important}
html[dir="rtl"] .bk-date,html[dir="rtl"] #kurs{direction:ltr;unicode-bidi:isolate}

/* Handy: Sprachwahl kompakt (nur Flagge) und Menü innerhalb des Bildschirms öffnen */
@media (max-width:640px){
  .topbar .wrap{position:relative;gap:14px}
  .lang{position:static}
  .lang-btn{padding:0 7px 0 5px;gap:5px}
  .lang-menu{top:calc(100% - 2px);right:10px;left:auto}
  html[dir="rtl"] .lang-menu{left:10px;right:auto}
}
@media (max-width:420px){
  .topbar .sp{font-size:0;gap:0}   /* WhatsApp nur als Symbol, damit Telefon + Sprachwahl in eine Zeile passen */
}
/* Deutsch steht immer an erster Stelle, mit feiner Linie abgesetzt (Farbod, 17.09.2026) */
.topbar .lang-menu a[hreflang="de"]{margin-bottom:4px;position:relative}
.topbar .lang-menu a[hreflang="de"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-3px;height:1px;background:var(--line)}

/* Sprach-Hinweis oben (nur bei fremder Browsersprache, schließbar) */
.sprachhinweis{background:#eef5f9;border-bottom:1px solid var(--line);color:var(--ink);font-size:.92rem;position:relative;z-index:170}
.sprachhinweis .wrap{display:flex;align-items:center;gap:12px;min-height:50px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.sprachhinweis img{width:22px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto}
.sprachhinweis .sh-text{flex:1 1 200px;font-weight:600}
.sprachhinweis .sh-go{background:var(--brand);color:#fff!important;border-radius:99px;padding:8px 16px;font-weight:700;white-space:nowrap;font-size:.88rem}
.sprachhinweis .sh-go:hover{background:var(--brand-500,#0d6b99)}
.sprachhinweis .sh-x{background:none;border:0;font-size:24px;line-height:1;color:var(--ink-3);cursor:pointer;padding:2px 6px}
.sprachhinweis[lang="ar"] .sh-text,.sprachhinweis[lang="ar"] .sh-go{font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
.sprachhinweis[lang="zh"] .sh-text,.sprachhinweis[lang="zh"] .sh-go{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.sprachhinweis[lang="ru"] .sh-text,.sprachhinweis[lang="ru"] .sh-go{font-family:system-ui,"Segoe UI",Roboto,Arial,sans-serif}
/* Letztes Aufklappmenü („Über uns“) rechtsbündig öffnen – bei kürzeren Menütexten (z. B. Chinesisch) ragte es sonst rechts heraus */
@media (min-width:1200px){ html:not([dir="rtl"]) nav.main>ul>li:last-child .drop{left:auto;right:0} }

/* sehr schmale Handys: nur Flagge, sonst bricht die Leiste um */
@media (max-width:359px){ .lang-btn span{display:none} }

/* Persisch: eigene Schriftfamilie und Ziffern-/Abstandsregeln (läuft wie Arabisch von rechts nach links) */
html[lang="fa"] body,html[lang="fa"] body *:not(svg):not(use){font-family:system-ui,-apple-system,"Segoe UI","Noto Naskh Arabic","Iranian Sans",Tahoma,Arial,sans-serif!important}
html[lang="fa"] body{line-height:1.85}
html[lang="fa"] *{letter-spacing:0!important}
html[lang="fa"] .eyebrow{text-transform:none}
@media (min-width:1200px){
  html[lang="fa"] nav.main>ul>li>a,html[lang="tr"] nav.main>ul>li>a,html[lang="pt"] nav.main>ul>li>a,html[lang="es"] nav.main>ul>li>a,html[lang="fr"] nav.main>ul>li>a{white-space:nowrap}
}
/* Handy: etwas engere Abstände in der oberen Leiste, damit Telefon + WhatsApp + Sprachwahl sicher in eine Zeile passen */
@media (max-width:420px){ .topbar .wrap{gap:10px} }
/* Persisch: Menüzeilen nicht höher als in den anderen Sprachen */
html[lang="fa"] nav.main>ul>li>a{line-height:1.3}