#loyl-landingpage--enrollment {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: calc(var(--nui-space-1, 0.375rem) * 20);
}

#loyl-landingpage--enrollment .loyl-landingpage--enrollment-img-loggedInCustomer {
    width: 120%;
    min-width: 950px;
}

.loyl-landingpage--enrollment-img-loggedInCustomer {
    max-height: 950px;
}

.loyl-landingpage--enrollment-img-notLoggenInCustomer {
    width: 120vw;
    max-width: 2000px;
}

.loyl-landingpage--enrollment-content-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#loyl-landingpage--enrollment .loyl-font--heading-extra-large-desktop-mobile {
    max-width: 670px;
}

#loyl-landingpage--enrollment p {
    max-width: 620px;
}

#loyl-enrollment-fragment {
    max-width: 640px;
    margin-top: var(--nui-space-7, 7rem);
}

#loyl-enrollment-fragment form :is(h3, p, span, .loyl-form-control-label) {
    color: var(--nui-snow, rgba(255, 255, 255, 1)) !important;
}

@media (min-width: 760px) and (max-width: 1920px) {
    .loyl-landingpage--enrollment-img-loggedInCustomer {
        width: unset;
        min-width: 110vw;
    }
}

@media (max-width: 1359px) {
    .loyl-landingpage--enrollment-img-notLoggenInCustomer {
        min-width: 1350px;
    }
}

@media (max-width: 559px) {
    .loyl-landingpage--enrollment-content-container {
        text-align: left;
        align-items: flex-start;
    }
}