/* Graafen-Farben für das AIXTRA Social-Widget (Quelle: AUTOMATION/web/aixtra-social). */
.aixtra-social { --as-accent: #e31e24; }

/* Google-Kundenstimmen: Graafen-Typografie und eine ruhige, klare Kartenfläche. */
.aixtra-social[data-aixtra-social="google"] {
  --as-gap: 24px;
  --as-rule: #dedbd5;
  --as-muted: #66615c;
}
.aixtra-social .aixtra-social__content--google { text-align: left; }
.aixtra-social .aixtra-social__rating { gap: 12px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--as-rule); }
.aixtra-social .aixtra-social__rating .aixtra-social__number { font-size: 48px; font-weight: 700; letter-spacing: -.04em; }
.aixtra-social .aixtra-social__rating .aixtra-social__label { font-weight: 700; }
.aixtra-social .aixtra-social__review {
  flex-basis: calc((100% - 2 * var(--as-gap)) / 3);
  border: 1px solid var(--as-rule); border-top: 3px solid var(--as-accent);
  border-radius: 10px; background: #fff; color: #24211f; padding: 24px;
}
.aixtra-social .aixtra-social__quote p { font-size: 17px; line-height: 1.65; }
.aixtra-social .aixtra-social__avatar { border-radius: 50%; font-weight: 700; }
.aixtra-social .aixtra-social__controls button { border-radius: 6px; }
.aixtra-social .aixtra-social__all { font-weight: 600; }
/* Landingpage-Einbettung: ausreichend Breite für lesbare Originaltexte. */
.tg-review:has(.aixtra-social.is-live), .gg-review:has(.aixtra-social.is-live) {
  grid-template-columns: minmax(0, 1fr); gap: 24px; text-align: left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .aixtra-social .aixtra-social__review { flex-basis: calc((100% - var(--as-gap)) / 2); }
}
@media (max-width: 767px) {
  .aixtra-social .aixtra-social__review { flex-basis: 92%; padding: 20px; }
  .aixtra-social .aixtra-social__rating .aixtra-social__number { font-size: 42px; }
  .aixtra-social .aixtra-social__quote p { font-size: 16px; }
}

/* Instagram-Beiträge als klar getrennte Karten in der vorhandenen Graafen-CI. */
.graafen-instagram-heading { margin: 0 0 28px; font-size: clamp(24px, 2.5vw, 32px); line-height: 1.25; }
.aixtra-social .aixtra-social__post { border: 1px solid var(--as-rule); background: #fff; }
.aixtra-social .aixtra-social__post .aixtra-social__meta { margin: 18px 18px 8px; }
.aixtra-social .aixtra-social__post .aixtra-social__text { margin: 0 18px 20px; }