#footer {
    position: relative;
}

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 {}

#footer .wrap {
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column;
    background-image: var(--wpr-bg-12b0463e-4372-48b0-8d9b-58b5a401599e);
    background-size: cover;
    background-position: center center;
    align-items: center;
    padding: clamp(99px, 11.45vw, 179px) 0 clamp(33px, 5.5vw, 95px) 0;
    gap: clamp(30px, 5.5vw, 95px);
}

#footer .wrap:before {
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: calc(100vw /22.73684210526316);
    background-image: var(--wpr-bg-6f59fbbb-76ec-4f56-915a-bb6f920a35d9);
    background-size: cover;
    background-position: top center;
    top: -2px;
    z-index: 9;
}

#footer .wrap::after {
    content: '';
    display: block;
    position: absolute;
    --my-size: 35.63vw;
    width: var(--my-size);
    height: calc(var(--my-size) / 2.477386491020143);
    background-image: var(--wpr-bg-05346fff-fa58-4733-91ac-d79740002b41);
    bottom: 97px;
    opacity: 0.15;
    right: 0;
    background-size: contain;
}

.inner-wrap {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 45px;
}

#footer-links p {
    font-size: 2.556rem;
    font-family: var(--headlinefont);
    color: #fff;
    text-shadow: 0.087em 0.087em 0 var(--Colors-black, #081C33);
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1;
    transition: all .5s ease 0s;
    text-align: center;
}

#footer-mitte {
    display: flex;
    gap: 14px;
}

#footer-mitte a {
    height: 42px;
    width: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer-mitte img {
    height: 18px !important;
    width: auto;
}

#footer-rechts {
    display: flex;
    flex-direction: column;
}

#footer-rechts * {
    font-size: 1rem;
    color: #fff;
    line-height: 1.6;
}

#footer-rechts .textwidget,
#menu-footer-menu-1 {
    display: flex;
    gap: 1.7em;
}

#menu-footer-menu-1 {
    padding: 0 !important;
    list-style: none !important;
    margin: 0;
}

#footer-rechts {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#menu-footer-menu .hidden {
    display: none;
}

#footer-logos {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.ft-logo {
    max-width: 140px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em;
}


#footer-btn {
    width: clamp(120px, 13.37vw, 320px);
    height: clamp(120px, 13.37vw, 320px);
}

footer #footer-btn {
    transform: rotate(-14.885deg) translateY(60%);
    position: absolute;
    z-index: 99;
    left: 10vw;
}

#footer-btn .textwidget:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--ast-global-color-0);
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
    display: flex;
    z-index: -1;
}

#footer-btn .textwidget:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--ast-global-color-4);
    clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
    z-index: -2;
    transform: translateY(3.6%) translateX(3%);
}

#footer-btn .textwidget {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

#footer-btn .textwidget p {
    font-size: clamp(18px, 1.91vw, 1.833rem);
    line-height: 1.1;
    font-family: var(--headlinefont);
    color: #fff;
    letter-spacing: 0.02em;
    text-align: center;
}

.footer-logos-inner-wrapper {
    gap: 8.60vw;
    display: flex;
}

#young-austria {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}

#young-austria img {
    max-width: 218px !important;
    height: auto !important;
}

/*----------------- 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;
    }

    #footer .wrap::before {
        background-size: 104%;
    }

    #footer>#footer-btn {
        display: none;
    }

    #footer .wrap #footer-btn {
        position: relative;
        transform: rotate(-14.885deg);
    }

    #young-austria {
        margin-bottom: 81px;
    }
}

@media (max-width: 768px) {
    .menu-footer-menu-container {
        margin-top: 33px;
    }

    #footer .wrap::after {
        --my-size: 70vw;
    }

    footer #footer-btn {
        z-index: 99;
        right: unset;
        left: unset;
        margin: 0 70vw 0 auto;
    }

    #footer-rechts .textwidget,
    #menu-footer-menu-1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 0;
    }
}

@media (max-width: 576px) {
    #footer-links p {
        font-size: 25px;
    }

    .ft-logo {
        margin: 0;
    }

    footer #footer-btn {
        margin: 0 60vw 0 auto;
    }

    #young-austria img {
        max-width: 147px !important;
    }
}

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

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