/* Gestaltung von Texten – wird auf der Website UND im Editor des Admin-Bereichs verwendet. */
.prose { line-height: 1.7; font-size: 1.05rem; display: flow-root; overflow-wrap: anywhere; }
.prose > :first-child { margin-top: 0; }
.prose h2 { font-size: 1.7rem; line-height: 1.25; margin: 1.8em 0 .5em; letter-spacing: -.01em; }
.prose h3 { font-size: 1.25rem; line-height: 1.3; margin: 1.6em 0 .4em; }
.prose h4 { font-size: 1.05rem; margin: 1.4em 0 .3em; }
.prose p, .prose ul, .prose ol, .prose blockquote, .prose pre { margin: 0 0 1em; }
.prose ul, .prose ol { padding-left: 1.5em; }
.prose li { margin: .25em 0; }
.prose a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.prose a:hover { text-decoration-thickness: 2px; }
.prose blockquote {
  border-left: 4px solid var(--accent); background: var(--soft);
  padding: .8em 1.1em; border-radius: 0 12px 12px 0; color: var(--muted);
}
.prose code { background: var(--soft); padding: .1em .4em; border-radius: 6px; font-size: .92em; }
.prose pre { background: var(--soft); padding: 1em; border-radius: 12px; overflow: auto; }
.prose hr { border: 0; border-top: 1px solid var(--line); margin: 2em 0; }
.prose img { max-width: 100%; height: auto; border-radius: 14px; }
.prose img.img-left { float: left; margin: .3em 1.5em .8em 0; }
.prose img.img-right { float: right; margin: .3em 0 .8em 1.5em; }
.prose img.img-center { display: block; margin: 1.2em auto; }
@media (max-width: 640px) {
  .prose img.img-left, .prose img.img-right { float: none; display: block; margin: 1em auto; }
}