/* Phase 15C-13 - Einheitliches Icon-System (Icon-Konzept.pdf)
   Raster 24x24, Strich 1,75, runde Enden/Ecken, keine Fuellungen.
   Marineblau #1F3A5A, Hover Bordeaux #8E2A2A, Kachel Creme #F3ECDF.
   Gilt nur fuer Elemente mit den Klassen .hs-i / .hs-tile. */
:root{--hs-ico:#1F3A5A;--hs-ico-hover:#8E2A2A;--hs-tile:#F3ECDF;--hs-tile-line:#E6D9C2}
.hs-i{display:inline-block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
/* Kachel-Icons (24 px auf Creme) */
.card .icon.hs-tile,.icon.hs-tile{--icon-bg:var(--hs-tile);--icon-color:var(--hs-ico);width:46px;height:46px;margin-bottom:12px;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--hs-tile);color:var(--hs-ico);border:1px solid var(--hs-tile-line);box-shadow:none;transition:color .2s ease,border-color .2s ease}
.card .icon.hs-tile svg.hs-i,.icon.hs-tile svg.hs-i{width:24px;height:24px;stroke-width:1.75}
.card:hover .icon.hs-tile,.card:focus-within .icon.hs-tile{color:var(--hs-ico-hover);border-color:#DCC9A8}
/* Icons im Fliesstext und in Links (16 px) */
.hs-i--inline{width:16px;height:16px;margin-left:.35em;vertical-align:-.15em;color:var(--hs-ico);transition:color .2s ease,transform .2s ease}
.hs-i--inline.hs-i--lead{margin-left:0;margin-right:.35em}
a:hover .hs-i--inline,a:focus-visible .hs-i--inline{color:var(--hs-ico-hover)}
a:hover .hs-i--pfeil.hs-i--inline{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){.hs-i--inline,.card .icon.hs-tile{transition:none}a:hover .hs-i--pfeil.hs-i--inline{transform:none}}
/* Phase 15C-14: Hover-/Fokusfarbe des Linktextes an Icon-Links angleichen (nur Links mit Inline-Icon) */
a:has(> .hs-i--inline):hover,a:has(> .hs-i--inline):focus-visible,.name-examples .card a:has(> .hs-i--inline):hover,#personen .card a:has(> .hs-i--inline):hover,#orte .card a:has(> .hs-i--inline):hover{color:var(--hs-ico-hover)}
/* Profilkarte: Kartenhintergrund wird beim Ueberfahren bordeaux - Text und Icon dort weiss (Kontrast) */
/* Fusszeile: Pfeil nach oben ohne seitliche Verschiebung */
.hs-i--pfeil-oben.hs-i--inline{vertical-align:-.2em}