/**
 * RESPONSIVE STYLES FÜR STANDORT & ANMELDUNG SEKTIONEN
 * Fix für Text-Overflow auf kleinen Viewports
 */

/* Text-Box in Grid-Spalten: Responsive Padding */
.section-text-box {
    background: white;
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 6px;
}

/* Textbreite begrenzen für optimale Lesbarkeit (60-80 Zeichen) */
.section-text-box p {
    max-width: 65ch;
}

@media (max-width: 1023px) {
    .section-text-box {
        padding: var(--space-lg);
    }
}

@media (max-width: 767px) {
    .section-text-box {
        padding: var(--space-sm); /* 16px - konsistent mit Standort-Box */
        justify-content: flex-start;
        gap: var(--space-md);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .section-text-box {
        padding: var(--space-md);
        justify-content: flex-start;
        gap: var(--space-md);
    }

    /* Karte auf Mobile: Kompakter */
    #standort .aspect-ratio-3-2:last-child {
        aspect-ratio: 4 / 3;
        min-height: 280px; /* Mobile: kompakter */
    }
}

/* CTA Section Text-Box */
.cta-text-box {
    background: #F8F8F8;
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 6px;
}

/* Textbreite begrenzen für optimale Lesbarkeit (60-80 Zeichen) */
.cta-text-box p {
    max-width: 65ch;
}

@media (max-width: 1023px) {
    .cta-text-box {
        padding: var(--space-lg);
    }
}

@media (max-width: 1023px) {
    .cta-text-box {
        padding: var(--space-md);
        justify-content: flex-start;
        gap: var(--space-md);
    }
}