:root{
    --contentPadding: 20px;
    --contentWidth: 1240px;
    --Link_Pfeil: #007723;

}

header, footer{
    background-color: var(--wcms-system-color-gruen);
}

header .content-code{
    border-bottom: 1px solid #FFF;
}

header #HeaderLogo{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    text-decoration: none;
}

header #HeaderLogo img{
    height: 38px;
    margin-right: 10px;
    margin-top: -7px;
}

header #HeaderLogo > div{
    text-transform: uppercase;
    color: #FFF;
    font-size: 30px;
    letter-spacing: 9px;
    font-weight: bold;
}

header .app_navigation{
    margin-top: 11px;
    margin-bottom: 11px;
}

header .app_navigation .navapp-link{
    text-transform: uppercase;
    font-weight: bold;
    font-family: "OpenSansBold", serif;
}

header .app_navigation .navapp-mobile-panel{
    gap:0;
}

footer .footer-item{
    width: 50%
}

footer .footer-item.content-bild{
    width: 30%;
    align-self: center;
}

@media (max-width: 900px) {
    .navapp[data-nav-mobile="1"] .navapp-mobile-toggle{
        background-color: var(--wcms-system-color-gruen);
        top: 75px;
    }
    .navapp[data-nav-mobile="1"] .navapp-mobile-panel {
        background-color: rgba(8, 57, 9, 0.3);
        backdrop-filter: blur(10px);
    }

    footer .footer-item{
        margin: 0 auto;
        width: 100%;
    }

    footer .footer-item.content-bild{
        width: 80%;
    }

    .navapp-vertical.navapp-align-left .navapp-link,
    footer .footer-item *{
        text-align: center;
        justify-content: center;
    }
}