.dsg-logo-marquee * {
box-sizing: border-box;
}

.dsg-logo-marquee h2 {
text-align: center;
font-size: clamp(26px, 4vw, 38px);
line-height: 1.2;
margin: 0 0 10px;
color: #0f172a;
letter-spacing: -0.5px;
}

.dsg-logo-marquee .dsg-subtitle {
max-width: 760px;
margin: 0 auto 28px;
padding: 0 20px;
text-align: center;
color: #64748b;
font-size: 15px;
}

.dsg-marquee-wrap {
width: 100%;
overflow: hidden;
position: relative;
padding: 20px 0;
background: linear-gradient(90deg, rgba(56,113,193,0.08), rgba(92,222,227,0.16));
border-top: 1px solid rgba(56,113,193,0.14);
border-bottom: 1px solid rgba(56,113,193,0.14);
}

.dsg-marquee-wrap::before,
.dsg-marquee-wrap::after {
content: "";
position: absolute;
top: 0;
width: 90px;
height: 100%;
z-index: 2;
pointer-events: none;
}

.dsg-marquee-wrap::before {
left: 0;
background: linear-gradient(90deg, #ffffff, rgba(255,255,255,0));
}

.dsg-marquee-wrap::after {
right: 0;
background: linear-gradient(270deg, #ffffff, rgba(255,255,255,0));
}

.dsg-marquee-track {
display: flex;
align-items: center;
width: max-content;
animation: dsgLogoMove 45s linear infinite;
}

.dsg-marquee-track:hover {
animation-play-state: paused;
}

.dsg-logo-item {
width: 170px;
height: 86px;
margin: 0 22px;
padding: 16px 20px;
background: #ffffff;
border: 1px solid #e5edf7;
border-radius: 18px;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.dsg-logo-item img {
max-width: 120px;
max-height: 48px;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.78;
transition: 0.25s ease;
}

.dsg-logo-item:hover img {
filter: grayscale(0%);
opacity: 1;
transform: scale(1.05);
}

.dsg-disclaimer {
max-width: 850px;
margin: 18px auto 0;
padding: 0 20px;
text-align: center;
color: #64748b;
font-size: 13px;
line-height: 1.6;
}

@keyframes dsgLogoMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

@media (max-width: 768px) {
.dsg-logo-marquee {
padding: 34px 0;
}

.dsg-logo-item {
width: 135px;
height: 72px;
margin: 0 12px;
padding: 12px 14px;
border-radius: 14px;
}

.dsg-logo-item img {
max-width: 96px;
max-height: 38px;
}

.dsg-marquee-track {
animation-duration: 36s;
}
}

Starke deutsche Marken

Ein Überblick über bekannte Marken und Unternehmen aus dem deutschen Markt.

Die gezeigten Logos dienen ausschließlich als allgemeine Marktübersicht. Es besteht keine Partnerschaft, Empfehlung oder geschäftliche Verbindung, sofern nicht ausdrücklich angegeben.