.outer-icons {
    padding: var(--paddingMobile);
    position: relative;
    overflow: hidden;
    &.background {
        &::after {
            content: "";
            position: absolute;
            top: -10rem;
            right: 0;
            width: 426px;
            height: 629px;
            background-image: url('/ake/images/gestaltung/background.svg');
            background-repeat: no-repeat;
            background-size: cover;
            z-index: -1;
        }
    }
    .s_container {
        max-width: 1440px;
        margin: 0 auto;
        h2 {
            margin-bottom: 2rem;
        }
        .container-inner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 2rem;
            .icon {
                flex: calc(25% - 2rem);
                border-radius: 16px;
                background-color: var(--white);
                padding: 2rem 4rem 2rem 1rem;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                text-decoration: none;
                color: var(--fontColor);
                min-width: 250px;
                img {
                    margin-bottom: 1rem;
                    max-width: 48px;
                    object-fit: cover;
                }
                h6 {
                    margin-bottom: .5rem;
                }
            }
        }
    }
}











@media (min-width: 1200px) {
    .outer-icons {
        padding: var(--paddingDesktop);
        .s_container {
            .container-inner {
                .icon {
                    max-width: calc(25% - 2rem);
                }
            }
        }
    }
}