/* ===========================================================
   5) U-Slider (Startseiten-Slider)
=========================================================== */
/* Wrapper + Verlauf (Mask) */
.u-slider { width: 100%; margin: 20px auto; }
.slide-verlauf { /* nutzt auch weitere Bereiche → einmalig halten */
  position: relative; width: 100%; height: 100%; display: flex; justify-content: space-between;
  --fade: 12px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 var(--fade), #000 calc(100% - var(--fade)), transparent 100%);
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}

/* Liste/Row */
.u-slider .u-slider__list { display: flex; gap: 20px; width: max-content; margin-top: 40px; text-align: center; padding: 0 20px; }

/* Scroll-Container (horizontal) */
.u-slider .u-slider__list-wrapper {
  position: relative; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; margin: auto;
}
.u-slider .u-slider__list-wrapper::-webkit-scrollbar { display: none; }

/* Karten/Items */
.u-slider .u-card { flex: 0 0 auto; width: 300px; padding: 0; border-radius: 8px; box-sizing: border-box; }
.u-slider .u-card__title {  }

/* Bild-Wrapper + Hover */
.u-card__image { width: 300px; height: 300px; transition: .2s ease; }
.u-card__image-inner { height: 100%; width: 100%; object-fit: cover; display: flex; align-items: center; justify-content: center; }
.u-slider .u-card__image { overflow: hidden; margin-bottom: 10px; border-radius: var(--image-border-radius, 12px); }
.u-slider .u-card__image img { transition: .5s ease; height: 100%; width: auto; }

/* Content + Meta */
.u-slider .u-card__content .wp-block-heading { display:none; }
.u-slider .u-card__content p { font-size: 14px; }
.u-card__content { margin: 22px auto; }
.u-card__meta { margin-top: 10px; text-align: left; font-size: 13px; }
.u-meta__row { display: flex; gap: 8px; margin: 4px 0; }
.u-meta__label { font-weight: 600; display: none; } /* (Design: Meta-Label ausblenden) */
.u-meta__val { margin: auto; }
.u-card__price { margin: 6px 0 0; color: var(--accent-color, #c00);font-size: 18px; }

.u-card.hover .u-card__title {color:var(--accent-color);}


/* Navigation */
.u-slider__nav.border-glow {
  width: 110px; margin: 14px auto 0; background: rgba(0,0,0,.05);
  border-radius: 100px ; padding: 8px 0; justify-content: space-around; display: none; transition: .2s ease;
}
.u-slider .u-slider__nav button {
  background: var(--accent-color, #333); color: #fff; border: 0; border-radius: 44px; padding: 12px; margin: 0 5px; cursor: pointer;
}
.u-slider .u-slider__nav button:hover { filter: brightness(0.9); }
.u-prev svg, .u-next svg { width: 15px; fill: #fff; position: relative; transition: .2s ease all; }
.u-prev svg { right: 0; transform: rotate(180deg); }
.u-next svg { left: 0; }
.u-prev.hover svg { right: 2px; }
.u-next.hover svg { left: 2px; }

/* CTA */
.u-card__cta { margin-top: 16px; }
.u-card__cta a {
  display: flex; align-items: center; justify-content: center; gap: 10px; width: 180px; margin: auto;
  font-size: 14px; text-decoration: none; color: var(--accent-color, #333); text-transform:uppercase;
}
.u-card__cta .button-icon { width: 12px; height: 12px; position: relative; left: 0; display: flex; transition: .3s ease; top: 0; }
.u-card__cta:hover .button-icon { left: 5px; }
.u-card__cta .button-icon #pfeil-pfad { fill: currentColor; }
.u-card__cta .button-icon svg {width:12px;height:12px;}



.u-slider__nav::before { padding: var(--ring, 1px) !important; }