/* Module: Quotegrid */

.singlequote { 
  background: var(--white-color);
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 7%);
}

.quotetext-intro svg path {
  fill: var(--accent2-color);
}

.quotetext {
  color: var(--accent2-color);
  font-style: italic;
  font-size: 1.15em;
}


.singlequote-container-infos {
  border-top: 1px solid var(--accent2-25-color);
  color: var(--main-color);
}

.quotename {
  font-weight: 600;
  font-size: 1.15em;
  line-height: 1.25;
}

.quoteposition {
  font-size: 0.9em;
}


/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .quotetext {
    font-size: 16px;
    line-height: 1.5;
  }

  .quotename {
    font-size: 14px;
  }

  .quoteposition {
    font-size: 12px;
  }

}


/* Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  .quotetext {
    font-size: 16px;
    line-height: 1.5;
  }

  .quotename {
    font-size: 16px;
  }

  .quoteposition {
    font-size: 14px;
  }

}


/* Mobile Portrait */
@media only screen and (max-width: 767px) {

  .quotetext {
    font-size: 15px;
    line-height: 1.5;
  }

  .quotename {
    font-size: 14px;
  }

  .quoteposition {
    font-size: 12px;
  }

}