/* Farben pro Gruppe (Text + Icon via currentColor) */
.grp-bewerber { color:#F8C800; text-shadow: 1px 1px 1px #2a2525;font-style:italic;}   /* Bewerber – neutral grau */
.grp-team      { color:#D55A89;text-shadow: 1px 1px 1px #2a2525;}   /* Team – warmes Orange, fällt auf */
.grp-senshi  { color:#F8D0F8;text-shadow: 1px 1px 1px #2a2525;}   /* Forschung & Wissenschaft – CYAN (wie besprochen) */
.grp-militar  { color:#10b981; text-shadow: 1px 1px 1px #000; }   /* Militär – GRÜN (wie besprochen) */
.grp-mentor       { color:#c0392b;  text-shadow: 1px 1px 1px #2a2525;}   /* Regierung – GOLD (wie besprochen) */
.grp-feinde    { color:#9b59b6; text-shadow: 1px 1px 1px #000; }   /* Verbündete Spezies – VIOLETT (wie besprochen) */
.grp-zivilist     { color:#48D838;text-shadow: 1px 1px 1px #2a2525;}   /* Zivilisten – helles Grau (guter Kontrast) */
.grp-youma   { color:#6078F8;text-shadow: 1px 1px 1px #2a2525;}   /* Feindliche Spezies – Rot (Gefahr) */
.grp-umbra     { color:#6a0dad; text-shadow: 1px 1px 1px #000; }   /* Umbra – mystisches Dunkellila (wie besprochen) */

/* Basis für das Icon in der Postbit-Badge */
.group-badge::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: -2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}

/* Icons pro Gruppe – semantische Klasse ODER GID-Klasse (beides abgedeckt) */
.post .group-badge.grp-bewerber::before,
.post .group-badge.grp-2::before  { background-image:url(../../../images/groups/bewerber.gif); }

.post .group-badge.grp-team::before,
.post .group-badge.grp-4::before  { background-image:url(../../../images/groups/team.gif); }

.post .group-badge.grp-senshi::before,
.post .group-badge.grp-9::before  { background-image:url(../../../images/groups/senshi.gif); }

.post .group-badge.grp-youma::before,
.post .group-badge.grp-8::before  { background-image:url(../../../images/groups/youma.gif); }

.post .group-badge.grp-zivilist::before,
.post .group-badge.grp-10::before { background-image:url(../../../images/groups/zivilist.gif); }

.post .group-badge.grp-mentor::before,
.post .group-badge.grp-11::before { background-image:url(../../../images/groups/mentor.png); }

.post .group-badge.grp-feinde::before,
.post .group-badge.grp-12::before { background-image:url(../../../images/groups/feinde.gif); }

/* (falls du auch militar/regierung/freundlich/umbra später im Postbit nutzt:) */
.post .group-badge.grp-militar::before    { background-image:url(../../../images/groups/militar.png); }
.post .group-badge.grp-regierung::before  { background-image:url(../../../images/groups/regierung.png); }
.post .group-badge.grp-freundlich::before { background-image:url(../../../images/groups/freundlich.png); }
.post .group-badge.grp-umbra::before      { background-image:url(../../../images/groups/umbra.png); }


/* alte ::before-Icons NUR in der Legende deaktivieren */
.group-legend-item.grp-bewerber::before,
.group-legend-item.grp-team::before,
.group-legend-item.grp-senshi::before,
.group-legend-item.grp-mentor::before,
.group-legend-item.grp-regierung::before,
.group-legend-item.grp-feinde::before,
.group-legend-item.grp-zivilist::before,
.group-legend-item.grp-youma::before,
.group-legend-item.grp-umbra::before {
  content: none !important;
}

/* Zahl + Icon */
.group-legend-item .count {
  display: inline-flex;
  align-items: center;
  gap: 5px;            /* Abstand Zahl <-> Icon */
  margin-right: 3px;   /* Abstand Icon <-> Name */
}

.group-legend-item .count::after {
  content:"";
  display:inline-block;
  width:15px; height:15px;
  vertical-align:-2px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:15px 15px;
}

/* pro Gruppe Icon zuweisen (gleich wie bisher, nur auf .count::after) */
.grp-bewerber .count::after { background-image:url(../../../images/groups/bewerber.gif); }
.grp-team .count::after      { background-image:url(../../../images/groups/team.gif); }
.grp-senshi .count::after    { background-image:url(../../../images/groups/senshi.gif); }
.grp-mentor .count::after   { background-image:url(../../../images/groups/mentor.png); }
.grp-regierung .count::after { background-image:url(../../../images/groups/regierung.png); }
.grp-feinde .count::after{ background-image:url(../../../images/groups/feinde.gif); }
.grp-zivilist .count::after  { background-image:url(../../../images/groups/zivilist.gif); }
.grp-youma .count::after     { background-image:url(../../../images/groups/youma.gif); }
.grp-umbra .count::after     { background-image:url(../../../images/groups/umbra.png); }

/* 1) KEIN color: inherit mehr auf der Badge selbst */
.group-badge {
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  font-size:12px;
  line-height:1.4;
  background:rgba(255,255,255,0.06);
  margin-top:4px;
  text-decoration:none;
  text-shadow:1px 1px 1px #000;
  /* keine color-Angabe hier! */
}

/* Links in der Badge dürfen die Gruppenfarbe erben, nicht überschreiben */
.group-badge a { color: inherit !important; text-decoration: none; }

/* 2) Farben: Bridge für GID UND semantische Klasse, mit höherer Spezifität */
.post .group-badge.grp-2,  .post .group-badge.grp-bewerber  { color:#F8C800 !important; font-style:italic; }
.post .group-badge.grp-4,  .post .group-badge.grp-team      { color:#D55A89 !important; }
.post .group-badge.grp-9,  .post .group-badge.grp-senshi    { color:#F8D0F8 !important; }
.post .group-badge.grp-8,  .post .group-badge.grp-youma     { color:#6078F8 !important; }
.post .group-badge.grp-10, .post .group-badge.grp-zivilist  { color:#48D838 !important; }
.post .group-badge.grp-11, .post .group-badge.grp-mentor  { color:#c0392b !important; }
.post .group-badge.grp-12, .post .group-badge.grp-feinde  { color:#9b59b6 !important; }

/* 3) Falls du die „leere“ Badge mit ::after-Text nutzt: */
.post .group-badge.grp-2::after  { content:"Bewerber"; }
.post .group-badge.grp-4::after  { content:"Team"; }
.post .group-badge.grp-9::after  { content:"Senshi"; }
.post .group-badge.grp-8::after  { content:"Youma"; }
.post .group-badge.grp-10::after { content:"Zivilist"; }

/* ===============================
   ICONS für Gruppen-Badge im POSTBIT
   =============================== */

/* allgemeine Icon-Basis */
.group-badge::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;         /* Abstand zwischen Icon und Text */
  vertical-align: -2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}

/* Icons je Gruppe – dieselben Pfade wie in der Legende */
.grp-bewerber::before { background-image: url(../../../images/groups/bewerber.gif); }
.grp-team::before     { background-image: url(../../../images/groups/team.gif); }
.grp-senshi::before   { background-image: url(../../../images/groups/senshi.gif); }
.grp-mentor::before  { background-image: url(../../../images/groups/mentor.png); }
.grp-regierung::before{ background-image: url(../../../images/groups/regierung.png); }
.grp-freundlich::before{background-image: url(../../../images/groups/feinde.gif); }
.grp-zivilist::before { background-image: url(../../../images/groups/zivilist.gif); }
.grp-youma::before    { background-image: url(../../../images/groups/youma.gif); }
.grp-umbra::before    { background-image: url(../../../images/groups/umbra.png); }