h2 {
    line-height: 0.9;
}

.beschreibung-cows {
    max-width: 500px;
    font-size: 25px;
    padding-left: 20px;
}
.cow-ilu {
    width: 500px;
    height: auto;

    margin-bottom: 180px;
    margin-left: 60px;
}
.projekt-beschreibung-cows {
    display: flex;
    align-items: flex-start;
    gap: 48px;
}
.goldener-schnitt {
    display: flex;
    align-items: flex-start;
    gap: 100px;
}
.mockup-milch {
    margin-inline: calc(var(--body-margin) * -1);
    max-width: calc(100% + var(--body-margin) * 2);
}
.beschreibung-goldener-schnitt {
    max-width: 500px;
    padding: 40px;
    font-size: 25px;
    margin-top: 190px;
    padding-left: 20px;
}

.gold-bild {
    width: 600px;
    height: auto;
    margin-top: 250px;
}
main {
    padding-left: 100px;
    padding-right: 100px;
}
@media (max-width: 1200px) {
    main {
        padding-left: 25px;
        padding-right: 25px;
    }
    .projekt-beschreibung-cows,
    .goldener-schnitt {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 40px;
    }
    .beschreibung-goldener-schnitt,
    .beschreibung-cows {
        font-size: 1.25rem;
        padding: 16px;
        max-width: 520px;
        margin-top: 0;
    }
    .beschreibung-goldener-schnitt {
        margin-top: 50px;
    }
    .cow-ilu {
        width: 380px;
        max-width: 100%;
        height: auto;
        margin: 0;
        flex: 0 0 auto;
        margin-bottom: 50px;
    }
    .gold-bild {
        width: 420px;
        max-width: 100%;
        height: auto;
        margin: 0;
        flex: 0 0 auto;
        margin-top: 80px;
    }
    .mockup-milch {
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        max-width: none;
        margin-bottom: 30px;
    }
}

@media (max-width: 900px) {
    main {
        padding-left: 25px;
        padding-right: 25px;
    }

    .beschreibung-goldener-schnitt,
    .beschreibung-cows {
        font-size: 1.25rem;
        padding: 16px;
        max-width: 100%;
    }
    .projekt-beschreibung-cows,
    .goldener-schnitt {
        flex-wrap: wrap;
        gap: 20px;
    }
    .beschreibung-goldener-schnitt,
    .beschreibung-cows {
        max-width: 100%;
        font-size: 1.25rem;
        padding-left: 0;
        padding: 0;
        margin-top: 0;
    }
    .cow-ilu,
    .gold-bild {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        display: block;
    }
    .mockup-milch {
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        max-width: none;
        margin-bottom: 30px;
    }
    .cow.cow-ilu {
        order: 1;
    }
    .beschreibung-cows {
        order: 2;
    }
    .goldener-schnitt {
        padding-bottom: 2rem;
    }
}