.bew-logo-tooltip::after {
content: attr(data-tooltip);
position: absolute;
bottom: calc(100% + 15px);
left: 50%;
transform: translateX(-50%) translateY(5px);
background: rgba(0, 0, 0, 0.95);
color: white;
padding: 12px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
line-height: 1.4;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 1000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.bewertigo-marquee {
width: 100%;
overflow: hidden;
position: relative;
background: transparent;
padding: 80px 0 20px 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 {
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;
transition: transform 0.3s ease;
}
.bew-logo-wrapper:hover {
transform: scale(1.1);
}
.bew-logo-wrapper img {
display: block;
}
.bew-logo-wrapper a {
display: block;
text-decoration: none;
position: relative;
} .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 12px;
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;
} .bew-logo-tooltip::before {
content: '';
position: absolute;
bottom: calc(100% + 5px);
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top-color: rgba(0, 0, 0, 0.95);
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 1000;
}
.bew-logo-tooltip:hover::after,
.bew-logo-tooltip:hover::before {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
.bewertigo-track img:hover {
filter: grayscale(0%);
opacity: 1;
transform: none; }
.bewertigo-track a:hover img {
filter: grayscale(0%);
opacity: 1;
transform: none; } @media (max-width: 768px) {
.bewertigo-marquee {
padding: 60px 0 15px 0;
}
.bewertigo-track {
gap: calc(var(--bew-gap, 40px) * 0.75);
padding-right: calc(var(--bew-gap, 40px) * 0.75);
}
.bewertigo-track img {
height: calc(var(--bew-height, 60px) * 0.8);
}
.bew-logo-tooltip::after {
font-size: 13px;
padding: 10px 16px;
line-height: 1.4;
}
}
@media (max-width: 480px) {
.bewertigo-marquee {
padding: 50px 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 {
height: calc(var(--bew-height, 60px) * 0.6);
}
.bew-logo-tooltip::after {
font-size: 12px;
padding: 8px 14px;
bottom: calc(100% + 10px);
line-height: 1.3;
}
.bew-logo-tooltip::before {
bottom: calc(100% + 2px);
border-width: 8px;
}
}