body {
    font: 1.25em/1.6 sans-serif;
    margin: 0 auto;
    max-width: 1400px;
}
/* prettier-ignore */
body:has( .version1) {
    /* has( .foo) means something else than has(.foo) ! */
    background: #fff;
}
/* prettier-ignore */
body:has( .version2) {
    background: #f0f4f0;
}
.bookprocess {
    min-height: 100vh;
}

div:has(> label[for^="booking_startdate_"]),
.bookprocess label[for^="booking_startdate_"],
.bookprocess label[for^="booking_startdate_"] + div {
    display: none;
}
body .bookprocess > div {
    --widget-columns: 3;

    grid-template-columns: 1fr;
    grid-template-areas:
        "main"
        "buttons"
        "side";
    grid-template-rows: 1fr min-content min-content;
    min-height: 100vh;
}
body .bookprocess aside {
    padding-inline: 0;
}