/**
 * Dateiname: css/agenda.css
 * Beschreibung: Responsive Layout für Agenda-Seite (Sections mit Bild + Text)
 * 
 * @version 2.0.0
 * @author Wilhelm Goertz
 * @date 2025-01-19
 * 
 * Änderungshistorie:
 * v2.0.0 - 2025-01-19 - MAJOR: Providerwechsel, einheitliche Versionierung
 * v1.0 - 2025-01-18 - Initiale Version - Responsive Layout für agenda_sections
 */

/* RESPONSIVE LAYOUT - Mobile First */
.section-content-flex {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.section-image-col,
.section-text-col {
    width: 100%;
}

.section-image {
    width: 100%;
    height: auto;
    max-height: 60vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 0 24px 8px rgba(0, 0, 0, 0.6);
}

.section-text-col {
    line-height: 1.8;
}

/* Tablet: ab 769px */
@media (min-width: 769px) {
    .section-content-flex {
        flex-direction: row;
        gap: 2rem;
        align-items: flex-start;
    }
    
    .section-image-col {
        flex-shrink: 0;
        flex-grow: 0;
        width: auto;
    }
    
    .section-text-col {
        flex-grow: 1;
        flex-shrink: 1;
        width: auto;
    }
    
    .section-image {
        min-width: 220px;
        max-height: 400px;
    }
}

/* Desktop: ab 1025px */
@media (min-width: 1025px) {
    .section-content-flex {
        gap: 2.5rem;
    }
    
    .section-image {
        min-width: 280px;
        max-height: 500px;
    }
}