/* Zitatbalken — seitenübergreifender Baustein.
   Lag bis 21.08.2026 in ratgeber.css und war damit nur in den Artikeln
   verfügbar. Steht jetzt hier, damit ihn jede Seite verlinken kann.
   Im Einsatz auf: ratgeber/klartext-dating-apps.html, ueber-mich.html */

.zitat {
  border-left: 4px solid var(--wine);
  background: var(--sand);
  border-radius: 0 10px 10px 0;
  padding: 16px 22px;
  margin: 26px 0 18px;
  font-family: "Fraunces", Georgia, serif;
  font-size: 21px;
  line-height: 1.35;
  color: var(--ink);
}

@media (max-width: 640px) {
  .zitat { font-size: 19px; padding: 14px 18px; }
}