.br-lieferanten{display:grid;grid-template-columns:repeat(var(--br-cols,4),minmax(0,1fr));column-gap:clamp(14px,2.5vw,30px);row-gap:clamp(24px,3vw,42px);width:100%;max-width:100%;box-sizing:border-box}
.br-lieferant{min-width:0;text-align:center}
.br-lieferant-link{display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;text-decoration:none!important;color:inherit!important}
.br-lieferant-logo{background:#fff;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;box-sizing:border-box;padding:12%;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}
.br-lieferant-bild{display:block!important;max-height:100%!important;max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center;box-shadow:none!important;border:0!important;margin:0!important}
.br-lieferant-name{display:block;color:inherit;font-size:clamp(12px,1vw,15px);font-weight:500;line-height:1.55;letter-spacing:.045em;text-transform:uppercase;overflow-wrap:anywhere}
.br-lieferant-platzhalter{font-weight:700;color:#10213a;line-height:1.25;font-size:14px;overflow-wrap:anywhere}
a.br-lieferant-link:hover .br-lieferant-logo,a.br-lieferant-link:focus-visible .br-lieferant-logo{box-shadow:0 6px 23px rgba(0,0,0,.18);transform:translateY(-3px)}
a.br-lieferant-link:hover .br-lieferant-name{text-decoration:underline}
a.br-lieferant-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1024px){.br-lieferanten{grid-template-columns:repeat(var(--br-cols-tablet,3),minmax(0,1fr))}}
@media(max-width:767px){.br-lieferanten{grid-template-columns:repeat(var(--br-cols-mobile,2),minmax(0,1fr));gap:24px 14px}.br-lieferant-link{gap:10px}.br-lieferant-name{font-size:12px}}