#op-ps-plugin-wrapper.social-wall-grid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px;
    box-sizing: border-box;
    align-items: stretch;
}

/* Standard (Mobile): 1 Spalte */
#op-ps-plugin-wrapper .card-socialwall {
    flex-basis: 100%;
    max-width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}

@media only screen and (min-width: 768px) {
    #op-ps-plugin-wrapper .card-socialwall {
        flex-basis: calc(50% - 5px); /* Für 2 Spalten und 10px Gap */
        max-width: calc(50% - 5px);
    }
}

@media only screen and (min-width: 1200px) {
    #op-ps-plugin-wrapper .card-socialwall {
        flex-basis: calc(33.333% - 6.67px);
        max-width: calc(33.333% - 6.67px);
    }
}

#op-ps-plugin-wrapper .card-socialwall.is-featured {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    border: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 20px 0;
}

@media only screen and (max-width: 767px) {
    #op-ps-plugin-wrapper .card-socialwall.is-featured {
        flex: 0 0 100%;
    }
}

@media only screen and (min-width: 768px) {
    #op-ps-plugin-wrapper .card-socialwall:not(.is-featured) {
        flex-basis: calc(50% - 5px);
        max-width: calc(50% - 5px);
    }
}

@media only screen and (min-width: 1200px) {
    #op-ps-plugin-wrapper .card-socialwall:not(.is-featured) {
        flex-basis: calc(33.333% - 6.67px);
        max-width: calc(33.333% - 6.67px);
    }
}