footer {
    padding: 32px 0;
    color: #6aaf08;
    background-color: rgba(0,0,0,0.6);
    transition: 0.25s;
}

footer a:hover,
footer a:active {
    color: #518605;
}

footer h3 {
    color: #6aaf08;
}

.footerinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 10px;
}

.footercompanyinfo {
    color: #6aaf08;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 16px;
    width: 25%;
}

.footercompanyinfo h3 {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footercompanyinfo h3::after {
    content: "";
    display: block;
    border-radius: 50%;
    height: 8px;
    min-width: 8px;
    background-color: #fff;
}

.footernavigation {
    width: 50%;
    flex-shrink: 2;
}

.footernavlinks {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
    font-size: 14px;
}

.footersocial {
    display: flex;
    justify-content: flex-end;
    padding-right: 16px;
    width: 25%;
}

.footersocial a svg path{
    fill: #6aaf08;
    transition: 0.25s;
}

.footersocial a:hover svg path,
.footersocial a:active svg path{
    fill: #fff;
}

.footersocial svg {
    height: 32px;
    width: 32px;
}

.footerphonenumber {
    font-size: 18px;
}


/* Mobile */
@media (max-width: 875px) {
        .footerinner {
            flex-direction: column;
        }

        .footercompanyinfo {
            padding: 16px 0;
            width: unset;
        }

        .footernavigation {
            width: unset;
            padding: 16px 0;
        }

        .footernavlinks {
            flex-direction: column;
            font-size: 20px;
        }
        
        .footersocial {
            padding: 16px 0;
            width: unset;
        }

        .footersocial svg {
            height: 64px;
            width: 64px;
        }
}