.b-modules .b__headline {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 11 - var(--layout-gutter) - 0.01px);
}
.b-modules .b__text {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-modules .b__modules {
  width: 1px;
  margin-right: calc(var(--layout-gutter) / 2);
  margin-left: calc(var(--layout-gutter) / 2);
  min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
  margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
}
.b-modules .b__headline + .b__modules,
.b-modules .b__text + .b__modules {
  margin-top: clamp(1.5rem, 1.54vw + 1.15rem, 3rem);
}
.b-modules .c-modules {
  display: flex;
  flex-flow: row wrap;
  gap: clamp(1rem, 1.03vw + 0.77rem, 2rem);
}
.b-modules .c-module {
  display: block;
  padding: clamp(0.75rem, 0.26vw + 0.69rem, 1rem);
  border: 1px solid var(--color-border);
  font-size: clamp(1rem, 0.13vw + 0.97rem, 1.13rem);
  width: 100%;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0);
  transition: box-shadow 0.4s;
}
.b-modules .c-module__title {
  font-weight: 700;
}
.b-modules .c-module[href]:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

@media (min-width: 768px) {
  .b-modules .c-module {
    width: calc(50% - clamp(1rem, 1.03vw + 0.77rem, 2rem) / 2);
  }
}
@media (min-width: 1280px) {
  .b-modules .b__headline {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 7 - var(--layout-gutter) - 0.01px);
  }
  .b-modules .b__links {
    width: 1px;
    margin-right: calc(var(--layout-gutter) / 2);
    margin-left: calc(var(--layout-gutter) / 2);
    min-width: calc(100% / var(--layout-columns) * 10 - var(--layout-gutter) - 0.01px);
    margin-left: calc(100% / var(--layout-columns) * 1 + var(--layout-gutter) / 2);
  }
  .b-modules .c-module {
    width: calc(33.333% - clamp(1rem, 1.03vw + 0.77rem, 2rem) / 3 * 2);
  }
}
@media (min-width: 1440px) {
  .b-modules .c-module {
    width: calc(25% - clamp(1rem, 1.03vw + 0.77rem, 2rem) / 4 * 3);
  }
}
@media (min-width: 1920px) {
  .b-modules .c-module {
    width: calc(20% - clamp(1rem, 1.03vw + 0.77rem, 2rem) / 5 * 4);
  }
}

/*# sourceMappingURL=style.css.map */