/*
* Author: Christian Krotzer
* Version: 1.0
*/


/* Oberer Scroller: automatisches langsames Links-Scrolling */
#images-top .stk-row {
    animation: scroll-left 100s linear infinite;
    will-change: transform; /* smoother */
    width: 5020px !important;
    overflow: hidden;
    cursor: default;
}


/* Animation definiert die Bewegung */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* abhängig von der Breite */
    }
}

#images-bottom {
  overflow: hidden;
}

#images-bottom .stk-row {
  display: flex;
  animation: scroll-right 100s linear infinite;
  width: 5020px !important;
  overflow: hidden;
  cursor: default;
}

#images-bottom img, #images-bottom div{
  width: 500px;
}

@keyframes scroll-right {
  from {
    transform: translateX(-35%);  /* ganz links starten */
  }
  to {
    transform: translateX(0%);   /* nach rechts wandern */
  }
}

@media (max-width: 767px) {

    #images-bottom .stk-column {
        flex: inherit;
        max-width: 100% !important;
    }

}