/* Block Classes & IDs

.hero-block
.boxed-container-left
    .lower-text


.boxed-container-right

    .boxed-container-hero-image

    */




.hero-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.boxed-container-left, .boxed-container-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.boxed-container-left > h1 {

    position: relative;
    font-size: 6rem;
    font-family: 'Voyage';
    color: #9799CA;
    
}


.animierte-stichpunkte > li {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
}



.lower-text {
    font-size: 1.7rem;
    font-family: 'Inter'!important;
    color: #2F2F2F;
}


.stichpunkt {
    opacity: 0;
    transform: translateY(20px);
    background-color: white;
    width: 100%;
}

.boxed-container-left-text {
    margin: 0;
    margin-top: -1rem;
    width: 80% ;
}

.boxed-container-hero-image {
    width: 100%;
}

/* Mobile Styles */

@media(max-width: 768px) {

    .boxed-container-left, .boxed-container-right {
        width: 100%;
        align-items: center;
    }

    .boxed-container-right {
        order: 0;
    }

    .boxed-container-left {
        order: 1;
        text-align: center;
    }

}