.privacy-section {
  z-index: 99;
  position: relative;
}

.privacy-wrap {
  max-width: 100%;
}

.rich-text ul {
  margin-bottom: 40px;
  padding-left: 26px;
}

.rich-text p,
.rich-text figure,
.rich-text blockquote {
  margin-bottom: 40px;
}

.rich-text ol {
  margin-bottom: 40px;
  padding-left: 26px;
}

.rich-text img {
  border-radius: var(--border-radius--lg);
}

@media screen and (max-width: 991px) {
  .rich-text ul,
  .rich-text p,
  .rich-text figure,
  .rich-text blockquote,
  .rich-text ol {
    margin-bottom: 20px;
  }
}

/* ---------------------------------------------------------------------------
   Long-form legal documents (Impressum, Datenschutz).

   The theme's base headings use the display scale (h2 56px, h3 42px), which is
   built for section titles, not for a document with 9 h2s, 31 h3s and 10 h4s.
   These rules give the rich text its own, much tighter scale and restore the
   top margins the base stylesheet zeroes out, so the heading hierarchy is
   readable. Scoped to .privacy-wrap so no other .rich-text is affected.
--------------------------------------------------------------------------- */
.privacy-wrap .rich-text {
  max-width: 860px;
  color: var(--_color---body-color);
  font-size: 17px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.privacy-wrap .rich-text > *:first-child {
  margin-top: 0;
}

.privacy-wrap .rich-text h1,
.privacy-wrap .rich-text h2,
.privacy-wrap .rich-text h3,
.privacy-wrap .rich-text h4 {
  color: var(--_color---heading);
  line-height: 1.3;
}

.privacy-wrap .rich-text h1 {
  font-size: 40px;
  margin-bottom: 28px;
}

.privacy-wrap .rich-text h2 {
  font-size: 28px;
  margin-top: 56px;
  margin-bottom: 16px;
}

.privacy-wrap .rich-text h3 {
  font-size: 21px;
  margin-top: 36px;
  margin-bottom: 12px;
}

.privacy-wrap .rich-text h4 {
  font-size: 18px;
  font-weight: 600;
  margin-top: 26px;
  margin-bottom: 8px;
}

.privacy-wrap .rich-text p {
  margin-bottom: 18px;
}

.privacy-wrap .rich-text ul,
.privacy-wrap .rich-text ol {
  margin-top: 0;
  margin-bottom: 18px;
  padding-left: 22px;
}

.privacy-wrap .rich-text li {
  margin-bottom: 8px;
}

.privacy-wrap .rich-text a {
  color: var(--color--primary-2);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.privacy-wrap .rich-text a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .privacy-wrap .rich-text {
    font-size: 16px;
  }

  .privacy-wrap .rich-text h1 {
    font-size: 30px;
  }

  .privacy-wrap .rich-text h2 {
    font-size: 23px;
    margin-top: 40px;
  }

  .privacy-wrap .rich-text h3 {
    font-size: 19px;
    margin-top: 28px;
  }

  .privacy-wrap .rich-text h4 {
    font-size: 17px;
  }
}