/* Layout block quote_block. Source: docs/design/referenz/04-bausteine.html, 02-artikel.html. */
.quote { margin: 0; padding: 8px 0 0; }
.quote blockquote { margin: 0; font-family: var(--f-display); font-weight: 500; font-size: 22px; line-height: 1.35; position: relative; padding-top: 0; }
.quote blockquote::before { content: "\201C"; display: block; height: 40px; font-family: var(--f-display); font-weight: 900; font-size: 80px; line-height: .9; color: var(--c); }
.quote figcaption { margin-top: 12px; font-size: 13px; color: var(--ink-2); }
.quote figcaption b { font-weight: 600; color: var(--ink); }
.quote figcaption a { color: inherit; text-underline-offset: 2px; }

@container page (min-width: 900px) {
  .quote blockquote { font-size: 28px; }
}