footer {
    height: 270px;
    margin-bottom: calc(2 * var(--spacing-unit));
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: calc(4 * var(--spacing-unit));
}

@media(max-width:1000px) {
    footer {
        height: max-content;
    }
}


.footer-content {
    display: flex;
    flex-direction: column;
    width: 96%;
    max-width: var(--max-width-unit);
    gap: calc(2 * var(--spacing-unit));
}

.footer-content-0 {
    display: flex;
    flex-direction: row;
    gap: var(--main-unit);
}

@media(max-width:1000px) {
    .footer-content-0 {
        flex-direction: column;
        width: auto;
        gap: calc(2*var(--main-unit));
    }
}

.footer-content-1 {
    width: var(--info-l);
    display: flex;
    flex-direction: column;
    gap: var(--main-unit);
}

@media(max-width:1000px) {
    .footer-content-1 {
        width: auto;
    }
}

.footer-content-1-1 {
    font-size: var(--font-l);
    font-weight: 700;
}

.footer-content-2 {
    width: var(--info-l);
    display: flex;
    flex-direction: column;
    gap: var(--main-unit);
}

@media(max-width:1000px) {
    .footer-content-2 {
        width: auto;
    }
}

.footer-content-2-1 {
    font-size: var(--font-m);
    font-weight: 700;
}

.footer-content-2-2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-content-2-2 a{
    transition: all 300ms ease-in-out;
    font-weight: 700;
    color: var(--color-primary-blue);
    width: max-content;
}
.footer-content-2-2 a:hover{
    color: var(--color-primary-green);
    cursor: pointer;
}

.footer-content-3 {
    width: var(--info-l);
    display: flex;
    flex-direction: column;
    gap: var(--main-unit);
}

@media(max-width:1000px) {
    .footer-content-3 {
        width: auto;
    }
}

.footer-content-3-1 {
    font-size: var(--font-m);
    font-weight: 700;
}

.footer-content-3-2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-content-3-2-1 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-content-3-2-1 a{
    transition: all 300ms ease-in-out;
    font-weight: 700;
    color: var(--color-primary-blue);
    width: max-content;
}

.footer-content-3-2-1 span{
    transition: all 300ms ease-in-out;
    font-weight: 700;
    color: var(--color-primary-blue);
    width: max-content;
}
.footer-content-3-2-1 a:hover{
    color: var(--color-primary-green);
    cursor: pointer;
}

.footer-content-4 {
    width: var(--info-l);
    display: flex;
    flex-direction: column;
    gap: var(--main-unit);
}

@media(max-width:1000px) {
    .footer-content-4 {
        width: auto;
    }
}

.footer-content-4-1 {
    font-size: var(--font-m);
    font-weight: 700;
}

.footer-content-4-2 {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.footer-content-4-2-1 {
    display: flex;
    align-items: center;
}

.footer-content-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 96px;
    flex-direction: column;
}

.footer-content-5 a{
    transition: all 300ms ease-in-out;
}

.footer-content-5 a:hover{
    cursor: pointer;
    color: var(--color-primary-green);
}

@media(max-width:1000px) {
    .footer-content-5 {
        width: auto;
        align-items: unset;
    }
}