@font-face {
    font-family: sparose;
    src: url(./Fonts/FontsFree-Net-sparose1.ttf);
}

.font {
    font-family: sparose;
}

.vl {
    border-left: 1px solid rgb(233, 232, 232);
}

.how {
    padding: 3rem 0 4rem 0;
    /* background-color: rgba(168, 218, 220, 0.2); */
}

.how h2 {
    text-align: center;
    margin-bottom: 3rem;
}

.how .ablauf {
    display: flex;
    justify-content: center;
    margin: 0 3rem 0 3rem;
}

.ablauf .step {
    flex-wrap: wrap;
    width: 15%;
    margin: 0 1rem 0 1rem;
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.ablauf .step i,
.ablauf .step p {
    opacity: 0.5;
    margin: 0;
}

.ablauf .step .small {
    font-size: small;
}

.ablauf .step.active {
    opacity: 1;
    transform: translateX(0);
}

.ablauf i {
    color: hotpink;
}

.lightbox img {
    max-width: 75vw;
    max-height: 75vh;
    width: auto;
    height: auto;
}