div.tourdate {
    width: 80%;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    margin: 0 auto;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

span.tourfirst {
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

span.tourweekday {
    color: var(--gullys-hellgrau);
    font-style: italic;
}

span.tourcalenderdate {
    color: var(--gullys-hellgrau);
    font-style: italic;
}

span.tourevent {
    width: 60%;
    padding: 12px;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    font-size: 20px;
}

span.toureventap0 {
    color: var(--gullys-dunkelblau);
    background-color: var(--gullys-neon-orange);
}

span.toureventap1 {
    color: var(--gullys-neon-orange);
    background-color: var(--gullys-neon-blau);
}

span.toureventap2 {
    color: var(--gullys-dunkelblau);
    background-color: var(--gullys-neon-pink);
}

@media (max-width: 1000px) {
    div.tourdate {
        width: 95%;
        font-size: 20px;
    }

    span.tourevent {
        font-size: 18px;
    }
}