/* Mobirise-Regel überschreiben */
/* Wird gebraucht, um eine Regel der style.css zu anulieren (background: transparent !important;) */
/*
.mbr-gallery .mbr-gallery-item > div:hover .mbr-gallery-title {
    background: inherit !important;
}
*/

.mbr-gallery .mbr-gallery-item > div:hover .mbr-gallery-title{
    color:#ffd700 !important;

    background:linear-gradient(
        90deg,
        rgba(0,0,90,.90),
        rgba(0,70,200,.87),
        rgba(0,150,255,.82)
    ) !important;

    border-radius:8px;
}

.mbr-gallery-item {
  position: relative;
}

.mbr-gallery-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0, 0, 0, 0.6);
  color: #fff;

  padding: 10px;
  font-size: 14px;

  opacity: 1 !important;
  z-index: 10;
  display: block !important;
}

/* Nur wenn JS sagt "hat ALT" → bei Hover anzeigen */
.mbr-gallery-item.has-alt:hover .mbr-gallery-title {
  display: block !important;
  opacity: 1 !important;

  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;

  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 10px;
}