.notlarge img[alt="flyerstill"] {
    width: 100%;
}

.large img[alt="flyerstill"] {
    max-width: 40em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.large .demoflyer {
    width: 20em;
}

.centerDiv {
    width: 100%;
    text-align: center;
}

.large .centerDiv {
    width: 25em;
    margin-left: auto;
    margin-right: auto;
}

.insert {
    font-style: italic;
    border: 1px solid black;
    border-radius: 0.4em;
    background-color: silver;
    padding: 0.5em;
    font-size: 80%;
    margin-right: 0.5em;
}

.insert .ref {
    font-weight: bold;
}

.large .four_of_us img {
    display: block;
    width: 20em;
}

.four_of_us {
    margin-top: 1em;
}

.four_of_us p {
    font-size: 0.8em;
}

.notlarge .four_of_us img {
    display: block;
    width: 100%;
}

.right-side {
    font-style: italic;
    border: 1px solid gray;
    padding: 0.5em;
    font-size: 80%;
}

.notsmall .right-side {
    max-width: 10em;
    float: left;
    margin-right: 0.5em;
}

.painting {
    margin-top: 0.5em;
}

.notsmall .painting {
    width: 20em;
}

.small .painting {
    width: 100%;
    display: block;
}

.calendar_overview {
    border: 1px black solid;
    padding: 0.5em;
    width: fit-content;
    margin-right: 1px;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.wss_concertCount {
    margin-bottom: 0.5em;
}
.wss_concert {
    font-size: 0.8em;
    padding-bottom: 0.5em;
}

.wss_date {
    display: inline-block;
    font-weight: bold;
    padding-right: 1em;
}

.wss_venueName {
    display: inline-block;
    font-style: italic;
}

.wss_startTime {
    padding-left: 2em;
}

.wss_startTime:before {
    content: "Aanvang: ";
}

.overlay-promo-background {
    z-index: 9998;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.side-hint {
    position: fixed;
    right: -0.3em;
    padding: 0.3em;
    font-size: 1.2em;
    border-radius: 0.3em;
    color: red;
    background-color: white;
    border: 2px black solid;
    cursor: pointer;
}

.small .side-hint {
    right: -0.3em;
    padding-right: 0.6em;
    top: 50vh;
}

.notsmall .side-hint {
    padding-right: 0.6em;
    width: 8em;
    text-align: center;
    left: 40vw;
}

.side-hint a {
    text-decoration: none;
}

.overlayed-promo {
    z-index: 9999;
    background-color: white;
    position: absolute;
}

.notsmall .overlayed-promo {
    width: 50vw;
    left: 25vw;
    right: 25vw;
    top: 20vh;
    height: 40vh;
}

.small .overlayed-promo {
    width: 100%;
    height: 100%;
}

.overlayed-promo-header {
    text-align: right;
    background-color: #a1a1a1;
    font-size: 2em;
    padding: 0.2em;
}

.overlayed-promo-body {
    text-align: center;
}

.overlayed-promo-body img {
    display: inline-block;
}

.notsmall .overlayed-promo-body img {
    width: 40vw;
}

.small .overlayed-promo-body img {
    width: 100%;
}