/* Logoreihe - Regeln aus der Hub-Version; nur die zu hellen
   Kleintextfarben sind ersetzt (Audit-Befund 9). */
.bekannt{padding:36px 0 42px;background:var(--weiss)}
.bekannt .wrap{display:flex;align-items:center;gap:80px}
.bekannt .label{flex:none;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6B6790}
.bekannt .logos{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.medienlogo{color:#C9C4DC;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color .3s}
.medienlogo:hover{color:#6B6790}
.medienlogo svg{display:block;width:auto;fill:currentColor}
.ml-gh{position:relative;top:-14px}
.ml-gh svg{height:46px}
.ml-fz svg{height:36px}
.ml-wd svg{height:58px}
.ml-jr svg{height:40px}
@media(max-width:640px){.bekannt .wrap{flex-direction:column;gap:16px}.bekannt .label{width:100%;text-align:center}.bekannt .logos{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:20px 16px;justify-items:center;align-items:center}.ml-gh{top:-8px}.ml-gh svg{height:30px}.ml-fz svg{height:24px}.ml-wd svg{height:42px}.ml-jr svg{height:27px}}
@media(max-width:1020px){.bekannt .wrap{flex-direction:column;gap:18px}.bekannt .label{width:100%;text-align:center}.bekannt .logos{width:100%;flex-wrap:wrap;justify-content:center;gap:18px 36px}.ml-gh{top:-11px}.ml-gh svg{height:36px}.ml-fz svg{height:28px}.ml-wd svg{height:46px}.ml-jr svg{height:31px}}
@media(max-width:640px){.bekannt .wrap .logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;justify-items:center;align-items:center;width:100%}.bekannt .ml-gh{top:-8px}.bekannt .ml-gh svg{height:30px}.bekannt .ml-fz svg{height:24px}.bekannt .ml-wd svg{height:42px}.bekannt .ml-jr svg{height:27px}}