<div class="section-logos">
<div class="section-logos__inner">
<div class="logo-wall">
<div class="logo-wall__inner">
<div class="logo-wall__headline">
<h2 class="headline headline--module-2">Unsere Partner</h2>
</div>
<div class="logo-wall__logos"><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a><a class="logo-wall__item" href="#" title="Lorem ipsum dolor" target="_blank">
<picture>
<source srcset="https://placehold.co/160x80/A0A0A6/FFFFFF.webp?text=160x80-webp" type="image/webp" />
<img src="https://picsum.photos/id/FFFFFF/160/80" alt="Das ist ein Alt-Text. Das ist ein Pflichtfeld." width="160" height="80" loading="lazy" />
</picture>
</a></div>
</div>
</div>
</div>
</div>
#{tag || 'div'}.section-logos()&attributes(attr)
.section-logos__inner
+include('@logo-wall', logos)
/* No context defined for this component. */
.section-logos {
background: #fff;
padding: 8rem 1.5rem 11rem;
@include mq($from: m) {
padding: 8rem 3rem 11rem;
}
@include mq($from: xl) {
padding: 8rem 9rem 12rem;
}
}
.section-logos__inner {
margin: 0 auto;
max-width: 127rem;
}
See molecules -> logo-wall for image sizes