footer a {
    text-decoration: none;
    transition: all 0.5s ease 0s;
    color: inherit;
}

footer a:hover,
#footer-mitte a:hover {}


/* -------------------------- start fonts footer -------------------------- */

footer {}

footer p,
footer li,
footer a {}

footer h4,
footer h5,
footer h6 {}

#menu-footer-menue a:hover {
    color: var(--ast-global-color-4) !important;
}

#kontakt {
    padding-top: var(--cont-space-374);
}

.inner-wrap {
    display: flex;
    position: relative;
    flex-direction: column;
    background-image: url(/wp-content/themes/astra-impuls-child/img/bg-kontakt);
    background-size: cover;
    background-position: left top;
}

.inner-wrap::before {
    content: '';
    width: 100%;
    height: 64.19%;
    background: linear-gradient(0deg, rgba(26, 28, 31, 0.00) 0%, #191C1F 100%);
    display: block;
    position: absolute;
    top: 0;
    pointer-events: none;
    z-index: 1;
}

#footer-links {
    margin-bottom: max(min(12.67vw, 218px), 51px);
    max-width: 1250px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
}

#footer-links .footer-wp-block.wp-block-uagb-container.cont-heading {
    flex-direction: column;
    gap: 40px;
}

#footer-links .footer-wp-block.wp-block-uagb-container.cont-heading h2 {
    display: flex;
    width: fit-content;
}

#footer-mitte {
    display: flex;
    gap: 75px;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-end;
    width: 90%;
    margin-bottom: max(min(12.79vw, 220px), 220px);
    z-index: 9;
}

#menu-footer-menue {
    padding: 0 !important;
    margin: 0;
    list-style: none !important;
    display: flex;
    gap: max(min(8vw, 80px), 30px);
    justify-content: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: max(min(6.51vw, 112px), 40px);
    z-index: 9;

}

#menu-footer-menue * {
    color: var(--ast-global-color-0);
    font-size: 14px;
    line-height: 2.96;
}

/*----------------- SOCIAL SHARE -------------*/

.heateorSssSharing,
.heateorSssSharingButton {
    margin: 0;
}

.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
    margin-top: 1vw;
}

ul.heateor_sss_follow_ul li,
ul.heateor_sss_sharing_ul li {
    float: right !important;
}

/*----------------- END SOCIAL SHARE -------------*/

@media (min-width: 1920px) {
    .ft-logo {
        margin: 0 50px;
    }
}

@media (max-width: 1500px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1200px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1024px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 990px) {
    div#mobile-bar {
        display: flex;
    }

    .inner-wrap {
        background-position: center top;
        margin-bottom: 80px;
    }
}

@media (max-width: 768px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 576px) {
    .inner-wrap {
        background-position: 47.7% bottom;
        margin-bottom: 80px;
        background-size: 259.9%;
        background-repeat: no-repeat;
    }

    #footer-mitte,
    #footer-rechts {
        padding-left: 27vw;
    }

    #footer-mitte {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 30px;
    }

    #menu-footer-menue {
        flex-direction: column;
        gap: 0px;
    }

    #menu-footer-menue * {
        line-height: 2;
    }

    #menu-footer-menue li {
        line-height: 2;
    }
}

@media (max-width: 420px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/
    /*----------------- END ELEMENT ---------*/
}