/* Herbruikbare lichtslinger: hangt over hero → content */
.lichtslinger{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:6;
  display:flex;
  align-items:flex-start;
  width:100%;
  height:40px;
  overflow:hidden;
  transform:translateY(50%);
  pointer-events:none;
  line-height:0;
}
.lichtslinger-arch{
  flex:0 0 120px;
  width:120px;
  height:40px;
  display:block;
  overflow:visible;
}
.lichtslinger-wire{opacity:.95}
.lichtslinger-bulb{
  transform-box:fill-box;
  transform-origin:center top;
  opacity:.92;
}
.lichtslinger-bulb--red{filter:drop-shadow(0 0 6px rgba(214,40,40,.6))}
.lichtslinger-bulb--gold{filter:drop-shadow(0 0 6px rgba(242,168,28,.6))}
.lichtslinger-bulb--green{filter:drop-shadow(0 0 6px rgba(46,125,79,.6))}
.lichtslinger-bulb--warm{filter:drop-shadow(0 0 6px rgba(255,244,214,.6))}

@keyframes lichtslinger-twinkle{
  0%,100%{opacity:.75}
  50%{opacity:1}
}
@media(prefers-reduced-motion:no-preference){
  .lichtslinger-bulb{
    animation:lichtslinger-twinkle var(--ls-dur,4s) ease-in-out var(--ls-delay,0s) infinite;
  }
}

@media(max-width:768px){
  .lichtslinger{height:36px}
  .lichtslinger-arch{flex-basis:80px;width:80px;height:36px}
}

/* Ankers: hero containers */
.hero.has-lichtslinger,
.detail-hero-block{
  position:relative;
  overflow:visible;
}
.hero.has-lichtslinger{
  isolation:isolate;
}
.hero.has-lichtslinger .hero-bg-wrap{
  overflow:hidden;
  border-radius:inherit;
}
.hero.has-lichtslinger + .section,
.hero.has-lichtslinger ~ .section.home-below-fold,
.page-home .section.home-below-fold{
  padding-top:calc(5rem + 24px);
}
.detail-hero-block{
  margin:0 0 .25rem;
}
.detail-hero-block .detail-hero-wrap{
  position:relative;
  z-index:1;
  padding-bottom:0;
}
.detail-hero-block + .detail-layout,
.detail-layout.has-lichtslinger-space{
  padding-top:24px;
}
@media(max-width:768px){
  .page-home .section.home-below-fold{
    padding-top:calc(2.5rem + 24px);
  }
}
@media(max-width:480px){
  .page-home .section.home-below-fold{
    padding-top:calc(2rem + 24px);
  }
}