/* Layout 1 */

.newpage-layout-p1 .text-box {
    padding: 25px;
    background-color: #fff;
}

/* Margin-Bottom musste hier noch dazu als neue Regel */
.newpage-layout-p1 .card {
    overflow: hidden;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
}

.mobile-view .card {
    width: 90%;
}
.mobile-view .newpage-layout-p1 .text-box {
    padding: 15px;
}

/* Layout 2 */
.newpage-layout-p2 .text-box {
    margin-block: 25px 40px;
}

/* Änderung im Gegensatz zu Konfigurator! Dort 80% */
.newpage-layout-p2 .container {
    width: 100%; 
    margin: auto;
}

.mobile-view .newpage-layout-p2 .container {
    width: 100%
}

.mobile-view .newpage-layout-p2 .text-box {
    margin: 15px;
}

.newpage-layout-p2 img:not(.further-img) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-radius: 8px;
    box-shadow: 0 0px 12px rgba(0,0,0,.3);
}

.mobile-view .newpage-layout-p2 img:not(.further-img) {
    border-radius: 0 !important;
}


/* allgemein */

.preview-new-pages {
    flex: 1 1 0%;
}

/* Änderung im Gegensatz zu Konfigurator! Dort Gap 15px */
.preview-new-pages .text-box{
    display: flex;
    flex-direction: column;
}
/* Neue Regel nur in clubsy wp */
.preview-new-pages h1 {
    margin: 0;
}

.preview-page:not(.mobile-view) .preview-new-pages .news-image img {
    aspect-ratio: 2 / 1;
    max-height: 100%;
}

.mobile-view .preview-new-pages .text-box h1 {
    font-size: 22px;
}
.mobile-view .preview-new-pages .text-box {
    gap: 10px;
}

.further-img {
    float: right;
    width: 40%;
    margin: 0 0 15px 20px;
    box-shadow: 0 0px 12px rgba(0,0,0,.2);
}
.mobile-view .further-img {
    width: 100%;
    margin: 0 0 15px 0;
}