/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

@media (max-width: 768px) {
.zitat .heading  .fusion-title-heading h2 {
		font-size: 25px !important;		
		--awb-font-size:  25px !important;
		--fontSize: 25px !important; 
		word-wrap: break-word;
	}*/
	
	.zitat .caption  .fusion-title-heading {
		font-size: 18px !important;
		line-height: 1;		
	}
	
	.tfs-slider .slide-content-container .heading {
  		margin: 0 0 5px;
}
}

.flex-direction-nav a {
		
}

.slide-content-container {
	padding: none !important;
}


/* ------------ SLIDER Zitate ------------ */

/* Pfeile dauerhaft sichtbar */
.fusion-slider-container .flex-direction-nav a {
  opacity: 1 !important;
  visibility: visible !important;
	display: block !important;
}

/* Positionierung und Sichtbarkeit */
.fusion-slider-container .flex-direction-nav {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Optional: z-index sicherstellen, dass Pfeile nicht von anderen Elementen überdeckt werden */
.fusion-slider-container .flex-direction-nav li {
  z-index: 9999 !important;
}

/* Optional: Positionierung verfeinern für mobile */
@media only screen and (max-width: 768px) {
  .fusion-slider-container .flex-direction-nav .flex-prev,
  .fusion-slider-container .flex-direction-nav .flex-next {
    top: 50%;
    transform: translateY(-50%);
  }
}

/* Nur für den Slider mit der Klasse .fusion-slider-240 */
.fusion-slider-240 .flex-direction-nav,
.fusion-slider-240 .flex-direction-nav a {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
background: var(--wp--preset--color--awb-color-5) !important;
}

.fusion-slider-240 .flex-prev {
	left: -25px !important;
}

.fusion-slider-240 .flex-next {
	right: -25px !important;
}

.main-flex {
  overflow: visible !important;
}

/* Slider Testimonials */

/* 2 Spalten aktivieren + Sliderlogik neutralisieren */
.fusion-testimonials.testi-2col .reviews{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 26px;
  height: auto !important; /* überschreibt die Inline-Höhe aus dem Slider */
}

/* Alle Reviews sichtbar & „normales“ Flow-Layout */
.fusion-testimonials.testi-2col .review{
  display: flex !important;         /* statt display:none im Slider */
  flex-direction: column;
  position: static !important;      /* falls absolut positioniert */
  opacity: 1 !important;
  margin: 0 !important;

  /* Karte / Look */
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  padding: 18px 18px 20px;
}

/* Kopfbereich: Bild links rund, Name/Position rechts */
.fusion-testimonials.testi-2col .review .author{
  order: 1;                         /* Autor oben */
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 10px 0;
}
.fusion-testimonials.testi-2col .review .testimonial-thumbnail img{
  width: 110px; height: 110px;
  border-radius: 9999px;
  object-fit: cover;
  display: block;
}

/* Zitat darunter */
.fusion-testimonials.testi-2col .review blockquote{
  order: 2;
  margin: 0;
  line-height: 1.5;
}

/* Slider-Pagination ausblenden */
.fusion-testimonials.testi-2col .testimonial-pagination{
  display: none !important;
}

/* Responsiv: mobil 1 Spalte */
@media (max-width: 1024px){
  .fusion-testimonials.testi-2col .reviews{
    grid-template-columns: 1fr;
  }
  .fusion-testimonials.testi-2col .review .testimonial-thumbnail img{
    width: 90px; height: 90px;
  }
}