/* --- Mobile Anpassung: Kacheln (Text oben & Überschrift größer) --- */
@media only screen and (max-width: 767px) {
    
    /* 1. Das Raster (Grid) */
    .features-content-wrap .row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

    .features-content-wrap .col-lg-4, 
    .features-content-wrap .col-sm-6 {
        width: 50% !important;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px;
        margin: 0;
    }

    /* 2. Banner nach unten */
    .features-content-wrap .col-lg-8 {
        width: 100% !important;
        flex: 0 0 100%;
        order: 10;
        margin-top: 10px;
        padding: 5px;
    }

    /* 3. Kachel-Styling */
    .features-item {
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start; /* Inhalt startet oben */
        
        box-shadow: none !important;
        background: #fff;
        border-radius: 20px;
        padding: 0 !important; 
        overflow: hidden;
    }

    /* 4. Icon Positionierung */
    .features-item .features-icon {
        padding-top: 30px !important; /* Fixer Abstand von oben */
        margin-bottom: 0 !important;
        width: 100%;
        text-align: center;
        flex-shrink: 0; 
    }

    .features-item .features-icon img {
        height: 35px !important;
        width: auto;
        margin: 0 auto;
    }

    /* 5. Text Positionierung */
    .features-item .features-content {
        width: 100%;
        text-align: center;
        padding: 0 5px !important;
        
        flex-grow: 1; 
        display: flex;
        flex-direction: column;
        justify-content: flex-start; /* Text startet oben */
        
        /* Abstand zum Icon (Position der roten Linie) */
        margin-top: 15px !important; 
    }

    .features-item .features-content .sub-title {
        font-size: 9px !important;
        margin-bottom: 3px !important; /* Etwas mehr Abstand zur Headline */
        line-height: 1;
        letter-spacing: 0.5px;
        display: block;
    }

    .features-item .features-content .title {
        /* WUNSCH: Größer (von 12px auf 15px erhöht) */
        font-size: 15px !important; 
        
        line-height: 1.2 !important;
        margin: 0;
        word-wrap: break-word;
        hyphens: auto;
    }
}