@charset "UTF-8";
/* Quote Variables */
html,
body {
  --quote-font-family: var(--primary-font);
  --quote-font-size: 17px;
  --quote-font-style: italic;
  --quote-font-weight: 400;
  --quote-line-height: 1.5;
  --quote-color: var(--text-color);
  --quote-padding-left: 2rem;
  --quote-padding-vertical: 1rem;
  --quote-margin-vertical: 2.5rem;
  --quote-border-left: 2px solid #ddd;
  /* Optionales dekoratives Anführungszeichen */
  --quote-mark-content: "„";
  --quote-mark-font-size: 3.5rem;
  --quote-mark-color: #ddd;
  --quote-mark-font-family: Georgia, serif;
}

/* Quote Styles */
.quote-container {
  width: var(--p-width, calc(var(--text-width) + 2 * var(--global-padding)));
  max-width: 100%;
  padding-left: var(--global-padding);
  padding-right: var(--global-padding);
  margin-top: var(--quote-margin-vertical);
  margin-bottom: var(--quote-margin-vertical);
}

.quote-container blockquote.wp-block-quote {
  margin: 0;
  padding: var(--quote-padding-vertical) 0 var(--quote-padding-vertical) var(--quote-padding-left);
  border-left: var(--quote-border-left);
  position: relative;
}

.quote-container blockquote.wp-block-quote p {
  font-family: var(--quote-font-family);
  font-size: var(--quote-font-size);
  font-style: var(--quote-font-style);
  font-weight: var(--quote-font-weight);
  line-height: var(--quote-line-height);
  color: var(--quote-color);
}

/* Optional: Zitat-Quelle / Citation */
.quote-container blockquote.wp-block-quote cite,
.quote-container blockquote.wp-block-quote footer {
  display: block;
  margin-top: 1rem;
  font-family: var(--secondary-font);
  font-size: 12px;
  font-style: normal;
  letter-spacing: 0.5px;
  color: #888;
}

.quote-container blockquote.wp-block-quote cite::before,
.quote-container blockquote.wp-block-quote footer::before {
  content: "— ";
}