*:not(.is-position-sticky) {
 position: relative;
}

.home-hero-logo {
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 50%;
 max-width: 15rem;
 margin: 0;
 filter: drop-shadow(0 0 2rem rgb(65, 50, 45)) drop-shadow(0 0 0.2rem rgb(215, 200, 195));
}




:root{
    --hehe: 100px;
}

.rotate-10{
    transform: rotate(-10deg);
}

#guentzer-header{
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 999 !important;
    height: var(--hehe);
}

#bubbleRowTop{
    height: 6rem;
    
    & #bubbleWirSuchen{
        transform: translateY(-5.5rem);
        z-index: 9;

        & img{
            object-fit: contain;
        }
    }
}

#bubbleRowBot{
    z-index: 9;
    transform: translateY(-3rem);

    & img{
        object-fit: contain;
    }
} 

#underConstructionWrapper{
    width: 99vw;
    height: 20vh;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
#underConstructionWrapperBot{
    width: 99vw;
    height: 20vh;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

#underConstructionTop{
    transform-origin: bottom left;
    z-index: 99;
    width: 6000px;
    flex-shrink: 0;
}

#underConstructionBot{
    z-index: 99;
    transform-origin: top right;
    width: 6000px;
    display: flex;
}

@media screen and (max-width: 900px){
    #bubbleWirSuchen{
        margin-top: -4rem !important; 
    }

    #map, #footer{
        
        & a{
            font-size: 25px;
        }
    }
}