/* =========================== FOOTER =========================== */

.footer--titel {
    font-size: 4rem;
    font-weight: 700;
}

.footer--kol {
    flex: 1;
}

.footer--kol--smal {
    flex: 0.5;
}

/* De kaart houdt zijn eigen verhouding, ook in de smalle kolom */
.contact-kaart img {
    display: block;
    width: 100%;
    height: auto;
}

.footer--kol--breed {
    padding-right: 5%;
}

.by--wcreate {
    width: 100%;
    padding-right: 15%;
    font-size: 1rem;
    font-weight: 600;
    text-align: right;
}

/* De score op AutoScout24, onder de knoppen */
.autoscout-score {
    display: block;
    margin-top: 1.5rem;
    color: var(--color-white);
    font-size: var(--font-size-sm);
    text-decoration: none;
}

.autoscout-score:hover,
.autoscout-score:focus-visible {
    color: var(--color-primary);
}

.autoscout-score__sterren {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--color-primary);
    font-size: 1.25rem;
    letter-spacing: 0.1em;
}

/* Het contactformulier in de footer */
.contact--formulier {
    padding-left: 15%;
    padding-right: 15%;
}

.contact--formulier h2 {
    margin-bottom: 2.5rem;
}

@media only screen and (max-width: 780px) {

    .footer--titel {
        font-size: 1.6rem;
    }

    .footer--kol--smal {
        flex: 0 0 100%;
    }

    .footer--kol--breed {
        padding-right: 0;
    }

    .tekst--blok {
        font-size: inherit;
    }

    .contact--formulier {
        margin-top: 2rem;
    }

    .contact--formulier {
        padding-left: 0;
        padding-right: 0;
    }

    .by--wcreate {
        padding-right: 0;
        font-size: 0.7rem;
    }
}