.widget {
  grid-column: 1 / -1;   /* volle Breite, falls die Icons in einem Grid sind */
  flex-basis: 100%;      /* volle Breite, falls sie in einem Flex-Container sind */
  box-sizing: border-box;
  width: 100%;
  margin-top: 16px;
  padding: 18px 22px;
  border-radius: 24px;

  display: flex;
  flex-direction: column;
  gap: 2px;

  color: white;
  /* dunkler Schleier über dem Bild, damit die Schrift lesbar bleibt */
  background:
    linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),
    url("/bilder/widget-bg.jpg") center / cover;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.widget-titel {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.8;
}

.widget-zahl {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1;
}

.widget-text {
  font-size: 0.9rem;
  opacity: 0.85;
}