@charset "UTF-8";
.px-quote {
  container-type: inline-size;
  position: relative;
}
.px-quote-inner {
  max-width: 650px;
  margin: 0 auto;
  border-top: 1px solid var(--main-color);
  border-bottom: 1px solid var(--main-color);
  padding: clamp(1.1764705882rem, 1.0174880763rem + 0.8445945946vw, 1.7647058824rem) clamp(1.1764705882rem, 0.6995230525rem + 2.5337837838vw, 2.9411764706rem);
  text-align: center;
}
.px-quote-inner .comment {
  quotes: "„" "“";
  font-family: var(--specialFont);
  font-size: 22px;
  line-height: 136%;
  font-weight: 700;
  font-style: italic;
  color: var(--main-color);
}
.px-quote-inner .comment p:before {
  content: open-quote;
}
.px-quote-inner .comment p:after {
  content: close-quote;
}
.px-quote-inner .name {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  font-size: var(--miniFontSize);
}
@container (width <=640px) {
  .px-quote-inner .name {
    flex-direction: column;
  }
}
.px-quote-inner .name .author {
  font-weight: 700;
  position: relative;
  top: 2px;
}
.px-quote-inner .name .author + .title::before {
  content: ", ";
  display: inline-block;
}
@container (width <=640px) {
  .px-quote-inner .name .author + .title::before {
    content: none;
  }
}