/* ==========================================================================
   Five Stars – Icons statt Emojis (alle Seiten, Portale, Galerie)
   Schrift: Material Symbols Rounded als Teil-Schrift (nur die genutzten Symbole, lokal – CSP font-src 'self').
   Symbolliste + Emoji-Zuordnung: tools/lib_icons.cjs → node tools/build_icons.cjs (Tabelle in js/hx-icons.js, neue Teil-Schrift).
   Markup: <span class="hx-i" data-i="lock" aria-hidden="true"></span> – der Name steht nur im CSS (::before), nicht im Text.
   hx-auto = umgewandeltes Emoji im Fließtext (js/hx-icons.js bzw. beim Bauen): Abstand zum Text, Farbe Gold auf dunklem
   Grund; hx-ink = bei dunkler Schrift drumherum (goldene Knöpfe, helle Flächen) die Schriftfarbe.
   hx-solo = Icon allein in seinem Kasten (kein Abstand).
   ========================================================================== */
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 200 400;
  font-display: block;
  src: url(../fonts/home/material-symbols-rounded-subset.woff2?v=1f9f91dd) format('woff2');
}
.hx-i { font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 1.15em; line-height: 1; letter-spacing: normal; text-transform: none;
  display: inline-block; white-space: nowrap; direction: ltr; flex: none; font-feature-settings: 'liga'; -webkit-font-feature-settings: 'liga';
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; -webkit-font-smoothing: antialiased; user-select: none; }
.hx-i::before { content: attr(data-i); }

.hx-auto { margin-right: .32em; vertical-align: -.18em; color: var(--hx-icon, var(--accent-gold, currentColor)); }
.hx-auto.hx-solo { margin-right: 0; }
/* dunkle Schrift drumherum (goldene Knöpfe/Schilder, helle Flächen) → Schriftfarbe; setzt js/hx-icons.js */
.hx-auto.hx-ink, :is(.btn-primary, .btn-whatsapp) .hx-auto { color: inherit; }
/* Flex-Kästen haben eigenen Abstand (gap) */
:is(.hx-header, .hx-menu) .hx-auto { margin-right: 0; vertical-align: 0; color: var(--hx-gold); }