.cd-responsive-picture {
    display: block;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    line-height: 0;
}

.cd-responsive-picture__img {
    display: block;
    width: 100%;
    object-fit: cover;
}

/* Seitenverhältnis je Band: 9:5 bis 992px, danach 4:1 */
@media (max-width: 991px) {
    .cd-responsive-picture__img { aspect-ratio: 9 / 5; }
}
@media (min-width: 992px) {
    .cd-responsive-picture__img { aspect-ratio: 4 / 1; }
}

/* Leere Bänder komplett ausblenden (kein aufgespannter Leer-Kasten) */
@media (max-width: 575px) {
    .cd-responsive-picture:not(.has-smartphone) { display: none; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .cd-responsive-picture:not(.has-tablet) { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .cd-responsive-picture:not(.has-laptop) { display: none; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .cd-responsive-picture:not(.has-desktop-small) { display: none; }
}
@media (min-width: 1440px) {
    .cd-responsive-picture:not(.has-desktop-large) { display: none; }
}