.testimonial-section { background: #fff; }
.testimonial-inner { padding-block: 80px; }
@media (min-width: 1024px) { .testimonial-inner { padding-block: 112px; } }

.testimonial-grid { display: grid; gap: var(--gap-sol-lg); align-items: center; grid-template-columns: 1fr; }
@media (min-width: 1024px) { .testimonial-grid { grid-template-columns: 1fr 2fr; } }

/* Mobil 3:2 (Querformat), ab lg 4:5 (Hochformat) — Kundenwunsch
   12.08.2026: "Foto zu hoch. Eher 3:2 Format" auf der vollen
   Mobile-Spaltenbreite; ab lg sitzt es in der schmalen Spalte, dort
   trägt das Hochformat besser. */
.testimonial-portrait { position: relative; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius-sol-card); box-shadow: var(--shadow-sol-default); }
@media (min-width: 1024px) { .testimonial-portrait { aspect-ratio: 4 / 5; } }
.testimonial-portrait img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }

.testimonial-quote { margin-top: 20px; }
.testimonial-quote p {
  font-weight: 800; color: var(--color-sol-blue-dark); letter-spacing: -0.01em; line-height: 1.25;
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
}
.testimonial-author { margin-top: 40px; display: flex; align-items: center; gap: 20px; }
.testimonial-author-icon { width: 2.5rem; height: 2.5rem; flex-shrink: 0; color: var(--color-sol-blue-light); }
.testimonial-author-name { font-size: 1rem; font-weight: 700; color: var(--color-sol-blue-dark); }