.footer_wrapper {
    margin: 60px auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    background: var(--darker-background-color);
    gap: 15px;
    color: var(--text-color);
    width: 1500px;
    max-width: 90%;
    grid-template-areas: "XING_Link LinkedIn_Link contact";
}

footer div {
    background: var(--background-color);
    padding: 30px;
}

#Fondiv {
    margin-top: 10px;
    padding: 0px;
}

#XING_Link {
    grid-area: XING_Link;
}

#LinkedIn_Link {
    grid-area: LinkedIn_Link;
}

#contact {
    grid-area: contact;
}

@media(max-width: 1300px) {
    .footer_wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        grid-template-areas: "XING_Link XING_Link" "LinkedIn_Link contact";
    }
}

@media(max-width: 900px) {
    footer div {
        padding: 15px;
    }
}

@media(max-width: 650px) {
    .footer_wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto auto auto;
        grid-template-areas: "XING_Link" "LinkedIn_Link" "contact";
    }
}