/* Wrapper für <img>, damit ein transparentes Overlay darüberliegen kann */
.img-protect-wrap {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
}

/* Bild: nicht ziehbar/markierbar */
.img-protect-wrap > img {
  -webkit-user-drag: none;
  user-select: none;
  position: relative;
  z-index: 0;
}

/* Transparentes Overlay über dem Bild – fängt Rechtsklick ab */
.img-protect-overlay {
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: auto;
  z-index: 2;
  /* Cursor unverändert lassen */
  cursor: inherit;
}

/* CSS-Background-Container kennzeichnen */
.img-protect-bg {
  position: relative;
}

/* Transparentes Overlay über Background-Images */
.img-protect-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  pointer-events: auto;
  z-index: 2;
  cursor: inherit;
}