/* AlpenPuls Portal V3.3.6 - Live Ticker Subpixel Smooth */

.event-ticker-track.ap-loop-ready{
  animation:none!important;
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  will-change:transform;
}

.event-ticker-track.ap-loop-ready .event-ticker-group{
  display:flex;
  align-items:center;
  flex:none;
  padding-right:0!important;
}

.event-ticker-loop-gap{
  display:block;
  flex:0 0 var(--ap-ticker-loop-gap,72px);
  width:var(--ap-ticker-loop-gap,72px);
  min-width:var(--ap-ticker-loop-gap,72px);
  height:1px;
  pointer-events:none;
}

/* CSS fallback when Web Animations API is unavailable. */
.event-ticker-track.ap-loop-fallback{
  animation:apTickerLoop335 var(--ap-ticker-duration,42s) linear infinite!important;
}
@keyframes apTickerLoop335{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--ap-ticker-shift,-1000px),0,0)}
}

@media(max-width:780px){
  .event-ticker-loop-gap{
    flex-basis:var(--ap-ticker-loop-gap,48px);
    width:var(--ap-ticker-loop-gap,48px);
    min-width:var(--ap-ticker-loop-gap,48px);
  }
}


/* V3.3.6: keep ticker on its own compositor layer while retaining fractional
   CSS-pixel positions. This reduces the visible pixel stepping on desktop. */
.event-ticker-track.ap-subpixel-loop{
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-origin:0 50%;
}
.event-ticker-track.ap-subpixel-loop .event-ticker-item,
.event-ticker-track.ap-subpixel-loop .event-ticker-group{
  transform:translateZ(0);
}