.bew-logo-tooltip::after {
content: attr(data-tooltip);
position: absolute;
top: 8px;
left: 8px;
background: white;
color: #333;
padding: 6px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
line-height: 1.4;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 1000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.bewertigo-marquee {
width: 100%;
overflow: hidden;
position: relative;
background: transparent;
padding: 15px 0 15px 0;
}
.bewertigo-wrap {
display: inline-flex;
width: fit-content;
position: relative;
flex-wrap: nowrap;
}
.bewertigo-track {
display: flex;
align-items: center;
gap: var(--bew-gap, 40px);
flex-shrink: 0;
padding-right: var(--bew-gap, 40px);
will-change: transform;
flex-wrap: nowrap;
min-width: fit-content;
}
.bewertigo-track:nth-child(2) {
margin-left: 0;
margin-top: 0;
} .bewertigo-track img:not(.bew-overlay-icon) {
height: var(--bew-height, 60px);
width: auto;
min-height: var(--bew-height, 60px);
max-height: var(--bew-height, 60px);
min-width: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.7;
transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
display: block;
flex-shrink: 0;
flex-grow: 0;
}
.bewertigo-track a,
.bewertigo-track .bew-logo-tooltip,
.bewertigo-track .bew-logo-wrapper {
display: inline-block;
text-decoration: none;
line-height: 0;
flex-shrink: 0;
flex-grow: 0;
height: var(--bew-height, 60px);
position: relative;
} .bew-logo-wrapper {
position: relative;
display: inline-block;
line-height: 0;
flex-shrink: 0;
flex-grow: 0;
height: var(--bew-height, 60px);
transition: transform 0.3s ease;
}
.bew-logo-wrapper:hover {
transform: scale(1.1);
}
.bew-logo-wrapper img:not(.bew-overlay-icon) {
display: block;
height: var(--bew-height, 60px);
width: auto;
object-fit: contain;
}
.bew-logo-wrapper a {
display: block;
text-decoration: none;
position: relative;
height: var(--bew-height, 60px);
} .bew-logo-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
color: white;
font-size: 14px;
padding: 8px 10px;
text-align: center;
font-weight: 500;
line-height: 1.3;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
z-index: 10;
word-wrap: break-word;
white-space: normal;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
height: auto !important;
min-height: auto !important;
max-height: none !important;
width: 100%;
} .bew-overlay-icon {
height: 18px !important;
width: auto !important;
max-height: 18px !important;
min-height: 18px !important;
max-width: 30px !important;
flex-shrink: 0;
object-fit: contain;
filter: none !important;
opacity: 1 !important;
display: inline-block !important;
vertical-align: middle;
} .bew-logo-tooltip:hover::after {
opacity: 1;
}
.bewertigo-track img:not(.bew-overlay-icon):hover {
filter: grayscale(0%);
opacity: 1;
transform: none;
}
.bewertigo-track a:hover img:not(.bew-overlay-icon) {
filter: grayscale(0%);
opacity: 1;
transform: none;
} @media (max-width: 768px) {
.bewertigo-marquee {
padding: 12px 0 12px 0;
}
.bewertigo-track {
gap: calc(var(--bew-gap, 40px) * 0.75);
padding-right: calc(var(--bew-gap, 40px) * 0.75);
}
.bewertigo-track img:not(.bew-overlay-icon) {
height: calc(var(--bew-height, 60px) * 0.8);
}
.bew-logo-tooltip::after {
font-size: 11px;
padding: 5px 12px;
line-height: 1.4;
}
.bew-logo-overlay {
font-size: 12px;
padding: 6px 8px;
gap: 5px;
}
.bew-overlay-icon {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
}
}
@media (max-width: 480px) {
.bewertigo-marquee {
padding: 10px 0 10px 0;
}
.bewertigo-track {
gap: calc(var(--bew-gap, 40px) * 0.5);
padding-right: calc(var(--bew-gap, 40px) * 0.5);
}
.bewertigo-track img:not(.bew-overlay-icon) {
height: calc(var(--bew-height, 60px) * 0.6);
}
.bew-logo-tooltip::after {
font-size: 10px;
padding: 4px 10px;
line-height: 1.3;
}
.bew-logo-overlay {
font-size: 11px;
padding: 5px 6px;
gap: 4px;
}
.bew-overlay-icon {
height: 15px !important;
min-height: 15px !important;
max-height: 15px !important;
}
}