.flex-layout.tekst {
  padding-inline: 0;
  padding-block: max(3rem, calc(6.25 * var(--su))) max(3rem, calc(11.25 * var(--su)));
}

.flex-layout.tekst.has-sheet {
  padding-inline: max(1rem, calc(1 * var(--su)));
  padding-block: 0;
}

.flex-layout.tekst.has-sheet .tekst-sheet {
  background-color: var(--wit);
  padding-block: max(3rem, calc(5.0625 * var(--su))) max(3rem, calc(6.25 * var(--su)));
}

.flex-layout.tekst .tekst-content {
  color: var(--ats-blue);
  font-size: var(--desktop-body-sm);
  line-height: 1.63;
}

.flex-layout.tekst .tekst-content > *:first-child {
  margin-top: 0;
}

.flex-layout.tekst .tekst-content > *:last-child {
  margin-bottom: 0;
}

.flex-layout.tekst .tekst-content h1,
.flex-layout.tekst .tekst-content h2,
.flex-layout.tekst .tekst-content h3,
.flex-layout.tekst .tekst-content h4,
.flex-layout.tekst .tekst-content h5,
.flex-layout.tekst .tekst-content h6 {
  margin: max(2rem, calc(2.5 * var(--su))) 0 max(1rem, calc(1.25 * var(--su)));
  color: var(--ats-blue);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.flex-layout.tekst .tekst-content h5,
.flex-layout.tekst .tekst-content h6 {
  margin-bottom: max(0.25rem, calc(0.25 * var(--su)));
  line-height: 1.63;
  letter-spacing: 0;
}

.flex-layout.tekst .tekst-content p {
  margin: 0 0 max(1rem, calc(1.25 * var(--su)));
}

.flex-layout.tekst .tekst-content ul,
.flex-layout.tekst .tekst-content ol {
  margin: 0 0 max(1rem, calc(1.25 * var(--su)));
  padding-left: max(1.25rem, calc(1.25 * var(--su)));
}

.flex-layout.tekst .tekst-content li {
  margin-bottom: max(0.25rem, calc(0.25 * var(--su)));
}

.flex-layout.tekst .tekst-content a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  transition: opacity 0.3s ease;
}

.flex-layout.tekst .tekst-content a:hover,
.flex-layout.tekst .tekst-content a:focus-visible {
  opacity: 0.6;
}

.flex-layout.tekst .tekst-content img {
  height: auto;
  border-radius: max(8px, calc(0.5 * var(--su)));
}

.flex-layout.tekst .tekst-content blockquote {
  margin: max(1.5rem, calc(2 * var(--su))) 0;
  padding: 0 0 0 max(1rem, calc(1.5 * var(--su)));
  border-left: 2px solid var(--ats-yellow);
}

@media only screen and (max-width: 991px) {
  .flex-layout.tekst {
    padding-inline: max(1.5rem, calc(2.5 * var(--su)));
    padding-block: max(2.5rem, calc(4 * var(--su))) max(2.5rem, calc(5 * var(--su)));
  }
}

@media only screen and (max-width: 767px) {
  .flex-layout.tekst {
    padding-inline: 1rem;
    padding-block: 2.5rem 3rem;
  }
}