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

.site-footer{

    margin-top:100px;

    background:#262626;

    color:#f5f5f5;

}

.site-footer .container{

    width:min(1400px,92%);

    margin:0 auto;

}


/* ==========================================================
   INTRO
========================================================== */

.footer-intro{

    padding:70px 0;

    text-align:center;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.footer-intro h2{

    margin:0 0 18px;

    color:#d49a00;

    font-size:38px;

    line-height:1.2;

    font-weight:700;

}

.footer-intro p{

    margin:0;

    color:#dddddd;

    font-size:20px;

}


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

.footer-main{

    padding:65px 0;

}

.footer-grid{

    display:grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr
        1fr;

    gap:60px;

    align-items:start;

}
/* ==========================================================
   LOGO
========================================================== */

.footer-brand img{

    display:block;

    width:220px;

    max-width:100%;

    height:auto;

    margin-bottom:28px;

}

.footer-slogan{

    margin:0;

    font-size:24px;

    font-weight:700;

    line-height:1.4;

    color:#ffffff;

}


/* ==========================================================
   SPALTEN
========================================================== */

.footer-column h3{

    margin:0 0 24px;

    font-size:26px;

    font-weight:700;

    color:#d49a00;

}

.footer-column ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-column li{

    margin-bottom:16px;

    font-size:18px;

    line-height:1.7;

    color:#e6e6e6;

}

.footer-column strong{

    color:#ffffff;

    font-weight:700;

}

.footer-column a{

    color:#ffffff;

    text-decoration:none;

    transition:color .25s ease;

}

.footer-column a:hover{

    color:#d49a00;

}


/* ==========================================================
   BESUCHEN
========================================================== */

.footer-service li{

    padding-left:22px;

    position:relative;

}

.footer-service li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#d49a00;

    font-weight:700;

}

.footer-service li:last-child::before{

    content:"→";

}
/* ==========================================================
   FOOTER BOTTOM
========================================================== */

.footer-bottom{

    padding:28px 0;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-bottom-inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-bottom p{

    margin:0;

    color:#bdbdbd;

    font-size:15px;

}

.footer-legal{

    display:flex;

    align-items:center;

    gap:16px;

}

.footer-legal a{

    color:#f5f5f5;

    text-decoration:none;

    transition:color .25s ease;

}

.footer-legal a:hover{

    color:#d49a00;

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1100px){

    .footer-grid{

        grid-template-columns:1fr 1fr;

        gap:50px;

    }

}

@media (max-width:768px){

    .footer-intro{

        padding:55px 0;

    }

    .footer-intro h2{

        font-size:30px;

    }

    .footer-intro p{

        font-size:18px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:45px;

        text-align:center;

    }

    .footer-brand img{

        margin:0 auto 25px;

    }

    .footer-service li{

        padding-left:0;

    }

    .footer-service li::before{

        display:none;

    }

    .footer-bottom-inner{

        flex-direction:column;

        text-align:center;

    }

}

@media (max-width:480px){

    .footer-intro h2{

        font-size:26px;

    }

    .footer-intro p{

        font-size:17px;

    }

    .footer-column h3{

        font-size:24px;

    }

    .footer-column li{

        font-size:17px;

    }

    .footer-slogan{

        font-size:22px;

    }

}