/* Media Query
---------------------*/
@media screen {
    #footer {
        background-color: var(--mut-darkgrey);
        overflow: hidden;
        padding-top: 3rem;
        color: #fff;
        font-size: 16px;
        --bordercolor:  var(--mut-red);
    }

    #footer .container {
        padding-bottom: 2rem;
    }

    #footer .heading,
    #footer h1, #footer h2, #footer h3 {
        border-bottom: none;
        padding: 0;
        text-align: left;
        margin-bottom: 1rem;
        text-transform: uppercase;
        font-size: 1.25rem;
        color: var(--bc-dark-grey);
        margin-bottom: 1.5rem;
    }

    #footer a {
        text-decoration: none;
        border: none;
        color: var(--mut-grey);
    }

    .konsumenten #footer a {
        color: #fff;
    }

    #footer a:hover {
        color: #fff;
    }

    .konsumenten #footer a:hover {
        color: var(--mut-grey);
    }

    #footer .ce_multicolumnStart > .block {
        margin-bottom: 2rem;
    }
    #footer .ce_multicolumnStart > .ce_multicolumnStart {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #footer address {
        column-count: 2;
    }

    .konsumenten #footer address {
        column-count:auto;
        text-align: center;
    }

    #footer .short-links p:first-child {
        display: none;
    }

    #footer div.widget-submit .field_div {
        margin-top: -1rem;
    }

    #footer div.n2g form {
        margin-bottom: 2rem;
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}

/* Tablet-landscape (and larger) for width 960px */
@media only screen and (min-width: 992px) {
    #footer {
        padding-top: 5rem;
        font-size: 20px;
    }

    #footer .heading,
    #footer h1, #footer h2, #footer h3 {
        margin-bottom: 2rem;
        border: none;
    }

    #footer .ce_multicolumnStart > .ce_multicolumnStart {
        display: block;
    }

    #footer .ce_multicolumnStart.flex-col3 {
        justify-content: flex-start;
        justify-content: space-between;
    }

    #footer .ce_multicolumnStart.flex-col3 > div:last-child {
        text-align: right;
    }

    #footer .flex-col3.ce_multicolumnStart > .block {
        width: 30% !important; 
        flex-grow: unset;
    }

    #footer .ce_multicolumnStart > .ce_multicolumnStart {
        width: auto;
    }

    #footer address {
        column-count: auto;
        text-align: unset;
    }

    #footer .short-links p:first-child {
        display: block;
    }


}

/* min-width:1100 */
@media only screen and (min-width:1100px) {

}

/* min-width:1300 Laptops (and larger) for width 1200px */
@media only screen and (min-width:1300px) {
}
/* Footer ends
--------------------*/




/* Footer Navigation Query
--------------------*/
@media screen {
    #footer .mod_navigation li {
        text-align: center;
    }

    .footerNavi {
        margin-top: 2rem;
        margin-left: auto;
        width: 100% !important;
    }

    .footerNavi li {
        margin: 1.5rem;
        line-height: 1.3;
        padding-left: 0 !important;
    }

    .footerNavi a {
        letter-spacing: 0;
        border: none;
        display: block;
        background-color: #fff;
        padding: 0.5rem 1rem;
        border-radius: 1.75rem !important;
        text-align: center;
        min-width: 100px;
        font-size: 22px;
        background-size: 50%;
        transition: var(--transition);
        transition-duration: 200ms;
        border: 2px solid transparent !important;
    }

    .footerNavi a:hover {
        background-color: var(--mut-lightgrey);
        border: 2px solid var(--mut-red) !important;
    }

    #footer .footerNavi a {
        color: var(--mut-darkgrey);
    }

    .footerNavi a:hover {

    }
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}

/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

    #footer .mod_navigation li {
        text-align: right;
    }

    .flex-col3 > .footerNavi {
        margin-top: 0.25rem;
        width: 25% !important;
    }

    .footerNavi a {
        padding: 0.85rem 1rem;
    }

    .footerNavi li {
        margin: 0 0 1.5rem 0;
    }
}
/* Footer Navigation ends
--------------------*/


/* Footer Meta Navigation Query
--------------------*/
@media screen {

}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {

}
/* Footer Meta Navigation ends
--------------------*/

/* Social Media Query
--------------------*/
@media screen {
    #footer .mod_social_media_link {
        display: block;
        margin: auto;
    }

    #footer .mod_social_media_link ul {
        align-items: flex-end;
        justify-content: flex-end;
    }

    #footer .mod_social_media_link ul li {
        margin-bottom: 0.75rem;
        margin-left: 0.85rem;
    }

    #footer .mod_social_media_link img {
        width: 1.75rem;
    }

    #footer .mod_social_media_link img:hover {
        filter: brightness(0.75) saturate(50%);
        transition: var(--transition);
    }


    #footer .mod_social_media_link .youtube img {
        width: 2.35rem;
    }

    #footer .mod_social_media_link .linkedin img {
        width: 1.6rem;
    }    
}

/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {

}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
    #footer .mod_social_media_link ul li {
        margin-right: 0;
    }
}
/* Social Media ends
--------------------*/












/* Footer More/Extra Query
--------------------*/


/* Footer More/Extra ends
--------------------*/