/* Einheitliche Darstellung unterschiedlich proportionierter Original-Wortmarken. */
.brand-logo{display:flex;align-items:center;justify-content:flex-start;width:min(280px,95%);min-height:54px;padding:10px 18px;background:transparent;border-radius:1px;color:var(--paper)}
.brand-logo img{display:block;max-width:100%;height:36px;object-fit:contain;object-position:left center}
.brand-logo--word{font:500 17px/1 'DM Sans',sans-serif!important;letter-spacing:.13em!important;text-align:center;justify-content:center}
.brand-logo--large img{height:54px}
@media(max-width:760px){.brand-logo{width:min(230px,95%);min-height:48px;padding:9px 14px}.brand-logo img{max-height:27px}}

/* Markenwand: die Labels werden als eigenständige, ruhige Kacheln inszeniert. */
.brands{display:block}
.brands-heading{max-width:510px;margin-bottom:4.5rem}
.brand-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border:0}
.brand-item{display:flex;align-items:center;justify-content:center;min-height:132px;padding:16px!important;border:1px solid rgba(244,241,235,.23);background:transparent;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.brand-item:hover{border-color:rgba(244,241,235,.75);background:rgba(244,241,235,.04);transform:translateY(-4px)}
.brand-item>span,.brand-item>i{display:none}
.brand-logo{width:100%;min-height:64px;padding:14px 18px;justify-content:center;background:transparent}
.brand-logo img{max-width:100%;height:38px;object-position:center}
.brand-note{margin-top:32px}
@media(max-width:900px){.brand-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.brands-heading{margin-bottom:2.5rem}.brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.brand-item{min-height:105px;padding:10px!important}.brand-logo{min-height:53px;padding:10px}.brand-logo img{height:27px}.brand-logo--word{font-size:13px!important}}

/* Optischer Ausgleich für besonders kompakte Wortmarken. */
.brand-logo--large img{height:58px}
.brand-logo--large.brand-logo--word{font-size:25px!important;letter-spacing:.12em!important}
@media(max-width:600px){.brand-logo--large img{height:38px}.brand-logo--large.brand-logo--word{font-size:17px!important}}

/* Einheitliche, präsentere Logogröße in der Kachelwand. */
.brand-list .brand-logo img{height:48px}
.brand-list .brand-logo--large img{height:64px}
@media(max-width:600px){.brand-list .brand-logo img{height:33px}.brand-list .brand-logo--large img{height:42px}}