footer {
    background-color: #333333;
    color: #888888;
    padding: 40px 0px 40px 0px;
    font-size: 15px;
    line-height: 19px;
}

.footer-dreiteiler {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-columns: 1fr;
    gap: 1em 1em;
    grid-auto-flow: row;
    grid-template-areas:
        "footer_kanzlei footer_erreichbarkeit footer_links";
}

.footer_kanzlei {
    grid-area: footer_kanzlei;
}

.footer_erreichbarkeit {
    grid-area: footer_erreichbarkeit;
}

.footer_contact {
    grid-area: footer_contact;
}

footer h3 {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #ccc;
    font-weight: normal;
}

footer a {
    color: #fff;
    text-decoration: none;
}

#sub-footer-note {
    font-size: 12px;
    color: #333;
    text-align: center;
}

#sub-footer-note a {
    color: #888;
}