body {
}



.docs ul {
    padding-left: 1rem;
    list-style-type: disc;
}



/******************* animations ****************************/

/* Die CSS-Klasse, die mehrere Transformationen kombiniert */
.slide-in {
    animation: slideIn 1s ease-out forwards;
    /* Anfangszustand: unsichtbar, leicht nach oben verschoben und verkleinert */
    opacity: 0;
    transform: translateY(-30px) scale(0.9);
}

/* Keyframes für den kombinierten Effekt */
@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.delay-2 {
    animation-delay:0.2s;
}

.delay-5 {
    animation-delay: 0.5s;
}

.delay-10 {
    animation-delay: 1s;
}

.delay-15 {
    animation-delay: 1.5s;
}

/******************* animations ****************************/