@keyframes fade-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.brands{animation:fade-up var(--tw-animate-duration,1s)var(--tw-animate-easing,ease)var(--tw-animate-delay,0s)var(--tw-animate-iteration,1)var(--tw-animate-fill,both);--tw-animate-delay:.7s;animation-delay:var(--tw-animate-delay);--tw-animate-duration:1.5s;animation-duration:var(--tw-animate-duration)}.brands .filter-group{margin:-1rem .75rem}.brands .holder{position:relative}.brands .holder .slide-right{z-index:10;cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);width:40px;height:40px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-position:50%;background-repeat:no-repeat;background-size:20px 20px;border-radius:9999px;display:none;position:absolute;right:2rem}@media (min-width:1024px){.brands .holder .slide-right{display:block}}.brands .holder .slide-right{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"></polyline></svg>")}.brands .holder #scroll-group{white-space:nowrap;flex-wrap:nowrap;margin-bottom:-1rem;margin-left:.75rem;margin-right:.75rem;padding-bottom:1rem;display:flex;overflow-x:auto}@media (min-width:1024px){.brands .holder #scroll-group{margin-top:-2rem;margin-bottom:-2rem}}.brands .holder #scroll-group{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.brands .holder #scroll-group::-webkit-scrollbar{width:100%;height:14px;position:relative}.brands .holder #scroll-group::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem}.brands .holder #scroll-group::-webkit-scrollbar-thumb{--tw-border-opacity:1;border-style:solid;border-width:4px;border-color:rgb(255 255 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1));border-radius:.75rem}.brands .holder #scroll-group::-webkit-scrollbar-thumb:hover{background-color:var(--text)}@media (min-width:1024px){.brands .holder #scroll-group::-webkit-scrollbar-thumb:hover{cursor:pointer}}.brands .holder #scroll-group li{margin-right:1rem}.brands .holder #scroll-group li:first-of-type{margin-left:.25rem}@media (min-width:768px){.brands .holder #scroll-group li:last-of-type{margin-right:3.5rem}}.brands .holder #scroll-group li button.active{background-color:var(--text);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.brands .grid .item{width:100%;padding:.75rem}@media (min-width:640px){.brands .grid .item{width:50%}}@media (min-width:768px){.brands .grid .item{width:33%}}@media (min-width:1024px){.brands .grid .item{width:25%}}@media (min-width:640px){.brands .grid .item .card{height:155px}}.brands .grid .item .card:hover:before,.brands .grid .item .card:hover:after{animation:none}.brands .grid .item .card img{width:auto!important;max-width:220px!important;height:auto!important}.brands .grid .item .card img.pages24{height:35px!important}.brands .grid .item .card img.optik,.brands .grid .item .card img.agentur,.brands .grid .item .card img.elektriker,.brands .grid .item .card img.dachbau,.brands .grid .item .card img.fotostudio,.brands .grid .item .card img.nagelstudio,.brands .grid .item .card img.juwelier,.brands .grid .item .card img.spedition{height:25px!important}.brands .grid .item .card img.metzgerei,.brands .grid .item .card img.metallbau,.brands .grid .item .card img.tankstelle,.brands .grid .item .card img.tanzschule,.brands .grid .item .card img.tischlerei,.brands .grid .item .card img.friseursalon,.brands .grid .item .card img.schrottplatz,.brands .grid .item .card img.zweiradladen{height:22px!important}