#logo-design-referenzen {
    border: var(--global-border-width) solid var(--primary-text-color);
    background-color: white;
    border-radius: var(--page-content-element-border-radius);
    padding: 5%;
    margin-top: 1em;
    width: 100%;
}

.software-examples img,
.web-examples img,
.print-examples img {
    background-color: white;
}

.web-examples img.alt-bg {
    background-color: var(--frameworm-gray-color);
}

.web-examples img.alt2-bg {
    background-color: hsl(0, 0%, 84%);
}

.web-examples img {
    padding: 2rem;
}

.articles-container.print-examples {
    align-items: start;
    height: auto;
}

#inmedia-res-anzeige {
    display: none;
}

ul.bullets li::before {
    display: block;
    position: absolute;
    margin-left: -1em;
    color: var(--hover-text-color);
    content: "chevron_right";
}

@media (min-width: 768px) {
    .articles-container.web-examples :nth-child(1) {
        grid-column: 1;
    }

    .articles-container.web-examples :nth-child(2) {
        grid-column: 2;
    }

    .articles-container.web-examples :nth-child(3) {
        grid-column: 1;
    }

    .articles-container.web-examples :nth-child(4) {
        grid-column: 2;
    }

    #atmogen-hilfe {
        grid-column: 1 / 3;
    }

    #inmedia-res-anzeige {
        display: block;
    }
}

@media (min-width: 1024px) {
    .articles-container.web-examples :nth-child(1) {
        grid-column: 1;
    }

    .articles-container.web-examples :nth-child(2) {
        grid-column: 2 / 4;
    }

    .articles-container.web-examples :nth-child(3) {
        grid-column: 1 / 3;
    }

    .articles-container.web-examples :nth-child(4) {
        grid-column: 3;
    }
}

@media (min-width: 1280px) {
    .articles-container.web-examples :nth-child(1) {
        grid-column: 1 / 3;
    }

    .articles-container.web-examples :nth-child(2) {
        grid-column: 3 / 5;
    }

    .articles-container.web-examples :nth-child(3) {
        grid-column: 1 / 3;
    }

    .articles-container.web-examples :nth-child(4) {
        grid-column: 3 / 5;
    }

    #atmogen-hilfe {
        grid-column: 1 / 4;
    }
}