footer {
    padding: 5vh 7vw 5vh !important;
}

footer a:hover {
    text-decoration: underline !important;
}

footer .large-12 {
    padding-bottom: 0 !important; 
}

.footline { /* SKAD Big Text */
    font-size: 22px !important;
}

.footer-contact { /* Phone/Email DIV */
    margin-top: 2em;
    margin-bottom: 5em;
    font-size: .7rem;
    line-height: 1.6em;
}

.footer-contact span { /* Gap between Mail/Phone and their value */
    margin-right: .7em;
}

.footerleft { /* Social box */
    display: flex;
    align-items: center;
}

.footerleft span { /* Follow us */
    font-size: 22px !important;
    padding-top: 0.2em;
    margin-right: 1em;
}

.socialicons { /* Social Icons */
    background-size: contain !important;
}

a.socialicons {
    color: #000;
    width: 22px;
}

a.linkedin {
    margin-right: 1vw;
}

.footeralign {
    font-size: 1rem !important;
}

.bold4 { /* 'Folgen Sie uns' Text */
    font-size: 1rem !important;
}

.footerright, .footercenter a {
    font-size: 1.2vh !important;
}




/* Language selection */
.lang-select-button {
    /* background-color: coral; */
    display: flex;
    width: fit-content;
    gap: .7rem;
    align-items: center;
    margin-top: 1rem;
}

.lang-ger-button, .lang-eng-button {
    background-size: contain;
    background-repeat: no-repeat;

    margin-top: 0;

    width: 1.8rem;
    height: 1rem;
}

.lang-ger-button {
    background-image: url('/assets/images/ger.png');
}

.lang-eng-button {
    background-image: url('/assets/images/eng.png');
}




@media screen and (min-width: 0px) and (max-width: 768px) { 

    .footline {
        font-size: 1.03rem !important;
    }
    
    .footer-contact {
        font-size: .8rem;
    }

    .footerleft {
        display: flex;
        flex-direction: column;
        margin-top: -6em !important;
        margin-bottom: 3em !important;
        align-items: flex-start;
    }

    .social-div {
        display: block;
        position: absolute;
        padding-top: 3.4rem;
        padding-left: 0.1rem;
    }

    a.socialicons {
        width: 33px;
    }

    a.linkedin {
        margin-right: 2vw;
    }

    .footercenter {
        display: flex;
        flex-direction: column;
        padding-top: 1vw;
    }

    .footercenter a {
        font-size: .8rem !important;
    }

}

@media screen and (min-width: 540px) and (max-width: 768px) { 

    .footerleft {
        margin-bottom: 3em !important;
    }

    .social-div {
        padding-top: 3.6rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) { 

    .footline {
        font-size: 1.6rem !important;
    }

    .footer-contact {
        font-size: 1rem;
        margin-bottom: 2em;
    }

    .footerleft {
        margin-bottom: -2em !important;    
    }

    .footerleft span { /* Follow us */
        font-size: 1.6rem !important;

    }

    a.socialicons {
        width: 33px;
    }

    .social-div {
        padding-top: 0.7rem;
    }

}

@media screen and (min-width: 1280px) and (max-width: 1400px) { 

    .footline { /* SKAD Big Text */
        font-size: 1.4rem !important;
    }

    .footer-contact { /* Phone/Email DIV */
        font-size: .7rem;
        padding-bottom: 4rem !important;
    }

    .footerleft { /* Social box */
        display: flex;
    }
    
    .footerleft span { /* Follow us */
        font-size: 1.4em !important;
        padding-top: 0.2em;
        margin-right: 1em;
    }

    a.socialicons {
        width: 22px;
    }
    
    a.linkedin {
        margin-right: 1vw;
    }

    .social-div {
        padding-top: 0;
        margin-top: -0.3em;
    }

    .footerright, .footercenter a {
        font-size: .7rem !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) and (orientation:landscape) { 

    footer {
        /* background-color: blueviolet !important; */
    }

    .footline { /* SKAD Big Text */
        font-size: 1.4rem !important;
    }

    .footer-contact { /* Phone/Email DIV */
        font-size: .7rem;
        padding-bottom: 2rem !important;
    }

    .footerleft { /* Social box */
        display: flex;
    }
    
    .footerleft span { /* Follow us */
        font-size: 1.2rem !important;
        padding-top: 0.2em;
        margin-right: 1em;
        width: 25em !important;
    }

    a.socialicons {
        width: 22px;
    }
    
    a.linkedin {
        margin-right: 1vw;
    }

    .social-div {
        padding-top: 0;
        margin-top: -0.8em;
        display: flex;
    }

    .footerright, .footercenter a {
        font-size: .7rem !important;
    }

    .footercenter {
        width: 31% !important;
    }

    .footerright {
        padding-top: .2em;
        width: 43% !important;
    }

    .large-3 {
        width: 26%;
    }

}