/* stylelint-disable */
.columns {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
}
@media (min-width: 768px) {
  .columns {
    padding: var(--spacing-xxlarge) 0;
  }
}
@media (min-width: 1024px) {
  .columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
  }
}
@media (min-width: 1440px) {
  .columns-wrapper {
    margin: auto;
    padding: 0;
    max-width: 60%;
  }
}
.columns__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: var(--spacing-xlarge);
  gap: var(--spacing-medium);
}
@media (min-width: 1024px) {
  .columns__item {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .columns__item:not(.columns--uneven > .columns__item) {
    display: grid;
    grid-template-rows: subgrid;
    align-items: start;
  }
  .columns__item:not(.columns--uneven > .columns__item):has(.columns__item-icon:not(:empty)) {
    grid-row: span 2;
    grid-template-areas: "image" "text";
  }
  .columns__item:not(.columns--uneven > .columns__item):has(.columns__item-headline:not(:empty)) {
    grid-row: span 2;
    grid-template-areas: "title" "text";
  }
  .columns__item:not(.columns--uneven > .columns__item):has(.columns__item-icon:not(:empty)):has(.columns__item-headline:not(:empty)) {
    grid-row: span 3;
    grid-template-areas: "image" "title" "text";
  }
}
.columns__item-content {
  grid-area: text;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-medium);
}
.columns__item-picture {
  display: flex;
}
.columns__item-picture--img {
  object-fit: cover;
}
@media (min-width: 1024px) {
  .columns__item-picture--img {
    max-width: 100%;
  }
}
.columns__item-icon {
  grid-area: image;
  width: fit-content;
}
.columns__item-headline {
  grid-area: title;
  display: flex;
  align-items: flex-start;
  margin: 0;
}
@media (min-width: 1024px) {
  .columns__item-headline {
    max-width: 90%;
  }
}
@media (min-width: 1980px) {
  .columns__item-text {
    max-width: 85%;
  }
}
.columns h1,
.columns h2,
.columns h3 {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
  align-items: flex-start;
}
.columns h4,
.columns h5,
.columns h6 {
  margin-top: 10px;
}

.section.columns-container {
  padding: var(--spacing-large) var(--spacing-small) var(--spacing-large);
}
@media (min-width: 768px) {
  .section.columns-container {
    padding: var(--spacing-xxlarge) var(--spacing-large);
  }
}
@media (min-width: 1024px) {
  .section.columns-container {
    padding: var(--spacing-xlarge) var(--spacing-xlarge);
  }
}

.editor-mode .columns-wrapper,
.editor-mode .columns__item {
  opacity: 1;
  transform: unset;
  transition: unset;
  transition-delay: 0s;
}