/* Box ohne Innenabstände, damit das Bild volle Breite hat */
.ha-box{
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

/* Medienbereich: KEIN padding/margin */
.ha-media{
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
}

/* Slide-Wrapper */
.ha-slides{
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}

/* Slides */
.ha-slide{
  display: none;
  margin: 0 !important;
  padding: 0 !important;
}
.ha-slide.is-active{
  display: block;
}

/* Link + Bild wirklich 100% */
.ha-imglink{
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;            /* entfernt „inline-gap“ */
  text-decoration: none;
}

.ha-image{
  height: auto;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
}
img.ha-image {
  width: 100% !important;
  max-width: 120% !important;
}

.ha-image--empty{
  width:100%;
  aspect-ratio: 16 / 9;
  background: rgba(0,0,0,.06);
}

/* Pfeile: vertikal mittig über dem Bild */
.ha-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;

  border: 0;
  width: 30px;
  height: 35px;
  padding: 6px 5px;
  line-height: 20px;
  cursor: pointer;

  background: rgba(255,255,255,.3);
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
  color: rgb(230, 0, 80);
  font-size: 36px;
  user-select: none;
}

.ha-prev{ left: 0px; }
.ha-next{ right: 0px; }

/* Content-Bereich: kleinerer Text */
.ha-content{
  padding: 10px 0px;
}

.ha-text{
  display:none;
}
.ha-text.is-active{
  display:block;
}

.ha-title{
  display:block;
  font-weight: 700;
  color: rgb(230, 0, 80);
  text-decoration: none;
  margin-bottom: 6px;
  font-size: 14px;     /* kleiner */
  line-height: 1.25;
}

.ha-intro{
  display:block;
  color: inherit;
  text-decoration: none;
  opacity: .85;
  font-size: 12px;     /* kleiner */
  line-height: 1.35;
}

/* Dots (falls irgendwo noch vorhanden) sicher ausblenden */
.ha-dots{ display:none !important; }