/* Onyx Mystic Candles: belegte Google-Bewertung ergänzen.
   Eng begrenzte Ergänzung für zwei bestehende deutsche Seiten:
   1) Startseite — vierte Kundenstimme im vorhandenen Slider, mit der
      Originalwortmarke statt eines Portraits (analog zur S.A.-Karte).
   2) Projektübersicht — separater Zitatblock neben der bestehenden
      klickbaren Referenzkarte, um verschachtelte Links zu vermeiden.
   Nutzt ausschließlich vorhandene Farben, Figtree/Newsreader-Typografie
   und die bestehende violette Fläche (--reference-purple). */

/* ── Startseite: vierte Kundenstimme (Onyx) ─────────────────────────────── */
.stimme--onyx .stimme__bild--brand {
  display: grid;
  place-items: center;
  align-self: stretch;
  justify-self: stretch;
  width: 100%;
  margin: 0;
  padding-block: clamp(28px, 3.4vw, 52px);
}
.stimme--onyx .stimme__brandlogo {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  object-fit: contain;
  filter: brightness(0);
}
@media (max-width: 860px) {
  .stimme--onyx .stimme__bild--brand {
    justify-self: end;
    max-width: 210px;
    place-items: center end;
    padding-block: 20px 0;
  }
}

/* ── Projektübersicht: separater Zitatblock bei der Onyx-Karte ──────────── */
.onyx-review {
  grid-column: 1 / -1;
  margin: 0;
  padding: clamp(24px, 3vw, 40px) clamp(24px, 3.4vw, 48px);
  border-radius: 22px;
  background: var(--reference-purple, #eae7ff);
}
.onyx-review__zitat { margin: 0 0 clamp(14px, 1.6vw, 20px); }
.onyx-review__zitat p {
  margin: 0;
  font-family: var(--zitat, "Newsreader", Georgia, "Times New Roman", serif);
  font-weight: 500;
  font-size: clamp(19px, 1.9vw, 26px);
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: var(--ink, #19191C);
}
.onyx-review__quelle {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  font-size: 14px;
  color: var(--ink-2, #2B2B2F);
}
.onyx-review__sterne {
  color: var(--stimme-blau, #317093);
  letter-spacing: 0.08em;
}
.onyx-review__name { font-weight: 700; color: var(--ink, #19191C); }
.onyx-review__quelle a {
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.onyx-review__quelle a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}