.referenzen-filter{background:var(--color-background);padding-top:var(--space-16);padding-bottom:var(--space-8)}@media (min-width:1025px){.referenzen-filter{z-index:20;border-bottom:1px solid var(--color-border);padding-top:var(--space-6);padding-bottom:var(--space-6);position:sticky;top:72px}}.referenzen-filter__label{font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.referenzen-filter__chips{gap:var(--space-3);flex-wrap:wrap;display:flex}.referenzen-filter__chip{padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);font-family:DM Sans,sans-serif;font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border-radius:2rem;display:inline-block}.referenzen-filter__chip:hover,.referenzen-filter__chip--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width:640px){.referenzen-filter{padding-top:var(--space-12)}.referenzen-filter__chips{gap:var(--space-2)}.referenzen-filter__chip{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}}
.referenzen-hero{background:var(--color-primary);align-items:center;min-height:20vh;display:flex}.referenzen-hero .container{padding-top:var(--space-8);padding-bottom:var(--space-8);width:100%}@media (max-width:640px){.referenzen-hero .container{padding-top:var(--space-10);padding-bottom:var(--space-10)}}.referenzen-hero__label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:500;display:block}.referenzen-hero__accent{background:var(--color-accent);width:48px;height:3px;margin-bottom:var(--space-6)}.referenzen-hero__title{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(var(--text-4xl), 5vw, var(--text-5xl));letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:#fff;margin-bottom:var(--space-6)}.referenzen-hero__subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#ffffffc7}.referenzen-hero__subtitle a{color:var(--color-accent);text-decoration:none}.referenzen-hero__subtitle a:hover{text-decoration:underline}.referenzen-flagship{background:var(--color-background);padding:var(--space-16) 0}.referenzen-flagship__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:block;overflow:hidden}.referenzen-flagship__card:hover{box-shadow:0 12px 32px var(--color-shadow);transform:translateY(-2px)}.referenzen-flagship__media{background:#fff;line-height:0}.referenzen-flagship__img{width:100%;height:auto;display:block}.referenzen-flagship__body{padding:var(--space-8) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.referenzen-flagship__label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-accent);font-weight:500}.referenzen-flagship__headline{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(var(--text-2xl), 4vw, var(--text-4xl));letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--color-text-primary)}.referenzen-flagship__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:640px}.referenzen-flagship__stats{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.referenzen-flagship__stat{font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);white-space:nowrap;font-weight:500}.referenzen-flagship__cta{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-base);color:var(--color-text-primary);font-weight:600;display:inline-flex}.referenzen-flagship__card:hover .referenzen-flagship__cta{color:var(--color-accent)}@media (min-width:768px){.referenzen-flagship__body{padding:var(--space-10) var(--space-10)}}