.kf-krimipreis{
  display:flex;
  gap:24px;
  align-items:flex-start;
  max-width:760px;
  margin:40px 0 48px;
}
.kf-krimipreis__badge{
  flex:0 0 140px;
  width:140px;
  height:140px;
}
.kf-krimipreis__badge img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:8px;
}
.kf-krimipreis__eyebrow{
  display:inline-block;
  font-family:var(--kf-font-label);
  font-size:0.8rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--kf-red);
  margin-bottom:8px;
}
.kf-krimipreis__text{
  font-style:italic;
  line-height:1.6;
}
.kf-krimipreis-grid__list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:16px;
}
.kf-krimipreis-item{
  position:relative;
  display:block;
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:4px;
}
.kf-krimipreis-item__image{
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  transition:transform 0.3s ease;
}
.kf-krimipreis-item:hover .kf-krimipreis-item__image{
  transform:scale(1.05);
}
.kf-krimipreis-item__overlay{
  position:absolute; inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:12px;
  background:rgba(20,20,20,0);
  opacity:0;
  transition:opacity 0.25s ease, background 0.25s ease;
}
.kf-krimipreis-item:hover .kf-krimipreis-item__overlay{
  opacity:1;
  background:rgba(20,20,20,0.6);
}
.kf-krimipreis-item__year{
  font-family:var(--kf-font-display);
  color:var(--kf-red);
  font-size:1.4rem;
}
.kf-krimipreis-item__name{
  font-family:var(--kf-font-label);
  color:var(--kf-white);
  font-size:0.85rem;
  text-transform:uppercase;
}