.text-image {
    padding-bottom: 4rem;
    position: relative;

    @media (min-width: 979px) {
        padding-bottom: 0;
    }
}

.text-image__picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    display: block;
}

.text-image__image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.text-image__image--extra {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 38rem;

    @media (min-width: 979px) {
        transform: translateY(-5rem);
    }
}

.text-image__image--centered {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 38rem;

    @media (min-width: 979px) {
        transform: translateY(0);
    }
}

.text-image--light {
    background-color: var(--aok-pastel-green);
}


.text-image--spaced {
    padding: 9rem 0 4rem;

    @media (min-width: 979px) {
        padding: 9rem 0;
    }
}

.text-image--overlayed-top {
    padding-top: 10rem;
    padding-bottom: 10rem;

    @media (min-width: 979px) {
        padding-top: 14rem;
        padding-bottom: 9rem;
    }

    @media (min-width: 1440px) {
        padding-top: 18rem;
    }
}

.text-image--spaced + .text-image--spaced {
    padding: 9rem 0 4rem;

    @media (min-width: 979px) {
        padding: 9rem 0 0;
    }
}

.text-image__bottom-image-wrapper {
    margin-top: 16rem;

    @media (min-width: 979px) {
        /* Do notebook/ small desktop stuff */
        margin-top: 0;
    }
}

.text-image__top-image--right {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -25.9rem);
    max-width: 20rem;

    @media (min-width: 979px) {
        /* Do notebook/ small desktop stuff */
        max-width: 30rem;
        right: 0%;
        transform: translate(0%, -40.4rem);
    }
}

.text-image__icon {
    width: 6rem;
    height: 6rem;
    margin-bottom: 2rem;
    color: var(--aok-green);
    fill: var(--aok-green);
}

.text-image__container {
    position: relative;
}

.text-image__container--flex {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;

    @media (min-width: 979px) {
        /* Do notebook/ small desktop stuff */
        flex-direction: row;
    }
}

.text-image__heading {
    line-height: 1.2;
}

.text-image__content {
    margin-top: 2rem;
    line-height: 1.5rem;

    @media (min-width: 979px) {
        /* Do notebook/ small desktop stuff */
        max-width: 30rem;
    }
}

.text-image__content h3 {
    font-weight: 600;
}

.text-image__button-wrapper {
    margin-top: 2rem;
}

.text-image__background-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    display: block;
}

.text-image__background-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}