:root {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716;
  --dsl-submenu-bg: rgba(0, 0, 0, 0.8); }

.scheme-white {
  --dsl-color-bg: #fff;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-dark {
  --dsl-color-bg: #171716;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-blue {
  --dsl-color-bg: #e2eaf2;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-green {
  --dsl-color-bg: #d5e1b5;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-yellow {
  --dsl-color-bg: #fbf59b;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-gray {
  --dsl-color-bg: #cacac8;
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-pink {
  --dsl-color-bg: #ff8c91;
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

.scheme-white-alpha {
  --dsl-color-bg: rgba(255, 255, 255, 0.95);
  --dsl-color-text: #171716;
  --dsl-color-link: #171716; }

.scheme-black-alpha {
  --dsl-color-bg: rgba(0, 0, 0, 0.95);
  --dsl-color-text: #fff;
  --dsl-color-link: #fff; }

:root {
  --dsl-font-size-h1: 2.5rem;
  --dsl-font-size-h1-big: 5rem;
  --dsl-font-size-h2: 2.5rem;
  --dsl-font-size-h2-big: 5rem;
  --dsl-font-size-h3: 2rem;
  --dsl-font-size-base: 1rem; }

@media (max-width: 991.98px) {
  :root {
    --dsl-font-size-h1: 1.125rem;
    --dsl-font-size-h1-big: 1.875rem;
    --dsl-font-size-h2: 1.125rem;
    --dsl-font-size-h2-big: 1.875rem;
    --dsl-font-size-h3: 1.375rem;
    --dsl-font-size-base: 1rem; } }

:root {
  --dsl-box-padding-x: 3.5vw;
  --dsl-box-padding-y: 1rem; }
  @media (min-width: 567px) {
    :root {
      --dsl-box-padding-x: 2.5vw;
      --dsl-box-padding-y: 2rem; } }
  @media (min-width: 1024px) {
    :root {
      --dsl-box-padding-y: 3rem; } }

.teaser-box ul {
  justify-content: space-around; }
  .page-main .teaser-box ul {
    padding-left: 0; }

.teaser-box li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 3.125rem; }
  @media (min-width: 1200px) {
    .teaser-box li {
      margin-bottom: 0; } }

.teaser-box .icon {
  font-size: 3rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 1200px) {
    .teaser-box .icon {
      font-size: 4.0625rem;
      margin-bottom: 2.1875rem; } }

.teaser-box p {
  font-size: 1rem;
  margin-bottom: 0.625rem; }
  @media (min-width: 1200px) {
    .teaser-box p {
      font-size: 1.25rem;
      margin-bottom: 2.1875rem; } }
  .teaser-box p:last-child {
    margin: 0; }
  .teaser-box p.teaser-box-button {
    margin-top: auto; }

.teaser-box .button {
  margin: 0; }

.scheme-gray .teaser-box .button {
  background: #acacac;
  border-color: #acacac; }
  .scheme-gray .teaser-box .button:hover, .scheme-gray .teaser-box .button:focus {
    background: #171716;
    border-color: #171716;
    color: #fff; }
    .scheme-gray .teaser-box .button:hover:after, .scheme-gray .teaser-box .button:focus:after {
      color: #fff; }