.hhs-logo-mod { position: relative; }

.hhs-logo-mod .slick-track {
  display: flex;
  align-items: center;
}

.hhs-lead-in-text {
  margin-bottom: 50px;
}

/* Slider */
.logo-item img { display: none; }
.slick-slider img { display: block; }

.ourLogos-section { padding: 50px 0 90px; overflow: hidden; }

.scrolling-logos.slick-slider .logo-item {
  text-align: center;
  outline: none;
}

.scrolling-logos.slick-slider .logo-item img { padding: 0 20px; }
.scrolling-logos.slick-slider .logo-item img { display: inline-block; vertical-align: middle; }

.scrolling-logos .slick-arrow:focus { outline: none; }
.scrolling-logos .slick-arrow:hover { opacity: 0.4; }

.scrolling-logos button.slick-prev,
.scrolling-logos button.slick-next {
  position: absolute;
  top: 50%;
  margin-top: -1%;
}

.scrolling-logos button.slick-prev {
  left: -30px;
  transform: rotate(45deg);
}

.scrolling-logos button.slick-next {
  right: -30px;
  transform: rotate(-135deg);
}

.scrolling-logos button.slick-prev svg,
.scrolling-logos button.slick-next svg {
  display: none;
}

@media (max-width: 922px) {
  .scrolling-logos button.slick-prev,
  .scrolling-logos button.slick-next {
    display: none !important;
  }
}

@media (max-width: 575px) {
  .scrolling-logos.slick-slider .logo-item img {
    padding: 0 10px;
  }
}

/* =========================================================
   AUSB Logo Scroller: Make logos visibly bigger (works!)
   ========================================================= */

/* 1) Definiere eine echte "Logo-Zeilenhöhe" pro Slide */
.hhs-logo-mod .scrolling-logos .logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;              /* <-- Stellschraube: 120–160 testen */
}

/* 2) Neutralisiere das alte Padding, das Fläche frisst */
.hhs-logo-mod .scrolling-logos .logo-item img {
  padding: 0 !important;
/* === AUSB Logo Scroller: größere Logos (Feintuning) === */

/* Desktop: Hauptwerte */
.hhs-logo-mod .scrolling-logos .logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;      /* Stellschraube: Bildschirm-Desktop-Höhe der Kachel */
}

.hhs-logo-mod .scrolling-logos .logo-item img {
  padding: 0 !important;      /* entfernt horizontale Padding der alten Regel */
  max-height: 125px;          /* Stellschraube: sichtbare Logo-Höhe */
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  object-fit: contain;
  display: block !important;
}

/* Mobile: kleinere Werte, damit es nicht ausufert */
@media (max-width: 575px) {
  .hhs-logo-mod .scrolling-logos .logo-item {
    height: 100px;     /* mobile Kachelhöhe */
  }
  .hhs-logo-mod .scrolling-logos .logo-item img {
    max-height: 75px;  /* mobile Logo-Höhe */
  }
}