.blog-box {
    height: 750px !important; /* feste konstante Höhe auf Desktop */
}

#slider-image,
#slider-content {
    height: 100% !important; 
    min-height: 0 !important;
    overflow: hidden;
}

/* Content rechts */
#slider-content {
    flex: 1 1 40%;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
}

/* Kleinere Screens */
@media (max-width: 768px) {
    .blog-box {
        height: auto !important; /* Box darf so hoch wie Bild+Text zusammen */
        min-height: 700px; /* Mindesthöhe, falls wenig Inhalt */
    }

    #slider-image {
        flex: 1 1 100%;
        height: 300px !important; /* feste Höhe fürs Bild im Responsive */
    }

    #slider-content {
        flex: 1 1 100%;
        height: auto !important; /* Textbereich wächst normal */
    }
}