.lk-lichtkrant{
  --lk-text-color:#ffffff;
  --lk-bg-color:#111111;
  --lk-duration:12s;
  --lk-font-size:22px;
  --lk-font-family:inherit;
  --lk-pad-y:12px;
  --lk-pad-x:16px;
  --lk-bg-transparent:0;

  width:100%;
  box-sizing:border-box;
}

.lk-lichtkrant .lk-viewport{
  overflow:hidden;
  width:100%;
  box-sizing:border-box;
  padding: var(--lk-pad-y) var(--lk-pad-x);
  color: var(--lk-text-color);
  font-size: var(--lk-font-size);
  font-family: var(--lk-font-family);
  line-height:1.2;
  border-radius: 10px;
  background: var(--lk-bg-color);
}

.lk-lichtkrant[style*="--lk-bg-transparent:1"] .lk-viewport{
  background: transparent;
}

.lk-lichtkrant .lk-track{
  display:inline-flex;
  white-space:nowrap;
  will-change: transform;
  animation: lk-marquee var(--lk-duration) linear infinite;
}

.lk-lichtkrant .lk-item{
  display:inline-block;
  padding-right: 48px;
}

@keyframes lk-marquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .lk-lichtkrant .lk-track{ animation: none; }
}
