/* Bilder immer flexibel */
img {
    max-width: 100% !important;
    height: auto !important;
}

/* Einheitliche Größenberechnung */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Nur für schmale Fenster / Handy */
@media (max-width: 991.98px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .site-grid {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .container-sidebar-left,
    .container-component,
    .container-sidebar-right {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .container-sidebar-left {
        margin-bottom: 20px !important;
    }

    .com-content-article,
    .com-content-article p,
    .com-content-article span,
    .com-content-article div {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .com-content-article img {
        display: block;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
    }

    table,
    iframe,
    video {
        max-width: 100% !important;
    }
}