/* Farben pro Gruppe (Text + Icon via currentColor) */
.grp-bewerber { color:#9ca3af; text-shadow: 1px 1px 1px #000;}   /* Bewerber – neutral grau */
.grp-team      { color:#f97316; text-shadow: 1px 1px 1px #000; }   /* Team – warmes Orange, fällt auf */
.grp-forschung  { color:#00e0ff; text-shadow: 1px 1px 1px #000; }   /* Forschung & Wissenschaft – CYAN (wie besprochen) */
.grp-militar  { color:#10b981; text-shadow: 1px 1px 1px #000; }   /* Militär – GRÜN (wie besprochen) */
.grp-regierung       { color:#f5c542;  text-shadow: 1px 1px 1px #000;}   /* Regierung – GOLD (wie besprochen) */
.grp-freundlich    { color:#ff8282; text-shadow: 1px 1px 1px #000; }   /* Verbündete Spezies – VIOLETT (wie besprochen) */
.grp-zivilist     { color:#e5e7eb; text-shadow: 1px 1px 1px #000; }   /* Zivilisten – helles Grau (guter Kontrast) */
.grp-feindlich   { color:#e74c3c; text-shadow: 1px 1px 1px #000;}   /* Feindliche Spezies – Rot (Gefahr) */
.grp-umbra     { color:#6a0dad; text-shadow: 1px 1px 1px #000; }   /* Umbra – mystisches Dunkellila (wie besprochen) */

/* Basis für alle ::before-Icons */
.grp-bewerber::before,
.grp-team::before,
.grp-forschung::before,
.grp-militar::before,
.grp-regierung::before,
.grp-freundlich::before,
.grp-zivilist::before,
.grp-feindlich::before,
.grp-umbra::before {
  content:"";
  display:inline-block;
  width:15px; height:15px;
  margin-right:3px;
  vertical-align:-2px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;
  /* Wenn du SVGs mit currentColor nutzt, brauchst du kein Filter */
}

/* Dateipfade zu deinen Icons – lege die Files z. B. hier ab: images/groups/*.svg */
.grp-bewerber::before { background-image:url(../../../images/groups/bewerber.png); }   /* z. B. Clip/Doc */
.grp-team::before      { background-image:url(../../../images/groups/team.png); }        /* z. B. Stern/Badge */
.grp-forschung::before  { background-image:url(../../../images/groups/forschung.png); }    /* z. B. Atom/Beaker */
.grp-militar::before  { background-image:url(../../../images/groups/militar.png); }    /* z. B. Schild/Chevron */
.grp-regierung::before       { background-image:url(../../../images/groups/regierung.png); }         /* z. B. Wappen/Stern */
.grp-freundlich::before    { background-image:url(../../../images/groups/freundlich.png); }      /* z. B. Planet/Handshake */
.grp-zivilist::before     { background-image:url(../../../images/groups/zivilist.png); }       /* z. B. Person/Group */
.grp-feindlich::before   { background-image:url(../../../images/groups/feindlich.png); }     /* z. B. Warnsymbol/Claw */
.grp-umbra::before     { background-image:url(../../../images/groups/umbra.png); }       /* z. B. Halbmond/Auge */