.m_breaker {
    position: relative;

    background: #e62020;

    padding: 80px 48px;

    text-align: center;

    overflow: hidden;
}

.m_breaker_container {
    max-width: 1440px;
    margin: 0 auto;
}

.m_breaker_content {
    position: relative;
    z-index: 2;

    max-width: 720px;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.m_breaker_subheadline {
    display: block;

    margin-bottom: 18px;

    color: rgba(255,255,255,.75);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: .3em;
    text-transform: uppercase;
}

.m_breaker_headline {
    margin: 0;

    color: #fff;

    font-weight: 900;

    text-transform: uppercase;

    line-height: .95;
}

.m_breaker_text {
    margin-top: 18px;

    max-width: 560px;

    color: rgba(255,255,255,.75);

    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
}

.m_breaker_butons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    gap: 14px;

    margin-top: 36px;
}

/* -------------------------------- */
/* Button Overrides nur für Modul   */
/* -------------------------------- */

.m_breaker .button.primary {
    background: #fff;
    color: #e62020;
}

.m_breaker .button.primary:hover {
    background: #fff;
    color: #e62020;
}

.m_breaker .button.primary::before {
    background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(120,120,120,.05) 20%,
            rgba(120,120,120,.10) 50%,
            rgba(120,120,120,.05) 80%,
            transparent 100%
    );
}

.m_breaker .button.secondary {
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255,255,255,.45);
}

.m_breaker .button.secondary:hover {
    background: #fff;
    color: #e62020;
    border-color: #fff;
}

/* -------------------------------- */
/* Tablet                           */
/* -------------------------------- */

@media (max-width: 992px) {

    .m_breaker {
        padding: 70px 32px;
    }

}

/* -------------------------------- */
/* Mobile                           */
/* -------------------------------- */

@media (max-width: 767px) {

    .m_breaker {
        padding: 64px 24px;
    }

    .m_breaker_text {
        max-width: 100%;
    }

    .m_breaker_butons {
        width: 100%;

        flex-direction: column;
        align-items: center;
    }

    .m_breaker_butons .button {
        width: 100%;
        max-width: 320px;
    }

}