.headline{box-shadow:var(--shadow-default);}
.headline .content-box{box-shadow:0 0 0; border-radius:0;}

.headline-first{position:relative;}
.headline-kanal-title{position:absolute; z-index:1000; top:var(--size-2); left:var(--size-2); padding:var(--size-2) var(--size-3); 
text-transform:uppercase; font-weight:bold; font-size:12px;
background:linear-gradient(to right,var(--color-text-4) 10%,var(--color-text-5) 90%);}
.headline-first .content-box, .headline-first .content-thumb, .headline-first .content-thumb-frame{ height:100%;}
.headline-first .content-box{grid-template-columns:1fr; padding:0; position:relative; color:var(--bg-1);}
.headline-first .content-box:hover{color:var(--color-text-1);}
.headline-first .content-thumb-frame{border-radius:0;}
.headline-first .content-thumb-frame:after{content:''; z-index:1000; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
background:linear-gradient(to bottom,rgb(var(--color-border-dark) / 0%) 55%,rgb(var(--color-border-dark) / 89%) 100%);}
.headline-first .content-info{position:absolute; z-index:2000; bottom:0; left:0; width:100%; padding:var(--size-4);}
.headline-first .content-info div{color:var(--bg-3);}
.headline-first .content-info-channel{--color-border-dark:var(--color-border-light);}
.headline-first .content-info-title{font-size:18px; line-height:140%;}

.headline-list{display:grid;}
.headline-list .content-box:not(:last-child){border-bottom:1px dashed rgb(var(--color-border-dark) / 8%);}

@media screen and (min-width:0px) and (max-width:1023px){
  .headline{margin-top:calc(var(--size-4) * -1);}
}

@media screen and (min-width:1024px){
  .headline{display:grid; grid-template-columns:560px 1fr; border-radius:var(--rounded-2); overflow:hidden;}

  .headline-first .content-thumb-frame:before{padding-top:0;}
}