/* Kurzer, rein dekorativer Einstieg. Ohne JavaScript und ohne Ladeverzoegerung.
 * Rueckbau: Stylesheet-Link und .sanaudit-intro aus der Seite entfernen.
 */
.sanaudit-intro {
    display: none;
}

@media (prefers-reduced-motion: no-preference) {
    .sanaudit-intro {
        position: fixed;
        inset: 0;
        z-index: 10000;
        display: grid;
        place-items: center;
        background: #f4f7f9;
        pointer-events: none;
        animation: sanaudit-intro-reveal 720ms ease-out both;
    }

    .sanaudit-intro-mark {
        position: relative;
        width: 132px;
    }

    .sanaudit-intro-mark img {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        animation: sanaudit-drop-arrive 580ms cubic-bezier(0.2, 0.7, 0.3, 1) both;
    }

    /* Wer direkt mit der Tastatur navigiert, sieht sofort die Seite. */
    .sanaudit-page:focus-within .sanaudit-intro {
        display: none;
    }
}

@keyframes sanaudit-drop-arrive {
    0% { opacity: 0; transform: translateY(-18px) scale(0.94); }
    40% { opacity: 1; transform: translateY(3px) scale(1.02, 0.98); }
    70%, 100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sanaudit-intro-reveal {
    0%, 65% { opacity: 1; visibility: visible; }
    100% { opacity: 0; visibility: hidden; }
}