.elementor-gallery-item {

   border: 2px solid #DBC28D!important;
  color: #DBC28D;
  border-radius: 10px !important;
  box-shadow:
    0 0 4px rgba(209, 180, 108, 1),
    inset 0 2px 1px rgba(255, 247, 218, 0.5) !important;
  transition: all 0.3s ease;
} 


/* -------------------------
   Filter-Button: Basis + Text-Gradient
   ------------------------- */
.elementor-widget-gallery .elementor-gallery-title {
  display: inline-block; /* wichtig für transform/scale */
  padding: 10px 26px;
  border-radius: 10px;
  border: 1px solid #D1B46C;
  background: linear-gradient(145deg, #3C3C3C, #1F1F1F);
  box-shadow:
    0 0 10px rgba(209, 180, 108, 0.5),
    inset 0 0 5px rgba(255, 247, 218, 0.04);
  transition: transform 0.25s ease, filter 0.25s ease, box-shadow 0.25s ease, text-shadow 0.25s ease, background-position 0.4s ease;
  cursor: pointer;
  /* Text-Gradient vorbereiten */
  background-image: linear-gradient(90deg, #FFF7DA, #D1B46C, #A3843C);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1px;
  text-shadow:
    1px 1px 3px rgba(0, 0, 0, 0.6),
    0 0 8px rgba(255, 230, 160, 0.45);
}

@media (max-width: 768px) {
  .elementor-widget-gallery .elementor-gallery-title {
    margin: 6px 8px !important; /* oben/unten + links/rechts */
    display: inline-block;
  }
}


/* -------------------------
   Hover: stärkerer Goldglanz + leichter Scale
   ------------------------- */
.elementor-widget-gallery .elementor-gallery-title:hover {
  transform: scale(1.05);
  filter: brightness(1.05) contrast(1.03) saturate(1.05);
  box-shadow:
    0 0 16px rgba(209, 180, 108, 0.65),
    inset 0 0 8px rgba(255, 247, 218, 0.08);
  /* verschiebt den Verlauf (für mehr Glanz-Effekt) */
  background-position: 100% 0;
  text-shadow:
    1px 1px 4px rgba(0, 0, 0, 0.6),
    0 0 10px rgba(255, 245, 200, 0.6);
}