/* =========================================================
   BADGES.CSS (GLOBAL)
   Datei: badges.css
========================================================= */

/* =========================================================
  1) BADGES – GLOBAL
========================================================= */

          .badge{
            display: inline-flex;
            align-items: center;
            justify-content: center;

            padding: 3px 8px;
            border-radius: 2px;

            font-family: var(--font-style-ui);
            font-size: 0.65rem;
            font-weight: 900;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            line-height: 1;

            white-space: nowrap;
          }


          .badge--floating{
            position: absolute;
            top: 8px;
            right: 8px;
            z-index: 2;
          }

      /* VARIANTEN */
                .badge--new{
                  background: rgba(180,190,255,0.9);
                  color: #0b2fd6;
                }


                .badge--update{
                  background: rgba(255,255,255,0.88);
                  color: #163d7a;
                }


                .badge--highlight{
                  background: rgba(255,220,120,0.92);
                  color: #3a2a00;
                }


                .badge--subtle{
                  background: rgba(255,255,255,0.16);
                  color: rgba(255,255,255,0.92);
                  border: 1px solid rgba(255,255,255,0.22);
                }