/*
Theme Name: Divi Child
Template: Divi
Description: A child theme for Divi
Version: 1.0
*/

/* Adjust the main container for reduced height */
.acf-daten-grid {
    min-height: 100px; /* Reduce the height to fit the red line */
    display: flex;
    flex-direction: row; /* Align ACF fields in one row */
    justify-content: space-between;
    gap: 10px; /* Add spacing between the elements */
    align-items: center;
}

/* Ensure consistent image and content alignment */
.post-media {
    height: auto;
    max-height: 150px; /* Reduce image height */
    overflow: hidden;
    border-radius: 10px; /* Add rounded corners */
}

/* Style for the content container */
.post-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px; /* Adjust overall height */
    padding: 10px; /* Add some padding for spacing */
}

/* Title styling for better visibility */
.entry-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #0047ab; /* Change to blue */
    margin-bottom: 5px;
}

/* ACF fields styling for better organization */
.acf-daten {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.9rem;
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Date styling */
.post-meta {
    margin-top: auto;
    font-size: 0.8rem;
    color: #7a7a7a;
}

/* Responsive styling for smaller devices */
@media (max-width: 768px) {
    .acf-daten-grid {
        flex-direction: column;
        align-items: flex-start;
        min-height: auto;
    }

    .post-media {
        max-height: 120px; /* Further reduce image height for small screens */
    }

    .post-content {
        min-height: auto;
        padding: 8px;
    }

    .entry-title {
        font-size: 1.2rem;
    }

    .acf-daten {
        font-size: 0.85rem;
    }
}