html body#root #wrap_all #main .textblock-media__wrapper {
    padding: 3.125rem 0
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .textblock-media__wrapper {
        padding: 2.8125rem 0
    }
}

@media only screen and (max-width: 47.9375rem) {
    html body#root #wrap_all #main .textblock-media__wrapper {
        padding: 0
    }
}

@media only screen and (max-width: 29.9375rem) {
    html body#root #wrap_all #main .textblock-media__wrapper {
        padding: 1.25rem 0 0
    }
}

html body#root #wrap_all #main .textblock-media__wrapper.background-accent h2 {
    color: #fff
}

html body#root #wrap_all #main .textblock-media__image,
html body#root #wrap_all #main .textblock-media__video {
    height: 21.875rem;
    width: 100%;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    position: relative;
    padding: 0;
    margin-left: -1rem;
    width: calc(100% + (16px + 16px));
    grid-column: 1 / span 14
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__image,
    html body#root #wrap_all #main .textblock-media__video {
        grid-column: 2 / span 13;
        width: 100%;
        padding-left: 1.875rem;
        margin-left: auto
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .textblock-media__image,
    html body#root #wrap_all #main .textblock-media__video {
        height: 100%;
        grid-column: 10 / span 5
    }
}

@media only screen and (min-width: 71.25rem) {
    html body#root #wrap_all #main .textblock-media__image,
    html body#root #wrap_all #main .textblock-media__video {
        width: 28.125rem
    }
}

html body#root #wrap_all #main .textblock-media__image .image-container,
html body#root #wrap_all #main .textblock-media__image .plyr-container,
html body#root #wrap_all #main .textblock-media__video .image-container,
html body#root #wrap_all #main .textblock-media__video .plyr-container {
    width: 100%;
    height: 100%
}

html body#root #wrap_all #main .textblock-media__image img,
html body#root #wrap_all #main .textblock-media__image .plyr-container,
html body#root #wrap_all #main .textblock-media__video img,
html body#root #wrap_all #main .textblock-media__video .plyr-container {
    width: 100%;
    height: 100%;
    object-fit: cover
}

html body#root #wrap_all #main .textblock-media__image:before,
html body#root #wrap_all #main .textblock-media__video:before {
    content: "";
    position: absolute;
    left: 0;
    right: 2.1875rem;
    top: 2.1875rem;
    z-index: 1;
    border: 3px solid #efefef;
    transform: skewY(3deg);
    border-bottom: none;
    height: 50%;
    display: none;
    pointer-events: none
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__image:before,
    html body#root #wrap_all #main .textblock-media__video:before {
        display: block
    }
}

html body#root #wrap_all #main .textblock-media__image:after,
html body#root #wrap_all #main .textblock-media__video:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2.1875rem;
    right: 2.1875rem;
    z-index: 1;
    border: 3px solid #efefef;
    border-top: none;
    height: 50%;
    display: none;
    pointer-events: none
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__image:after,
    html body#root #wrap_all #main .textblock-media__video:after {
        display: block
    }
}

html body#root #wrap_all #main .textblock-media__image.left,
html body#root #wrap_all #main .textblock-media__video.left {
    margin-left: -1rem
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__image.left,
    html body#root #wrap_all #main .textblock-media__video.left {
        margin-left: 0
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .textblock-media__image.left,
    html body#root #wrap_all #main .textblock-media__video.left {
        margin-left: -2.1875rem;
        grid-column: 3 / span 5
    }
}

html body#root #wrap_all #main .textblock-media__content {
    grid-column: 1 / span 14;
    margin-bottom: 1.875rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__content {
        grid-column: 2 / span 13
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .textblock-media__content {
        margin-bottom: 0;
        grid-column: 3 / span 6
    }
}

html body#root #wrap_all #main .textblock-media__content.right {
    order: 0;
    grid-column: 1 / span 14
}

@media only screen and (min-width: 48rem) {
    html body#root #wrap_all #main .textblock-media__content.right {
        grid-column: 2 / span 13
    }
}

@media only screen and (min-width: 64rem) {
    html body#root #wrap_all #main .textblock-media__content.right {
        order: 2;
        grid-column: 9 / span 6
    }
}

html body#root #wrap_all #main .textblock-media__content p:empty {
    display: none
}

html body#root #wrap_all #main .textblock-media__content .textblock--expandable {
    font-size: 1.125rem;
    line-height: 1.83;
    margin-bottom: 1.875rem
}

html body#root #wrap_all #main .textblock-media__content .textblock--expandable[aria-hidden="true"] {
    display: none
}

html body#root #wrap_all #main .textblock-media__content .toggle.button {
    background-color: transparent;
    background-image: linear-gradient(-45deg, transparent 0.7rem, #2d6ab1 0.7rem);
    color: #fff;
    margin: 0 0.5rem 0.625rem 0;
    padding: 1rem 1.375rem
}

html body#root #wrap_all #main .textblock-media__content .toggle.button .icon {
    display: none
}

html body#root #wrap_all #main .textblock-media__content .toggle.button:hover {
    background-image: linear-gradient(-45deg, transparent 0.7rem, #72be44 0.7rem)
}

html body#root #wrap_all #main .textblock-media__content ul {
    margin: 0;
    margin-bottom: 20px;
    padding: 0 0 0 25px;
    width: 100%
}

html body#root #wrap_all #main .textblock-media__content ul li {
    font-size: 1.125rem;
    line-height: 1.83;
    position: relative
}

html body#root #wrap_all #main .textblock-media__content ul li::before {
    position: absolute;
    left: -15px;
    margin: 0;
    top: 15px
}