.headline-subheadline-text-img .img-container {
    aspect-ratio: 1258/746;
}

.headline-subheadline-text-img .headline {
    position: relative;
}

.headline-subheadline-text-img .headline::before {
    content: "";
    display: block;
    height: 1.68em;
    aspect-ratio: 1/1;
    mask: url(../../img/logo-arrow-right.svg) no-repeat center/contain;
    -webkit-mask: url(../../img/logo-arrow-right.svg) no-repeat center/contain;
    background: var(--orange);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(calc(-100% - var(--grid-gap)), -50%);
}

/* Content left */
.headline-subheadline-text-img.content-left .headline {
    grid-area: 2/4/2/span 4;
}

.headline-subheadline-text-img.content-left .sub-headline {
    grid-area: 3/4/3/span 4;
}

.headline-subheadline-text-img.content-left .text-container {
    grid-area: 4/4/4/span 4;
}

.headline-subheadline-text-img.content-left .img-container {
    grid-area: 1/8/span 5/span 7;
    clip-path: polygon( 12.438% 3.141%,12.438% 3.141%,12.533% 2.607%,12.668% 2.109%,12.84% 1.653%,13.045% 1.242%,13.279% 0.882%,13.54% 0.577%,13.823% 0.331%,14.126% 0.15%,14.444% 0.038%,14.775% 0%,97.604% 0%,97.604% 0%,97.993% 0.053%,98.361% 0.205%,98.705% 0.449%,99.019% 0.777%,99.298% 1.179%,99.538% 1.649%,99.733% 2.176%,99.878% 2.754%,99.969% 3.374%,100% 4.027%,100% 95.973%,100% 95.973%,99.969% 96.626%,99.878% 97.246%,99.733% 97.824%,99.538% 98.351%,99.298% 98.821%,99.019% 99.223%,98.705% 99.551%,98.361% 99.795%,97.993% 99.947%,97.604% 100%,2.438% 100%,2.438% 100%,1.99% 99.93%,1.572% 99.731%,1.191% 99.415%,0.854% 98.996%,0.566% 98.488%,0.335% 97.904%,0.166% 97.259%,0.066% 96.565%,0.042% 95.837%,0.1% 95.087%,12.438% 3.141% ); 
}

/* Content right */
.headline-subheadline-text-img.content-right .img-container {
    grid-area: 1/1/span 5/span 7;
    clip-path: polygon( 87.65% 3.141%,87.65% 3.141%,87.555% 2.607%,87.419% 2.109%,87.247% 1.653%,87.042% 1.242%,86.808% 0.882%,86.547% 0.577%,86.263% 0.331%,85.96% 0.15%,85.641% 0.038%,85.31% 0%,2.399% 0%,2.399% 0%,2.01% 0.053%,1.64% 0.205%,1.296% 0.449%,0.982% 0.777%,0.703% 1.179%,0.463% 1.649%,0.268% 2.176%,0.122% 2.754%,0.031% 3.374%,0% 4.027%,0% 95.973%,0% 95.973%,0.031% 96.626%,0.122% 97.246%,0.268% 97.824%,0.463% 98.351%,0.703% 98.821%,0.982% 99.223%,1.296% 99.551%,1.64% 99.795%,2.01% 99.947%,2.399% 100%,97.66% 100%,97.66% 100%,98.108% 99.93%,98.526% 99.731%,98.907% 99.415%,99.245% 98.996%,99.533% 98.488%,99.765% 97.904%,99.934% 97.259%,100.034% 96.565%,100.058% 95.837%,100% 95.087%,87.65% 3.141% ); 
}

.headline-subheadline-text-img.content-right .headline {
    grid-area: 2/9/2/span 4;
}

.headline-subheadline-text-img.content-right .sub-headline {
    grid-area: 3/9/3/span 4;
}

.headline-subheadline-text-img.content-right .text-container {
    grid-area: 4/9/4/span 4;
}

@media (max-width: 1199.98px) {
    .headline-subheadline-text-img.content-left .headline {
        grid-area: 2/3/2/span 5;
    }

    .headline-subheadline-text-img.content-left .sub-headline {
        grid-area: 3/3/3/span 5;
    }

    .headline-subheadline-text-img.content-left .text-container {
        grid-area: 4/3/4/span 5;
    }

    .headline-subheadline-text-img.content-right .headline {
        grid-area: 2/9/2/span 5;
    }

    .headline-subheadline-text-img.content-right .sub-headline {
        grid-area: 3/9/3/span 5;
    }

    .headline-subheadline-text-img.content-right .text-container {
        grid-area: 4/9/4/span 5;
    }
}

@media (max-width: 991.98px) {
    .headline-subheadline-text-img.content-left .img-container,
    .headline-subheadline-text-img.content-right .img-container {
        grid-area: 1/4/1/span 8;
    }

    .headline-subheadline-text-img.content-left .headline,
    .headline-subheadline-text-img.content-right .headline {
        grid-area: 2/4/2/span 8;
        margin-top: var(--m-md);
    }

    .headline-subheadline-text-img.content-left .sub-headline,
    .headline-subheadline-text-img.content-right .sub-headline {
        grid-area: 3/4/3/span 8;
    }

    .headline-subheadline-text-img.content-left .text-container,
    .headline-subheadline-text-img.content-right .text-container {
        grid-area: 4/4/4/span 8;
    }
}

@media (max-width: 767.98px) {
    .headline-subheadline-text-img.content-left .img-container,
    .headline-subheadline-text-img.content-right .img-container {
        grid-area: 1/3/1/span 10;
    }

    .headline-subheadline-text-img.content-left .headline,
    .headline-subheadline-text-img.content-right .headline {
        grid-area: 2/3/2/span 10;
    }

    .headline-subheadline-text-img.content-left .sub-headline,
    .headline-subheadline-text-img.content-right .sub-headline {
        grid-area: 3/3/3/span 10;
    }

    .headline-subheadline-text-img.content-left .text-container,
    .headline-subheadline-text-img.content-right .text-container {
        grid-area: 4/3/4/span 10;
    }
}

@media (max-width: 575.98px) {
    .headline-subheadline-text-img.content-left .img-container {
        grid-area: 1/2/1/span 13;
    }

    .headline-subheadline-text-img.content-right .img-container {
        grid-area: 1/1/1/span 13;
    }

    .headline-subheadline-text-img.content-left .headline,
    .headline-subheadline-text-img.content-right .headline {
        grid-area: 2/2/2/span 12;
	    margin-left: calc(1.68em + var(--grid-gap));
        hyphens: auto;
        text-wrap: balance;
    }

    .headline-subheadline-text-img.content-left .sub-headline,
    .headline-subheadline-text-img.content-right .sub-headline {
        grid-area: 3/2/3/span 12;
        margin-left: calc((1.68 * var(--fs-50)) + var(--grid-gap));
    }

    .headline-subheadline-text-img.content-left .text-container,
    .headline-subheadline-text-img.content-right .text-container {
        grid-area: 4/2/4/span 12;
        margin-left: calc((1.68 * var(--fs-50)) + var(--grid-gap));
    }
}