footer {
    background-color: #f4f4f4;
}
footer .footerMain {
    padding: 30px 0;
}
footer .logo-wrapper {
    max-width: 325px;
    display: inline-block;
    margin-bottom: 20px;
}
footer .links-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}
footer .links-wrapper a {
    display: inline-block;
    width: 150px;
    margin-bottom: 13px;
}
footer a.active {
    color: #649739;
}
footer .social-icons-col {
    align-items: end;
    display: flex;
    padding-bottom: 16px;
}
footer .links-wrapper a[href^="/datenschutz"] {
    order: 1;
}
footer .links-wrapper a[href^="/magazine"] {
    order: 2;
}
footer .links-wrapper a[href^="/redaktion"] {
    order: 3;
}
footer .links-wrapper a[href^="/impressum"] {
    order: 4;
}
footer .links-wrapper a[href^="/medientipps"] {
    order: 5;
}
footer .links-wrapper a[href^="/kontakt"] {
    order: 6;
}
footer .links-wrapper a[href^="#cookiebot-renew"] {
    order: 7;
}
footer .links-wrapper a[href^="/mediadaten"] {
    order: 8;
}
footer .links-wrapper a[href^="/netiquette"] {
    order: 9;
}

/* Hides additional cookie data */
.CookieDeclaration {
    display: none;
}

@media (min-width: 640px) {
    footer .social-icons-col, .social-article-icons {
        justify-content: end;
    }
    footer .social-icons-col img.colorful-logo, .social-article-icons img.colorful-logo {
        display: none;
    }
    footer .social-icons-col a:hover img.colorful-logo, .social-article-icons a:hover img.colorful-logo {
        display: block;
    }
    footer .social-icons-col a:hover img.gray-logo, .social-article-icons a:hover img.gray-logo {
        display: none;
    }
}
@media (max-width: 639px) {
    footer .cell {
        margin-bottom: 20px;
    }
    footer .social-icons-col img.gray-logo {
        display: none;
    }
}