@media all and (max-width: 799px) {

    /* ── Navigation ── */
    .navigation {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navigation__link,
    .navigation__link-kontakt {
        font-size: clamp(10px, 3vw, 16px);
        padding-left: 10px;
        padding-right: 6px;
    }

    /* ── Page titles ── */
    .titel {
        font-size: 14vw;
        line-height: 1;
        padding-top: 20px;
        padding-bottom: 16px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        width: 100%;
    }

    /* ── Project images ── */
    .project {
        margin: calc(-70 / 800 * 300vw) 0 0 0;
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .project-1 {
        margin-top: 6%;
    }

    .project-inner {
        width: 68vw;
        margin-left: auto;
        margin-right: auto;
    }

    .project img {
        padding-bottom: 4%;
    }

    /* ── Labels ── */
    .label {
        display: none;
    }

    /* ── Footer ── */
    .footer {
        padding: 24px 20px;
    }

    .footer__container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 14px;
    }

    .footer__center,
    .footer__right {
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px;
    }

    .footer__left p {
        text-align: center;
    }
}