/* ZEITUNG.IO STORY HEAD IMAGE V138
 * Exact requirement:
 * old black headline area becomes the lead image,
 * same headline is white on top of that image.
 */
.io-head-hero-v138{
  position:relative;
  width:100%;
  min-height:clamp(420px,46vw,650px);
  margin:8px 0 30px;
  overflow:hidden;
  background:#111;
}
.io-head-hero-v138 img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.io-head-hero-v138::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 8%,rgba(0,0,0,.16) 40%,rgba(0,0,0,.82) 100%);
  pointer-events:none;
}
.io-head-hero-v138__title{
  position:absolute;
  z-index:2;
  left:clamp(22px,4vw,54px);
  right:clamp(22px,4vw,54px);
  bottom:clamp(26px,4vw,52px);
  margin:0;
  color:#fff!important;
  font-size:clamp(44px,5.3vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.05em!important;
  font-weight:700!important;
  text-shadow:0 2px 16px rgba(0,0,0,.24);
  text-wrap:balance;
}
@media (max-width:760px){
  .io-head-hero-v138{
    min-height:clamp(430px,122vw,620px);
    margin-top:6px;
  }
  .io-head-hero-v138__title{
    left:20px;
    right:20px;
    bottom:26px;
    font-size:clamp(38px,11vw,58px)!important;
    line-height:.95!important;
  }
}