.section-image--terms {
  background-image: url("../../images/sme_loan/our_offer/kamuno-faq-service-fuer-kmu.746f488f343f.jpg");
}

.terms-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  padding: 0 20rem;
}

.terms-header h2 {
  line-height: 1.3;
}

.terms-body h4 {
  font-weight: var(--weight-bold);
  font-size: var(--font-text-default);
  letter-spacing: var(--space-subheading);
  padding-top: var(--padding-small);
  padding-bottom: var(--padding-small);
  color: var(--text-paragraph);
}

.terms-body p {
  margin-top: var(--margin-small);
  margin-bottom: var(--margin-default);
  color: var(--text-paragraph);
}

.terms-body b {
  font-weight: var(--weight-bold);
}

.terms-body ol {
  list-style: none;
  counter-reset: alpha-counter;
}

.terms-body ol li {
  counter-increment: alpha-counter;
  position: relative;
  font-size: var(--font-text-default);
  margin-top: var(--margin-default);
  margin-bottom: var(--margin-default);
  color: var(--text-paragraph);
}

.terms-body ol li::before {
  content: counter(alpha-counter, lower-alpha) ") ";
  position: absolute;
  left: -1.5em;
}

/*
.terms-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  font-size: var(--font-text-default);
}
*/

/* Responsive design */
@media only screen and (max-width: 70em) {
  .terms-body {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    row-gap: var(--gap-medium);
 }

  .section-image--terms {
    grid-row: 2;
 }

  .terms-content {
    padding: 0 10rem;
 }
}

@media only screen and (max-width: 56.25em) {
  .terms-body {
    padding-bottom: 0;
 }

  .section-image--terms {
    height: 80%;
 }

  .terms-content {
    padding: 0;
 }
}

@media only screen and (max-width: 34.375em) {
  .section-image--terms {
    height: 60%;
 }

  .terms-content {
    margin-top: -10rem;
 }
}