footer {
    background-color: var(--lightgrey);
    margin-top: var(--margin-containers);
}

.footer-container {
    padding: calc(var(--margin) / 2) var(--margin) !important;
    width: calc(100% - (var(--margin) * 2)) !important;

    display: flex;
    flex-direction: row;
    gap: var(--gap);
    flex-wrap: wrap;
}

main:has(> :last-child.topic-container .rotated-container) ~ footer,
main:has(> :last-child.topic-container .block-container) ~ footer,
main:has(> :last-child.rotated-container) ~ footer,
main:has(> :last-child.block-container) ~ footer {
    margin-top: 0;
}

footer .footer-container a:hover {
    text-decoration: underline;
}

footer h3 {
    font-size: var(--font-default);
    line-height: var(--line-default);
    height: var(--line-default);
}

footer .menu-sub-item {
    display: flex;
    flex-direction: column;
}

footer .footer-item.row .menu-sub-item {
    display: flex;
    flex-direction: row;
    gap: .5rem;
}

footer .footer-container svg {
    width: 23px;
    height: auto;
    fill: var(--black1);
    opacity: 0.5;
}

footer .footer-container svg:hover {
    opacity: 1;
}

footer .footer-column {
    display: flex;
    flex-direction: column;
    gap: var(--items-gap);
}