.headline-text-accordion .icon-container {
    grid-column: 2/span 12;
    width: 100%;
    max-width: max(128px, 7.03125vw);
}

.headline-text-accordion .headline {
	grid-column: 2/span 12;
	hyphens: auto;
	hyphenate-limit-chars: 20;
}

.headline-text-accordion>.text-container {
    grid-column: 2/span 12;
    max-width: 48ch;
}

.headline-text-accordion .box {
    grid-column: 4/span 8;
    padding: var(--m-md) 0;
}

.headline-text-accordion .box .accordion {
    grid-column: 2/span 6;
}

.headline-text-accordion .box .headline-box {
    grid-column: 2/span 6;
}

.headline-text-accordion .box .text-container {
    grid-column: 2/span 4;
}

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

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

    .headline-text-accordion .box .accordion,
    .headline-text-accordion .box .headline-box,
    .headline-text-accordion .box .text-container,
    .headline-text-accordion .box .btns-container {
        grid-column: 2/span 8;
    }
}

@media (max-width: 1199.98px) {
    .headline-text-accordion .box {
        grid-column: 3/span 10;
        display: flex;
        flex-direction: column;
        padding: var(--m-md) var(--m-md);
    }
}

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

@media (max-width: 575.98px) {
    .headline-text-accordion .box {
        grid-column: 1/span 14;
        padding: var(--m-sm) var(--grid-gap);
    }
}