._herotwocolumn {
    box-sizing: content-box;
    padding: 0 1.25rem;
    margin: 3.125rem auto 2.5rem;
    max-width: 80rem;
}

._herotwocolumn__wrapper {
    display: flex;
    flex-flow: column nowrap;
}

._herotwocolumn__content {
    margin-bottom: 2.5rem;
    width: 100%;
}

._herotwocolumn__text p {
    color: #000000;
    margin: 0;
}

._herotwocolumn__content .cmp-teaser__action-container {
    display: flex;
    flex-wrap: wrap;
}

._herotwocolumn__content .cmp-teaser__action-container ._p-button,
._herotwocolumn__content .cmp-teaser__action-container ._p-button-secondary {
    margin: 0.625rem 0.625rem 0 0;
    text-align: center;
    width: 100%;
}

._herotwocolumn__content .cmp-teaser__action-container ._p-button:visited {
    color: white;
}

._herotwocolumn__content .cmp-teaser__action-container ._p-button._p-button-secondary:visited {
    color: #33adff;
}

._herotwocolumn__image-wrapper {
    width: 100%;
}

._herotwocolumn__image-wrapper div._image__link {
    cursor: auto;
}

._herotwocolumn__image .cmp-image {
    width: 100%;
    height: auto;
}

._herotwocolumn__image .cmp-image__image {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

@media (min-width: 48rem) {
    ._herotwocolumn__content .cmp-teaser__action-container {
        flex-wrap: nowrap;
    }
}

@media (min-width: 64rem) {
    ._herotwocolumn {
        margin: 0 auto 2rem;
    }

    ._herotwocolumn__wrapper {
        flex-flow: row nowrap;
    }

    .image-position--left ._herotwocolumn__wrapper {
        flex-flow: row-reverse nowrap;
    }

    ._herotwocolumn__content {
        margin-bottom: 0;
        padding-inline-end: 2.5rem;
        width: 50%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
    }

    .image-position--left ._herotwocolumn__content {
        padding-inline-start: 2.5rem;
        padding-inline-end: 0;
    }

    ._herotwocolumn__headline-wrapper {
        margin-bottom: 0.7rem;
    }

    ._herotwocolumn__headline {
        margin: 0;
    }

    ._herotwocolumn__content .cmp-teaser__action-container ._p-button,
    ._herotwocolumn__content .cmp-teaser__action-container ._p-button-secondary {
        flex: 0 0 auto;
        width: auto;
    }

    ._herotwocolumn__image-wrapper {
        width: 50%;
    }
}