@media (max-width: 778px) {

    /* ========================================
       BANNER
       ======================================== */

    .mobile-banner {
        width: 96vw !important;
        max-width: 96vw !important;
        margin-left: calc(50% - 48vw) !important;
        margin-right: calc(50% - 48vw) !important;
        height: 210px !important;
        overflow: hidden !important;
    }

    .mobile-banner img {
        width: 100% !important;
        max-width: none !important;
        height: 210px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
    }


    /* ========================================
       H2 – HAUPTÜBERSCHRIFTEN
       ======================================== */

    h2 {
        font-size: 30px !important;
        line-height: 1.20 !important;
        margin-top: 25px !important;
        margin-bottom: 20px !important;
    }


    /* ========================================
       H3 – UNTERÜBERSCHRIFTEN
       ======================================== */

    h3 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }


    /* ========================================
       NORMALER TEXT
       ======================================== */

    .wpb_text_column,
    .wpb_text_column p {
        font-size: 18px !important;
        line-height: 1.45 !important;
    }

    .wpb_text_column p {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }


    /* ========================================
       WEISSE ABSTÄNDE VERKLEINERN
       ======================================== */

    .vc_row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .wpb_content_element {
        margin-bottom: 18px !important;
    }


    /* ========================================
       SPACER / GAP
       ======================================== */

    .vc_empty_space {
        height: 25px !important;
    }


    /* ========================================
       BUTTONS
       ======================================== */

    .vc_btn3-container {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

}
    
/* Standard: Desktop */
.mobile-only {
    display: none !important;
}

.desktop-only {
    display: block !important;
}

/* Smartphone */
@media (max-width: 778px) {

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .mobile-only img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        display: block !important;
    }
}
/* Sternchentrenner mobil größer + Abstände kompakter */
@media (max-width: 778px) {

    .mobile-divider {
        transform: scale(1.7);
        transform-origin: center center;
        margin-top: 10px !important;
        margin-bottom: 35px !important;
    }

}