/* Supplied Schutzritter references; brand artwork and colours stay unchanged. */
.home-references {
  padding: 30px 0 34px;
  background: linear-gradient(180deg, #f8f6f0, #fff 76%);
  color: #122337;
  border-bottom: 1px solid #e9e4d8;
}
.home-references .references-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px 28px;
  margin-bottom: 22px;
}
.home-references h2 {
  margin: 0;
  font-size: clamp(1.35rem, 2vw, 1.8rem);
  line-height: 1.25;
  letter-spacing: -.025em;
  color: #122337;
}
.home-references .references-heading p {
  margin: 0;
  color: #59626c;
  font-size: .87rem;
  line-height: 1.5;
}
.reference-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.reference-logo {
  flex: 0 0 calc((100% - 60px) / 6);
  min-width: 0;
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px 18px;
  background: #fff;
  border: 1px solid #eae5da;
  border-radius: 9px;
}
.reference-logo img {
  display: block;
  width: 100%;
  height: 64px;
  max-width: 150px;
  object-fit: contain;
}
.reference-name {
  text-align: center;
  font-size: .95rem;
  font-weight: 650;
  line-height: 1.35;
  color: #293747;
}
@media (max-width: 1000px) {
  .reference-logo { flex-basis: calc((100% - 36px) / 4); }
}
@media (max-width: 650px) {
  .home-references { padding: 25px 0 28px; }
  .home-references .references-heading { display: block; margin-bottom: 18px; }
  .home-references .references-heading p { margin-top: 7px; }
  .reference-logos { gap: 9px; }
  .reference-logo {
    flex-basis: calc((100% - 18px) / 3);
    min-height: 83px;
    padding: 13px 10px;
    border-radius: 6px;
  }
  .reference-logo img { height: 50px; }
  .reference-name { font-size: .78rem; }
}
@media (max-width: 359px) {
  .reference-logo { flex-basis: calc((100% - 9px) / 2); }
}

/* Six prominent references; the remaining supplied references stay accessible. */
.references-more{margin-top:16px}
.references-more summary{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;min-height:44px;margin:0 auto;padding:10px 18px;border:1px solid #d6c9ad;border-radius:8px;background:#fff;color:#634b20;font-size:14px;font-weight:650;cursor:pointer;list-style:none}
.references-more summary::-webkit-details-marker{display:none}
.references-more summary:hover{background:#f7f3e9}
.references-more summary:focus-visible{outline:3px solid #b08c36;outline-offset:3px}
.references-count{font-weight:400;color:#64676a}
.references-plus{font-size:22px;line-height:1}
.references-hide{display:none}
.references-more[open] .references-show{display:none}
.references-more[open] .references-hide{display:inline}
.references-more[open] .references-plus{transform:rotate(45deg)}
.references-more[open] .reference-logos{margin-top:18px}
@media(max-width:650px){
 .home-references{padding:23px 0 24px}
 .home-references .references-heading{margin-bottom:15px}
 .reference-logo{min-height:74px;padding:10px 9px;flex-basis:calc((100% - 18px)/3)}
 .reference-logo img{height:44px}
 .references-more{margin-top:13px}
 .references-more summary{font-size:13px;padding:10px 12px}
}
@media(max-width:359px){.reference-logo img{height:38px}.reference-logo{min-height:66px;padding:8px 6px}}