.jaylis-video{
  position: relative;
  max-width: 1340px;
  padding: 0 20px;
  margin: 0 auto 80px;
  @media (max-width: 868px) {
    margin-bottom: 40px;
  }

  .ybl-video-headline{
    margin-bottom: 44px;
    &.icon-grid {
        display: grid;
        grid-template-columns: 40px 1fr;
        grid-column-gap: 16px;
        @media (max-width: 468px) {
            grid-template-columns: 1fr;
            grid-row-gap: 16px;
        }

        img.ybl-headline-icon {
            width: 40px;
            height: 40px;
            @media (max-width: 468px) {
                width: 64px;
                height: 64px;
            }
        }
    }
    h2{
        margin: 0;
        @media (max-width: 468px) {
            text-align: left;
        }
    }
  }

  .ybl-description-wrapper{
    position: relative;
    max-width: 1100px;
    margin-bottom: 32px;
    > p{
      margin: 0;
    }
  }

  .ybl-video-wrapper{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 48%;
    max-width: 1100px;
    border-radius: 8px;

    @media (max-width: 1140px) {
      padding-bottom: 56%;
    }
    
    > iframe{
      position: absolute;
      inset: 0px;
      width: 100%;
      height: 100%;
      border-radius: 8px;
    }      
  }

}