#werkelhalle {
    padding: 40px;
}

#werkelhalle .blocks {
    margin: 0 10px;
    margin-bottom: 20px;
}

.month {
    display: flex;
}

.day {
    border: 2px var(--black) solid;
    padding: 10px;
    margin: 10px;
    width: calc((100vw - 20px - 40px) / 5);
    min-height: 150px;
    overflow: hidden;
}

.next {
    background-color: var(--antwarpBlue);
    color: white;
    transition: 0.6s ease-in-out;
}

.next:hover {
    transform: scale(1.05);
}


#werkelhalle h1 {
    margin-left: -12px;
    hyphenate-character: " ";
}

#werkelhalle h2 {
    font-family: "calyces", sans-serif;
    font-size: var(--normal);
    text-transform: none;
}


#werkelhalle .day p {
    font-family: "hfa", sans-serif;
    text-transform: uppercase;
    margin-top: 8px;
    font-size: var(--medium);
    line-height: 40px;
}





@media only screen and (max-width: 1080px) {
    #werkelhalle .day p {
        line-height: 30px;
    }

}


@media only screen and (max-width: 900px) {
    .month {
        flex-wrap: wrap;
    }
    .day {
        width: calc((100vw - 20px - 80px - 100px) / 2)
    }
    .old {
        display: none;
    }
}


@media only screen and (max-width: 600px) {
    #werkelhalle {
        padding: 20px 20px 40px 20px;
    }

    #werkelhalle h1 {
        margin-left: -3px;
    }

    .day {
        width: calc((100vw - 40px - 100px) / 2)
    }
}