/*
This file is part of the TYPO3 CMS project.

It is free software; you can redistribute it and/or modify it under
the terms of the GNU General Public License, either version 2
of the License, or any later version.

For the full copyright and license information, please read the
LICENSE.txt file that was distributed with this source code.

The TYPO3 project - inspiring people to share!
*/
/*
    Created on : 03.10.2016, 17:53:06
    Author     : Kevin Ditscheid <kevinditscheid@gmail.com>
*/

.footer-top {
    display: none;
}

.footer-bottom {
    padding-top: 51px;
    padding-bottom: 70px;
}

.footer-image {
    width: 260px;
    margin: 3em 28em;
    font-size: 0.7222em;
    max-width: 100%;
    padding-top: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.footer-image img {
    width: auto;
    height: auto;
    max-width: 100%;
    padding-top: 10px;
}

.footer-bottom .socials {
    text-align: center;
    padding-top: 10px;
}

.footer-bottom .socials .sharer {
    display: inline-block;
}

.facebook-share-button .sharer-text {
    display: none;
}

.facebook-share-button .icon {
    display: block;
    background: url(../Images/Icons/facebook.svg);
    background-size: contain;
    width: 25px;
    height: 25px;
}

.kea-logo {
    float: left;
    position: relative;
    top: 80px;
    max-width: 320px;
    height: 84px;
}

.kea-logo:before {
    content: 'Projektträgerin Zukunft Altbau';
    font-size: 0.7222em;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: 0;
}

.kea-logo img {
    border-right: 1px solid black;
    margin-top: 2em;
    padding-right: 2em;
}

.youtube {
    padding-left: 0;
    float: none;
    bottom: 7px;
    margin-left: 16px;
    position: relative;
}

/*Navbar position fix
.meta-navigation .navigation {
    top: 2.8em;
    position: relative;
}
.youtube img {
    position: relative;
    top: 2.8em;
}
*/

.footerrow {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footerrow > .col {
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

@media (min-width: 768px) {
    .footerrow > .col {
        flex: 1 0 0;
        width: 100%;
    }
}

.nav-link.withimage {
    display: inline-block;
}

.footernavimage {
    margin-right: 5px;
    vertical-align: text-top;
}

#Footer .footer-bottom.background-ivory .socials .sharer.facebook-share-button {
    display: none !important;
}

@media all and (max-width: 649px) {
    .kea-logo {
        margin: 0 auto;
        float: none;
    }

    .kea-logo img {
        border-right: 0px;
    }

    .kea-logo > a > div {
        width: 161px;
        height: 22px;
        border-bottom: 1px solid black;
        margin: auto;
    }

    .footer-image {
        margin-left: auto;
        margin-right: auto;
        padding-top: 188px;
    }

    .footer-bottom .meta-navigation ul {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        line-height: 31px;
        left: 0;
    }

    * .footer-bottom.background-ivory .container > div:first-child {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .kea-logo:before {
        margin: 0 auto;
        left: 15%;
        right: 15%;
        text-align: center;
    }

    .youtube {
        margin-left: 165px;
        bottom: 35px;
        top: 5px;
        left: 0;
    }
}

@media all and (max-width: 420px) {
    .youtube {
        margin-left: 165px;
        bottom: 35px;
        top: -34px;
        left: 0;
    }

}

@media all and (max-width: 350px) {
    .youtube {
        left: 38px;
    }
}

@media all and (min-width: 650px) {
    .footer-image {
        margin-top: -60px;
    }

    .footer-bottom.background-ivory .container > div:first-child {
        display: flex;
        flex-direction: row;
    }

    .footer-bottom .meta-navigation ul {

    }

}


@media screen and (min-width: 940px) {
    .footer-top {
        display: block;
        min-height: 425px;
    }

    .footer-navigation {
        padding-top: 58px;
        padding-bottom: 58px;
        font-size: 1.22em;
    }
    .footer-navigation .icon > a {
        position: relative;
        padding-top: 10px;
        min-height: 52px;
        display: block;
        padding-left: 52px;
    }

    .footer-navigation .icon > a:before {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 47px;
        margin-right: 0;
    }

    .footer-navigation .background-white {
        background: transparent;
    }

    .footer-navigation > .navigation > .item {
        position: relative;
    }

    .footer-navigation > .navigation > .item > a {
        font-weight: bold;
        display: block;
    }

    .footer-navigation .sub-nav {
        padding-top: 15px;
        display: block;
        margin-left: 52px;
    }

    .footer-navigation .navigation > .sub-item {
        font-size: initial;
        display: block;
        height: auto;
        border: none;
        z-index: 10;
        position: relative;
        padding: 0;
        padding-bottom: 10px;
    }
    .footer-navigation .navigation > .sub-item:last-child{
        padding-bottom: 0;
    }

    .footer-navigation > .navigation > .item {
        vertical-align: top;

    }

    .footer-navigation .navigation > .sub-item {
        min-width: 0;
    }

    .footer-navigation .icon-logo > a:before {
        font-size: 1.9em;
    }

}

@media screen and (min-width: 1146px) {
    .footer-bottom.background-ivory .container > div:first-child {
        float: right;
        position: relative;
        top: 4.5em;
    }
}

@media screen and (max-width: 1160px) {
    .footer-bottom .socials {
        padding-left: 0;
        padding-bottom: 15px;
    }

    .footer-bottom .socials {
        padding-top: 30px;
        margin: 0 auto;
        float: none;
        margin-top: 0;
        display: none;
    }

    /*Navbar position fix
    .meta-navigation .navigation {
        top: 0;
        position: relative;
    }

    .youtube img {
        position: relative;
        top: 0;
    }
    */
}