.navigation-logo {
    /*width: 18%; */
    position: relative;
    grid-column: 1;
    grid-row: 1;
    width: 85%;
}
.navbar {
    align-items: flex-start;
}

.navigation-logo img.logo-home {
    position: relative;
    /*opacity: 0.8;*/
}
.navigation-logo-link {
    position: relative;
    display: block;
    width: 100%;
}

/* Logo verkleinern */
.navigation-top.compact .navigation-logo img {
    height: 40px; /* gewünschte kompakte Höhe */
    width: auto;
    position: relative;
}
.navigation-top.compact .navigation-logo {
    top: -15px;
}


.navigation-top.compact .navigation-logo img.logo-home {
    display: none;
    
}
.navigation-top.compact .navigation-logo img.logo-nav {
    display: block;
/*    top: -72px;*/
    height: 55px;
    max-height: 120px !important;
}

/* Logo Animation */
.navigation-logo img {
    transition: height 0.6s ease;
}

/* Logo beim Aufklappen wieder groß */
.navigation-top.compact:hover .navigation-logo img {
    height: auto;
}


/* TEST: Kein schwarzer Hg auf Home */
body.home .for-work-section, body.home .for-work {
    background-color: white;
    color: black;
    padding-bottom: 60px;
}
body.home .for-work .work-title {
    color: white;
}
body.home .for-work .work-card {
    background-color: white;
}
body.home .ce-div {
    display: none;
}
body.home .for-work-section a {
    color: black;
}
body.home .for-work-section .icon-plus {
    background-image: url('../Template/images/plus_1plus_black.webp');
}




@media (max-width: 991px) {
    .w-nav:before {
        display: none;
    }
    .navigation-top.compact .navigation-logo img.logo-nav {
        display: block;
        height: 55px;
        max-height: 120px !important;
    }
    /* Logo verkleinern */
    .navigation-top .navigation-logo img {
        height: 55px; /* gewünschte kompakte Höhe */
        width: auto;
        position: relative;
    }
    .navigation-top .navigation-logo {
        top: -15px;
    }
    
}

/* Home Hero Bild */
body.home .hero-bg-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom right,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    background: linear-gradient(
        to bottom right,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.4) 50%,
        rgba(0, 0, 0, 0) 75%
    );
    pointer-events: none;
    z-index: 1000;
    display: none;
}