[data-page=referenzen] .ref-belege{color:var(--ink-2);font-size:16px;line-height:1.55}[data-page=referenzen] .ref-fall{gap:28px;display:grid}@media (min-width:64rem){[data-page=referenzen] .ref-fall{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px}}[data-page=referenzen] .ref-fall>img{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;width:100%;height:auto;display:block}[data-page=referenzen] .ref-fall>img[data-zuschnitt]{aspect-ratio:4/3;object-fit:cover;object-position:center 40%}[data-page=referenzen] .ref-fach{color:var(--muted);font-size:16px;font-weight:600}[data-page=referenzen] .ref-fall .ref-text{color:var(--ink-2);margin-top:12px;font-size:17px;line-height:1.7}[data-page=referenzen] .ref-tafel{margin-top:24px}[data-page=referenzen] .ref-fall-knopf{margin-top:28px}[data-page=referenzen] .filter-leiste{justify-content:flex-start;margin-bottom:clamp(28px,3vw,40px)}[data-page=referenzen] .filter-leiste .chip{border-color:var(--rahmenknopf-rand);background:#fff;min-height:44px;font-family:inherit;font-size:16px;font-weight:600}[data-page=referenzen] .filter-leiste .chip:hover{border-color:var(--ink)}[data-page=referenzen] .filter-leiste .chip[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}[data-page=referenzen] .filter-leiste .chip:focus-visible{outline:2px solid var(--teal-ia);outline-offset:3px}[data-page=referenzen] .filter-leiste .chip-zahl{color:var(--muted);font-size:14px}[data-page=referenzen] .filter-leiste .chip[aria-pressed=true] .chip-zahl{color:#ffffffbf}[data-page=referenzen] .referenz-liste[data-filter=archiv] [data-kat]:not([data-kat~=archiv]){display:none}[data-page=referenzen] .ref-projekte{gap:48px 32px;display:grid}@media (min-width:40rem){[data-page=referenzen] .ref-projekte{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){[data-page=referenzen] .ref-projekte{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px}}[data-page=referenzen] .ref-projekt{flex-direction:column;min-width:0;display:flex}[data-page=referenzen] .ref-projekt>:first-child{margin-bottom:20px}[data-page=referenzen] .ref-bild{background:#fff;border:1px solid #0f1f221f;border-top:27px solid #eef2f1;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f1f220d,0 30px 60px -34px #0f1f2273}[data-page=referenzen] .ref-bild img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto;display:block}[data-page=referenzen] .ref-bild--ganz img{object-fit:contain;padding:16px}[data-page=referenzen] .ref-projekt h3{letter-spacing:-.015em;font-size:clamp(1.1875rem,1.08rem + .45vw,1.375rem);font-weight:800;line-height:1.25}[data-page=referenzen] .ref-branche{color:var(--muted);margin-top:4px;font-size:16px;font-weight:600}[data-page=referenzen] .ref-projekt .ref-text{color:var(--ink-2);margin-top:12px;font-size:16px;line-height:1.6}[data-page=referenzen] .ref-schlagworte{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.5}[data-page=referenzen] .ref-wege{flex-wrap:wrap;gap:0 24px;margin-top:auto;padding-top:8px;display:flex}[data-page=referenzen] .ref-weg{min-height:44px;color:var(--teal-ia);align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}[data-page=referenzen] .ref-weg:hover{color:var(--ink)}[data-page=referenzen] .ref-weg .arrow{transition:transform .18s}[data-page=referenzen] .ref-weg:hover .arrow{transform:translate(3px)}