.subfooter {
    margin-bottom:0;
}

/* Footer */
#footer {
    background-color:#3c3c3b;
    border-top:1px solid #ccc;
    font-size:.8em;
    color:#ffffff;
}
#footer .inside,
#footer .wrapper-content,
#footer .wrapper-inside {
    width:100%;
    max-width:75%;
    margin:0 auto;
}
#footer .inside .box_wrapper {
    display: grid;
        grid-template-columns: auto auto auto auto;
        grid-gap: 2%;
}
#footer h5 {
    border-bottom:1.5px solid #337abe;
    border-spacing:5px;
    font:1.25em 'roboto';
    font-weight:bold;
    text-indent:10px;
}
#footer .box {
    margin-bottom:0;
    text-align:left;
}
.footer-copyright {
    margin-top:40px;
    padding:10px 0;
    text-align:center;
    border-top:1px solid #ccc;
    font-size:.75em;
}

/* sonstige Abstände und Elemente */
#footer p,
#footer ol,
#footer pre,
#footer table,
#footer blockquote {
    margin-top:0;
    margin-bottom:1.5em;
}
#footer ul ul,
#footer ol ol,
#footer ul ol,
#footer ol ul {
    margin-top:0;
    margin-bottom:0;
}
#footer ul {
    margin-top:0;
    margin-bottom:0;
    list-style-type:none;
}
#footer ol {
    list-style: decimal;
}
#footer li {
    margin-left:.5em;
}
#footer hr {
    margin:-1px 0;
    border:1px solid #292c37;
}

/* Links */
#footer a,
#footer a:visited {
    text-decoration:none;
    color:#ffffff;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
    color:#337abe;
    outline: 0;
}
#footer a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}