.slider-imgslider-content-icon>.headline {
    grid-area: 1/4/1/span 8;
    text-transform: none;
}

.slider-imgslider-content-icon .icon-slider {
    grid-area: 1/12/span 3/span 2;
}

.slider-imgslider-content-icon .img-slider-wrapper {
    grid-area: 2/3/span 3/span 5;
}

.slider-imgslider-content-icon .img-slider-wrapper .img-slider-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: var(--grid-gap);
}

.slider-imgslider-content-icon .img-slider-wrapper .img-slider-container .img-slider {
    grid-area: 1/1/1/span 4;
}

.slider-imgslider-content-icon .img-slider-wrapper .img-container {
    aspect-ratio: 740/918;
}

.slider-imgslider-content-icon .img-slider-wrapper .default-slider-nav-slidecount-container {
    grid-area: 1/1/1/span 4;
    justify-self: flex-end;
    align-self: flex-end;
    margin-bottom: var(--m-sm);
    z-index: 1;
    transform: translateX(calc(100% - (var(--m-md) * 1.54) - var(--m-xs)));
}

.slider-imgslider-content-icon .default-slider-text-pagination {
    grid-area: 2/8/2/span 6;
}

.slider-imgslider-content-icon:has(.icon-slider) .default-slider-text-pagination {
    grid-area: 2/8/2/span 5;
}

.slider-imgslider-content-icon .content-slider {
    grid-area: 3/8/3/span 5;
}

.slider-imgslider-content-icon .content-slider .text-container {
    max-width: 60ch;
}

.slider-imgslider-content-icon .mobile {
    display: none;
}

@media (max-width: 1499.98px) {
    .slider-imgslider-content-icon .img-slider-wrapper {
        grid-area: 2/2/span 3/span 5;
    }

    .slider-imgslider-content-icon:has(.icon-slider) .default-slider-text-pagination,
    .slider-imgslider-content-icon .default-slider-text-pagination {
        grid-area: 2/7/2/span 6;
    }

    .slider-imgslider-content-icon .content-slider {
        grid-area: 3/7/3/span 6;
    }
}

@media (max-width: 1199.98px) {
    .slider-imgslider-content-icon .img-slider-wrapper {
        grid-area: 2/2/span 3/span 4;
    }

    .slider-imgslider-content-icon:has(.icon-slider) .default-slider-text-pagination,
    .slider-imgslider-content-icon .default-slider-text-pagination {
        grid-area: 2/6/2/span 8;
        margin-top: var(--m-md);
    }

    .slider-imgslider-content-icon .content-slider {
        grid-area: 3/6/3/span 7;
    }
}

@media (max-width: 991.98px) {
    .slider-imgslider-content-icon>.headline {
        grid-area: 1/3/1/span 10;
    }
    .slider-imgslider-content-icon .icon-slider {
        grid-area: 2/3/2/span 10;
        width: 100%;
        max-width: min(400px, 50%);
        justify-self: center;
        margin-top: var(--m-md);
    }

    .slider-imgslider-content-icon:has(.icon-slider) .default-slider-text-pagination,
    .slider-imgslider-content-icon .default-slider-text-pagination {
        grid-area: 3/3/3/span 10;
    }

    .slider-imgslider-content-icon .content-slider {
        grid-area: 4/3/4/span 10;
        margin-bottom: var(--m-sm);
    }

    .slider-imgslider-content-icon .img-slider-wrapper {
        grid-area: 5/3/5/span 10;
    }
}

@media (max-width: 767.98px) {
    .slider-imgslider-content-icon>.headline {
        grid-area: 1/2/1/span 12;
    }

    .slider-imgslider-content-icon .icon-slider {
        grid-area: 2/2/2/span 12;
    }

    .slider-imgslider-content-icon:has(.icon-slider) .default-slider-text-pagination,
    .slider-imgslider-content-icon .default-slider-text-pagination {
        grid-area: 3/2/3/span 12;
    }

    .slider-imgslider-content-icon .content-slider {
        grid-area: 4/2/4/span 12;
    }

    .slider-imgslider-content-icon .img-slider-wrapper {
        grid-area: 5/2/5/span 12;
    }
}

@media (max-width: 575.98px) {
    .slider-imgslider-content-icon .desktop {
        display: none;
    }

    .slider-imgslider-content-icon .mobile {
        display: inherit;
    }

    .slider-imgslider-content-icon .accordion.mobile {
        grid-area: 2/2/2/span 12;
    }

    .slider-imgslider-content-icon .accordion.mobile .accordion-inner {
        grid-template-columns: minmax(0, 1fr);
        grid-row-gap: var(--m-sm);
    }

    .slider-imgslider-content-icon .accordion.mobile .icon-container {
        grid-area: 1/1/1/1;
        max-width: 256px;
        justify-self: center;
    }

    .slider-imgslider-content-icon .accordion.mobile .content-container {
        grid-area: 2/1/2/1;
    }

    .slider-imgslider-content-icon .accordion.mobile .img-slider {
        grid-area: 3/1/3/1;
        width: 100%;
    }

    .slider-imgslider-content-icon  .default-slider-nav-slidecount-container {
        grid-area: 4/1/4/1;
    }
}