/* =====================================================================
   YUTHI Icons · Tabler Icons (Outline) · Marcel-Vorgabe 2026-07-28
   ---------------------------------------------------------------------
   Quelle: https://tabler.io/icons — MIT-Lizenz.

   EINFARBIG: Die Farbe kommt über `currentColor` aus dem Umfeld. Dadurch
   ist das Icon automatisch Sage bzw. Forest auf hellem Grund und Creme auf
   dunklem — ohne Sonderregeln je Abschnitt.

   GRÖSSE: 1.15em, aber auf 18–24px begrenzt. Ohne die Begrenzung würden
   Icons in grossen Überschriften mitwachsen und den Zeilenfall sprengen.

   AUSRICHTUNG: vertikal zur Textmitte, nicht zur Grundlinie.
   ===================================================================== */
.yi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(18px, 1.15em, 24px);
  height:clamp(18px, 1.15em, 24px);
  vertical-align:-0.2em;
  line-height:1;
  position:relative;
  top:0;
  flex:none;               /* darf in Flex-Zeilen nicht zusammengedrückt werden */
}
.yi svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
/* etwas kompakter, wenn das Icon in einer Überschrift sitzt */
h1 .yi, h2 .yi, h3 .yi{ vertical-align:-0.15em; }

/* ---------------------------------------------------------------------
   Sprachpille: Globus statt Ländermarke (Marcel 2026-07-29).
   Die Pille zeigt den Code bereits als Text („DE ▾"). Eine Ländermarke
   trägt denselben Code nochmal als Schrift — es stünde dort „DE DE ▾".
   Darum zeigt die Sprachpille seit 29.07. einen Globus (🌐), das übliche
   Zeichen für eine Sprachwahl. Er beisst sich nicht mit der Landmarke der
   Ortspille, und beide Pillen haben damit dieselbe Struktur und Grösse.
   Die Regel unten ist nur noch ein Sicherheitsnetz: sollte auf einer
   vergessenen Seite doch eine Flagge im Button stehen, bleibt sie
   versteckt (statt „DE DE ▾" zu zeigen). Der Globus ist ausgenommen.
   Im Aufklappmenü bleiben die Ländermarken — dort steht daneben der
   Sprachname („Deutsch"), also keine Doppelung.
   --------------------------------------------------------------------- */
.lang-switch > .yi{ display:none; }
.lang-switch > .yi[aria-label="Welt"]{ display:inline-flex; }