.bild {
  width: 86%;              /* auf dem Handy fast volle Breite */
  max-width: 520px;
  margin: 28px auto;       /* auto zentriert es */
}
@media (min-width: 700px) {
  .bild { width: 55%; }    /* erst am großen Bildschirm halbe Breite */
}

.bild img {
  display: block;          /* nimmt die kleine Lücke unter dem Bild weg */
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 10px 30px var(--shadow);
}

.bild figcaption {
  margin-top: 8px;
  font-size: 13px;
  color: var(--sub);
  text-align: center;
}