.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; } }