:root {
  --accentColor: #008ac4;
  --secondColor: #86c1e3;
  --customColor1: #c7e0f3;
}

.ce_productbox.version3 .ce_productbox_inside {
 border: 1px solid #dcdcdc;
 padding: 5px;
}

.ce_accordion_v2 .toggler, .ce_accordion.style2 .toggler {
  border: 1px solid rgb(0,138,196);
}

.logo a {
  background-size: 90%;
}


.header .inside {
  max-width: 1300px;   /* gewünschte maximale Breite */
  margin: 0 auto;      /* zentriert den Header */
  padding: 0 20px;     /* etwas Innenabstand links/rechts */
}

.header .inside {
  display: flex;
  align-items: center;      /* vertikal mittig */
  justify-content: space-between; /* Logo links, Menü rechts */
}

.header .mainmenu ul li a {
  position: relative;
  top: -7px;
}

.header.original .inside {
  background: rgba(255,255,255,0.9);
}
@media only screen and (min-width: 768px) {
  .stickyheader .header.cloned {
    line-height: 80px;
  }
}

.logo-slider {
    overflow: hidden; /* Versteckt alles außerhalb des Containers */
    padding: 20px 0;
    background: #fff;
    white-space: nowrap;
}

.logo-track {
    display: flex;
    width: max-content; /* Passt sich der Breite aller Logos an */
    animation: scroll 40s linear infinite; /* Endlosschleife */
}


.logo-item {
    padding: 0 40px; /* Abstand zwischen den Logos */
    flex-shrink: 0;
}

.logo-item img {
    height: 150px; /* Einheitliche Höhe für alle Logos */
    width: auto;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Verschiebung um exakt die Hälfte der Gesamtbreite */
        transform: translateX(-50%);
    }
}

/* Optional: Animation stoppen bei Hover */
.logo-slider:hover .logo-track {
    animation-play-state: paused;
}