@media (max-width: 900px) {
    .birthday-card {
        padding: 12px 14px;
    }

    .birthday-avatar {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }

    .birthday-info {
        font-size: 0.85rem;
    }

    .birthday-age {
        font-size: 0.75rem;
    }

    .birthday-date {
        font-size: 0.7rem;
    }

    .birthday-divider,
    .birthday-today,
    .birthday-congrats {
        margin-left: 44px;
    }

    /* Korrektur für das Wasserzeichen auf dem Handy */
    .birthday-card::after {
        width: 120px; /* Etwas größer als 90px, damit man den Effekt sieht */
        height: 120px;
        
        /* Wir setzen top/left zurück auf die Mitte und nutzen Transform zum Verschieben */
        top: 50%;
        left: 50%;
        
        /* Auf dem Handy ist weniger Platz. 
           translateX(50px) schiebt es nach rechts, 
           translateY(30px) schiebt es ein Stück nach unten.
        */
        transform: translate(-50%, -50%)
                   translateX(70px) 
                   translateY(40px)
                   rotate(12deg)
                   rotateY(20deg)
                   rotateX(-30deg);
                   
        /* Sicherstellen, dass die Hintergrund-Einstellungen greifen */
        background-size: contain;
        display: block; 
    }
}