/* src/Template/kundenstimmen.php
   Desktop: the text column stretches to the height of the grid row (the 328px photo) and pins
   name and company to its bottom, so they sit at the same height on every slide. This only
   holds while the quote fits beside the photo — TestimonialService::MAX_TEXT_LENGTH. */
.rd-testimonial-text {
	display: flex;
	flex-direction: column;
}

/* The five stars above the quote: a little smaller than the legacy .scs_text:before (116×20px),
   keeping its spacing. */
.scs_text.rd-testimonial-text::before {
	width: 99px;
	height: 17px;
}

.rd-testimonial-quote {
	margin-bottom: var(--rd-spacing-xxx-big);
}

/* Desktop only: one step below the legacy 22px of .scs_text>div, so a 300-character quote fits
   beside the photo. Mobile keeps its own 16px (HomepageNew.css, max-width: 769px). */
@media (min-width: 770px) {
	.scs_text > .rd-testimonial-quote {
		font-size: var(--rd-fontsize-7);
	}
}

/* Name and company left, interview link right; the link wraps below only when the row gets
   too narrow for both. */
.rd-testimonial-attribution {
	margin-top: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--rd-spacing-x-sm) var(--rd-spacing-big);
}

/* Mobile stacks photo and text (HomepageNew.css turns both into blocks) and centres the text. */
@media (max-width: 769px) {
	.rd-testimonial-quote {
		margin-bottom: var(--rd-spacing-md);
	}

	.rd-testimonial-attribution {
		justify-content: center;
	}
}