/* ARTICLE LAYOUT */

.section-article {
  padding-top: var(--padding-large);
  margin-bottom: var(--margin-default);
}

.section-article--tags div {
  align-items: center;
}

.section-article--tags a, .section-article--content a {
  font-size: var(--font-text-default);
}

.article-tag--left {
  gap: var(--gap-normal);
}

.article-tag--right span {
  color: var(--color-accent);
  border-bottom: var(--border-transparent);
  transition: var(--transition-default);
}

.article-tag--right span:hover {
  border-color: currentColor;
}

.article-tag--right p {
  padding: var(--padding-link);
}

.section-article--content {
  column-count: 2;
  column-gap: var(--gap-medium);
}

.section-article--content div {
  break-inside: avoid;
  margin-bottom: calc(var(--margin-default) * 2);
}

.section-article--content p {
  color: var(--text-paragraph);
  margin-bottom: var(--margin-blog-paragraph);
  font-family: var(--font-arial);
}

.section-article--about-regis {
  column-gap: var(--gap-medium);
}

.section-article--about-regis h4 {
  font-family: var(--font-arial);
  font-weight: var(--weight-bold);
  font-size: var(--font-text-default);
}

.faq-content div {
  margin-bottom: var(--margin-default);
}

.faq-content div p {
  margin-bottom: 0;
}

.attribute-list--article .attribute-list--item:before {
  background-color: var(--color-primary-dark);
}

.media-contact {
  transition: var(--transition-default);
}

.media-contact:hover {
color: var(--color-primary-dark);
}

/* IMAGES */
.section-article--image-1 {
  background-image: url("../../images/blog/kamuno-sme-loan-with-flexible-credit-line.20f08b774bf2.png");
}

.section-article--image-2 {
  background-image: url("../../images/blog/kamuno-team-competent-service-for-sme.cd93000f0cfa.jpg");
}

.section-article--image-3 {
  background-image: url("../../images/blog/kamuno-tochtergessellschaft-der-urner-kantonalbank.1c153db1c3c3.jpg");
}

.section-article--image-4 {
  background-image: url("../../images/blog/kamuno-ceo-regis-lehmann.c14ea96b4272.jpg");
}

.section-article--image-5 {
  background-image: url("../../images/blog/partnership-ukb.3d95e24cd8a2.jpg");
}

.section-article--image-6 {
  background-image: url("../../images/blog/kamuno-innovative-kredite-fuer-schweizer-kmu.9d8af2194802.jpg");
}

.section-article--content img, .section-article--about-regis img {
  display: block;
  width: 100%;
  height: auto;
}

/* Responsive design */

@media only screen and (max-width: 56.25em) {
  .section-article--content {
    column-count: 1;
    padding: 4.8rem 0;
 }

 .section-article {
   padding-top: 10rem;
 }

  .section-article--about-regis {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .section-article--about-regis > * {
    grid-column: 1 / -1;
  }
}

@media only screen and (max-width: 43.75em) {
  .section-article {
    row-gap: 5rem;
 }

  .section-article--tags {
   flex-direction: column;
   gap: var(--gap-small);
   transform: translateY(35%);
 }

  .article-tag--right p {
    padding-left: 0;
 }

  div.article-tag--long {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }

  .section-article--content {
    padding: 2.4rem 0 4.8rem;
 }
}
