/* Website-Sprachwahl und Gestaltung der übersetzten Nebenseiten. */
.ui-sprachen{position:relative;flex:0 0 auto;z-index:30;color:var(--wolke)}
.ui-sprachen summary{display:flex;align-items:center;justify-content:center;gap:7px;list-style:none;cursor:pointer;min-width:48px;min-height:44px;padding:10px 6px;border:0;border-radius:6px;color:inherit;text-align:center;font-size:13px;font-weight:500;line-height:1.3;transition:color .15s,background .15s}
.ui-sprachen summary::-webkit-details-marker{display:none}
.ui-sprachen summary::marker{content:''}
.ui-sprachen summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.65}
.ui-sprachen summary:hover{color:var(--gold)}
.ui-sprachen summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.ui-sprachen[open] summary::after{transform:translateY(1px) rotate(225deg)}
.ui-sprachen[open] summary{background:var(--nacht-2)}
.kopf .ui-sprachen nav{position:absolute;top:calc(100% + 8px);right:0;display:grid;gap:0;min-width:154px;padding:6px;background:var(--nacht-2);border:1px solid var(--nacht-linie);border-radius:9px;box-shadow:var(--schatten);font-size:14px}
.kopf .ui-sprachen nav a{display:block;padding:8px 10px;border-radius:5px;color:var(--wolke);white-space:nowrap}
.kopf .ui-sprachen nav a:hover,.kopf .ui-sprachen nav a[aria-current="page"]{background:rgba(210,225,238,.14);color:var(--gold)}
html:lang(ja) body{font-family:var(--sans),"Hiragino Sans","Yu Gothic",sans-serif}
html:lang(ja) h1,html:lang(ja) h2,html:lang(ja) h3{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif;font-weight:500;letter-spacing:-.025em}
/* Chinesische UI mit chinesischen Glyphen und ohne lateinische Laufweite.
   :lang berücksichtigt vererbte Sprache; japanische/englische Lerntexte
   behalten ihre eigenen Schriftregeln. */
html:lang(zh){--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--display:var(--sans)}
html:lang(zh) body :lang(zh){letter-spacing:normal;word-spacing:normal;font-kerning:normal}
/* Das gemischte Lesungs-/Bedeutungsfeld trägt die Lernsprache als lang. */
html:lang(zh) .lemma-lesung{letter-spacing:normal}
html:lang(zh) :is(h1,h2,h3,.level-optionen strong){font-family:var(--sans);font-weight:500}
/* Keine Wort-Hervorhebung durch Fettdruck im chinesischen Fließtext.
   Überschriften, Schaltflächen und Sprachbeispiele sind eigene Rollen. */
html:lang(zh) :is(p,li,blockquote,figcaption) :is(strong,b):lang(zh){font-weight:inherit}
@media(max-width:1000px){.kopf .wrap{gap:12px}.kopf> .wrap > nav{gap:14px}}
@media(max-width:700px){.kopf> .wrap > nav{display:none}}
@media(max-width:430px){.kopf .mobil-ueber{display:none}}