/* ==========================================================================
   SECTION TITLE SPACING FIX - KONSISTENTE ABST√¬NDE
   Einheitliche Abstände aller Section-Titel von den Container-Kanten
   ========================================================================== */

/* ===== KONSISTENTE SECTION HEADER ABSTÄNDE ===== */
.section-header,
.section-header--centered {
    margin-bottom: var(--spacing-xl) !important; /* 60px konsistent */
    margin-top: 0 !important;
    padding: 0 !important;
}

/* ===== SECTION TITLE KONSISTENZ ===== */
.section__title {
    margin-top: 0 !important;
    margin-bottom: var(--spacing-xl) !important; /* 60px konsistent */
    padding: 0 var(--spacing-md) !important; /* Seitlicher Abstand vom Container-Rand */
}

/* ===== SPEZIFISCHE SECTION KORREKTUREN ===== */
/* Tickets Section */
#tickets .section-header--centered,
#tickets .section__title {
    margin-bottom: var(--spacing-xl) !important; /* Konsistente 60px statt 20px */
}

/* Highlights Section */
#highlights .section-header--centered,
#highlights .section__title {
    margin-bottom: var(--spacing-xl) !important;
}

/* Programm Section */
#programm .section-header--centered,
#programm .section__title {
    margin-bottom: var(--spacing-xl) !important;
}

/* Events-Testimonials (Vergangene Highlights) Section */
#events-testimonials .section-header--centered,
#events-testimonials .section__title {
    margin-bottom: var(--spacing-xl) !important;
    margin-top: 0 !important;
}

/* Location Section */
#location .section-header--centered,
#location .section__title {
    margin-bottom: var(--spacing-xl) !important;
}

/* Partner Section */
#partner .section-header--centered,
#partner .section__title {
    margin-bottom: var(--spacing-xl) !important;
}

/* FAQ Section */
#faq .section-header--centered,
#faq .section__title {
    margin-bottom: var(--spacing-xl) !important;
}

/* ===== CONTAINER INNENABSTAND KONSISTENZ ===== */
/* Ausgenommen: .programm .container (hat eigene Regeln) */
.container:not(.programm .container) {
    padding-top: var(--spacing-xl) !important; /* 60px oben */
    padding-bottom: var(--spacing-xl) !important; /* 60px unten */
    padding-left: var(--spacing-lg) !important; /* 40px links */
    padding-right: var(--spacing-lg) !important; /* 40px rechts */
}

/* ===== MOBILE ANPASSUNGEN ===== */
@media (max-width: 768px) {
    .section-header,
    .section-header--centered {
        margin-bottom: var(--spacing-lg) !important; /* 40px auf mobile */
    }
    
    .section__title {
        margin-bottom: var(--spacing-lg) !important; /* 40px auf mobile */
        padding: 0 var(--spacing-sm) !important; /* Kleinere seitliche Abstände */
    }
    
    .container:not(.programm .container) {
        padding: var(--spacing-lg) var(--spacing-md) !important; /* 40px vertikal, 24px horizontal */
    }
}

/* ===== SMALL MOBILE ANPASSUNGEN ===== */
@media (max-width: 480px) {
    .section-header,
    .section-header--centered {
        margin-bottom: var(--spacing-md) !important; /* 24px auf sehr kleine screens */
    }
    
    .section__title {
        margin-bottom: var(--spacing-md) !important; /* 24px auf sehr kleine screens */
        padding: 0 var(--spacing-xs) !important; /* Noch kleinere seitliche Abstände */
    }
    
    .container:not(.programm .container) {
        padding: var(--spacing-md) var(--spacing-sm) !important; /* 24px vertikal, 16px horizontal */
    }
}

/* ===== VERHINDERE ÜBERSCHREIBUNGEN ===== */
/* Entferne alle section-spezifischen margin overrides */
section .section__title,
section .section-header,
section .section-header--centered {
    /* Reset alle benutzerdefinierten margins */
    margin-top: 0 !important;
}

/* ===== DEBUGGING - TEMPORARY BORDER (ENTFERNEN NACH TEST) ===== */
/*
.section__title {
    border: 1px solid rgba(255, 0, 0, 0.3) !important;
    background: rgba(255, 0, 0, 0.05) !important;
}

.section-header,
.section-header--centered {
    border: 1px solid rgba(0, 255, 0, 0.3) !important;
    background: rgba(0, 255, 0, 0.05) !important;
}
*/