[data-page=referenzen] .ref-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,4vw,56px);margin-top:32px;display:grid}@media (max-width:900px){[data-page=referenzen] .ref-hero{grid-template-columns:1fr;gap:32px}}[data-page=referenzen] .ref-stats{background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden;box-shadow:0 16px 32px -26px #0f1f2240}[data-page=referenzen] .ref-stats .rs{background:#fff;padding:28px 26px}[data-page=referenzen] .ref-stats .v{color:var(--teal-700);letter-spacing:-.03em;font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1}[data-page=referenzen] .ref-stats .l{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-top:10px;font-size:11px}[data-page=referenzen] .feat-case{margin-bottom:var(--sp-7);padding:var(--sp-7);border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;display:grid}@media (max-width:900px){[data-page=referenzen] .feat-case{grid-template-columns:1fr;gap:32px;padding:32px}}[data-page=referenzen] .feat-case>*,[data-page=referenzen] .kpi-tile{min-width:0}@media (max-width:560px){[data-page=referenzen] .case-kpis{grid-template-columns:1fr 1fr}}[data-page=referenzen] .feat-case .visual{aspect-ratio:4/3;border-radius:var(--r-lg);border:1px solid var(--border);position:relative;overflow:hidden}[data-page=referenzen] .feat-case .visual img{object-fit:cover;width:100%;height:100%;display:block}[data-page=referenzen] .feat-case h2{font-size:clamp(28px,3vw,40px)}[data-page=referenzen] .case-kpis{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;padding-top:28px;display:grid}[data-page=referenzen] .kpi-tile .v{color:var(--teal);letter-spacing:-.03em;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.05}[data-page=referenzen] .kpi-tile .l{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px}[data-page=referenzen] .grid-cases{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}@media (max-width:980px){[data-page=referenzen] .grid-cases{grid-template-columns:1fr 1fr}}@media (max-width:600px){[data-page=referenzen] .grid-cases{grid-template-columns:1fr}}[data-page=referenzen] .gcase{transition:transform .25s,box-shadow .25s;overflow:hidden}[data-page=referenzen] .gcase:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}[data-page=referenzen] .gcase .visual{aspect-ratio:16/10;background:linear-gradient(135deg, var(--mint), white);position:relative}[data-page=referenzen] .gcase .visual img{object-fit:cover;width:100%;height:100%;display:block}[data-page=referenzen] .gcase .visual--contain{background:#fff}[data-page=referenzen] .gcase .visual--contain img{object-fit:contain;padding:var(--sp-4)}[data-page=referenzen] .gcase .body{padding:24px}[data-page=referenzen] .gcase .industry{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:11px}[data-page=referenzen] .gcase h3{margin-top:8px;font-size:19px}[data-page=referenzen] .gcase .desc{color:var(--muted);margin-top:8px;font-size:14px}[data-page=referenzen] .gcase .tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}[data-page=referenzen] .gcase .tags span{font-family:var(--mono);background:var(--mint);color:var(--teal-700);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:4px 8px;font-size:10px}[data-page=referenzen] .gcase-link{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--teal-ia);align-items:center;gap:7px;margin-top:16px;font-size:12px;display:inline-flex}[data-page=referenzen] .gcase-link .arrow{transition:transform .2s;display:inline-block}[data-page=referenzen] .gcase-link:hover .arrow{transform:translate(3px)}[data-page=referenzen] .cta-block{text-align:center;background:linear-gradient(160deg, var(--mint) 0%, white 100%);border-radius:var(--r-xl);border:1px solid var(--border);padding:clamp(48px,6vw,96px)}@media (max-width:480px){[data-page=referenzen] .ref-stats .rs{padding:20px 14px}[data-page=referenzen] .ref-stats .l{letter-spacing:.03em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:10px;line-height:1.35}}@media (max-width:560px){[data-page=referenzen] .kpi-tile .v{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:20px}[data-page=referenzen] .kpi-tile .l{letter-spacing:.04em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:10px;line-height:1.35}}
