/* bx-testimonial-34 – aus Brixies „Testimonial Section 34“ (0420-testimonial-section-34.json) */
.bx-testimonial-34 { overflow: hidden; }
.bx-testimonial-34__container { display: grid; gap: var(--wf-container-gap) var(--wf-grid-gap); grid-template-columns: var(--wf-grid-1-2); align-items: stretch; grid-template-rows: var(--wf-grid-1); padding-bottom: var(--wf-container-gap); }
@media (max-width: 991px) {
	.bx-testimonial-34__container { grid-template-columns: var(--wf-grid-1); }
}
.bx-testimonial-34__container-info { z-index: 30; row-gap: var(--wf-content-gap); }
@media (max-width: 767px) {
	.bx-testimonial-34__container-info { width: 100%; }
}
@media (max-width: 478px) {
	.bx-testimonial-34__container-info { align-items: stretch; }
}
.bx-testimonial-34__container-btn { display: flex; flex-direction: row; column-gap: var(--wf-content-gap); row-gap: var(--wf-content-gap); align-items: stretch; }
@media (max-width: 478px) {
	.bx-testimonial-34__container-btn { flex-direction: column; }
}
.bx-testimonial-34__btn > .wp-block-button__link { --wf-icon-size: var(--wf-text-s); }
.bx-testimonial-34__inner-container-info { row-gap: var(--wf-space-s); width: 1080px; }
.bx-testimonial-34__tagline { font-weight: 600; color: var(--wf-color-neutral-950); margin-bottom: 0px; }
.bx-testimonial-34__heading { font-size: var(--wf-text-2xl); }
.bx-testimonial-34__description { width: 540px; }
.bx-testimonial-34__list { margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; display: grid; gap: var(--wf-grid-gap); grid-template-columns: var(--wf-grid-2); align-items: initial; }
@media (max-width: 478px) {
	.bx-testimonial-34__list { grid-template-columns: var(--wf-grid-1); }
}
.bx-card-testimonial-34__wrapper { display: flex; }
.bx-card-testimonial-34 { flex-direction: column; justify-content: center; align-items: flex-start; row-gap: var(--wf-content-gap); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: var(--wf-space-xl); padding-right: var(--wf-space-xl); padding-bottom: var(--wf-space-xl); padding-left: var(--wf-space-xl); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: var(--wf-color-neutral-950); border-top-left-radius: var(--wf-radius-m); border-top-right-radius: var(--wf-radius-m); border-bottom-right-radius: var(--wf-radius-m); border-bottom-left-radius: var(--wf-radius-m); }
.bx-card-testimonial-34__blockquote { align-items: flex-start; flex-direction: column; row-gap: var(--wf-space-s); border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: none; margin-top: 0px; margin-bottom: 0px; padding-right: 0px; padding-left: 0px; }
.bx-card-testimonial-34__blockquote {
	font-family: inherit;
}
.bx-card-testimonial-34__testimonial { font-size: var(--wf-text-m); }
.bx-card-testimonial-34__testimonial {
  text-wrap:wrap
}
.bx-card-testimonial-34__info-container { flex-direction: row; column-gap: var(--wf-space-s); align-items: center; margin-top: auto; margin-bottom: 0px; flex-wrap: nowrap; }
.bx-card-testimonial-34__avatar { width: 4.5rem; border-top-left-radius: var(--wf-radius-xl); border-top-right-radius: var(--wf-radius-xl); border-bottom-right-radius: var(--wf-radius-xl); border-bottom-left-radius: var(--wf-radius-xl); overflow: hidden; flex-shrink: 0; aspect-ratio: 1; object-fit: cover; object-position: 50%; }
.bx-card-testimonial-34__author { line-height: 120%; font-size: var(--wf-text-m); font-weight: 700; color: var(--wf-color-neutral-950); }
.bx-card-testimonial-34__position { color: var(--wf-color-neutral-950); font-size: var(--wf-text-s); }
.bx-card-testimonial-34__rating { --wf-icon-color: var(--wf-color-neutral-950); --wf-icon-color-empty: var(--wf-color-neutral-trans-20); --wf-icon-size: 2rem; --wf-el-gap: calc(var(--wf-space-s) / 3); }
/* -- The root styles must go in the element of the structure with the name "Card". --*/

.bx-card-testimonial-34__wrapper {
  
  /* Styles applied only for even cards with translateY to generate vertical effect */
  &:nth-of-type(even){
    transform: translateY(var(--wf-container-gap));
    
    @media (max-width: 478px) {
    	transform: translateY(0);
    }
  }
}