.pageReferenzen .referenzenHeroIntro{max-width:70ch;margin:2rem 0 2.5rem}.pageReferenzen .referenzenHeroIntro p{color:var(--ink2);margin:0;font-size:1.2rem;line-height:1.65}@media (width<=760px){.pageReferenzen .referenzenHeroIntro p{font-size:1.05rem}}.pageReferenzen .countInfoBlocks{text-align:left;justify-items:start;max-width:none;margin-inline:0}.pageReferenzen .countInfoBlock{text-align:left}.pageReferenzen .referenzenControls{gap:1.25rem;margin-bottom:2.5rem;display:grid}.pageReferenzen .referenzenSearch{border:1px solid var(--line2);border-radius:var(--rPill);transition:border-color var(--tFast) var(--ease);background:linear-gradient(#ffffff0a,#ffffff03);align-items:center;gap:12px;padding:0 18px;display:flex;position:relative}.pageReferenzen .referenzenSearch:focus-within{border-color:var(--lineViolet2);box-shadow:0 0 0 3px #a855f71f}.pageReferenzen .referenzenSearch .materialSymbolsRounded{color:var(--ink3);flex-shrink:0;font-size:22px}.pageReferenzen .referenzenSearch input{font-family:var(--font);color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:1rem}.pageReferenzen .referenzenSearch input::placeholder{color:var(--ink3)}.pageReferenzen .referenzenFilterDisclosure{justify-items:start;gap:1.25rem;display:grid}.pageReferenzen .referenzenFilterBar{--filterCollapsedHeight:2.5rem;flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.pageReferenzen .referenzenFilterBar[data-expanded=false]{max-height:var(--filterCollapsedHeight);overflow:hidden}.pageReferenzen .referenzenFilterBtn{appearance:none;cursor:pointer;border:1px solid var(--line2);border-radius:var(--rPill);color:var(--ink2);font-family:var(--font);font-size:var(--fsXs);letter-spacing:var(--trackingWide);text-transform:uppercase;white-space:nowrap;transition:border-color var(--tFast) var(--ease), background var(--tFast) var(--ease), color var(--tFast) var(--ease);background:linear-gradient(135deg,#a855f714,#ec489908);flex:none;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.pageReferenzen .referenzenFilterBtn:hover{border-color:var(--lineViolet2);color:var(--ink)}.pageReferenzen .referenzenFilterBtn[aria-pressed=true]{border-color:var(--lineViolet2);color:var(--ink);background:linear-gradient(135deg,#a855f740,#ec48991f)}.pageReferenzen .referenzenFilterBtn .filterCount{font-family:var(--font);border-radius:var(--rPill);color:var(--ink3);letter-spacing:0;background:#ffffff14;padding:2px 8px;font-size:.7rem}.pageReferenzen .referenzenFilterBtn[aria-pressed=true] .filterCount{color:var(--ink);background:#a855f74d}.pageReferenzen .referenzenFilterToggle{appearance:none;color:var(--violet2);font-family:var(--font);font-size:var(--fsSm);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-weight:650;display:inline-flex}.pageReferenzen .referenzenFilterToggle[hidden]{display:none}.pageReferenzen .referenzenFilterToggle:hover{color:var(--ink)}.pageReferenzen .referenzenFilterToggle:focus-visible{outline:2px solid var(--violet2);outline-offset:4px;border-radius:var(--rXs)}.pageReferenzen .referenzenFilterToggle .materialSymbolsRounded{font-size:1.15rem}.pageReferenzen .referenzenResultInfo{font-family:var(--font);font-size:var(--fsSm);color:var(--ink3);margin-top:-.5rem}.pageReferenzen .referenzenResultInfo #referenzenVisibleCount{color:var(--ink);font-weight:600}.pageReferenzen .referenzenGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.pageReferenzen .referenceCard{border:1px solid var(--line2);border-radius:var(--rXl);transition:border-color var(--tFast) var(--ease), background var(--tFast) var(--ease);background:linear-gradient(#ffffff0a,#ffffff03);position:relative;overflow:hidden}.pageReferenzen .referenceCard[hidden]{display:none}.pageReferenzen .referenceCard:hover{border-color:var(--lineViolet2);background:linear-gradient(#a855f71a,#ffffff05)}.pageReferenzen .referenceCard:has(.referenceCardLink:focus-visible){border-color:var(--violet2);outline:2px solid var(--violet2);outline-offset:2px}.pageReferenzen .referenceCardLink{color:var(--ink2);flex-direction:column;gap:.85rem;height:100%;padding:1rem;text-decoration:none;display:flex}.pageReferenzen .referenceCardLink:focus-visible{outline:none}.pageReferenzen .referenceCardImage{aspect-ratio:2;border-radius:var(--rLg);background:#ffffff08;position:relative;overflow:hidden}.pageReferenzen .referenceCardImage img{object-fit:cover;width:100%;height:100%;display:block}.pageReferenzen .referenceCardTitle{color:var(--ink);justify-content:space-between;align-items:flex-start;gap:8px;margin:0;font-size:1.05rem;font-weight:700;line-height:1.3;display:flex}.pageReferenzen .referenceCardTitle .externalIcon{color:var(--ink3);transition:color var(--tFast) var(--ease);flex-shrink:0;margin-top:2px;font-size:18px}.pageReferenzen .referenceCard:hover .referenceCardTitle .externalIcon{color:var(--violet2)}.pageReferenzen .referenceCardTags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.pageReferenzen .referenceTag{font-family:var(--font);border-radius:var(--rPill);border:1px solid var(--lineViolet);color:var(--ink2);letter-spacing:.02em;background:#a855f71a;padding:3px 10px;font-size:.7rem}.pageReferenzen .referenzenEmpty{text-align:center;border:1px dashed var(--line2);border-radius:var(--rXl);color:var(--ink2);background:linear-gradient(#ffffff08,#ffffff03);padding:4rem 2rem}.pageReferenzen .referenzenEmpty .materialSymbolsRounded{color:var(--ink4);margin-bottom:1rem;font-size:48px;display:block}.pageReferenzen .referenzenEmpty h3{color:var(--ink);margin:0 0 .5rem;font-size:1.25rem}.pageReferenzen .referenzenEmpty p{color:var(--ink2);margin:0;max-width:36ch;margin-inline:auto}@media (width<=560px){.pageReferenzen .referenzenFilterToggle{justify-self:center}.pageReferenzen .referenzenGrid{grid-template-columns:repeat(2,1fr);gap:.85rem}.pageReferenzen .referenceCardLink{gap:.6rem;padding:.75rem}.pageReferenzen .referenceCardTitle{font-size:.95rem}.pageReferenzen .referenceTag{padding:2px 8px;font-size:.65rem}}