.widget-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #f5f5f5;
}

/* iFrame füllt den Container */
.widget-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* DESKTOP AND LAPTOP VIEW*/
@media (min-width: 1200px) {
    .widget-wrapper {
        max-width: 80%;
        aspect-ratio: 6 / 3;
    }
}

/* TABLET VIEW*/
@media (max-width: 1199px) {
    .widget-wrapper {
        max-width: 80%;
        aspect-ratio: 3 / 4;
    }
}

/* MOBILE VIEW*/
@media (max-width: 500px) {
    .widget-wrapper {
        max-width: 80%;
        aspect-ratio: 3 / 7;
    }
}