.dm-blockquote {
  color: var(--darkBlue);
  font-size: var(--articleTextSize);
}

.dm-blockquote__quoteText {
  quotes: "„" "“" "‚" "‘"; /* open, close, openInner, closeInner */
  font-style: italic;
  line-height: 1.2;
  border-left: .3rem solid var(--brandColorSoft);
  padding-left: 1rem;
  font-size: calc(var(--articleTextSize) + 2px);
}

.dm-blockquote__quoteText:before {
  content: open-quote;
  margin-right: -.3rem;
}
.dm-blockquote__quoteText:after {
  content: close-quote;
  margin-left: -.3rem;
}

/* the Li-editor inserts a <br> after the quote that screws up quote signs */
.dm-blockquote__quoteText br:last-of-type {
  display: none;
}

.dm-blockquote__quoteAuthor {
  margin-top: .8rem;
  font-weight: bold;
  padding-left: 1.3em;
}

.dm-blockquote__quoteAuthor:before {
  content: "\2013\0020"; /* en dash, space */
}

/* ==========================================================================
    Following are styles for tags that the Li-editor uses for text
    formatting. Therefore we have to style the tags directly instead
    of using classes.
   ========================================================================== */

   .dm-blockquote strong,
   .dm-blockquote b {
     font-weight: bold;
   }

   .dm-blockquote em,
   .dm-blockquote i {
     font-style: italic;
   }