.outer-headertext {
    position: relative;
    padding: var(--paddingMobile);
    .s_container.heading {
        max-width: 1440px;
        margin: 0 auto;
        position: relative;
        &::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -10rem;
            height: 4px;
            background-color: var(--farbedunkel);
            max-width: calc(260px + 10rem);
            width: 100%;

        }
        .container-inner {
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: start;
            .info {
                text-align: center;
                padding: .5rem 1.5rem;
                background-color: #439DD766;
                height: 38px;
                border-radius: 38px;
                color: var(--farbedunkel);
                margin-bottom: 1rem;
            }
            h1 {
                color: var(--farbedunkel);
                padding-bottom: 4rem;
                text-transform: uppercase;
                min-width: 220px;
                font-size: 35px;
            }
        }
    }
    .s_container.text {
        max-width: 1440px;
        margin: 0 auto;
        margin-top: 4rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 3rem;
        .container-inner {
           
            &:first-of-type {
                flex: calc(65% - 3rem);
                min-width: 250px;
                p {
                    font-size: 32px;
                    font-weight: 500;
                    strong {
                        font-weight: 500;
                        color: var(--farbemittel);
                    }
                }
            }
            &:last-of-type {
                flex: calc(35% - 3rem);
                min-width: 250px;
                .link-farbedunkel-button {
                    margin-top: 2rem;
                }
            }
           
        }
    }
}











@media (min-width: 1200px) {
    .outer-headertext {
        padding: var(--paddingDesktop);
        .s_container {
           
            &.heading {
                .container-inner {
                    h1 {
                        font-size: 72px;
                        max-width: 45%;
                    }
                }
            }
        }
    }
}