.cf-programm{
  height:var(--cf-program-mobile-height,700vh);
  margin-top:-120vh;
}

.cf-programm__track{top:14vh;height:72vh}

.cf-programm__item{
  top:65%;
  width:78vw;
  height:58vh;
}

.cf-programm__image{
  width:min(64vw,22rem);
  box-shadow:0 0 0 1px rgba(204,23,21,.78),0 0 .9rem rgba(255,255,255,.10),0 0 2rem rgba(204,23,21,.26),0 2rem 4.6rem rgba(0,0,0,.46);
}

.cf-programm__label{left:7vw;top:8vh}
.cf-programm__meta{width:96%;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:end}
.cf-programm__date{min-width:7.9rem;column-gap:.42rem}
.cf-programm__date strong{font-size:clamp(4.45rem,17vw,6.2rem);line-height:.80}
.cf-programm__date span{font-size:.84rem;line-height:1.05}
.cf-programm__date small{font-size:.68rem;line-height:1.15;margin-top:.28rem}
.cf-programm__item h3{font-size:clamp(1.45rem,6vw,2.25rem);line-height:.94}

.cf-programm__all{
  left:50%;
  right:auto;
  bottom:4.5vh;
  translate:-50% 0;
  white-space:nowrap;
}
.cf-programm__all::after{content:none}

.cf-programm__item:hover .cf-programm__date strong{transform:none}
.cf-programm__item:hover .cf-programm__image{
  box-shadow:0 0 0 1px rgba(204,23,21,.78),0 0 .9rem rgba(255,255,255,.10),0 0 2rem rgba(204,23,21,.26),0 2rem 4.6rem rgba(0,0,0,.46);
}
.cf-programm__item.is-pointer-hover .cf-programm__date strong{transform:scale(1.055)}
.cf-programm__item.is-pointer-hover .cf-programm__image{
  box-shadow:0 0 0 1px rgba(255,70,66,.94),0 0 1.15rem rgba(255,255,255,.15),0 0 2.8rem rgba(204,23,21,.46),0 2rem 4.8rem rgba(0,0,0,.48);
}
.cf-programm__item.is-pointer-hover .cf-programm__image img{transform:scale(1.055)}

@media(max-width:420px){
  .cf-programm__item{width:82vw}
  .cf-programm__image{width:min(66vw,20rem)}
  .cf-programm__meta{gap:.65rem}
  .cf-programm__date{min-width:7.1rem}
  .cf-programm__date strong{font-size:clamp(4rem,16.5vw,5.4rem)}
  .cf-programm__date span{font-size:.76rem}
  .cf-programm__date small{font-size:.62rem}
}