/* ==========================================================================
   MOBILE CONTAINER PADDING FORCE FIX
   Erzwingt konsistente Container-Padding für ALLE Sections auf mobile
   ========================================================================== */

/* ULTRA-SPEZIFISCH - ÜBERSCHREIBT ALLES ANDERE */
@media screen and (max-width: 768px) {
    
    /* ===== ALLE CONTAINER BEKOMMEN GLEICHES PADDING ===== */
    html body section .container,
    html body .container,
    html body #programm .container,
    html body .programm .container,
    html body #events-testimonials .container,
    html body .events-testimonials .container,
    html body #tickets .container,
    html body #highlights .container,
    html body #location .container,
    html body #partner .container {
        padding: 0 40px !important;
        padding-top: var(--spacing-xl) !important;
        padding-bottom: var(--spacing-xl) !important;
        box-sizing: border-box !important;
    }
}

/* KLEINSTE SCREENS - ETWAS WENIGER ABER IMMER NOCH KONSISTENT */
@media screen and (max-width: 480px) {
    html body section .container,
    html body .container,
    html body #programm .container,
    html body .programm .container,
    html body #events-testimonials .container,
    html body .events-testimonials .container,
    html body #tickets .container,
    html body #highlights .container,
    html body #location .container,
    html body #partner .container {
        padding: 0 32px !important;
        padding-top: var(--spacing-lg) !important;
        padding-bottom: var(--spacing-lg) !important;
    }
}