/* =========================================================
   MT MOTORS GLOBAL FOOTER
   ========================================================= */

#mt-global-footer,
#mt-global-footer *{
    box-sizing:border-box;
}

/* alte Footer in den aktuellen Custom-Seiten ausblenden */
body:has(#mt-global-footer) #mt-home-v2 > .mt-footer,
body:has(#mt-global-footer) #mt-motors-v2 > .mt-footer,
body:has(#mt-global-footer) #mt-performance-v2 > .mt-footer,
body:has(#mt-global-footer) #mt-about-v2 > .mt-footer,
body:has(#mt-global-footer) #mt-contact-v2 > .mt-footer,
body:has(#mt-global-footer) #mt-automobile > .mt-footer{
    display:none !important;
}

#mt-global-footer{
    --mtgf-blue:#4098ff;
    --mtgf-white:#f5f6f7;
    --mtgf-grey:#929aa3;
    --mtgf-line:rgba(255,255,255,.14);

    position:relative;
    z-index:5;

    width:100%;

    padding:
        0 5vw
        30px;

    background:
        linear-gradient(
            180deg,
            #050709 0%,
            #030506 100%
        );

    color:
        var(--mtgf-white);

    font-family:
        "Montserrat",
        "Helvetica Neue",
        Arial,
        sans-serif;
}

#mt-global-footer a{
    color:inherit;
    text-decoration:none;
}

#mt-global-footer .mtgf-accent{
    width:min(1600px,100%);
    height:1px;

    margin:
        0 auto
        48px;

    background:
        linear-gradient(
            90deg,
            var(--mtgf-blue),
            rgba(255,255,255,.14) 20%,
            rgba(255,255,255,.14) 100%
        );
}

#mt-global-footer .mtgf-inner{
    width:min(1600px,100%);
    margin:0 auto;
}

#mt-global-footer .mtgf-main{
    display:grid;
    grid-template-columns:
        minmax(280px,1.55fr)
        repeat(3,minmax(150px,.75fr));

    gap:
        clamp(34px,5vw,72px);

    padding-bottom:50px;
}

#mt-global-footer .mtgf-brand img{
    display:block;
    width:116px;
    height:auto;
}

#mt-global-footer .mtgf-brand p{
    max-width:310px;

    margin:
        23px 0 0;

    color:
        var(--mtgf-grey);

    font-size:10px;
    line-height:1.75;
}

#mt-global-footer .mtgf-column strong{
    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:21px;

    color:
        rgba(255,255,255,.38);

    font-size:9px;
    font-weight:700;

    letter-spacing:2.4px;
    text-transform:uppercase;
}

#mt-global-footer .mtgf-column strong::before{
    content:"";

    width:18px;
    height:1px;

    background:
        rgba(255,255,255,.35);
}

#mt-global-footer .mtgf-column a,
#mt-global-footer .mtgf-column span{
    display:block;

    width:fit-content;

    margin-bottom:15px;

    color:
        rgba(255,255,255,.76);

    font-size:16px;
    font-weight:400;
    line-height:1.35;

    transition:
        color .22s ease,
        transform .22s ease;
}

#mt-global-footer .mtgf-column span{
    color:
        rgba(255,255,255,.47);

    font-size:12px;
    line-height:1.55;
}

#mt-global-footer .mtgf-column a:hover{
    color:
        var(--mtgf-blue);

    transform:
        translateX(4px);
}

#mt-global-footer .mtgf-bottom{
    display:grid;
    grid-template-columns:
        1fr auto auto;

    align-items:center;

    gap:
        24px;

    padding-top:23px;

    border-top:
        1px solid var(--mtgf-line);

    color:
        rgba(255,255,255,.30);

    font-size:7px;
    font-weight:600;

    letter-spacing:1.8px;
    text-transform:uppercase;
}

#mt-global-footer .mtgf-legal{
    display:flex;
    align-items:center;
    gap:16px;
}

#mt-global-footer .mtgf-legal a{
    color:
        rgba(255,255,255,.40);

    transition:
        color .2s ease;
}

#mt-global-footer .mtgf-legal a:hover{
    color:
        #fff;
}

/* Wenn noch keine Kontaktdaten vorhanden sind,
   bleibt das Grid trotzdem sauber. */
#mt-global-footer .mtgf-main:not(:has(.mtgf-contact)){
    grid-template-columns:
        minmax(300px,1.6fr)
        minmax(160px,.7fr)
        minmax(160px,.7fr);
}

@media(max-width:1050px){
    #mt-global-footer .mtgf-main{
        grid-template-columns:
            1.25fr 1fr 1fr !important;
    }

    #mt-global-footer .mtgf-contact{
        grid-column:
            2 / -1;
    }
}

@media(max-width:760px){
    #mt-global-footer{
        padding:
            0 19px
            27px;
    }

    #mt-global-footer .mtgf-accent{
        margin-bottom:37px;
    }

    #mt-global-footer .mtgf-main,
    #mt-global-footer .mtgf-main:not(:has(.mtgf-contact)){
        grid-template-columns:
            1fr !important;

        gap:36px;

        padding-bottom:39px;
    }

    #mt-global-footer .mtgf-contact{
        grid-column:auto;
    }

    #mt-global-footer .mtgf-brand img{
        width:108px;
    }

    #mt-global-footer .mtgf-brand p{
        max-width:280px;
        font-size:10px;
    }

    #mt-global-footer .mtgf-column strong{
        font-size:9px;
    }

    #mt-global-footer .mtgf-column a{
        margin-bottom:14px;
        font-size:17px;
    }

    #mt-global-footer .mtgf-bottom{
        grid-template-columns:
            1fr;

        gap:9px;

        font-size:6px;
    }

    #mt-global-footer .mtgf-legal{
        margin-top:4px;
        flex-wrap:wrap;
    }
}

@media(prefers-reduced-motion:reduce){
    #mt-global-footer .mtgf-column a{
        transition:none!important;
    }
}