/* Klickbare Bereiche über einem Bild: offener Block mit Rolle image-links, darin das Bild (ohne eigenen Titel)
   und Links mit Lage und Größe in Prozent des Bildes, damit sie bei jeder Bildbreite mitwandern. */
.image-links > .content {
  position: relative;
}

.image-links .imageblock {
  margin: 0;
}

.image-links .imageblock img {
  display: block;
}

.image-links a.image-link {
  position: absolute;
  display: block;
  border-radius: 2px;
}

.image-links a.image-link:hover,
.image-links a.image-link:focus-visible {
  outline: 3px solid #1565c0;
  outline-offset: 1px;
}