ihk24/gfi-ihk-2024/stories/components/link-collection/link-collection.scss

.link-collection, .dl-teaser, .ll-teaser, .ll-teaser-text {
  margin: var(--section-margin) 0;
  background-color: var(--theme-color-secondary-dimmed);
  padding: var(--content-box-padding);
  border-bottom: var(--border-width) solid var(--theme-color-secondary);

  @media(max-width: 567px) {
    padding: calc(var(--content-box-padding) * 1.5) var(--content-box-padding);
  }

  .btn-wrapper {
    padding-top: 10px;
    text-align: right;
  }

  h2 {
    margin-top: calc(var(--content-box-padding) * -0.2);
  }
}

.link-collection[data-cols="2"] {
  .linklist {
    columns: 2;
    column-gap: 40px;

    > li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
    }
  }
}

section .link-collection {
  margin: calc(var(--col-padding) * -1) 0;
}

.col:first-child:last-child > .link-collection {
  @media(min-width: 1200px) {
    padding: 46px 60px 42px;
  }

  .linklist {
    @media(min-width: 1000px) {
      columns: 2;
      column-gap: 40px;
    }

    > li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
    }
  }
}

.main-col .col:first-child:last-child > .link-collection, .main-col .link-collection {
  margin: calc(2% + 20px) 0 calc(3% + 20px);

  .linklist {
    columns: 1;
  }
}

.dl-teaser {
  .hideInTableOfContents {
    margin-top: 0;
  }
}

.ll-teaser.query-list-teasers, .ll-teaser-text.query-list-teasers {
  margin-top: 0;
}