/* Responsive Design für verschiedene Geräte === */

/* Standard (z.B. Desktop ab 901px) */
.blog-item {
    width: 250px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 500px;
}

/* Tablet-Bereich (601px bis 900px) */
@media (min-width: 601px) and (max-width: 900px) {
    .blog-item {
        width: calc(50% - 20px) !important;
    }
}

/* Smartphones (max. 600px) */
@media (max-width: 600px) {
    .blog-item {
        width: 90% !important;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 500px;
    }
	
    /* Bilder auf Smartphones etwas kleiner */
    img {
        width: 100%;
        max-width: 250px;
        height: auto;
        display: block;
        margin: 0 auto;
        border-radius: 12px;
    }

    /* Suchleiste kompakter auf Smartphones */
    input[type="text"] {
        width: 150px;
        padding: 5px;
        font-size: 1rem;
    }
}