:root {
    --two-column-content-max-width: 1920px;
    --two-column-content-media-padding-bottom: 54.75%;
    --two-column-content-image-border-radius: 0;
    --two-column-content-image-overlay-max-width: 680px;
    --two-column-content-text-max-width: 42.5rem;
    --two-column-content-media-max-width: 666px;
}

.frame-type-fyh-container-container {
    .frame-type-freyhauer_twocolumncontent {
        .container-fluid {
            padding: 0;
        }
    }
}

.two-column-content {
    --bs-gutter-x: 30px;
    max-width: var(--two-column-content-max-width);
}
.two-column-content__content--text {
    grid-area: text;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3.5rem;
    /*padding-right: calc(var(--bs-gutter-x) * 0.5);*/
    /*padding-left: calc(var(--bs-gutter-x) * 0.5);*/
    display: flex;
    flex-direction: column;
    /*max-width: var(--two-column-content-text-max-width);*/
}
.two-column-content__content--media {
    grid-area: media;
    max-width: var(--two-column-content-media-max-width);
}
.two-column-content__media-wrap {
    position: relative;
    /*padding-bottom: var(--two-column-content-media-padding-bottom);*/
}
/*.two-column-content__picture {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/
.two-column-content__image {
    vertical-align: middle;
    border-radius: var(--two-column-content-image-border-radius);
    /*width: 960px !important;*/
}

.two-column-content__image-overlay {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    width: 100%;
    height: calc(100% + 20%);
    transform: translateY(-50%);
    max-width: var(--two-column-content-image-overlay-max-width);
}

/* Media left */
.two-column-content--image-left .two-column-content__image {
    /*border-radius: 0 var(--two-column-content-image-border-radius) var(--two-column-content-image-border-radius) 0;*/
}
.two-column-content--image-left .two-column-content__image-overlay {
    transform: translateY(-50%) rotateY(180deg);
    left: auto;
}

/* Video */
.two-column-content__media-wrap {
    --plyr-video-control-background-hover: var(--bs-primary);
    --plyr-video-control-color: var(--bs-white);
    --plyr-control-icon-size: 28px;
    --plyr-color-main: var(--bs-primary);
    .plyr {
        border-radius: var(--two-column-content-image-border-radius);
    }
    .plyr__control--overlaid {
        padding: 2rem;
        box-shadow: var(--bs-box-shadow);
    }
}

/*@media (max-width: 575px) {*/
/*    .two-column-content h1,*/
/*    .two-column-content h2,*/
/*    .two-column-content h3 {*/
/*        font-size: 1.75rem;*/
/*    }*/
/*}*/
@media (min-width: 768px) {
    .two-column-content__image-overlay {
        width: calc(100% + 10%);
    }
}
@media (min-width: 992px) {
    .two-column-content__image-overlay {
        left: -1rem;
    }
    .two-column-content--image-right .two-column-content__image-overlay {
        left: -1rem;
    }
}
@media (max-width: 1199px) {
    .frame-type-freyhauer_twocolumncontent {
        .frame-type-header {
            max-width: 42.5rem;
            margin: 0 auto 2rem;
        }
        .fyh-header {
            .text-right {
                text-align: left !important;
            }
        }
    }
}
@media (min-width: 992px) {
    .two-column-content {
        --bs-gutter-x: 0px;
        display: grid;
        margin: auto;
        grid-template-areas: "media media text text";
        grid-template-columns: 1fr 1fr 1fr 1fr;
        align-items: center;
    }
    .two-column-content--image-right {
        grid-template-areas: "text text media media";
    }
    .two-column-content__content--text {
        margin-bottom: 0;
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }
    .two-column-content--therapy .two-column-content__image-overlay {
        bottom: -3rem;
        right: -3rem;
    }
    .two-column-content--image-left .two-column-content__image-overlay {
        right: -4rem;
    }
    .two-column-content--image-left .two-column-content__content--text {
        /*margin-right: 0;*/
        padding-right: 0;
    }
    .two-column-content--image-right .two-column-content__content--text {
        /*margin-left: 0;*/
        padding-left: 0;
    }
    .two-column-content--image-right .two-column-content__image-overlay {
        left: -4rem;
    }

    .frame-layout-300 .two-column-content--image-left .two-column-content__content--text,
    .frame-layout-301 .two-column-content--image-left .two-column-content__content--text {
        padding-right: 4.5rem;
    }
    .frame-layout-300 .two-column-content--image-right .two-column-content__content--text,
    .frame-layout-301 .two-column-content--image-right .two-column-content__content--text {
        padding-left: 4.5rem;
    }
}
@media (min-width: 1200px) and (max-width: 1668px) {
    .two-column-content--image-left .two-column-content__content--text {
        margin-right: 0;
    }
    .two-column-content--image-right .two-column-content__content--text {
        margin-left: 0;
    }
}
@media (min-width: 1668px) and (max-width: 1710px) {
    .two-column-content--image-right .two-column-content__content--text {
        margin-left: 1.5rem;
    }
}

@media (min-width: 2000px) {
    .two-column-content--image-left .two-column-content__content--text {
        padding-right: 0;
    }
    .two-column-content--image-right .two-column-content__content--text {
        padding-left: 0;
    }
}