.outer-ansprechpartner {
    padding: var(--paddingMobile);
    .s_container {
        max-width: var(--max-width);
        margin: 0 auto;
        text-align: center;
        h3 {
            color: var(--farbedunkel);
            text-transform: uppercase;
            width: 100%;
        }
        p {
            font-size: 16px;
            width: 100%;
        }
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
        .container-inner {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            gap: 2rem;
            flex: calc(50% - 2rem);
            justify-content: center;
            min-width: 300px;
            .ansprechpartner {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 2rem;
                padding: 2rem 1rem;
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
                border-radius: 16px;
               .text {
                    flex: calc(55% - 2rem);
                    text-align: left;
                    font-size: 16px;
                    min-width: 250px;
                    h6 {
                        margin-bottom: .5rem;
                    }

                    a {
                        display: block;
                        text-decoration: none;
                        color: var(--fontColor);
                        &:first-of-type {
                            margin-bottom: 1rem;
                            margin-top: 3rem;
                        }
                        img {
                            padding-right: 1rem;
                        }
                    }
               }

                .image {
                    flex: calc(45% - 2rem);
                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }
            
        }
    }
}







@media (min-width: 1200px) {
    .outer-ansprechpartner {
        padding: var(--paddingDesktop);
        .s_container {
            .container-inner {
            
            }
        }
    }    
}