.box-img-headline-text-btns .box {
    grid-column: 3/span 10;
}

.box-img-headline-text-btns .box .content-container {
    padding: var(--m-md) var(--m-md) var(--m-sm)
}

.box-img-headline-text-btns:has(.icon-btn) .box .content-container {
    padding: var(--m-md) var(--m-sm) var(--m-sm)
}

.box-img-headline-text-btns .box .content-container .headline {
    grid-column: 1/span 6;
}

.box-img-headline-text-btns .box .content-container .text-container {
    grid-column: 1/span 5;
}

.box-img-headline-text-btns .box .content-container:has(.icon-btn) .text-container {
    grid-column: 1/span 4;
}

.box-img-headline-text-btns .box .content-container .btns-container {
    grid-column: 1/span 4;
}

.box-img-headline-text-btns .box .content-container .icon-btn {
    grid-column: 5/span 2;
    grid-row: 2/span 2;
    width: auto;
    max-width: 100%;
}

/* img left */
.box-img-headline-text-btns.img-left .box .img-container {
    grid-column: 1/span 4;
}

.box-img-headline-text-btns.img-left .box .content-container {
    grid-column: 5/span 6;
}

/* img right */
.box-img-headline-text-btns.img-right .box .content-container {
    grid-column: 1/span 6;
    grid-row: 1/span 1;
}

.box-img-headline-text-btns.img-right .box .img-container {
    grid-column: 7/span 4;
}

@media (max-width: 1499.98px) {
    .box-img-headline-text-btns .box {
        grid-column: 2/span 12;
    }

    .box-img-headline-text-btns.img-left .box .img-container {
        grid-column: 1/span 5;
    }

    .box-img-headline-text-btns.img-left .box .content-container {
        grid-column: 6/span 7;
    }

    .box-img-headline-text-btns .box .content-container .headline {
        grid-column: 1/span 7;
    }

    .box-img-headline-text-btns .box .content-container:has(.icon-btn) .text-container {
        grid-column: 1/span 5;
    }

    .box-img-headline-text-btns .box .content-container .btns-container {
        grid-column: 1/span 5;
    }

    .box-img-headline-text-btns .box .content-container .icon-btn {
        grid-column: 6/span 2;
    }

    .box-img-headline-text-btns.img-right .box .content-container {
        grid-column: 1/span 7;
    }

    .box-img-headline-text-btns.img-right .box .img-container {
        grid-column: 8/span 5;
    }
}

@media (max-width: 1199.98px) {
    .box-img-headline-text-btns .box {
        grid-column: 4/span 8;
        display: flex;
        flex-direction: column;
    }

    .box-img-headline-text-btns .box .img-container {
        grid-column: 1/span 6;
    }

    .box-img-headline-text-btns .box .content-container,
    .box-img-headline-text-btns:has(.icon-btn) .box .content-container {
        padding: var(--m-md) var(--m-sm) var(--m-sm);
        grid-column: 1/span 6;
        display: flex;
        flex-direction: column;
    }

    .box-img-headline-text-btns .box .content-container .icon-btn {
        margin-top: var(--m-md);
    }
}

@media (max-width: 991.98px) {
    .box-img-headline-text-btns .box {
        grid-column: 3/span 10;
    }
}

@media (max-width: 767.98px) {
    .box-img-headline-text-btns .box {
        grid-column: 2/span 12;
    }
}

@media (max-width: 575.98px) {
    .box-img-headline-text-btns .box {
        grid-column: 1/span 14;
    }

    .box-img-headline-text-btns .box .content-container,
    .box-img-headline-text-btns:has(.icon-btn) .box .content-container {
        padding: var(--m-sm) var(--grid-gap);
    }
}