.animated-text {
    display: grid;
    grid-template: 1fr/1fr;
    overflow: hidden;
    position: relative
}

.animated-text .animated-text--bg-img-desktop,
.animated-text .animated-text--bg-img-mobile,
.animated-text .animated-text--inner {
    grid-column: 1/2;
    grid-row: 1/2
}

.animated-text [class^=content-wrapper] .h2,
.animated-text [class^=content-wrapper] a,
.animated-text [class^=content-wrapper] p {
    margin: 0
}

.animated-text *+.content-wrapper--button,
.animated-text .content-wrapper--button+* {
    margin-top: calc(10px * 2)
}

.animated-text .content-wrapper--text_static p {
    line-height: normal;
    overflow-wrap: break-word
}

.animated-text .animated-text--bg-img-desktop img,
.animated-text .animated-text--bg-img-mobile img {
    height: 100%
}

@media only screen and (max-width:767px) {
    .animated-text .animated-text--bg-img-desktop {
        display: none
    }

    .animated-text.img-mobile--selected.height-mobile--s {
        height: 250px
    }

    .animated-text.img-mobile--selected.height-mobile--m {
        height: 350px
    }

    .animated-text.img-mobile--selected.height-mobile--l {
        height: 450px
    }

    .animated-text.img-mobile--selected.height-mobile--xl {
        height: 550px
    }

    .animated-text.img-mobile--selected.height-mobile--full {
        height: 100vh
    }

    .animated-text.img-mobile--selected.height-mobile--original {
        height: auto
    }

    .animated-text.img-mobile--blank.height-mobile--s {
        min-height: 250px
    }

    .animated-text.img-mobile--blank.height-mobile--m {
        min-height: 350px
    }

    .animated-text.img-mobile--blank.height-mobile--l {
        min-height: 450px
    }

    .animated-text.img-mobile--blank.height-mobile--xl {
        min-height: 550px
    }

    .animated-text.img-mobile--blank.height-mobile--full {
        min-height: 100vh
    }

    .animated-text.img-mobile--blank.height-mobile--original {
        min-height: auto
    }

    .animated-text .content-position-mobile--top_left {
        align-items: flex-start;
        justify-content: left
    }

    .animated-text .content-position-mobile--top_center {
        align-items: flex-start;
        justify-content: center
    }

    .animated-text .content-position-mobile--top_right {
        align-items: flex-start;
        justify-content: right
    }

    .animated-text .content-position-mobile--left {
        align-items: center;
        justify-content: left
    }

    .animated-text .content-position-mobile--center {
        align-items: center;
        justify-content: center
    }

    .animated-text .content-position-mobile--right {
        align-items: center;
        justify-content: right
    }

    .animated-text .content-position-mobile--bottom_left {
        align-items: flex-end;
        justify-content: left
    }

    .animated-text .content-position-mobile--bottom_center {
        align-items: flex-end;
        justify-content: center
    }

    .animated-text .content-position-mobile--bottom_right {
        align-items: flex-end;
        justify-content: right
    }

    .animated-text .content-wrapper-mobile--left,
    .animated-text .content-wrapper-mobile--left * {
        text-align: left
    }

    .animated-text .content-wrapper-mobile--center,
    .animated-text .content-wrapper-mobile--center * {
        text-align: center
    }

    .animated-text .content-wrapper-mobile--right,
    .animated-text .content-wrapper-mobile--right * {
        text-align: right
    }
}

@media only screen and (min-width:768px) {
    .animated-text .animated-text--bg-img-mobile {
        display: none
    }

    .animated-text .animated-text--bg-img-desktop {
        margin-top: 0
    }

    .animated-text.img-desktop--selected.height-desktop--s {
        height: 450px
    }

    .animated-text.img-desktop--selected.height-desktop--m {
        height: 550px
    }

    .animated-text.img-desktop--selected.height-desktop--l {
        height: 650px
    }

    .animated-text.img-desktop--selected.height-desktop--xl {
        height: 750px
    }

    .animated-text.img-desktop--selected.height-desktop--full {
        height: calc(100vh - 85px);
    }

    .animated-text.img-desktop--selected.height-desktop--original {
        height: auto
    }

    .animated-text.img-desktop--blank.height-desktop--s {
        min-height: 450px
    }

    .animated-text.img-desktop--blank.height-desktop--m {
        min-height: 550px
    }

    .animated-text.img-desktop--blank.height-desktop--l {
        min-height: 650px
    }

    .animated-text.img-desktop--blank.height-desktop--xl {
        min-height: 750px
    }

    .animated-text.img-desktop--blank.height-desktop--full {
        min-height: 100vh
    }

    .animated-text.img-desktop--blank.height-desktop--original {
        min-height: auto
    }

    .animated-text .content-position-desktop--top_left {
        align-items: flex-start;
        justify-content: left
    }

    .animated-text .content-position-desktop--top_center {
        align-items: flex-start;
        justify-content: center
    }

    .animated-text .content-position-desktop--top_right {
        align-items: flex-start;
        justify-content: right
    }

    .animated-text .content-position-desktop--left {
        align-items: center;
        justify-content: left
    }

    .animated-text .content-position-desktop--center {
        align-items: center;
        justify-content: center
    }

    .animated-text .content-position-desktop--right {
        align-items: center;
        justify-content: right
    }

    .animated-text .content-position-desktop--bottom_left {
        align-items: flex-end;
        justify-content: left
    }

    .animated-text .content-position-desktop--bottom_center {
        align-items: flex-end;
        justify-content: center
    }

    .animated-text .content-position-desktop--bottom_right {
        align-items: flex-end;
        justify-content: right
    }

    .animated-text .content-wrapper-desktop--left,
    .animated-text .content-wrapper-desktop--left * {
        text-align: left
    }

    .animated-text .content-wrapper-desktop--center,
    .animated-text .content-wrapper-desktop--center * {
        text-align: center
    }

    .animated-text .content-wrapper-desktop--right,
    .animated-text .content-wrapper-desktop--right * {
        text-align: right
    }
}

.animated-text--inner {
    display: flex;
    height: 100%;
    position: relative
}

@media only screen and (max-width:767px) {
    .img-mobile--selected.height-mobile--original .animated-text--inner {
        position: absolute
    }

    .img-mobile--selected.height-mobile--original .animated-text--inner[class*=center] {
        left: 50%;
        transform: translateX(-50%)
    }

    .img-mobile--selected.height-mobile--original .animated-text--inner[class*=right] {
        right: 0
    }
}

@media only screen and (min-width:768px) {
    .img-desktop--selected.height-desktop--original .animated-text--inner {
        position: absolute
    }

    .img-desktop--selected.height-desktop--original .animated-text--inner[class*=center] {
        left: 50%;
        transform: translateX(-50%)
    }

    .img-desktop--selected.height-desktop--original .animated-text--inner[class*=right] {
        right: 0
    }
}

.animated-text--content {
    width: 100%;
    padding: 50px 15px
}

@media only screen and (min-width:768px) {
    .animated-text--content {
        padding: 50px 30px
    }
}