/* Local correction: reference-led proportions. Existing assets, links and page behavior. */
.client-references{background:var(--white);color:var(--black);padding-block:34px 36px}
.client-references .container{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.62fr);grid-template-areas:"title logos" "intro logos";column-gap:48px;row-gap:12px;min-width:0;align-items:center}
.client-references h2{grid-area:title;align-self:end;font-size:clamp(30px,2.45vw,36px);font-weight:400;letter-spacing:-.04em;line-height:1.16;margin:0;max-width:20ch;overflow-wrap:anywhere}
.client-references .references-intro{grid-area:intro;align-self:start;font-size:16px;line-height:1.6;margin:0;max-width:34ch;overflow-wrap:anywhere}
.client-references .reference-viewport{grid-area:logos;min-width:0;border-left:1px solid #7d92b659;padding-left:30px}
.client-references .reference-track{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(36px,4vw,64px);list-style:none;margin:0 auto;padding:0;min-width:0;max-width:820px;min-height:184px}
.client-references .reference-logo{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center}
.client-references .reference-logo a{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;min-height:44px}
.client-references .reference-logo img{display:block;max-width:100%;height:auto;object-fit:contain}
.client-references .reference-logo-krueger img{width:340px}
.client-references .reference-logo-sparkasse img{width:176px}
.client-references .reference-logo a:focus-visible{outline:2px solid var(--black);outline-offset:6px}
@media(max-width:900px){
 .client-references{padding-block:28px 30px}
 .client-references .container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title intro" "logos logos";gap:20px 40px;align-items:start}
 .client-references h2{font-size:30px;align-self:start;max-width:20ch}
 .client-references .references-intro{align-self:start;max-width:35ch}
 .client-references .reference-viewport{border-left:0;border-top:1px solid #7d92b659;padding:18px 0 0}
 .client-references .reference-track{min-height:164px;gap:48px;max-width:700px}
 .client-references .reference-logo-krueger img{width:320px}
 .client-references .reference-logo-sparkasse img{width:160px}
}
@media(max-width:600px){
 .client-references{padding-block:26px 28px}
 .client-references .container{grid-template-columns:1fr;grid-template-areas:"title" "intro" "logos";gap:10px}
 .client-references h2{font-size:clamp(26px,6.9vw,28px);max-width:24ch;line-height:1.17}
 .client-references .references-intro{font-size:16px;max-width:38ch}
 .client-references .reference-viewport{margin-top:8px;padding-top:16px}
 .client-references .reference-track{min-height:132px;gap:16px}
 .client-references .reference-logo-krueger{flex:1.1 1 0}
 .client-references .reference-logo-sparkasse{flex:.9 1 0}
 .client-references .reference-logo-krueger img{width:196px}
 .client-references .reference-logo-sparkasse img{width:132px}
}

/* Third original logo: sizing limited to the existing reference row. */
.client-references .reference-track{gap:clamp(20px,2.1vw,32px)}
.client-references .reference-logo-krueger{flex:1.38 1 0}
.client-references .reference-logo-sparkasse,.client-references .reference-logo-hogano{flex:1 1 0}
.client-references .reference-logo-krueger img{width:300px}
.client-references .reference-logo-sparkasse img{width:150px}
.client-references .reference-logo-hogano img{width:158px}
@media(max-width:900px){
 .client-references .reference-track{gap:32px}
 .client-references .reference-logo-krueger img{width:270px}
 .client-references .reference-logo-sparkasse img{width:142px}
 .client-references .reference-logo-hogano img{width:150px}
}
@media(max-width:600px){
 .client-references .reference-track{gap:12px;min-height:110px}
 .client-references .reference-logo-krueger{flex:1.38 1 0}
 .client-references .reference-logo-krueger img{width:160px}
 .client-references .reference-logo-sparkasse img{width:104px}
 .client-references .reference-logo-hogano img{width:108px}
}
@media(max-width:359px){
 .client-references .container{width:calc(100% - 24px)}
 .client-references .reference-track{gap:8px;min-height:96px}
 .client-references .reference-logo-krueger{flex:1.32 1 0}
}

/* Fourth supplied partner logo: existing single reference row only. */
.client-references .reference-track{gap:clamp(12px,1.5vw,24px)}
.client-references .reference-logo-56aktuell{flex:1.55 1 0}
.client-references .reference-logo-56aktuell img{width:230px}
@media(max-width:900px){.client-references .reference-track{gap:20px}.client-references .reference-logo-56aktuell img{width:220px}}
@media(max-width:600px){.client-references .reference-track{gap:10px}.client-references .reference-logo-56aktuell img{width:140px}}
@media(max-width:359px){.client-references .reference-track{gap:8px}}

/* Five original references: static, expandable layout scoped to this section. */
.client-references .reference-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px;max-width:820px;min-height:0;padding-block:4px}
.client-references .reference-logo{grid-column:span 2;min-height:104px}
@media(min-width:601px){
.client-references .reference-logo:nth-last-child(2):nth-child(3n + 1){grid-column:2 / span 2}
.client-references .reference-logo:last-child:nth-child(3n + 2){grid-column:4 / span 2}
.client-references .reference-logo:last-child:nth-child(3n + 1){grid-column:3 / span 2}
}
.client-references .reference-logo a{width:100%;min-height:64px}
.client-references .reference-logo-krueger img{width:190px}
.client-references .reference-logo-sparkasse img{width:108px}
.client-references .reference-logo-hogano img{width:116px}
.client-references .reference-logo-56aktuell img{width:174px}
.client-references .reference-logo-lisomed img{width:160px}
@media(max-width:900px){
 .client-references .reference-track{max-width:700px;gap:20px 24px}
}
@media(max-width:600px){
 .client-references .reference-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;max-width:400px}
 .client-references .reference-logo{min-height:82px}
 .client-references .reference-logo:nth-child(n){grid-column:span 2}
 .client-references .reference-logo:last-child:nth-child(2n + 1){grid-column:2 / span 2}
 .client-references .reference-logo a{min-height:64px}
 .client-references .reference-logo-krueger img{width:152px}
 .client-references .reference-logo-sparkasse img{width:90px}
 .client-references .reference-logo-hogano img{width:96px}
 .client-references .reference-logo-56aktuell img{width:148px}
 .client-references .reference-logo-lisomed img{width:140px}
}