/* Fliesstext-Regeln fuer Inhalte aus dem WYSIWYG-Editor (.text-wrapper) */
.text-wrapper {
  overflow-wrap: break-word;
  word-break: break-word;
}
.text-wrapper h1,
.text-wrapper h2,
.text-wrapper h3,
.text-wrapper h4 {
  color: var(--color-ocw-text-primary);
}
.text-wrapper h2 + p,
.text-wrapper h3 + p,
.text-wrapper h4 + p,
.text-wrapper h2 + ul,
.text-wrapper h3 + ul,
.text-wrapper h2 + ol,
.text-wrapper h3 + ol {
  margin-top: 0.75rem;
}
.text-wrapper p + h2,
.text-wrapper ul + h2,
.text-wrapper ol + h2 {
  margin-top: 2rem;
}
.text-wrapper p + h3,
.text-wrapper p + h4,
.text-wrapper ul + h3,
.text-wrapper ol + h3 {
  margin-top: 1.5rem;
}
.text-wrapper p + p,
.text-wrapper p + ul,
.text-wrapper p + ol,
.text-wrapper ul + p,
.text-wrapper ol + p {
  margin-top: 1rem;
}
.text-wrapper ul { list-style: disc; }
.text-wrapper ol { list-style: decimal; }
.text-wrapper li {
  padding-left: 0.25rem;
  margin-left: 1.25rem;
}
.text-wrapper li + li { margin-top: 0.5rem; }
.text-wrapper a {
  color: var(--color-ocw-red-700);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}
.text-wrapper a:hover { color: var(--color-ocw-text-primary); }
.text-wrapper img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-card);
}
.text-wrapper blockquote {
  border-left: 2px solid var(--color-ocw-red-700);
  padding-left: 1rem;
  font-family: var(--font-sans);
  font-weight: 700;
}