.b2b-karussell{position:relative}.b2b-karussell__spur{display:flex;gap:20px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.b2b-karussell__spur::-webkit-scrollbar{display:none}.b2b-karussell__element{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start}.b2b-karussell--vier .b2b-karussell__element{flex-basis:calc((100% - 60px)/4)}.b2b-karussell__bild{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-radius:6px;background:rgb(var(--border-color, 221 221 221))}.b2b-karussell__bild img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.b2b-karussell__bild:hover img{transform:scale(1.04)}.b2b-karussell__mehr{position:absolute;left:50%;bottom:14px;transform:translate(-50%);white-space:nowrap;padding:9px 20px;border-radius:var(--button-border-radius, 6px);border:1px solid rgb(var(--b2b-tinte, 46 46 45));background:rgb(var(--b2b-weiss, 255 255 255));color:rgb(var(--b2b-tinte, 46 46 45));font-size:15px;font-weight:700;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.b2b-karussell__bildtext{margin:10px 0 0;font-size:15px;line-height:1.45;opacity:.75;text-align:left}.b2b-karussell__pfeil{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-34px;border:1px solid rgb(var(--border-color, 221 221 221));border-radius:50%;background:rgb(var(--background, 255 255 255));color:rgb(var(--text-color, 28 28 28));cursor:pointer;transition:opacity .2s ease}.b2b-karussell__pfeil--zurueck{left:-22px}.b2b-karussell__pfeil--vor{right:-22px}.b2b-karussell__pfeil[disabled]{opacity:.25;cursor:default}.b2b-karussell__pfeil:focus-visible{outline:2px solid rgb(var(--text-color, 28 28 28));outline-offset:3px}@media screen and (max-width:1300px){.b2b-karussell__pfeil--zurueck{left:6px}.b2b-karussell__pfeil--vor{right:6px}}@media screen and (max-width:1099px){.b2b-karussell--vier .b2b-karussell__element{flex-basis:calc((100% - 40px) / 3)}}@media screen and (max-width:899px){.b2b-karussell__element,.b2b-karussell--vier .b2b-karussell__element{flex-basis:calc((100% - 20px)/2)}}@media screen and (max-width:600px){.b2b-karussell__element,.b2b-karussell--vier .b2b-karussell__element{flex-basis:78%}}@media(prefers-reduced-motion:reduce){.b2b-karussell__spur{scroll-behavior:auto}.b2b-karussell__bild img{transition:none}}.b2b-geschichten .b2b-karussell__bild{aspect-ratio:1 / 1}
/*# sourceMappingURL=/cdn/shop/t/110/assets/b2b-karussell.css.map */