/* drop:tpl:general~pages~reference@1 */
.ech-filter{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-8);
  margin-block-end: var(--space-10);
  padding-block-end: var(--space-6);
  border-block-end: var(--border-width) solid var(--color-border);
}
.ech-filter__count{
  margin-inline-start: auto;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}
.ech-refhero__quote{ margin: 0; }
.ech-refhero__quote::before{
  content: "„";
  display: block;
  margin-block: -2.4rem 0.4rem;
  font-family: var(--font-heading);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  color: var(--color-primary);
}
.ech-refhero__quote blockquote{ margin: 0; }
.ech-refhero__quote blockquote p{
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--text-3xl);
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: var(--tracking-tight);
  color: var(--color-text);
  text-wrap: pretty;
}
.ech-refhero__quote figcaption{ display: grid; gap: 0.15rem; margin-block-start: var(--space-6); }
.ech-refhero__quote figcaption strong{ font-family: var(--font-heading); font-weight: 600; }
.ech-refhero__quote figcaption span{ font-size: var(--text-sm); color: var(--color-text-muted); }
.ech-refhero__num{
  font-family: var(--font-heading);
  font-size: clamp(4rem, 3rem + 4vw, 6.5rem);
  font-weight: 600;
  line-height: 0.9;
  letter-spacing: -0.04em;
}
.ech-refgrid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr));
  gap: var(--space-6);
}
.ech-refmore{ display: flex; justify-content: center; margin-block-start: var(--space-10); }
.ech-refmore[hidden]{ display: none; }
.ech-refhead{
  display: grid;
  gap: var(--space-8);
  align-items: end;
}
@media (min-width: 56rem){.ech-refhead{ grid-template-columns: 1fr minmax(16rem, 22rem); gap: var(--space-12); }}
.ech-refhead__stat{
  display: grid;
  gap: var(--space-3);
  padding-inline-start: var(--space-8);
  border-inline-start: 2px solid var(--color-primary);
}
.ech-refhead__stat p{ margin: 0; font-size: var(--text-sm); color: var(--color-text-muted); }
@media (max-width: 55.99rem){.ech-refhead__stat{ padding-inline-start: var(--space-5); }}
.ech-refhero .ech-refhero__quote{
  max-width: 54rem;
  margin-inline: auto;
  text-align: center;
}
.ech-refhero .ech-refhero__quote::before{
  margin: 0 auto var(--space-4);
  height: 3.25rem;
  line-height: 1.35;
  font-size: 5.5rem;
  overflow: hidden;
}
.ech-refhero .ech-refhero__quote blockquote p{
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.375rem);
  line-height: 1.35;
  text-wrap: balance;
}
.ech-refhero .ech-refhero__quote figcaption{
  justify-items: center;
  margin-block-start: var(--space-8);
}
.ech-refhero .ech-refhero__quote figcaption::before{
  content: "";
  width: 2.5rem;
  height: 2px;
  margin-block-end: var(--space-4);
  background: var(--color-primary);
}
.ech-refhero .ech-refhero__quote::before{
  height: auto;
  line-height: 1;
  overflow: visible;
  margin: -3.3rem auto var(--space-6);
}