/* --- HERZ ANIMATION (ROT & PULSIEREND) --- */
.heart-outline { 
    color: #ff7675; /* Dein schönes Rot */
    display: inline-block; 
    animation: heartbeat 1.5s ease-in-out infinite; 
}

@keyframes heartbeat { 
    0%, 60%, 100% { transform: scale(1); } 
    10%, 33% { transform: scale(1.2); } 
}

/* --- FOOTER BASIS MIT MODERNER BLAUER LINIE --- */
.footer { 
    margin-top: 60px; 
    font-size: 11px; 
    color: #95a5a6; 
    text-align: center; 
    position: relative; /* Wichtig für die Linie */
    padding-top: 30px; 
    border-top: none; /* Alte Linie weg */
}

/* Die moderne Linie (wie im Header) */
.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%; 
    right: 10%; 
    height: 2px;
background: linear-gradient(to right, transparent, #a4b0be, transparent);
border-radius: 2px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); /* Sehr dezenter, dunkler Schatten */

}

/* --- LINKS IM FOOTER --- */
.footer a { 
    color: #7f8c8d; 
    text-decoration: none; 
    font-weight: bold; /* Damit der Schatten besser wirkt, habe ich sie fett gemacht */
    transition: all 0.3s ease;
    
    /* Ein feiner, grauer Schatten: 1px nach rechts, 1px nach unten, 2px Weichzeichner */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.footer a:hover { 
    color: #2d3436; 
    text-decoration: none;
    
    /* Beim Drüberfahren wird der Schatten etwas intensiver (Blau-Schimmer) */
    text-shadow: 0px 0px 5px rgba(116, 185, 255, 0.4);
}