:root{--primary-color: #0f0f0f;--secondary-color: #6c757d;--accent-color: #007bff;--light-gray: #f8f9fa;--border-color: #e5e5e5;--white: #ffffff;--dark-gray: #404040;--background-color: #fafafa;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%)}.referenz-logos-section{padding-top:10px;overflow:hidden;position:relative}@media screen and (max-width: 768px){.referenz-logos-section{padding:40px 0 20px 0}}.referenz-logos-section .referenz-logos-header{text-align:center;margin-bottom:10px}@media screen and (max-width: 768px){.referenz-logos-section .referenz-logos-header{margin-bottom:20px}}.referenz-logos-section .referenz-logos-header .section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;color:var(--primary-color);margin-bottom:15px;letter-spacing:-0.02em;line-height:1.2}.referenz-logos-section .referenz-logos-header .section-subtitle{font-size:1.1rem;color:var(--secondary-color);font-weight:400;max-width:600px;margin:0 auto;opacity:.9}.logos-slider-wrapper{position:relative;width:100%;overflow:hidden;padding:50px 0 20px 0}.logos-slider-wrapper::before,.logos-slider-wrapper::after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}@media screen and (max-width: 768px){.logos-slider-wrapper::before,.logos-slider-wrapper::after{width:60px}}.logos-slider-wrapper::before{left:0;background:linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.logos-slider-wrapper::after{right:0;background:linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.logos-slider{display:inline-flex;animation:scroll-infinite 25s linear infinite;will-change:transform}.logos-slider:hover{animation-play-state:paused}.logos-track{display:flex;align-items:center;gap:80px;padding-right:80px;flex-shrink:0}@media screen and (max-width: 992px){.logos-track{gap:60px;padding-right:60px}}@media screen and (max-width: 768px){.logos-track{gap:50px;padding-right:50px}}.logo-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:140px;width:220px;position:relative;transition:all .3s ease}@media screen and (max-width: 992px){.logo-item{height:120px;width:180px}}@media screen and (max-width: 768px){.logo-item{height:100px;width:150px}}.logo-item::before{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:9999}.logo-item::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-2px);border:6px solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:9999}.logo-item:hover::before,.logo-item:hover::after{opacity:1;transform:translateX(-50%) translateY(0)}.logo-item:hover::after{transform:translateX(-50%) translateY(6px)}.logo-item .logo-link,.logo-item .logo-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;border:2px solid var(--border-color);border-radius:12px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}@media screen and (max-width: 768px){.logo-item .logo-link,.logo-item .logo-wrapper{padding:15px;border-radius:8px}}.logo-item .logo-link.logo-link,.logo-item .logo-wrapper.logo-link{cursor:pointer;text-decoration:none}.logo-item .logo-link.logo-link:hover,.logo-item .logo-wrapper.logo-link:hover{transform:scale(1.1)}.logo-item .logo-link.logo-link:focus,.logo-item .logo-wrapper.logo-link:focus{outline:3px solid var(--primary-color);outline-offset:3px}.logo-item .logo-link.logo-wrapper:hover,.logo-item .logo-wrapper.logo-wrapper:hover{transform:scale(1.1)}.logo-item .logo-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:all .4s ease}@keyframes scroll-infinite{from{transform:translateX(0)}to{transform:translateX(-33.3333333333%)}}@media(prefers-reduced-motion: reduce){.logos-slider{animation:none}.logo-item .logo-link:hover{transform:none}}@media print{.referenz-logos-section{page-break-inside:avoid}.logos-slider{animation:none}.logos-slider-wrapper::before,.logos-slider-wrapper::after{display:none}}/*# sourceMappingURL=referenzLogos.css.map */
