section.newsletter  {
    background-color: var(--color-darkblue);
    color: white;
}
.headlines {
    text-align: left;
}
section.newsletter form {
    margin:0 auto;
    display: flex;
    /*flex-wrap: wrap;*/
    width: 100%;
    gap: 24px;
    justify-content: left;
}
section.newsletter form button {
    width: fit-content;
}


section.newsletter .lottie-player {
    overflow: hidden;
}

section.newsletter .content > .row {
    flex-direction: column-reverse;
}

section.newsletter .content {
    display: flex;
    justify-content: flex-start;
}


@media (max-width: 576px) {
    section.newsletter label,
    section.newsletter input,
    section.newsletter button {
        width: 100%;
    }
    section.newsletter .container-xl {
        padding: 0;
    }
    section.newsletter form {
        gap: 15px;
        flex-direction: column;
        align-items: center;
    }
    section.newsletter .content {
        flex-direction: column-reverse;
    }
    section.newsletter form button {
        width: 100%;
    }
    section.newsletter .lottie-player {
        overflow: hidden;
        height: 10em;
    }
    section.newsletter .lottie-player lottie-player {
        top: -3em;
        position: relative;
        height: 13em;
    }
}
@media (min-width: 576px) {
    section.newsletter .lottie-player {
        overflow: hidden;
        height: 162px;
        width: 38%;
        position: relative;
    }
    section.newsletter input#email {
        width: 480px;
    }
    section.newsletter .content > .row {
        flex-direction: initial;
    }
    section.newsletter .lottie-player lottie-player {
        width: 33em;
        left: -49px;
        height: auto;
        top: -67px;
        position: absolute;
    }
}
@media (min-width: 577px) and (max-width: 1400px) {
    section.newsletter .lottie-player {
        width: 41%;
    }
}