[data-component-id="boell_components:article_lead"] {
  container: article-lead / inline-size;

  margin-left: auto;
  margin-right: auto;
  max-width: var(--content-article-width, 730px);

  .article__lead {
    margin-bottom: 1.5rem;
  }

  @container article-lead (min-width: 700px ) {
    .article__lead {
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
  }

  .content-genre {
    margin-inline-end: 0.5rem;
    font-weight: 700;
    font-size: 1.35rem;
    float: inline-start;
  }

  .teaser {
    display: inline;
    margin: 0;
    font-size: 1.2rem;
    font-weight: 400;
  }
}