.image-text-row {
    display: flex;
    width: 100%;
}

.image-text-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}

/* Bild bekommt weniger Platz */
.image-side {
    width: 40%;
}

.image-side img {
    max-width: 100%;
    height: auto;
}

/* Text bekommt mehr Platz */
.text-side {
    width: 60%;
}

.text-side p {
    max-width: 100%; 
    line-height: 1.6;
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media screen and (max-width: 768px) {
    
    .image-text-row {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .image-text-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0.5rem !important;
    }
    
    .image-side {
        width: 100% !important;
        order: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .image-side img {
        width: 100% !important;
        display: block;
        margin: 0 auto;
    }
    
    .text-side {
        width: 100% !important;
        order: 2 !important;
    }
    
    .text-side p br {
        display: none;
    }
}

/* ========================================
   KLEINE SMARTPHONES (bis 480px)
   ======================================== */

@media screen and (max-width: 480px) {
    
    .image-text-col {
        padding: 0.25rem !important;
    }
    
    .image-side {
        padding: 0.25rem !important;
    }
    
    .text-side {
        padding: 0.75rem !important;
    }
    
    .text-side p {
        font-size: 0.95rem;
    }
}

/* ========================================