/**
 * Lebkuchen-Laufband auf der Startseite – Gold auf Mitternacht.
 * Nur body.home. Black November bleibt beim Goldband.
 */

body.home .home-ticker{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  background:#0b100e;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 calc(100% - 72px),transparent);
  mask-image:linear-gradient(90deg,transparent 0,#000 72px,#000 calc(100% - 72px),transparent);
}

body.home .home-ticker__viewport{
  display:flex;
  overflow:hidden;
  width:100%;
}

body.home .home-ticker__track{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  animation:season-home-ticker 46s linear infinite;
}

body.home .home-ticker:hover .home-ticker__track{
  animation-play-state:paused;
}

body.home .home-ticker__item{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:.15em;
  padding:13px 2.6rem 13px 0;
  color:#e9c882;
  font:500 .92rem/1.35 'Inter',sans-serif;
  letter-spacing:.02em;
  word-spacing:.12em;
  white-space:nowrap;
}

body.home .home-ticker__text{
  letter-spacing:.02em;
  word-spacing:.12em;
}

body.home .home-ticker__dot{
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:1.15em;
  border:1px solid #b98d3e;
  transform:rotate(45deg);
  box-shadow:0 0 0 1px rgba(185,141,62,.12);
}

@keyframes season-home-ticker{
  to{transform:translate3d(-100%,0,0)}
}

@media(max-width:960px){
  body.home .home-ticker__item{font-size:15px;letter-spacing:.015em;word-spacing:.14em;padding:13px 2.2rem 13px 0}
  body.home .home-ticker{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent);
    mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent);
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .home-ticker__track{animation:none}
  body.home .home-ticker__track + .home-ticker__track{display:none}
  body.home .home-ticker__viewport{justify-content:center}
  body.home .home-ticker__item + .home-ticker__item{display:none}
  body.home .home-ticker__item{padding-left:1.2rem;padding-right:1.2rem;white-space:normal;text-align:center}
}