/* ============================================================
   Marken-Karussell — Cream Strip (zwischen dark Hero und next)
   ============================================================ */

.section-brands{
  padding:48px 0;
  background:#e8e2d3;
  border-top:1px solid #d6cfb9;
  border-bottom:1px solid #d6cfb9;
  position:relative;
}

.section-brands::before,
.section-brands::after{
  content:'';
  position:absolute;
  top:0; bottom:0;
  width:120px;
  z-index:2;
  pointer-events:none;
}

.section-brands::before{
  left:0;
  background:linear-gradient(90deg, #e8e2d3, transparent);
}

.section-brands::after{
  right:0;
  background:linear-gradient(270deg, #e8e2d3, transparent);
}

.brands-swiper{ overflow:hidden; }

.brand-slide{
  display:flex !important;
  align-items:center;
  justify-content:center;
  height:80px;
  width:auto !important;
  padding:0 56px;
  color:#1a1a1a;     /* currentColor target */
}

.brand-slide .logo-img{
  display:inline-flex;
  align-items:center;
  max-height:44px;
  max-width:140px;
  opacity:.55;
  transition:all .4s ease;
}

.brand-slide .logo-img svg,
.brand-slide .logo-img img{
  display:block;
  max-height:44px;
  max-width:140px;
  width:auto;
  height:auto;
}

.brand-slide:hover .logo-img{
  opacity:1;
  transform:scale(1.05);
}

/* Recoloring SVG-Elemente zu currentColor — Schutz für .static-color */
.brand-slide .logo-img:not(.static-color) svg *:not(.static-color):not(.static-color *){
  fill: currentColor;
}

/* Ganzes Logo geschützt: weißer Backdrop */
.brand-slide .logo-img.static-color{
  opacity:1 !important;
  background:#fff;
  padding:4px 10px;
  border-radius:2px;
}

@media(max-width:768px){
  .section-brands{ padding:32px 0; }
  .brand-slide{ padding:0 28px; height:60px; }
  .brand-slide img{ max-height:32px; }
}