.ps {
  --ps-blau: #1d4a8a;
  --ps-gelb-hell: #ffff1a;
  --ps-gelb-dunkel: #ffd200;
  
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: var(--ps-blau);
  display: inline-block;
  display: none;
  text-align: center;
  line-height: 1.15;
}

.ps__schild {
  display: block;
  width: 8.75em;
  padding: 0.55em 0.4em 0.5em;
  box-sizing: border-box;
  background: linear-gradient(35deg, var(--ps-gelb-dunkel) 0%, #ffe600 55%, var(--ps-gelb-hell) 100%);
  box-shadow: 0.12em 0.18em 0.25em rgba(0, 0, 0, 0.28);
  transform: rotate(-2deg);
}

.ps__zeile { display: block; font-size: 1.1em; }
.ps__preis { font-weight: 700; font-size: 1.18em; }
.ps__zeile .count { font-size: 18px}

.ps--haengend .ps__schild { width: 8.75em; }
.ps__aufhaengung {
  display: block;
  position: relative;
  height: 0.9em;
  width: 8.75em;
}
.ps__aufhaengung::before,
.ps__aufhaengung::after {
  content: "";
  position: absolute;
  top: -0.1em;
  bottom: -0.1em;
  width: 0.4em;
  background: linear-gradient(90deg, #e5c64a, #f2d872);
}
.ps__aufhaengung::before { left: 1.15em; }
.ps__aufhaengung::after { right: 1.15em; }

.ps__schild--klein {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45em;
  padding: 0.35em 0.4em;
  transform: rotate(-1.5deg);
}
.ps__schild--klein .ps__zeile { font-size: 1em; white-space: nowrap; }
.ps__icon { width: 2.4em; height: 1.5em; flex: none; fill: var(--ps-blau); }