/**
 * https://davidhellmann.com/blog/development/sass-breakpoint-mixin
 */
body.prevent-scroll {
  height: 100%;
  overflow: hidden;
}

.no-padding {
  padding: 0 !important;
}

.gap-3 {
  gap: 2.5rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

@media (min-width: 576px) {
  .mt-sm-6 {
    margin-top: 6rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-6 {
    margin-top: 6rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-6 {
    margin-top: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-6 {
    margin-top: 6rem !important;
  }
}
.article-preview {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--article-preview-grid-column), 1fr));
  gap: calc(var(--article-preview-grid-gap) * 1.25) var(--article-preview-grid-gap);
}
.article-preview--extra-small {
  --article-preview-image-mb: 0.25rem;
  --article-preview-grid-gap: 1.25rem;
  --article-preview-headline-mt: 0.25rem;
}
.article-preview--small {
  --article-preview-grid-column: 11rem;
}
@media (min-width: 1400px) {
  .article-preview--small {
    --article-preview-grid-column: 12rem;
  }
}
@media (min-width: 1400px) {
  .article-preview--large {
    --article-preview-grid-column: 17rem;
  }
}
.article-preview--item {
  display: flex;
  flex-direction: column;
}
.article-preview--item:hover a {
  color: inherit;
}
.article-preview--item:hover a .image-wrapper::before {
  opacity: 0.32;
}
.article-preview--item:hover a .image-wrapper img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.article-preview--item:hover a h3 {
  color: var(--color-secondary);
}
.article-preview--item .image-wrapper {
  position: relative;
  height: 12.5rem;
  margin-bottom: var(--article-preview-image-mb);
  overflow: hidden;
}
.article-preview--item .image-wrapper::before {
  content: "";
  z-index: var(--z-above-content);
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--color-primary);
  opacity: 0;
  transition: var(--transition-default) all;
}
.article-preview--item .image-wrapper.image-square {
  height: auto;
}
.article-preview--item .image-wrapper.icon {
  padding: 2rem;
}
.article-preview--item .image-wrapper img {
  transition: var(--transition-default) all;
}
.article-preview--date {
  font-size: var(--font-size-small);
  color: var(--color-on-background-flexible);
}
.article-preview--headline, .article-preview--headline.h4 {
  margin-top: var(--article-preview-headline-mt);
  margin-bottom: var(--article-preview-headline-mb);
}
.article-preview--text {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-preview--text + div {
  margin-top: 1.5rem;
}