/* Hero Logo - Maximale Präsenz */
.hero-logo {
    /* 1. Grundgröße auf 400px erhöht */
    max-width: 400px; 
    width: 100%; 
    height: auto;
    
    /* Zieht das Logo näher an den Header (negativer Wert = höher) */
    margin-top: -80px; 
    
    /* Geringer Abstand zu den Texten darunter */
    margin-bottom: 5px; 
    
    /* Starker Schatten für Tiefenwirkung */
    filter: drop-shadow(0 15px 35px rgba(0,0,0,0.7));
    
    position: relative;
    z-index: 20;
    
    /* Animation: Sanftes Atmen (logoPulse) */
    animation: logoPulse 6s ease-in-out infinite;
}

/* Definition der Atem-Animation */
@keyframes logoPulse {
    0% {
        transform: scale(1);
    }
    50% {
        /* 2. Deutlicherer Zoom-Effekt (15% Vergrößerung) */
        transform: scale(1.15); 
    }
    100% {
        transform: scale(1);
    }
}