.container-top-b {
 color: rgba(255, 255, 255, 1);
}

.container-bottom-a.h3 {
 color: rgba(255, 255, 255, 1);
}

/* darstellung Bildrand rund */
.figure img {
  border-radius:2em;
}

/* darstellung footer zentriert */
.container-footer {
  display: grid;
  font-size: 1em;
  font-weight: 400;
}

/* darstellung back to top Link */
.back-to-top-link {
  color: orangered;
}

@media (width >= 768px) {
  .overlap .mod-articles-item-content {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 50px 1fr 50px;
    .mod-articles-image {
        grid-row: 1 / 4;
        grid-column: 4 / 8;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    p {
        grid-row: 2;
        grid-column: 2 / 5;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4rem;
        background-color: #396cb0;
        color: #fff;
        border-radius: 48% 52% 67% 33% / 30% 43% 57% 70%;
    }
  }
}