body {
    --green: #34de93;
    --pink: #ffabc4;
    --blue: #2178df;
    --dark: #26453d;
    --brandColor1: #ffe365;
    --brandColor2: #0a7938;
    --brandColor3: #f9a1ff;
    --brandColor4: #f0e2ba;
    --sideWidth: 23rem;
    --blockPadding: 1rem;
    --borderWidth: .5rem;
    --border: var(--borderWidth) solid var(--brandColor2)
}

@media (min-width:1280px) {
    body {
        --blockPadding: 2rem
    }
}

* {
    box-sizing: border-box
}

a {
    color: inherit;
    text-decoration: none
}

p a {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1rem;
    font-weight: 400;
    margin: 0
}

ol,
ul {
    margin: 0
}

p {
    margin-top: 0
}

body {
    font-family: Maison Neue;
    margin: 0
}

@font-face {
    font-display: block;
    font-family: Druk;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/Druk-Medium-Web.woff2) format("woff2"), url(../fonts/Druk-Medium-Web.woff) format("woff")
}

@font-face {
    font-family: Maison Neue;
    src: url(../fonts/MaisonNeue-Light.woff2), url(../fonts/MaisonNeue-Light.woff) format("woff")
}

@font-face {
    font-family: Rauschen B;
    src: url(../fonts/Rauschen-BBook-Web.woff2), url(../fonts/Rauschen-BBook-Web.woff) format("woff")
}

.acf-formulier {
    background: #fff;
    margin: auto;
    max-width: calc(100% - 2rem);
    padding: .5rem 1.5rem;
    position: relative;
    width: 932px;
    z-index: 2
}

.acf-formulier p:first-child {
    font-size: 1.25rem;
    padding-bottom: 2rem;
    text-align: center
}

@media (min-width:932px) {
    .acf-formulier p:first-child {
        font-size: 1.5rem
    }
    .acf-formulier {
        padding: 2rem 3rem
    }
}

.acf-formulier__title {
    margin: 4rem auto;
    position: relative;
    text-align: center
}

.acf-formulier__title h1 {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: #fff;
    display: inline-block;
    font-family: Rauschen B, serif;
    font-size: 3rem;
    font-weight: 300;
    font-weight: 800;
    margin: 0;
    padding: 0 1rem;
    text-transform: uppercase
}

.acf-formulier ul {
    list-style: none
}

.acf-formulier .acf-field {
    margin: 1rem 0 2rem
}

.acf-formulier .acf-label {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: .25rem
}

.acf-formulier .acf-label label {
    -webkit-text-stroke: 1px #000;
    text-stroke: 1px #000;
    font-weight: 400;
    letter-spacing: 1px
}

.acf-formulier p {
    font-size: 1rem
}

.acf-formulier p.description {
    margin: 0 0 .25rem
}

.acf-formulier .acf-checkbox-list,
.acf-formulier .acf-radio-list {
    list-style: none;
    padding: .25rem
}

.acf-formulier .acf-checkbox-list li,
.acf-formulier .acf-radio-list li {
    display: inline-block;
    margin-right: 1rem
}

.acf-formulier .acf-checkbox-list li label,
.acf-formulier .acf-radio-list li label {
    color: #000;
    font-size: 1rem;
    font-weight: 400
}

.acf-formulier .acf-checkbox-list li input,
.acf-formulier .acf-radio-list li input {
    margin-right: .25rem
}

.acf-formulier .acf-checkbox-list li {
    box-sizing: border-box;
    width: 45%
}

.acf-formulier input[type=email],
.acf-formulier input[type=number],
.acf-formulier input[type=text] {
    padding: .5rem;
    width: 100%
}

.acf-formulier input[type=file] {
    font-size: .8rem
}

.acf-formulier textarea {
    width: 100%
}

.acf-formulier .hidden-by-conditional-logic {
    display: none
}

.acf-formulier .acf-form-submit {
    margin: 2rem auto;
    text-align: center
}

.acf-formulier .acf-form-submit input {
    background: orange;
    border-radius: 2rem;
    color: #000;
    font-family: Rauschen B, serif;
    font-size: 2rem;
    font-weight: 300;
    padding: .75rem 2rem;
    text-transform: uppercase
}

.acf-formulier .acf-form-submit input:hover {
    background: green;
    cursor: pointer
}

.acf-formulier .acf-field-58db8ecb647f6 {
    font-family: Rauschen B, serif;
    font-weight: 300;
    padding-top: 2rem;
    text-transform: uppercase
}

.acf-formulier .acf-repeater .acf-table {
    background: #fff;
    font-size: 1rem;
    margin-bottom: 2rem
}

.acf-formulier .acf-repeater thead th {
    font-size: 1rem;
    font-weight: 300 !important
}

.acf-formulier .acf-button {
    background: #eee;
    border: 1px solid silver;
    margin: .5rem 0;
    padding: .5rem
}

.acf-formulier .acf-button:hover {
    cursor: pointer
}

.acf-formulier .acf-error-message {
    color: red
}

.acf-formulier__succes {
    background: hsla(0, 0%, 100%, .86);
    display: flex;
    flex-direction: column;
    font-size: 2vmax;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    padding: 4rem;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10
}

@-webkit-keyframes wave {
    0% {
        transform: translateX(0) rotate(0deg)
    }
    to {
        transform: translateX(var(--random-x-move)) translateY(var(--random-y-move)) rotate(var(--random-rotate))
    }
}

@keyframes wave {
    0% {
        transform: translateX(0) rotate(0deg)
    }
    to {
        transform: translateX(var(--random-x-move)) translateY(var(--random-y-move)) rotate(var(--random-rotate))
    }
}

.ezdz-dropzone {
    border: 5px dotted gray;
    border-radius: 10px;
    color: gray;
    font: 700 16px arial;
    height: 175px;
    line-height: 175px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 200px
}

.ezdz-dropzone span {
    background: #000;
    background: rgba(0, 0, 0, .7);
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 10px;
    max-width: 90%;
    overflow: hidden;
    padding: 4%;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.ezdz-dropzone img {
    border-radius: 5px;
    margin-top: -3px;
    max-height: 95%;
    max-width: 95%;
    vertical-align: middle
}

.ezdz-dropzone [type=file] {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.ezdz-focus {
    border: 5px dotted #a9a9a9;
    color: #a9a9a9
}

.ezdz-enter {
    border: 5px solid #000;
    color: #000
}

.ezdz-accept {
    border: 5px solid gray;
    color: gray
}

.ezdz-reject {
    border: 5px solid darkred;
    color: darkred
}

.flatpickr-calendar {
    background: var(--brandColor1) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 var(--borderWidth) var(--brandColor2) !important;
    transform-origin: top left
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    display: none
}

.flatpickr-calendar .flatpickr-month {
    justify-content: flex-start;
    padding: 0;
    text-align: center
}

.flatpickr-calendar .flatpickr-month .flatpickr-current-month {
    font-size: 1rem;
    font-weight: 700;
    left: 0;
    width: 100%
}

.flatpickr-calendar .flatpickr-month .flatpickr-next-month,
.flatpickr-calendar .flatpickr-month .flatpickr-prev-month {
    color: #666;
    cursor: pointer
}

.flatpickr-calendar .flatpickr-month .flatpickr-next-month:hover,
.flatpickr-calendar .flatpickr-month .flatpickr-prev-month:hover {
    color: #000
}

.flatpickr-calendar .flatpickr-weekdays {
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    color: var(--brandColor2);
    display: flex;
    height: 40px;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekday {
    color: inherit;
    flex: 1;
    font-weight: 700;
    padding: 0;
    text-align: center
}

.flatpickr-calendar .flatpickr-days {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0
}

.flatpickr-calendar .flatpickr-days .flatpickr-day {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .flatpickr-calendar .flatpickr-days .flatpickr-day {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .flatpickr-calendar .flatpickr-days .flatpickr-day {
        --smallHead: 2rem
    }
}

.flatpickr-calendar .flatpickr-days .flatpickr-day {
    align-items: center;
    border-radius: 0;
    color: var(--brandColor2);
    cursor: pointer;
    display: flex;
    font-size: 2rem;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: center
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled {
    opacity: .5
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.today {
    background: var(--brandColor4);
    color: var(--brandColor2)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
    background: var(--brandColor3);
    color: var(--brandColor2)
}

.flatpickr-calendar .flatpickr-days .flatpickr-day:hover {
    background: #f0f0f0
}

.flatpickr-calendar .flatpickr-days .flatpickr-day.disabled {
    color: #ccc;
    cursor: not-allowed
}

.cart {
    -webkit-overflow-scrolling: touch;
    background: transparent;
    height: calc(100% - 3rem);
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 3.5rem;
    transition: opacity .3s;
    width: 100vw;
    z-index: 800
}

.cart.is-hidden {
    left: 100%;
    opacity: 0;
    pointer-events: none
}

.cart__iframe-wrap {
    background: transparent;
    border: var(--border);
    height: 100%;
    max-height: 1280px;
    position: relative;
    transition: transform .5s;
    width: 100%
}

.cart__iframe-wrap__close {
    background: var(--brandColor2);
    cursor: pointer;
    height: 3rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 3rem;
    z-index: 10
}

.cart__iframe-wrap__close__line {
    background: var(--brandColor4);
    height: 2rem;
    left: 51%;
    pointer-events: none;
    position: absolute;
    top: .45rem;
    transform: rotate(45deg);
    width: 3px
}

.cart__iframe-wrap__close__line:last-child {
    transform: rotate(-45deg)
}

.cart__iframe-wrap__iframe {
    background: transparent;
    border: 0;
    height: 100%;
    margin: auto;
    width: 100%
}

.cart__iframe-wrap__iframe::-webkit-scrollbar {
    height: 15px;
    width: 5px
}

.cart__iframe-wrap__iframe::-webkit-scrollbar-thumb {
    background: var(--brandColor2);
    border-radius: 0
}

.cart__iframe-wrap__iframe::-webkit-scrollbar-track {
    background: var(--brandColor4)
}

.cities {
    display: grid;
    gap: var(--borderWidth);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    width: 100%
}

@media (min-width:932px) {
    .cities {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

.cities__city {
    padding: 1rem;
    position: relative;
    text-align: center
}

.cities__city__location {
    --multiplier: 1;
    --smallHead: 1.23rem;
    display: none;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .cities__city__location {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .cities__city__location {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .cities__city__location {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: .1rem;
        -webkit-text-stroke-width: .1rem;
        paint-order: stroke fill
    }
}

.cities__city--past .cities__city__date {
    text-decoration: line-through
}

.cities__city--current .cities__city__date,
.cities__city--current .cities__city__location {
    -webkit-animation: blink 2s steps(2, start) infinite;
    animation: blink 2s steps(2, start) infinite
}

.cities__city--current .cities__city__location {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    display: block;
    left: 50%;
    position: absolute;
    transform: translate(-50%)
}

.cities__city__name {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: .48;
    font-family: Rauschen B, serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:560px) {
    .cities__city__name {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .cities__city__name {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .cities__city__name {
        --largeHead: 6rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .cities__city__name {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor1);
        -webkit-text-stroke-color: var(--brandColor1);
        -moz-text-stroke-width: calc(var(--largeHead)/10);
        -webkit-text-stroke-width: calc(var(--largeHead)/10);
        paint-order: stroke fill
    }
}

.cities__city__name {
    margin-bottom: .25rem
}

.cities__city__date {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .cities__city__date {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .cities__city__date {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .cities__city__date {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: .1rem;
        -webkit-text-stroke-width: .1rem;
        paint-order: stroke fill
    }
}

.cities__city__date {
    background: var(--brandColor3);
    position: relative;
    z-index: 5
}

@-webkit-keyframes blink {
    to {
        display: none
    }
}

@keyframes blink {
    to {
        display: none
    }
}

.error-content {
    min-height: calc(100vh - 20rem)
}

.error-content__wrapper {
    padding: 0 2rem
}

.error-content__title {
    --multiplier: 1;
    --largeHead: 3.35rem;
    font-size: calc(var(--largeHead)*var(--multiplier))
}

@media (min-width:560px) {
    .error-content__title {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .error-content__title {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .error-content__title {
        --largeHead: 6rem
    }
}

.error-content__title {
    font-family: Druk, sans-serif;
    font-weight: 500
}

.error-content__text,
.error-content__title {
    background: var(--yellow);
    border: var(--border);
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    text-align: center
}

.error-content__content {
    margin: 2rem auto !important;
    max-width: 932px
}

.fc__artists-counter {
    background: var(--brandColor1);
    background-image: repeating-linear-gradient(to bottom, var(--brandColor3), var(--brandColor3) .5rem, transparent .5rem, transparent 1rem);
    position: relative
}

.fc__artists-counter:hover .fc__artists-counter__star {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.fc__artists-counter__star {
    -webkit-animation: rotate 5s linear infinite;
    animation: rotate 5s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    height: 90%;
    left: 5%;
    position: absolute;
    top: 5%;
    width: 90%
}

.fc__artists-counter__content {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.fc__artists-counter__content__number {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--largeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .fc__artists-counter__content__number {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .fc__artists-counter__content__number {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .fc__artists-counter__content__number {
        --largeHead: 6rem
    }
}

.fc__artists-counter__content__number {
    color: var(--brandColor1)
}

.fc__artists-counter__content__text {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .fc__artists-counter__content__text {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__artists-counter__content__text {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__artists-counter__content__text {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__artists-counter__content__text {
        --mediumHead: 2.5rem
    }
}

.fc__artists-counter__content__text {
    color: var(--brandColor1)
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.fc__button {
    margin-bottom: 2rem
}

.fc__button__wrap--center {
    text-align: center
}

.fc__button a {
    display: inline-block;
    text-decoration: none
}

.fc__image+.fc__button {
    margin-bottom: 3rem;
    margin-top: -1.5rem
}

.fc__cadeau-cta__content {
    margin: 2rem auto;
    padding: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fc__cadeau-cta__img {
    display: block;
    margin: 0 auto -2.25rem;
    max-width: 200px;
    position: relative;
    z-index: 3
}

.fc__cadeau-cta__text {
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .fc__cadeau-cta__text {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__cadeau-cta__text {
        --smallHead: 2rem
    }
}

.fc__cadeau-cta__text {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    padding: .5rem 2rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:720px) {
    .fc__cadeau-cta__text {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__cadeau-cta__text {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__cadeau-cta__text {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__cadeau-cta__text {
        --mediumHead: 2.5rem
    }
}

.fc__cadeau-cta__text {
    padding: .5rem 2rem 1rem
}

.fc__contact-personen__personen {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 2rem;
    row-gap: 1rem
}

.fc__contact-personen__persoon {
    background: var(--brandColor1);
    border: var(--border);
    overflow: hidden;
    padding: 0
}

.fc__contact-personen__persoon__foto {
    aspect-ratio: 4/3;
    overflow: hidden
}

@media (min-width:932px) {
    .fc__contact-personen__persoon__foto {
        border-right: var(--border)
    }
}

.fc__contact-personen__persoon__foto img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:932px) {
    .fc__contact-personen__persoon__foto img {
        width: 100%
    }
}

.fc__contact-personen__persoon__naam {
    font-size: 1rem;
    line-height: 1;
    padding: 1rem 2rem 1rem 1rem
}

@media (min-width:932px) {
    .fc__contact-personen__persoon__naam {
        font-size: 1.25rem
    }
}

.fc__contact-personen__persoon__naam strong {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .fc__contact-personen__persoon__naam strong {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__contact-personen__persoon__naam strong {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__contact-personen__persoon__naam strong {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.fc__contact-personen__persoon__naam strong {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__contact-personen__persoon__naam strong {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.fc__contact-personen__persoon__naam strong {
    display: block;
    font-weight: 400;
    line-height: .9;
    margin-bottom: 0
}

@media (min-width:720px) {
    .fc__contact-personen__persoon {
        display: flex
    }
    .fc__contact-personen__persoon__naam {
        padding-right: .5rem;
        width: 50%
    }
}

.fc__download {
    margin-bottom: 2rem
}

.fc__download__wrap--center {
    text-align: center
}

.fc__download a {
    display: inline-block;
    text-decoration: none
}

.fc__image+.fc__download {
    margin-bottom: 3rem;
    margin-top: -1.5rem
}

.fc__general-cta {
    background: var(--brandColor3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px;
    position: relative;
    text-align: center
}

.fc__general-cta:hover .fc__general-cta__shape:after {
    transform: scale(.9)
}

.fc__general-cta__shape {
    background: inherit;
    background: var(--brandColor2)
}

.fc__general-cta__shape,
.fc__general-cta__shape:after {
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    height: 100%;
    position: absolute;
    width: 100%
}

.fc__general-cta__shape:after {
    background-color: var(--brandColor1);
    content: "";
    left: 0;
    top: 0;
    transform: scale(.95);
    transition: transform .35s, background-color .2s;
    z-index: 1
}

.fc__general-cta__link {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .fc__general-cta__link {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__general-cta__link {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__general-cta__link {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__general-cta__link {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__general-cta__link {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.fc__general-cta__link {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__general-cta__link {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.fc__general-cta__link {
    display: block;
    padding: 4rem 1rem;
    position: relative;
    shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    transition: transform .2s;
    z-index: 2
}

@media (min-width:720px) {
    .fc__general-cta__link {
        padding: 4rem
    }
}

.fc__image {
    height: 100%;
    margin-bottom: 2rem;
    position: relative
}

@media (min-width:720px) {
    .fc__image {
        grid-column: span 2
    }
    .fc__image[data-max-width="1"] {
        grid-column: span 1;
        margin: auto
    }
}

.fc__image__image {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.fc__image__title {
    bottom: 1rem;
    color: var(--brandColor4);
    left: 1rem;
    position: absolute;
    text-transform: capitalize
}

.fc__image__credits {
    display: none
}

.fc__logos {
    align-items: center;
    background: var(--yellow);
    border: var(--border);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 1rem
}

.fc__logos__logo {
    display: flex;
    flex-direction: column;
    max-width: 10rem;
    padding: 1rem
}

.fc__logos__logo img {
    display: block;
    height: auto;
    margin: auto;
    max-height: 5rem;
    max-width: 100%;
    min-height: 2rem
}

.fc__newsletter--grid {
    background: var(--brandColor4);
    display: flex;
    flex-direction: column;
    grid-column: span 2
}

.fc__pakketten-selection {
    display: grid;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 3rem;
    width: 100vw
}

@media (min-width:720px) {
    .fc__pakketten-selection {
        grid-template-columns: repeat(3, 1fr)
    }
}

.fc__post-selection {
    background: var(--brandColor2);
    display: flex;
    flex-direction: column
}

.fc__post-selection--grid {
    grid-column: span 2
}

.fc__post-selection .prog-item {
    position: relative;
    width: 100%
}

.fc__post-selection__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .fc__post-selection__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__post-selection__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__post-selection__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__post-selection__title {
        --mediumHead: 2.5rem
    }
}

.fc__post-selection__title {
    background: var(--brandColor1);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    padding: 1rem;
    text-transform: lowercase
}

.fc__post-selection__items {
    -ms-overflow-style: none;
    display: flex;
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none
}

.fc__post-selection__items::-webkit-scrollbar {
    display: none
}

.fc__post-selection__items {
    gap: var(--borderWidth);
    max-width: 100%
}

.fc__post-selection__items .prog-item--mini {
    flex: 1 0 auto;
    max-width: 250px
}

.fc--default .fc__post-selection {
    border: var(--border)
}

.fc__text--default {
    padding-bottom: 2rem
}

.fc__text--grid {
    background: var(--brandColor1);
    grid-column: span 2;
    height: 100%;
    margin-bottom: 0;
    padding: var(--blockPadding)
}

.fc__text--grid:nth-child(3n) {
    background: var(--brandColor4)
}

@media (min-width:720px) {
    .fc__text--grid[data-max-width="1"] {
        grid-column: span 1;
        margin: 0
    }
}

.fc__text__content {
    color: var(--brandColor2)
}

.fc__text__content__title {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--largeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .fc__text__content__title {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .fc__text__content__title {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .fc__text__content__title {
        --largeHead: 6rem
    }
}

.fc__text__content__title {
    margin-bottom: 1.5rem
}

.fc__text__content__title--medium {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .fc__text__content__title--medium {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__text__content__title--medium {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__text__content__title--medium {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__text__content__title--medium {
        --mediumHead: 2.5rem
    }
}

.fc__text__content__subtitle {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .fc__text__content__subtitle {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__text__content__subtitle {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__text__content__subtitle {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__text__content__subtitle {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__text__content__subtitle {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.fc__text__content__subtitle {
    font-style: italic;
    margin-bottom: 1rem;
    position: relative
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__text__content__subtitle {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 3px;
            -webkit-text-stroke-width: 3px;
            paint-order: stroke fill
        }
    }
}

.fc__text__content__text {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .fc__text__content__text {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .fc__text__content__text {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .fc__text__content__text {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__text__content__text {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.fc__text__content__text p:last-of-type {
    margin-bottom: 0
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__text__content__text strong {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.fc__text__content__text strong {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__text__content__text strong {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__text__content__text a {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.fc__text__content__text a {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__text__content__text a {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.fc__text__content__text a {
    text-decoration: none !important
}

.fc__text__content__link {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .fc__text__content__link {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .fc__text__content__link {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .fc__text__content__link {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__text__content__link {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.fc__text__content__link {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .fc__text__content__link {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.fc__text__content__link {
    display: block;
    margin-top: 1rem;
    text-decoration: none
}

.fc__text ul {
    padding-left: 1.5rem
}

.fc__text ul li {
    position: relative
}

.fc__text .btn {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    display: inline-block;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1;
    padding: .5rem 2rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:720px) {
    .fc__text .btn {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__text .btn {
        --smallHead: 2rem
    }
}

.fc__text .btn {
    -webkit-text-stroke: 0 var(--brandColor2);
    font-style: normal;
    line-height: .8;
    padding: .5rem 2rem 1rem
}

@-webkit-keyframes simple-marquee {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes simple-marquee {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes simple-marquee2 {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes simple-marquee2 {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(0)
    }
}

.pride-colors .fc__text {
    background-image: url(../img/pride.svg);
    background-position: top;
    background-size: 100%
}

.fc__ticker {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300
}

@media (min-width:720px) {
    .fc__ticker {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__ticker {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__ticker {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__ticker {
        --mediumHead: 2.5rem
    }
}

.fc__ticker {
    background: var(--brandColor2);
    color: var(--brandColor1);
    height: auto;
    line-height: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 50
}

.fc__ticker--grid {
    grid-column: span 2
}

@media (min-width:1280px) {
    .fc__ticker--grid {
        grid-column: span 4
    }
}

@media (min-width:1920px) {
    .fc__ticker--grid {
        grid-column: span 6
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__ticker__content {
        -moz-text-fill-color: var(--brandColor1);
        -webkit-text-fill-color: var(--brandColor1);
        -moz-text-stroke-color: var(--brandColor1);
        -webkit-text-stroke-color: var(--brandColor1);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.fc__ticker__content {
    align-items: center;
    -webkit-animation: site-alert 15s linear infinite;
    animation: site-alert 15s linear infinite;
    display: flex;
    gap: 2rem;
    line-height: 1;
    min-width: 100%;
    overflow: hidden;
    padding: 1rem;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fc__ticker__content em {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .fc__ticker__content em {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__ticker__content em {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__ticker__content em {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__ticker__content em {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__ticker__content em {
        -moz-text-fill-color: var(--brandColor3);
        -webkit-text-fill-color: var(--brandColor3);
        -moz-text-stroke-color: var(--brandColor1);
        -webkit-text-stroke-color: var(--brandColor1);
        -moz-text-stroke-width: .5rem;
        -webkit-text-stroke-width: .5rem;
        paint-order: stroke fill
    }
}

.fc__ticker__content em {
    font-style: normal;
    text-transform: uppercase;
    transform: translateY(-5%)
}

.fc__ticker__content--copy {
    -webkit-animation: site-alert2 15s linear infinite;
    animation: site-alert2 15s linear infinite;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@-webkit-keyframes site-alert {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@-webkit-keyframes site-alert2 {
    0% {
        transform: translate(100%)
    }
    to {
        transform: translate(0)
    }
}

.fc__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-size: calc(var(--mediumHead)*var(--multiplier))
}

@media (min-width:720px) {
    .fc__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__title {
        --mediumHead: 2.5rem
    }
}

.fc__title {
    padding-bottom: 1rem
}

.fc__toggles {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-size: calc(var(--paragraph)*var(--multiplier))
}

@media (min-width:720px) {
    .fc__toggles {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .fc__toggles {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .fc__toggles {
        --paragraph: 1.75rem
    }
}

.fc__toggles {
    background: var(--yellow);
    border: var(--border)
}

.fc__toggles__title {
    --multiplier: 1;
    --largeHead: 3.35rem;
    font-size: calc(var(--largeHead)*var(--multiplier))
}

@media (min-width:560px) {
    .fc__toggles__title {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .fc__toggles__title {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .fc__toggles__title {
        --largeHead: 6rem
    }
}

.fc__toggles__title {
    border-bottom: var(--border);
    font-family: Druk, sans-serif;
    font-weight: 500;
    padding: .5rem 1rem;
    text-align: center
}

.fc__toggles__list {
    list-style: none;
    padding-left: 0
}

.fc__toggles__list__item {
    border-bottom: var(--border)
}

.fc__toggles__list__item:hover {
    cursor: pointer
}

.fc__toggles__list__item:last-of-type {
    border-bottom: 0
}

.fc__toggles__list__item-title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .fc__toggles__list__item-title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__toggles__list__item-title {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__toggles__list__item-title {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.fc__toggles__list__item-title {
    display: inline-block;
    font-style: italic;
    padding: 1rem 3rem 1rem 2rem;
    position: relative;
    width: 100%
}

.fc__toggles__list__item-title__icon {
    background: var(--brandColor2);
    display: inline-block;
    height: 4px;
    position: absolute;
    right: 1.25rem;
    top: 50%;
    width: 1rem
}

.fc__toggles__list__item-title__icon:after {
    background: var(--brandColor2);
    content: "";
    display: block;
    height: 100%;
    transform: rotate(90deg);
    width: 100%
}

.fc__toggles__list__item-title.is-open span:after {
    opacity: 0
}

.fc__toggles__list__item-content {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .fc__toggles__list__item-content {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .fc__toggles__list__item-content {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .fc__toggles__list__item-content {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__toggles__list__item-content {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.fc__toggles__list__item-content {
    display: none;
    max-width: 932px;
    padding: 1rem 2rem
}

.fc__toggles__list__item-content ol li {
    margin-bottom: .5rem
}

.fc__toggles__list__item-content a {
    text-decoration: underline
}

.fc__video {
    aspect-ratio: 16/9;
    height: 100%;
    position: relative
}

.fc__video--grid {
    grid-column: span 2
}

@media (min-width:720px) {
    .fc__video--grid {
        grid-column: span 2
    }
}

.fc__video video {
    display: block;
    margin: auto;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.fc__webshop_cta {
    max-width: 300px !important
}

.fc__webshop_cta--default {
    float: left
}

.fc__webshop_cta__content {
    max-width: 100%
}

.fc__webshop_cta__img {
    display: block;
    margin: 0 auto -1.5rem;
    max-width: 100%;
    position: relative;
    z-index: 3
}

.fc__webshop_cta__text {
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .fc__webshop_cta__text {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__webshop_cta__text {
        --smallHead: 2rem
    }
}

.fc__webshop_cta__text {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    padding: .5rem 2rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:720px) {
    .fc__webshop_cta__text {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__webshop_cta__text {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__webshop_cta__text {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__webshop_cta__text {
        --mediumHead: 2.5rem
    }
}

.fc__webshop_cta__text {
    padding: .5rem 2rem 1rem
}

.fc__vriend-cta--default {
    float: left
}

.fc__vriend-cta__content {
    margin: 2rem auto;
    padding: 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.fc__vriend-cta__img {
    display: block;
    margin: 0 auto -2rem;
    max-width: 250px;
    position: relative;
    z-index: 3
}

.fc__vriend-cta__text {
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .fc__vriend-cta__text {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .fc__vriend-cta__text {
        --smallHead: 2rem
    }
}

.fc__vriend-cta__text {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    padding: .5rem 2rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:720px) {
    .fc__vriend-cta__text {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__vriend-cta__text {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__vriend-cta__text {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__vriend-cta__text {
        --mediumHead: 2.5rem
    }
}

.fc__vriend-cta__text {
    padding: .5rem 2rem 1rem
}

.fc__weerbericht {
    background: var(--brandColor4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    text-align: center
}

.fc__weerbericht--grid {
    padding: var(--blockPadding)
}

.fc__weerbericht__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .fc__weerbericht__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .fc__weerbericht__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .fc__weerbericht__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .fc__weerbericht__title {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .fc__weerbericht__title {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.fc__weerbericht__title {
    line-height: .8;
    margin-bottom: 1.25rem
}

.fc__weerbericht__content {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--largeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .fc__weerbericht__content {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .fc__weerbericht__content {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .fc__weerbericht__content {
        --largeHead: 6rem
    }
}

.fc__weerbericht__content {
    text-transform: uppercase
}

.fc {
    color: var(--brandColor2);
    margin: auto;
    max-width: 1280px;
    position: relative;
    z-index: 10
}

.fc.is-visible {
    transform: scale(1)
}

.fc.dimmed {
    display: none
}

.fc__block {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    max-width: 100%
}

@media (min-width:932px) {
    .fc__block {
        margin-bottom: 1rem
    }
}

.fc iframe {
    background: #fff;
    border: 0;
    width: 100%
}

.fc p {
    margin-top: 0
}

.fc p a {
    text-decoration: underline
}

.page-template-template-wereld .fc__text {
    max-width: 720px
}

@media (max-width:720px) {
    .page-template-template-wereld .fc__text {
        margin: auto 2rem
    }
}

.fc--grid {
    background: repeating-conic-gradient(from 45deg, var(--brandColor3) 0 25%, var(--brandColor2) 0 50%);
    background-color: #e4e4ed;
    background-size: 39px 39px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    width: 100%
}

.fc--grid,
.fc--grid .fc__block {
    border: calc(var(--borderWidth)/2) solid var(--brandColor2)
}

.fc--grid .fc__block {
    margin-bottom: 0
}

@media (min-width:1280px) {
    .fc--grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}

@media (min-width:1920px) {
    .fc--grid {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
}

.footer-content {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .footer-content {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .footer-content {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .footer-content {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .footer-content {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.footer-content {
    background-color: var(--brandColor1);
    border-top: var(--borderWidth) solid var(--brandColor2);
    color: var(--brandColor2);
    position: relative;
    z-index: 100
}

.footer-content a {
    font-style: italic
}

.footer-content__wrap {
    display: grid;
    gap: 2rem;
    margin: auto;
    max-width: 1560px;
    padding: 2rem 1rem
}

@media (min-width:932px) {
    .footer-content__wrap {
        grid-template-columns: 1fr 2fr 1fr;
        padding: 2rem 3rem 3rem
    }
    .footer-content__nav {
        -moz-column-count: 2;
        column-count: 2
    }
}

.footer-content__social a {
    text-transform: capitalize
}

.grid {
    position: relative;
    width: 100%
}

.grid,
.info-items {
    background: var(--brandColor2)
}

.info-items {
    background: repeating-conic-gradient(from 45deg, var(--brandColor3) 0 25%, var(--brandColor2) 0 50%);
    background-color: #e4e4ed;
    background-size: 39px 39px;
    border-left: var(--borderWidth) solid var(--brandColor2);
    border-top: 0;
    color: var(--brandColor2);
    margin: auto
}

@media (min-width:932px) {
    .info-items {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1280px) {
    .info-items {
        grid-template-columns: repeat(6, 1fr)
    }
}

.info-items__child {
    --bg1: var(--brandColor1);
    --bg2: var(--brandColor3);
    -moz-column-break-inside: avoid;
    background: var(--bg1);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    border-right: var(--borderWidth) solid var(--brandColor2);
    border-top: 0;
    break-inside: avoid;
    padding: 1rem;
    position: relative;
    text-align: center
}

@media (min-width:1280px) {
    .info-items__child {
        grid-column: span 2;
        padding: 3rem 1rem
    }
}

.info-items__child--diamond {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 3rem 1rem
}

@media (min-width:1280px) {
    .info-items__child--diamond {
        padding: 6rem 1rem
    }
}

.info-items__child--diamond:after,
.info-items__child--diamond:before {
    background-color: var(--brandColor2);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1.02);
    transition: transform .35s, background-color .2s;
    width: 100%;
    z-index: 1
}

.info-items__child--diamond:after {
    background-color: var(--bg2);
    transform: scale(.95)
}

.info-items__child--diamond:hover {
    cursor: pointer
}

.info-items__child--diamond:hover:after {
    transform: scale(.9)
}

.info-items__child:nth-child(odd) {
    --bg1: var(--brandColor3);
    --bg2: var(--brandColor1)
}

.info-items__child__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .info-items__child__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .info-items__child__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .info-items__child__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .info-items__child__title {
        --mediumHead: 2.5rem
    }
}

.info-items__child__title {
    position: relative;
    z-index: 10
}

.info-items__cat:nth-child(3n+1) {
    --bg1: var(--brandColor3)
}

.info-items__cat:nth-child(5),
.info-items__cat:nth-child(6) {
    --bg1: var(--brandColor1)
}

@media (min-width:1280px) {
    .info-items__cat {
        grid-column: span 3
    }
}

.info-items__cat {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 300px
}

.info-items__cat .item-card {
    margin-bottom: 1rem
}

.info-items__cat--media {
    align-items: center;
    justify-content: flex-start
}

.info-items__cat__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .info-items__cat__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .info-items__cat__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .info-items__cat__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .info-items__cat__title {
        --mediumHead: 2.5rem
    }
}

.info-items__cat__title {
    margin-bottom: 4rem
}

.info-items__cat__item:first-of-type {
    padding-top: 1rem
}

.info-items__cat__item__title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .info-items__cat__item__title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .info-items__cat__item__title {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .info-items__cat__item__title {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.info-items__cat__item__title {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .info-items__cat__item__title {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.info-items__cat__item__title {
    margin-bottom: .5rem
}

.item-card {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-card {
        font-size: 1.25rem
    }
}

.item-card {
    border: var(--border);
    font-family: Druk, sans-serif;
    font-weight: 500;
    padding: .5rem 1.65rem
}

@media (min-width:1280px) {
    .item-card {
        padding: .75rem 2rem
    }
}

.item-card {
    max-width: 400px;
    position: relative
}

.item-card:hover .item-card__subtitle {
    transform: translateY(0)
}

.item-card.is-open .item-card__full-info {
    height: auto
}

.item-card a {
    color: inherit;
    text-decoration: none
}

.item-card h3 {
    margin: 0;
    text-transform: none
}

.item-card span {
    line-height: 1.1
}

.item-details-close {
    background-color: var(--green)
}

.item-details {
    background: var(--brandColor4);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    padding: var(--blockPadding) 0;
    position: relative
}

.item-details--voorstelling {
    min-height: 85vh;
    padding: 0;
    position: relative;
    width: 100%
}

@media (min-width:1280px) {
    .item-details--voorstelling {
        display: flex;
        margin-left: auto;
        z-index: 100
    }
}

.item-details__back {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__back {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__back {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__back {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.item-details__back {
    background: var(--brandColor4);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    padding: 1rem 2rem;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    z-index: 101
}

.item-details__back:hover {
    cursor: pointer
}

@media (min-width:1280px) {
    .item-details__back {
        border-right: var(--borderWidth) solid var(--brandColor2);
        position: absolute;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.item-details__content {
    margin: auto;
    max-width: 932px;
    padding: var(--blockPadding);
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:1280px) {
    .item-details__content {
        width: 50%
    }
    .item-details__content--pakket {
        max-width: 100%;
        width: 100%
    }
}

.item-details__image {
    background: var(--brandColor3);
    overflow: hidden
}

.item-details__image--voorstelling {
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:1280px) {
    .item-details__image--voorstelling {
        border-right: var(--border);
        max-height: 100vh;
        position: -webkit-sticky;
        position: sticky;
        top: 4rem;
        width: 50%
    }
}

.item-details__image--voorstelling img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width:1280px) {
    .item-details__image--voorstelling img {
        aspect-ratio: 4/5;
        height: auto;
        position: absolute;
        top: 0;
        width: 100%
    }
}

.item-details__pakket-intro,
.item-details__pakket-ticket,
.item-details__pakket-title,
.item-details__ticket-cta {
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --mediumHead: 2.5rem
    }
}

.item-details__pakket-intro,
.item-details__pakket-ticket,
.item-details__pakket-title,
.item-details__ticket-cta {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-intro,
    .item-details__pakket-ticket,
    .item-details__pakket-title,
    .item-details__ticket-cta {
        --smallHead: 2rem
    }
}

.item-details__pakket-intro,
.item-details__pakket-ticket,
.item-details__pakket-title,
.item-details__ticket-cta {
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    margin: auto auto 2rem;
    padding: .5rem 1rem 1rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.item-details__pakket-dates {
    background: var(--brandColor1);
    border: var(--border);
    margin: 0 auto 2rem;
    max-width: 932px
}

.item-details__pakket-dates__list {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__pakket-dates__list {
        font-size: 1.25rem
    }
}

.item-details__pakket-dates__list {
    list-style: none;
    padding: 1rem;
    text-align: center
}

.item-details__pakket-dates__list__title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Rauschen B, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:720px) {
    .item-details__pakket-dates__list__title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-dates__list__title {
        --smallHead: 2rem
    }
}

.item-details__pakket-dates__list__title {
    margin-bottom: 1rem
}

.item-details__pakket-dates__list__item {
    padding: 0 1rem .5rem
}

.item-details__pakket-ticket {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .item-details__pakket-ticket {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-ticket {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__pakket-ticket {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__pakket-ticket {
        --mediumHead: 2.5rem
    }
}

.item-details__pakket-ticket {
    text-align: center
}

.item-details__pakket-shows {
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0 auto 2rem
}

.item-details__pakket-show {
    border: var(--border);
    display: flex;
    flex-direction: column;
    margin: 0 auto 1rem;
    max-width: 1280px
}

@media (min-width:1280px) {
    .item-details__pakket-show {
        flex-direction: row
    }
}

.item-details__pakket-show__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .item-details__pakket-show__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-show__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__pakket-show__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__pakket-show__title {
        --mediumHead: 2.5rem
    }
}

.item-details__pakket-show__title {
    margin-bottom: .5rem
}

.item-details__pakket-show__show {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__pakket-show__show {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-show__show {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__pakket-show__show {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__pakket-show__show {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__pakket-show__show {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .item-details__pakket-show__show {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.item-details__pakket-show__show {
    font-style: italic
}

.item-details__pakket-show__image {
    border-bottom: var(--border);
    overflow: hidden;
    width: 100%
}

@media (min-width:1280px) {
    .item-details__pakket-show__image {
        border-bottom: 0;
        border-right: var(--border);
        flex-grow: 2
    }
}

.item-details__pakket-show__image img {
    display: block;
    width: 100%
}

.item-details__pakket-show__description {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__pakket-show__description {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-show__description {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__pakket-show__description {
        --paragraph: 1.75rem
    }
}

.item-details__pakket-show__description {
    background: var(--brandColor1);
    display: flex;
    justify-content: center;
    padding: 1rem 1rem 0
}

@media (min-width:1280px) {
    .item-details__pakket-show__description {
        width: calc(100% - 450px)
    }
}

.item-details__pakket-show__description__title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__pakket-show__description__title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__pakket-show__description__title {
        --smallHead: 2rem
    }
}

.item-details__pakket-show__description p {
    margin-top: 1rem
}

.item-details__header {
    padding-top: var(--blockPadding);
    text-align: center
}

.item-details__header h1 {
    --multiplier: 1;
    --XLargeHead: 3rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--XLargeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--XLargeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .item-details__header h1 {
        --XLargeHead: 5rem
    }
}

@media (min-width:932px) {
    .item-details__header h1 {
        --XLargeHead: 6rem
    }
}

@media (min-width:1560px) {
    .item-details__header h1 {
        --XLargeHead: 6rem
    }
}

@media (min-width:1920px) {
    .item-details__header h1 {
        --XLargeHead: 7rem
    }
}

.item-details__header h1 {
    margin-bottom: 2rem
}

.item-details__header__meta {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__header__meta {
        font-size: 1.25rem
    }
}

.item-details__header__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: var(--blockPadding);
    text-align: center;
    text-transform: uppercase
}

.item-details__header__meta__age {
    aspect-ratio: 1/1;
    background: var(--brandColor2);
    border-radius: 50%;
    color: var(--brandColor4);
    display: block;
    height: 2.5rem;
    padding: .15rem;
    width: 2.5rem
}

.item-details__header__meta div {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: center;
    padding: .25rem 1rem
}

.item-details__header__meta div:last-of-type {
    border-right: 0
}

.item-details__header__voorstelling {
    --multiplier: 1;
    --largeHead: 3.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 700;
    line-height: 1
}

@media (min-width:560px) {
    .item-details__header__voorstelling {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .item-details__header__voorstelling {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .item-details__header__voorstelling {
        --largeHead: 6rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__header__voorstelling {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.item-details__header__voorstelling {
    font-style: italic;
    font-weight: 600;
    line-height: .75;
    margin-bottom: 2rem
}

.item-details__manual-dates {
    margin: 0 auto 2rem;
    max-width: 400px
}

.item-details__quote {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__quote {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__quote {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__quote {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__quote {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__quote {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .item-details__quote {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.item-details__quote {
    font-style: italic;
    margin-bottom: 2rem
}

.item-details__dates-manual {
    margin: 0 auto 2rem;
    max-width: 400px
}

.item-details__dates-manual__row {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__dates-manual__row {
        font-size: 1.25rem
    }
}

.item-details__dates-manual__row {
    border-bottom: 1px solid;
    display: flex;
    justify-content: space-between;
    padding: .15rem 0
}

.item-details__dates-manual__row:last-of-type {
    border-bottom: 0
}

.item-details__dates-manual__row__city {
    display: inline-block;
    min-width: 8rem
}

.item-details__dates-manual__row__days.strike {
    text-decoration: line-through;
    text-decoration: none
}

.item-details__dates-toggle {
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-size: calc(var(--smallHead)*var(--multiplier));
    line-height: 1
}

@media (min-width:720px) {
    .item-details__dates-toggle {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__dates-toggle {
        --smallHead: 2rem
    }
}

.item-details__dates-toggle {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8;
    padding: .5rem 2rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:720px) {
    .item-details__dates-toggle {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .item-details__dates-toggle {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .item-details__dates-toggle {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .item-details__dates-toggle {
        --mediumHead: 2.5rem
    }
}

.item-details__dates-toggle {
    bottom: 2rem;
    padding: .5rem 4rem 1rem;
    position: -webkit-sticky;
    position: sticky;
    right: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 40
}

@media (min-width:1280px) {
    .item-details__dates-toggle {
        right: 2rem;
        width: 100%
    }
}

.item-details__dates-toggle:hover {
    cursor: pointer
}

.item-details__dates::-webkit-scrollbar {
    height: 15px;
    width: 5px
}

.item-details__dates::-webkit-scrollbar-thumb {
    background: var(--brandColor2);
    border-radius: 0
}

.item-details__dates::-webkit-scrollbar-track {
    background: var(--brandColor4)
}

.item-details__dates {
    margin-bottom: 2rem;
    max-height: 0;
    overflow-y: auto;
    pointer-events: none;
    width: 100%
}

@media (min-width:1280px) {
    .item-details__dates {
        margin: 0 auto 2rem;
        width: 100%
    }
}

.item-details__dates.visible {
    max-height: 100%;
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.item-details__dates__paradepas {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500
}

@media (min-width:720px) {
    .item-details__dates__paradepas {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__dates__paradepas {
        --smallHead: 2rem
    }
}

.item-details__dates__paradepas {
    display: block;
    padding: 1rem;
    text-align: center
}

.item-details__dates__list {
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-bottom: 0;
    list-style: none;
    padding: 0
}

.item-details__dates__list__item {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__dates__list__item {
        font-size: 1.25rem
    }
}

.item-details__dates__list__item {
    align-items: center;
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5rem 1rem
}

.item-details__dates__list__item__link {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__dates__list__item__link {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__dates__list__item__link {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__dates__list__item__link {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.item-details__dates__list__item__link {
    font-style: italic
}

.item-details__dates__list__item__state--soldout {
    background: var(--brandColor2);
    color: #fff;
    padding: .25rem .5rem
}

.item-details__dates__list__item__date {
    min-width: 75px
}

.item-details__dates__list__item__city {
    min-width: 100px
}

.item-details__description {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__description {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__description {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__description {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__description {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.item-details__description {
    background: var(--yellow);
    line-height: 1.2;
    margin-bottom: 3rem;
    position: relative
}

.item-details__description.has-tabs {
    margin-top: 3.5rem
}

.item-details__description__tabs {
    display: flex;
    padding: 0 0 1rem;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.item-details__description__tabs__tab {
    font-feature-settings: "ss02" 1;
    font-family: Maison Neue;
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__description__tabs__tab {
        font-size: 1.25rem
    }
}

.item-details__description__tabs__tab {
    border-bottom: 0;
    padding-right: .5rem
}

.item-details__description__tabs__tab:hover {
    cursor: pointer
}

.item-details__description__tabs__tab.active {
    text-decoration: underline
}

.item-details__description__en,
.item-details__description__nl {
    display: none
}

.item-details__description__en.visible,
.item-details__description__nl.visible {
    display: block
}

.item-details__media-items {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-size: calc(var(--paragraph)*var(--multiplier))
}

@media (min-width:720px) {
    .item-details__media-items {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__media-items {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__media-items {
        --paragraph: 1.75rem
    }
}

.item-details__media-items {
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem
}

.item-details__media-items__title {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__media-items__title {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__media-items__title {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__media-items__title {
        --paragraph: 1.75rem
    }
}

.item-details__media-items__title {
    margin-bottom: .5rem;
    width: 100%
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__media-items__item {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.item-details__media-items__item {
    font-style: italic
}

.item-details__media-items__item h4 {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-size: calc(var(--paragraph)*var(--multiplier))
}

@media (min-width:720px) {
    .item-details__media-items__item h4 {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__media-items__item h4 {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__media-items__item h4 {
        --paragraph: 1.75rem
    }
}

.item-details__media-items__item h4 {
    line-height: 1.2
}

.item-details__media-items__item span {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__media-items__item span {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .item-details__media-items__item span {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__media-items__item span {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.item-details__media-items__item span {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .item-details__media-items__item span {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.item-details__credits {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__credits {
        font-size: 1.25rem
    }
}

.item-details__credits ul {
    list-style: none;
    padding: 0 0 calc(var(--blockPadding)*2) 0
}

.item-details__credits li {
    display: block
}

.item-details__credits li strong {
    font-family: Times New Roman, serif;
    font-weight: 300
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__credits li strong {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.item-details__credits li strong {
    font-style: italic;
    font-weight: 400;
    text-transform: none
}

.item-details__socials {
    margin-bottom: 4rem;
    text-align: left
}

.item-details__socials__title {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .item-details__socials__title {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .item-details__socials__title {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .item-details__socials__title {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__socials__title {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.item-details__socials__title {
    font-style: italic;
    margin-bottom: .5rem
}

.item-details__socials a {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .item-details__socials a {
        font-size: 1.25rem
    }
}

.item-details__socials a {
    font-family: Times New Roman, serif;
    font-weight: 300
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .item-details__socials a {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.item-details__socials a {
    font-style: italic;
    font-weight: 700
}

.item-details__socials a:after {
    content: ","
}

.item-details__socials a:last-of-type:after {
    content: "."
}

.item-details__socials a .social-platform {
    text-transform: capitalize
}

.list-descriptions {
    background: #fff;
    margin: 2rem;
    padding: 2rem
}

.list-descriptions__show {
    margin-bottom: 4rem;
    max-width: 1200px
}

.list-shows {
    background: #fff;
    margin: 2rem;
    padding: 2rem
}

.list-shows table {
    border: 1px solid #000
}

.list-shows td {
    padding: .5rem
}

.list-shows tr:nth-child(2n) {
    background: #ececec
}

.list-shows td:nth-child(2n) {
    background: rgba(0, 100, 100, .04)
}

.list-shows thead {
    font-weight: 800
}

.logo {
    left: 50%;
    padding: .75rem 0;
    position: absolute;
    transform: translate(-50%);
    z-index: 300
}

.logo img {
    display: block;
    height: .8rem
}

@media (min-width:720px) {
    .logo img {
        height: 1.15rem
    }
}

.microsite {
    background: #f0f0f0;
    font-family: Druk, sans-serif;
    font-weight: 500;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

.microsite__marquee .marquee {
    font-size: 3vmax;
    left: 0;
    overflow: hidden;
    position: relative;
    transform-origin: bottom left;
    transition: background-color .5s;
    width: 100%
}

.microsite__marquee .marquee__content {
    -webkit-animation: marquee-move 45s linear infinite;
    animation: marquee-move 45s linear infinite;
    padding: .5rem 1rem .5rem 0
}

.microsite__marquee .marquee__content,
.microsite__marquee .marquee__content--copy {
    display: flex;
    justify-content: center;
    line-height: 1;
    min-width: 100vw;
    white-space: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.microsite__marquee .marquee__content--copy {
    align-items: center;
    -webkit-animation: marquee-move2 45s linear infinite;
    animation: marquee-move2 45s linear infinite;
    height: 100%;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    transform: translateX(100%)
}

.microsite__marquee:nth-child(2n) .marquee__content,
.microsite__marquee:nth-child(2n) .marquee__content--copy {
    animation-direction: reverse
}

.microsite__marquee {
    background: var(--blue);
    color: var(--pink);
    position: absolute;
    z-index: 10000
}

.microsite__marquee .marquee__content__icon {
    stroke: var(--green)
}

.microsite__stickers {
    color: #fff;
    height: 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.microsite__stickers__sticker {
    display: none;
    font-size: 2rem;
    max-width: 16rem;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media (min-width:720px) {
    .microsite__stickers__sticker {
        max-width: 25rem
    }
}

.microsite__stickers__sticker img {
    height: auto;
    width: 100%
}

.microsite__stickers__sticker--long {
    font-size: 1rem
}

.microsite__stickers__sticker--short {
    font-size: 3rem
}

.microsite__stickers__sticker__title {
    padding: 1rem 3rem;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10
}

.microsite__stickers__sticker svg {
    height: auto;
    top: 0;
    width: 100%
}

.microsite__stickers__sticker svg path {
    fill: var(--background) !important;
    stroke: var(--stroke) !important;
    stroke-width: 4
}

.microsite__stickers__sticker[data-color="1"] {
    --background: var(--pink);
    --stroke: var(--blue);
    --color: #fff
}

.microsite__stickers__sticker[data-color="2"] {
    --background: var(--yellow);
    --stroke: var(--blue);
    --color: var(--blue)
}

.microsite__stickers__sticker[data-color="3"] {
    --background: var(--dark);
    --stroke: var(--pink);
    --color: var(--pink)
}

.microsite__stickers__sticker[data-color="4"] {
    --background: var(--yellow);
    --stroke: var(--pink);
    --color: var(--pink)
}

.microsite__stickers__sticker[data-color="5"] {
    --background: var(--white);
    --stroke: var(--pink);
    --color: var(--pink)
}

.microsite__stickers__sticker[data-color="6"] {
    --background: var(--blue);
    --stroke: var(--pink);
    --color: #ff0
}

.microsite__stickers__sticker {
    color: var(--color)
}

.microsite__tips {
    position: absolute;
    z-index: 100000
}

.microsite__tips__klik {
    background: #fff;
    font-size: 2rem;
    left: 1rem;
    position: fixed;
    top: 1rem
}

.microsite__tips__nieuwsbrief {
    background: #fff;
    bottom: 1rem;
    position: fixed;
    right: 1rem
}

@-webkit-keyframes reveal-mask {
    0% {
        -webkit-mask-size: 0 0;
        mask-size: 0 0
    }
    to {
        -webkit-mask-size: 200% 200%;
        mask-size: 200% 200%
    }
}

@keyframes reveal-mask {
    0% {
        -webkit-mask-size: 0 0;
        mask-size: 0 0
    }
    to {
        -webkit-mask-size: 200% 200%;
        mask-size: 200% 200%
    }
}

.nav-extended {
    background: var(--brandColor2);
    border: var(--borderWidth) solid var(--brandColor2);
    border-top: 0;
    color: var(--brandColor2);
    left: 0;
    max-height: 90svh;
    overflow-y: auto;
    position: absolute;
    text-align: center;
    top: calc(100% + var(--borderWidth));
    transform: translateY(-140%);
    transition: transform .3s;
    width: 100%;
    z-index: 10;
    z-index: 900
}

.nav-extended__top {
    align-items: center;
    background: var(--brandColor1);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    display: flex
}

.nav-extended__en {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .nav-extended__en {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .nav-extended__en {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .nav-extended__en {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .nav-extended__en {
        --mediumHead: 2.5rem
    }
}

.nav-extended__en {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-left: auto;
    padding: 0 1rem
}

@media (min-width:1280px) {
    .nav-extended__en {
        height: 5rem
    }
}

.nav-extended__search {
    border-right: var(--borderWidth) solid var(--brandColor2);
    display: block;
    height: 4rem;
    padding: 0;
    width: 100%
}

@media (min-width:1280px) {
    .nav-extended__search {
        height: 5rem
    }
}

.nav-extended__search__form {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%
}

.nav-extended__search input {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .nav-extended__search input {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .nav-extended__search input {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .nav-extended__search input {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .nav-extended__search input {
        --mediumHead: 2.5rem
    }
}

.nav-extended__search input {
    border: 0;
    border-radius: 0;
    display: block;
    height: 4rem;
    margin: 0;
    padding: 0
}

@media (min-width:1280px) {
    .nav-extended__search input {
        height: 5rem
    }
}

.nav-extended__search input::-moz-placeholder {
    color: var(--brandColor2)
}

.nav-extended__search input:-ms-input-placeholder {
    color: var(--brandColor2)
}

.nav-extended__search input::placeholder {
    color: var(--brandColor2)
}

.nav-extended__search input[type=search] {
    background: var(--brandColor1);
    border-right: var(--borderWidth) solid var(--brandColor2);
    color: var(--brandColor2);
    padding: .25rem 1rem;
    width: 100%
}

.nav-extended__search input[type=submit] {
    aspect-ratio: 1/1;
    background-color: var(--brandColor3);
    background-image: url(../img/search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2rem;
    display: block;
    width: 4rem
}

.nav-extended.is-open {
    transform: translateY(0)
}

.nav-extended a {
    display: block;
    padding: .25rem;
    text-decoration: none
}

.nav-extended ul {
    list-style: none;
    padding: 0
}

.nav-extended .menu-item {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .nav-extended .menu-item {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .nav-extended .menu-item {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .nav-extended .menu-item {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .nav-extended .menu-item {
        --mediumHead: 2.5rem
    }
}

.nav-extended .menu-item {
    background: var(--brandColor3);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    max-width: 100%;
    padding: .5rem 1rem 1rem;
    text-transform: lowercase
}

.nav-extended .menu-item:nth-child(odd) {
    background: var(--brandColor1)
}

.nav-extended .menu-item:last-child {
    border-bottom: 0
}

.nav-extended .sub-menu {
    display: block !important;
    padding: .5rem 0
}

.nav-extended .sub-menu .menu-item {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .nav-extended .sub-menu .menu-item {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .nav-extended .sub-menu .menu-item {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .nav-extended .sub-menu .menu-item {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.nav-extended .sub-menu .menu-item {
    background-color: transparent;
    border: 0;
    font-style: italic;
    margin: 0 0 .5rem;
    padding: 0
}

.nav-extended .sub-menu .menu-item a {
    padding: 0;
    text-transform: none
}

.nav-footer__menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-footer__menu a {
    text-decoration: none
}

.nav-footer__menu a:hover {
    text-decoration: underline
}

.nav-info .menu-item {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500
}

@media (min-width:720px) {
    .nav-info .menu-item {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .nav-info .menu-item {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .nav-info .menu-item {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .nav-info .menu-item {
        --mediumHead: 2.5rem
    }
}

.nav-info .menu-item {
    background: var(--yellow);
    border: var(--border);
    list-style: none;
    margin: 1rem auto;
    padding: .5rem 1rem;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.nav-main {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    --localBg: var(--brandColor1);
    --localColor: var(--brandColor2);
    --logoHeight: 8vw;
    align-items: center;
    align-items: flex-end;
    background: var(--localBg);
    border-bottom: var(--borderWidth) solid var(--localColor);
    color: var(--localColor);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    max-height: 100svh;
    padding: 1rem 1rem .75rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 300
}

@media (min-width:1280px) {
    .nav-main {
        top: -5rem
    }
}

@media (min-width:1560px) {
    .nav-main {
        top: -6.5rem
    }
}

.nav-main__logo,
.nav-main__logo a {
    display: block;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.nav-main__logo svg {
    fill: var(--localColor);
    height: 1.5rem;
    transform: translateY(.25rem);
    transition: height .3s;
    width: auto
}

@media (min-width:1280px) {
    .nav-main__logo svg {
        height: 7rem
    }
}

.nav-main a {
    color: inherit
}

.nav-main__menu {
    align-self: flex-end;
    display: none;
    list-style: none;
    padding: 0;
    text-align: right
}

@media (min-width:1280px) {
    .nav-main__menu {
        display: block
    }
    .nav-main__menu .menu-item {
        margin-bottom: .25rem
    }
}

.nav-main__extended-toggle {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: .25rem;
    position: -webkit-sticky;
    position: sticky
}

@media (min-width:1280px) {
    .nav-main__extended-toggle {
        margin-bottom: 0
    }
}

.nav-main__extended-toggle:hover {
    cursor: pointer
}

@media (max-width:932px) {
    .nav-main__extended-toggle__name {
        display: none
    }
}

.nav-main__extended-toggle__icon {
    border-bottom: 2px solid var(--localColor);
    border-top: 2px solid var(--localColor);
    height: 1.3rem;
    position: relative;
    width: 2rem
}

.nav-main__extended-toggle__icon:after {
    background: var(--localColor);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    width: 2rem
}

.nav-main__right {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: .8;
    font-family: Rauschen B, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .nav-main__right {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .nav-main__right {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .nav-main__right {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .nav-main__right {
        --mediumHead: 2.5rem
    }
}

.nav-main__right {
    text-transform: uppercase
}

.nav-main__right__toggles {
    display: flex;
    gap: .75rem;
    justify-content: flex-end
}

.nav-main__right__toggles__search:hover {
    cursor: pointer
}

.nav-main__right__toggles__search svg {
    fill: var(--brandColor2);
    width: 1.23rem
}

.nav-main__right__toggles__cart:hover {
    cursor: pointer
}

.nav-main__right__toggles__cart svg {
    width: 1.5rem
}

.cart-toggle:hover {
    cursor: pointer
}

.cart-toggle a {
    pointer-events: none
}

.pride-colors .nav-main {
    background-image: url(../img/pride.svg);
    background-position: top;
    background-size: 100%
}

.nav-programma {
    background: var(--brandColor4);
    color: var(--brandColor2);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    padding: 1rem;
    text-transform: lowercase
}

.nav-programma--blokkenschema {
    border-bottom: var(--border)
}

@media (min-width:932px) {
    .nav-programma {
        gap: 2rem
    }
}

.nav-programma__child {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .nav-programma__child {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .nav-programma__child {
        --smallHead: 2rem
    }
}

.nav-programma__child {
    opacity: .5
}

.nav-programma__child.current {
    color: var(--brandColor2);
    opacity: 1
}

.nav-programma__child:hover {
    color: var(--brandColor1)
}

.newsletter {
    background: var(--brandColor4);
    color: var(--brandColor2);
    margin: 0;
    max-width: 100%;
    padding: var(--blockPadding);
    position: relative
}

.newsletter__content {
    flex-direction: column;
    justify-content: center
}

.newsletter__text {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--largeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .newsletter__text {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .newsletter__text {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .newsletter__text {
        --largeHead: 6rem
    }
}

.newsletter__text {
    margin-bottom: 1rem
}

.newsletter ._form-content input[type=text] {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .newsletter ._form-content input[type=text] {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .newsletter ._form-content input[type=text] {
        --smallHead: 2rem
    }
}

.newsletter ._form-content input[type=text] {
    background: var(--brandColor3);
    border: 0;
    color: var(--brandColor2);
    display: block;
    margin-bottom: 1rem;
    padding: 1rem;
    width: 100%
}

.newsletter ._form-content input[type=text]::-moz-placeholder {
    color: var(--brandColor1)
}

.newsletter ._form-content input[type=text]:-ms-input-placeholder {
    color: var(--brandColor1)
}

.newsletter ._form-content input[type=text]::placeholder {
    color: var(--brandColor1)
}

.newsletter ._form-content input[type=text]:focus {
    background: var(--brandColor3);
    outline: 0
}

.newsletter ._form-content ._submit {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .newsletter ._form-content ._submit {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .newsletter ._form-content ._submit {
        --smallHead: 2rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .newsletter ._form-content ._submit {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.newsletter ._form-content ._submit {
    background: transparent;
    border: 0;
    color: var(--brandColor2);
    display: block;
    font-style: italic;
    padding: 1rem 0 0;
    text-align: left;
    width: 100%
}

.newsletter ._form-content ._submit:hover {
    cursor: pointer
}

.next-year {
    position: relative;
    z-index: 20
}

.next-year__content {
    background: var(--dark);
    border-bottom: var(--border);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 70vh;
    overflow: hidden;
    padding: 4rem;
    position: relative
}

.next-year__content video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0
}

.next-year__content__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500
}

@media (min-width:720px) {
    .next-year__content__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .next-year__content__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .next-year__content__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .next-year__content__title {
        --mediumHead: 2.5rem
    }
}

.next-year__content__title {
    background: var(--yellow);
    border: var(--border);
    color: var(--dark);
    margin: 0 auto 4rem;
    padding: .5rem 1rem;
    position: relative;
    text-align: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.next-year__content__cities {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    font-family: Druk, sans-serif;
    font-weight: 500;
    gap: 1rem;
    justify-content: center;
    left: 50%;
    max-width: 1280px;
    padding: 2rem 0;
    position: relative;
    transform: translateX(-50%);
    width: 90vw
}

.next-year__content__cities__city {
    background: var(--yellow);
    color: var(--dark)
}

.next-year__content__cities__city:nth-child(odd) {
    background: var(--yellow)
}

.next-year__content__cities__city {
    max-width: 720px;
    text-align: center;
    width: calc(100% - 3rem)
}

.next-year__content__cities__city--inactive {
    opacity: .5;
    order: 3;
    pointer-events: none
}

@media (min-width:932px) {
    .next-year__content__cities__city {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.next-year__content__cities__city__name {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    border: var(--border);
    font-size: calc(var(--mediumHead)*var(--multiplier))
}

@media (min-width:720px) {
    .next-year__content__cities__city__name {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .next-year__content__cities__city__name {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .next-year__content__cities__city__name {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .next-year__content__cities__city__name {
        --mediumHead: 2.5rem
    }
}

.next-year__content__cities__city__name {
    padding: .5rem 1rem
}

.next-year__content__cities__city__dates {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .next-year__content__cities__city__dates {
        font-size: 1.25rem
    }
}

.next-year__content__cities__city__dates {
    background: var(--green);
    border: var(--border);
    border-bottom: 0;
    display: flex;
    display: inline-block;
    margin: auto;
    padding: .5rem 1rem;
    text-align: center;
    width: 100%
}

.page-details {
    background: var(--brandColor4);
    padding: 1.5rem;
    transform: scale(0)
}

.page-details.is-visible {
    transform: scale(1)
}

.page-details__wrapper {
    padding: 0 2rem
}

.page-details__title {
    --multiplier: 1;
    --largeHead: 3.35rem;
    font-size: calc(var(--largeHead)*var(--multiplier))
}

@media (min-width:560px) {
    .page-details__title {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .page-details__title {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .page-details__title {
        --largeHead: 6rem
    }
}

.page-details__title {
    font-family: Druk, sans-serif;
    font-weight: 500;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    text-align: center
}

.page-details__content {
    margin: 2rem auto !important;
    max-width: 932px
}

.passwordform {
    background: #fff;
    margin: 2rem auto;
    max-width: 30rem;
    padding: 1rem;
    text-align: center
}

.pattern-banner {
    background: var(--dark)
}

.pattern-banner__content {
    background-color: var(--green);
    height: 2rem;
    -webkit-mask-image: url(../img/shapes/diamond.svg);
    mask-image: url(../img/shapes/diamond.svg);
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%
}

@media (min-width:932px) {
    .pattern-banner__content {
        height: 3rem
    }
}

@media (min-width:1280px) {
    .pattern-banner__content {
        height: 4rem
    }
}

.pattern-banner:nth-child(2n) {
    background: var(--dark)
}

.pattern-banner:nth-child(2n) .pattern-banner__content {
    background: var(--blue)
}

.placeholder {
    background: grey;
    margin: 0;
    max-width: 100vw;
    min-height: 100vh;
    overflow: hidden;
    padding-top: 1px;
    position: fixed !important;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100vw;
    z-index: 2000
}

@-webkit-keyframes marquee {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}

.prog-ctas {
    background: var(--brandColor4);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    border-left: var(--borderWidth) solid var(--brandColor2);
    border-top: var(--borderWidth) solid var(--brandColor2);
    position: relative
}

.prog-ctas__items {
    display: flex;
    margin: auto
}

.prog-ctas__item {
    --bg1: var(--brandColor2);
    --bg2: var(--brandColor1);
    background: var(--brandColor3);
    border-right: var(--borderWidth) solid var(--brandColor2);
    color: var(--brandColor2);
    width: 50%
}

.prog-ctas__item:hover {
    cursor: pointer
}

.prog-ctas__item:hover .prog-ctas__item__content:after {
    transform: scale(.9)
}

.prog-ctas__item:nth-child(odd) {
    --bg2: var(--brandColor3);
    background: var(--brandColor1)
}

.prog-ctas__item__content {
    overflow: hidden;
    padding: 5rem 0;
    position: relative
}

.prog-ctas__item__content:after,
.prog-ctas__item__content:before {
    background-color: var(--bg1);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1.02);
    transition: transform .35s, background-color .2s;
    width: 100%;
    z-index: 1
}

.prog-ctas__item__content:after {
    background-color: var(--bg2);
    transform: scale(.95)
}

.prog-ctas__item span {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .prog-ctas__item span {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .prog-ctas__item span {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .prog-ctas__item span {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .prog-ctas__item span {
        --mediumHead: 2.5rem
    }
}

.prog-ctas__item span {
    display: block;
    position: relative;
    text-align: center;
    z-index: 2
}

.prog-filters {
    background: var(--brandColor4);
    bottom: 0;
    padding: 1rem 0 22rem;
    position: fixed;
    z-index: 50
}

@media (min-width:720px) {
    .prog-filters {
        max-height: 100vh;
        overflow-y: auto
    }
    .prog-filters::-webkit-scrollbar {
        height: 15px;
        width: 5px
    }
    .prog-filters::-webkit-scrollbar-thumb {
        background: var(--brandColor2);
        border-radius: 0
    }
    .prog-filters::-webkit-scrollbar-track {
        background: var(--brandColor4)
    }
    .prog-filters .flatpickr-calendar.static {
        position: relative
    }
}

@media (min-width:1280px) {
    .prog-filters {
        left: 0;
        margin-bottom: auto;
        padding: 1rem var(--blockPadding) 22rem var(--blockPadding);
        position: -webkit-sticky;
        position: sticky;
        top: 5rem;
        width: var(--sideWidth)
    }
}

.prog-filters__group {
    padding: 0
}

.prog-filters__buttons {
    bottom: 0;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding: var(--blockPadding);
    position: fixed;
    width: 100%;
    z-index: 50
}

.prog-filters__buttons__button {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-filters__buttons__button {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-filters__buttons__button {
        --smallHead: 2rem
    }
}

.prog-filters__buttons__button {
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    padding: .5rem 1rem 1rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1280px) {
    .prog-filters__buttons__button {
        --multiplier: 1;
        --smallHead: 1.23rem;
        --multiplier: 1.3;
        font-family: Druk, sans-serif;
        font-size: calc(var(--smallHead)*var(--multiplier));
        font-weight: 500;
        line-height: 1
    }
}

@media (max-width:1280px) and (min-width:720px) {
    .prog-filters__buttons__button {
        --smallHead: 1.5rem
    }
}

@media (max-width:1280px) and (min-width:932px) {
    .prog-filters__buttons__button {
        --smallHead: 2rem
    }
}

.prog-filters__buttons__button:hover {
    cursor: pointer
}

@media (min-width:1280px) {
    .prog-filters__buttons {
        display: none
    }
}

.prog-filters .filter {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .prog-filters .filter {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .prog-filters .filter {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .prog-filters .filter {
        --paragraph: 1.75rem
    }
}

.prog-filters .filter {
    font-family: Times New Roman, serif;
    font-weight: 300
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .prog-filters .filter {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .prog-filters .filter {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.prog-filters .filter {
    align-items: center;
    display: flex;
    font-style: italic;
    gap: 1rem
}

.prog-filters .filter:hover {
    cursor: pointer
}

.prog-filters .filter:before {
    background: var(--brandColor3);
    content: "";
    display: block;
    height: 1rem;
    width: 1rem
}

.prog-filters .filter.selected:before {
    background: var(--brandColor2)
}

.prog-filters__datepicker-clear {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-filters__datepicker-clear {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-filters__datepicker-clear {
        --smallHead: 2rem
    }
}

.prog-filters__datepicker-clear {
    border: var(--borderWidth) solid var(--brandColor2);
    padding: .5rem 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.prog-filters__datepicker-clear:hover {
    background: var(--brandColor3)
}

@media (max-width:1280px) {
    .prog-filters__datepicker-clear {
        background: var(--brandColor4);
        border-radius: 2rem;
        bottom: 5.5rem;
        height: 3.75rem;
        left: 50%;
        position: fixed;
        transform: translateX(-50%)
    }
}

.prog-filters__date__today,
.prog-filters__sections__today {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-filters__date__today,
    .prog-filters__sections__today {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-filters__date__today,
    .prog-filters__sections__today {
        --smallHead: 2rem
    }
}

.prog-filters__date__today,
.prog-filters__sections__today {
    background: #fff;
    border: var(--borderWidth) solid var(--brandColor2);
    border-radius: 3rem;
    padding: .5rem 1rem 1rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:1280px) {
    .prog-filters__date__today,
    .prog-filters__sections__today {
        bottom: 1rem;
        left: 1rem;
        position: absolute;
        z-index: 55
    }
}

.prog-filters__date .flatpickr-input,
.prog-filters__sections .flatpickr-input {
    opacity: 0;
    pointer-events: none
}

@media (max-width:1280px) {
    .prog-filters__date,
    .prog-filters__sections {
        background: var(--brandColor1);
        border: var(--borderWidth) solid var(--brandColor2);
        bottom: 7rem;
        max-width: 560px;
        padding: 1rem;
        position: fixed;
        right: 1rem;
        transform: translateY(100vh);
        transition: transform .24s;
        width: calc(100% - 2rem)
    }
    .prog-filters__date.is-visible,
    .prog-filters__sections.is-visible {
        transform: translateX(0) translateY(0)
    }
    .prog-filters__date {
        background: transparent;
        border: none;
        height: 400px;
        width: 340px
    }
}

.prog-filters__section {
    margin-bottom: 2rem
}

.prog-filters__section__title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-filters__section__title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-filters__section__title {
        --smallHead: 2rem
    }
}

.prog-filters__section__title {
    margin-bottom: 1rem
}

.prog-intro__city {
    display: none
}

.prog-intro__city--border {
    border-left: var(--borderWidth) solid var(--brandColor2);
    border-top: var(--borderWidth) solid var(--brandColor2)
}

.prog-intro__city.visible {
    align-items: center;
    display: flex
}

.prog-intro__city__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .prog-intro__city__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .prog-intro__city__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .prog-intro__city__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .prog-intro__city__title {
        --mediumHead: 2.5rem
    }
}

.prog-intro__city__title {
    padding: var(--blockPadding)
}

@media (min-width:1280px) {
    .prog-intro__city__title {
        width: var(--sideWidth)
    }
}

.prog-intro__city__content {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--paragraph)*var(--multiplier));
    font-weight: 300;
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .prog-intro__city__content {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .prog-intro__city__content {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .prog-intro__city__content {
        --paragraph: 1.75rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .prog-intro__city__content {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1px;
        -webkit-text-stroke-width: 1px;
        paint-order: stroke fill
    }
}

.prog-intro__city__content {
    max-width: 932px;
    padding: var(--blockPadding)
}

.prog-item {
    border: calc(var(--borderWidth)/2) solid var(--brandColor2);
    border-bottom: var(--borderWidth) solid var(--brandColor2);
    border-top: 0;
    min-width: 150px;
    width: 50%
}

@media (min-width:932px) {
    .prog-item {
        width: 33.3332%
    }
}

@media (min-width:1560px) {
    .prog-item {
        width: 25%
    }
}

@media (min-width:1920px) {
    .prog-item {
        width: 20%
    }
}

.prog-item__image {
    aspect-ratio: 5/4;
    background: var(--brandColor3);
    border-bottom: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.prog-item__image img {
    aspect-ratio: 500/400;
    display: block;
    height: auto;
    margin: auto;
    pointer-events: none;
    position: relative;
    top: 0;
    width: 100%
}

.prog-item__image--pakket {
    display: flex
}

.prog-item__meta {
    color: var(--brandColor2);
    display: flex;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 10
}

.prog-item__meta__field {
    padding: .5rem
}

.prog-item__quote {
    display: none
}

.prog-item--wereld {
    aspect-ratio: none;
    padding: 0
}

.prog-item__wereld-meta {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .prog-item__wereld-meta {
        font-size: 1.25rem
    }
}

.prog-item__wereld-meta {
    background: var(--yellow);
    border-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.prog-item__wereld-meta__descr,
.prog-item__wereld-meta__food {
    grid-column: span 2;
    padding: .5rem
}

.prog-item__wereld-meta__price,
.prog-item__wereld-meta__time {
    border: 0;
    font-family: Druk, sans-serif;
    font-weight: 500;
    padding: .5rem
}

.prog-item__wereld-meta__time {
    border-right: var(--border)
}

.prog-item__pakket-name {
    border-bottom: var(--border);
    font-family: Druk, sans-serif;
    font-weight: 500;
    padding: .5rem 0;
    text-align: center;
    text-transform: none
}

.prog-item__title {
    background: var(--brandColor1);
    color: var(--brandColor2);
    overflow: hidden;
    position: relative;
    z-index: 2
}

.prog-item__title__link {
    aspect-ratio: 4/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    text-align: center
}

@media (min-width:932px) {
    .prog-item__title__link {
        aspect-ratio: 4/2
    }
}

.prog-item__title--wereld {
    padding: 0
}

.prog-item__title__group,
.prog-item__title__pakket {
    --multiplier: 1;
    --groupHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--groupHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--groupHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .prog-item__title__group,
    .prog-item__title__pakket {
        --groupHead: 1.75rem
    }
}

.prog-item__title__show {
    --multiplier: 1;
    --paragraph: 1.25rem;
    font-size: calc(var(--paragraph)*var(--multiplier))
}

@media (min-width:720px) {
    .prog-item__title__show {
        --paragraph: 1.25rem
    }
}

@media (min-width:932px) {
    .prog-item__title__show {
        --paragraph: 1.35rem
    }
}

@media (min-width:1280px) {
    .prog-item__title__show {
        --paragraph: 1.75rem
    }
}

.prog-item__title__show {
    font-family: Times New Roman, serif;
    font-weight: 300
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .prog-item__title__show {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.prog-item__title__show {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .prog-item__title__show {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.prog-item__title__show {
    line-height: .8;
    margin-top: .5rem
}

.prog-item--mini {
    background: var(--brandColor3);
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.prog-item--mini:hover .prog-item--mini__image {
    transform: scale(1.1)
}

.prog-item--mini__image {
    max-width: 100%;
    transform-origin: center bottom;
    transition: transform .2s;
    transition-timing-function: ease-out
}

.prog-item--mini__image img {
    aspect-ratio: 5/4;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    width: 100%
}

.prog-item--mini__link {
    height: 100%;
    justify-content: center;
    padding: 1rem var(--blockPadding);
    text-align: center;
    z-index: 2
}

.prog-item--mini__link,
.prog-item--mini__title {
    background: var(--brandColor1);
    display: flex;
    flex: 1;
    flex-direction: column
}

.prog-item--mini__title__group,
.prog-item--mini__title__pakket {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-item--mini__title__group,
    .prog-item--mini__title__pakket {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-item--mini__title__group,
    .prog-item--mini__title__pakket {
        --smallHead: 2rem
    }
}

.prog-item--mini__title__show {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 400;
    line-height: 1
}

@media (min-width:720px) {
    .prog-item--mini__title__show {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-item--mini__title__show {
        --smallHead: 2rem
    }
}

.prog-item--mini__title__show {
    font-family: Times New Roman, serif;
    font-weight: 300
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .prog-item--mini__title__show {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 2px;
        -webkit-text-stroke-width: 2px;
        paint-order: stroke fill
    }
}

.prog-item--mini__title__show {
    font-style: italic
}

.prog-item-pakket {
    background: var(--brandColor2);
    width: 100%
}

.prog-item-pakket__images {
    aspect-ratio: 5/4;
    position: relative
}

.prog-item-pakket__images__image {
    border: var(--border);
    position: absolute;
    top: 0;
    width: 100%
}

.prog-item-pakket__images__image:first-child {
    transform: rotate(-10deg)
}

.prog-item-pakket__images__image:nth-child(3) {
    transform: rotate(10deg)
}

.prog-item-pakket__title {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .prog-item-pakket__title {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .prog-item-pakket__title {
        --smallHead: 2rem
    }
}

.prog-item-pakket__title {
    background: var(--brandColor1);
    border: var(--border);
    padding: .5rem 1rem;
    position: relative;
    text-align: center;
    z-index: 2
}

.prog-items {
    background: var(--brandColor2);
    border-top: 0;
    box-shadow: 0 0 0 calc(var(--borderWidth)/2) var(--brandColor2);
    margin: 0 calc(var(--borderWidth)/2);
    min-height: 90vh;
    position: relative
}

.prog-items__nothing {
    --multiplier: 1;
    --largeHead: 3.35rem;
    --multiplier: 1.4;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--largeHead)*.007);
    line-height: .8
}

@media (min-width:560px) {
    .prog-items__nothing {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .prog-items__nothing {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .prog-items__nothing {
        --largeHead: 6rem
    }
}

.prog-items__nothing {
    color: var(--brandColor4);
    margin: auto;
    padding: 2rem 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.prog-notice {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-size: calc(var(--mediumHead)*var(--multiplier))
}

@media (min-width:720px) {
    .prog-notice {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .prog-notice {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .prog-notice {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .prog-notice {
        --mediumHead: 2.5rem
    }
}

.prog-notice {
    color: #fff;
    padding: 1rem;
    text-align: center
}

.search-results-page {
    background: var(--brandColor4);
    min-height: calc(100vh - 18rem);
    padding: 2rem
}

.search-results-page__header {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .search-results-page__header {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .search-results-page__header {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .search-results-page__header {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .search-results-page__header {
        --mediumHead: 2.5rem
    }
}

.search-results-page__header {
    margin: auto auto 2rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.search-results-page__programma {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 2rem
}

.search-results-page__programma .prog-item {
    border: var(--border);
    min-width: 200px
}

.search-results-page__search {
    border: var(--borderWidth) solid var(--brandColor2);
    margin-bottom: 1rem;
    width: 100%
}

.search-results-page__search__form {
    display: flex;
    width: 100%
}

.search-results-page__search input {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    --multiplier: 1.6;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500;
    letter-spacing: calc(var(--mediumHead)*.011);
    line-height: .8
}

@media (min-width:720px) {
    .search-results-page__search input {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .search-results-page__search input {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .search-results-page__search input {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .search-results-page__search input {
        --mediumHead: 2.5rem
    }
}

.search-results-page__search input {
    border: 0;
    display: block;
    margin: 0
}

.search-results-page__search input::-moz-placeholder {
    color: var(--brandColor2)
}

.search-results-page__search input:-ms-input-placeholder {
    color: var(--brandColor2)
}

.search-results-page__search input::placeholder {
    color: var(--brandColor2)
}

.search-results-page__search input[type=search] {
    background: var(--brandColor1);
    border-right: var(--borderWidth) solid var(--brandColor2);
    color: var(--brandColor2);
    padding: 0 1rem .5rem;
    width: 100%
}

.search-results-page__search input[type=submit] {
    aspect-ratio: 1/1;
    background-color: var(--brandColor3);
    background-image: url(../img/search.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 2rem;
    display: block;
    width: 4rem
}

.search-results-page__other {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 300;
    line-height: 1
}

@media (min-width:720px) {
    .search-results-page__other {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .search-results-page__other {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .search-results-page__other {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .search-results-page__other {
        --mediumHead: 2.5rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .search-results-page__other {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.search-results-page__other {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .search-results-page__other {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.search-results-page__other {
    gap: 1rem;
    margin: auto;
    max-width: 1280px;
    padding: 0 1rem
}

.search-results-page__other__card {
    background: var(--brandColor1);
    border: var(--border);
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center
}

.search-results-page__other__card:nth-child(odd) {
    background: var(--brandColor3)
}

.site-alert {
    background: var(--dark);
    color: var(--green);
    font-family: Druk, sans-serif;
    font-weight: 500;
    height: auto;
    line-height: 1;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 50
}

.site-alert__content {
    -webkit-animation: site-alert 15s linear infinite;
    animation: site-alert 15s linear infinite;
    line-height: 1;
    min-width: 100vw;
    overflow: hidden;
    padding: 1rem 1rem .5rem;
    white-space: nowrap
}

.site-alert__content,
.site-alert__content--copy {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.site-alert__content--copy {
    -webkit-animation: site-alert2 15s linear infinite;
    animation: site-alert2 15s linear infinite;
    left: 2rem;
    min-width: 100%;
    position: absolute;
    top: 0;
    transform: translateX(100%)
}

@keyframes site-alert {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

@keyframes site-alert2 {
    0% {
        transform: translate(100%)
    }
    to {
        transform: translate(0)
    }
}

.teaser {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.teaser__iframe {
    border: none;
    height: 100%;
    position: absolute;
    width: 100%
}

.teaser__button {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1;
 
}

@media (min-width:720px) {
    .teaser__button {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .teaser__button {
        --smallHead: 2rem
    }
}

.teaser__button {
    border-radius: 3rem;
    top: 1rem;
    padding:.5rem 1rem;
    position: absolute;
    left: 1rem;
    text-align: center;
    text-transform: lowercase;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--brandColor3);
    color: #585A11;
    font-size: 1.25rem;
    font-family: Rauschen B, serif;
}

.teaser__button:hover {
    cursor: pointer
}

.tickets-legend.dimmed {
    opacity: 0
}

.tickets-legend__head {
    --multiplier: 1;
    --smallHead: 1.23rem;
    font-family: Times New Roman, serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 300
}

@media (min-width:720px) {
    .tickets-legend__head {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .tickets-legend__head {
        --smallHead: 2rem
    }
}

.tt-page-wrapper {
    background: var(--brandColor4);
    border-top: 0;
    margin: auto;
    min-height: 90vh
}

.tt-page-wrapper[data-view=list] {
    border: 0;
    margin: 0 auto;
    max-width: 100%;
    padding: 0
}

@media (min-width:1280px) {
    .tt-page-wrapper[data-view=list] {
        max-width: 1280px
    }
}

.tt-title {
    --multiplier: 1;
    --largeHead: 3.35rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--largeHead)*var(--multiplier));
    font-weight: 500
}

@media (min-width:560px) {
    .tt-title {
        --largeHead: 4.5rem
    }
}

@media (min-width:932px) {
    .tt-title {
        --largeHead: 4rem
    }
}

@media (min-width:1920px) {
    .tt-title {
        --largeHead: 6rem
    }
}

.tt-title {
    margin: 0 auto 1rem;
    max-width: 1280px;
    padding: 0 1rem
}

.tt-master {
    margin-bottom: 4rem;
    overflow: hidden;
    padding-left: 13rem;
    position: relative;
    transition: padding-left .3s
}

.tt-master[data-view=list],
.tt-master[data-view=list].small-view {
    padding-left: 0
}

.tt-master.small-view {
    padding-left: 3.25rem
}

.tt-master.small-view .tt-master__venues {
    width: 3.25rem
}

.tt-master.small-view .tt-master__venues__venue__title {
    display: none
}

.tt-master__venues {
    border-bottom: 2px solid var(--brandColor3);
    border-top: 0;
    left: 0;
    padding-top: calc(2.5rem - 2px);
    position: absolute;
    transition: width .1s;
    width: 13rem
}

.tt-master__venues[data-view=list] {
    display: none
}

.tt-master__venues__venue {
    font-family: Rauschen B, serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1
}

@media (min-width:932px) {
    .tt-master__venues__venue {
        font-size: 1.25rem
    }
}

.tt-master__venues__venue {
    align-items: center;
    border-right: 2px solid var(--brandColor3);
    border-top: 2px solid var(--brandColor3);
    display: flex;
    gap: .5rem;
    height: 3.75rem;
    padding: .25rem;
    text-transform: uppercase
}

.tt-master__venues__venue:hover {
    cursor: pointer
}

.tt-master__venues__venue__icon {
    height: 2rem;
    pointer-events: none;
    width: 2rem
}

.tt-master__venues__venue__icon img {
    width: 100%
}

.tt-master__venues__venue.hidden {
    display: none
}

.tt-master__venues__venue .venue-info {
    background: var(--brandColor1);
    border: var(--border);
    left: 50%;
    max-height: 90vh;
    max-width: 560px;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .3s;
    width: 100%;
    z-index: 700
}

.tt-master__venues__venue .venue-info.is-visible {
    pointer-events: all;
    transform: translate(-50%, -50%) scale(1)
}

.tt-master__venues__venue .venue-info img {
    border-bottom: var(--border);
    display: block;
    width: 100%
}

.tt-master__venues__venue .venue-info__title {
    --multiplier: 1;
    --mediumHead: 1.35rem;
    font-family: Druk, sans-serif;
    font-size: calc(var(--mediumHead)*var(--multiplier));
    font-weight: 500
}

@media (min-width:720px) {
    .tt-master__venues__venue .venue-info__title {
        --mediumHead: 1.75rem
    }
}

@media (min-width:932px) {
    .tt-master__venues__venue .venue-info__title {
        --mediumHead: 2rem
    }
}

@media (min-width:1280px) {
    .tt-master__venues__venue .venue-info__title {
        --mediumHead: 2.1rem
    }
}

@media (min-width:1560px) {
    .tt-master__venues__venue .venue-info__title {
        --mediumHead: 2.5rem
    }
}

.tt-master__venues__venue .venue-info__title {
    border-bottom: var(--border);
    padding: .25rem 1rem;
    text-align: center
}

.tt-master__venues__venue .venue-info__content {
    font-feature-settings: "ss02" 1;
    font-family: Maison Neue;
    padding: .5rem 1rem;
    text-transform: none
}

.tt-master__venues__venue .venue-info__close {
    background: var(--brandColor4);
    border: var(--border);
    height: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 3rem
}

.tt-master__venues__venue .venue-info__close:after,
.tt-master__venues__venue .venue-info__close:before {
    background: var(--dark);
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    top: calc(50% - 2px);
    transform: rotate(45deg);
    width: 100%
}

.tt-master__venues__venue .venue-info__close:after {
    transform: rotate(-45deg)
}

.tt-wrapper::-webkit-scrollbar {
    height: 15px;
    width: 5px
}

.tt-wrapper::-webkit-scrollbar-thumb {
    background: var(--brandColor2);
    border-radius: 0
}

.tt-wrapper::-webkit-scrollbar-track {
    background: var(--brandColor4)
}

.tt-wrapper {
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    overflow-x: auto;
    position: relative
}

.tt__current-time {
    border-left: 6px dashed var(--brandColor3);
    height: 100%;
    left: -20rem;
    position: absolute;
    top: 0;
    width: 4px;
    z-index: 100
}

.tt__current-time[data-view=list] {
    display: none
}

@media (min-width:720px) {
    .tt__current-time--kind {
        transform: translateX(18.75rem)
    }
}

.tt-times {
    border-bottom: 2px solid var(--brandColor2);
    font-size: .8rem;
    height: 2.5rem
}

.tt-times[data-view=list] {
    display: none
}

.tt-times:last-child {
    border-bottom: 0
}

@media (min-width:720px) {
    .tt-times {
        margin-left: 0
    }
}

.tt-times__timeline {
    display: flex;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 20
}

.tt-times__timeline__time {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .tt-times__timeline__time {
        font-size: 1.25rem
    }
}

.tt-times__timeline__time {
    display: block;
    height: 2.5rem;
    padding: .5rem;
    transform: translateX(-1.5rem);
    width: 11.25rem
}

.tt-times__timeline__time:first-child {
    opacity: 0
}

.tt-venue {
    height: auto;
    height: 3.75rem;
    position: relative;
    width: 495rem
}

.tt-venue[data-view=list] {
    border: 0;
    height: auto;
    max-width: calc(100vw - 2rem);
    width: 100%
}

.tt-venue__title {
    display: none
}

.tt-venue__title[data-view=list] {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .tt-venue__title[data-view=list] {
        font-size: 1.25rem
    }
}

.tt-venue__title[data-view=list] {
    display: block;
    font-family: Rauschen B, serif;
    font-weight: 300;
    padding: 1rem 1rem 0;
    text-transform: uppercase
}

.tt-venue.h7-wide {
    width: 315rem
}

.tt-venue--12h-wide {
    width: 540rem
}

.tt-venue.hidden {
    display: none
}

@media (min-width:720px) {
    .tt-venue {
        margin-top: 0
    }
    .tt-venue--12h-wide {
        width: 540rem
    }
}

.tt-venue__entries {
    background-color: var(--brandColor2);
    background-image: url(../img/tt-back.svg);
    background-repeat: repeat-x;
    background-size: 45rem;
    height: 3.75rem;
    padding: 1px;
    position: relative;
    top: 0;
    width: 495rem
}

.tt-venue__entries[data-view=list] {
    background: transparent;
    border: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: calc(100vw - 2rem);
    padding: 1rem 1rem 0;
    width: 100%
}

.tt-venue__entries__entry {
    background: var(--brandColor3);
    border-top: 2px solid var(--brandColor2);
    box-sizing: border-box;
    font-size: .8rem;
    font-weight: 400;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0
}

.tt-venue__entries__entry__time {
    background: var(--brandColor4);
    font-size: 1rem;
    padding: .25rem .25rem 0;
    position: absolute;
    right: 0;
    top: 0
}

.tt-venue__entries__entry[data-view=list] {
    background: var(--brandColor1);
    border: var(--border);
    left: 0 !important;
    margin-bottom: .5rem;
    padding: 0;
    position: relative;
    transform: none !important;
    width: 100% !important
}

.tt-venue__entries__entry[data-view=list] a {
    display: flex;
    gap: 1rem;
    padding: 0;
    position: relative
}

.tt-venue__entries__entry[data-view=list] .tt-venue__entries__entry__time {
    background: var(--brandColor4);
    border-bottom: var(--border);
    border-left: var(--border);
    padding: .5rem
}

.tt-venue__entries__entry__image {
    width: 100px
}

.tt-venue__entries__entry__image img {
    display: block;
    max-width: 100%;
    min-width: 100px
}

.tt-venue__entries__entry__group {
    display: block;
    font-family: Rauschen B, serif;
    font-size: 1.15rem;
    font-weight: 300;
    padding-top: .25rem;
    text-transform: uppercase;
    text-transform: none;
    white-space: nowrap
}

.tt-venue__entries__entry__group[data-view=list] {
    --multiplier: 1;
    --smallHead: 1.23rem;
    --multiplier: 1.3;
    font-family: Druk, sans-serif;
    font-size: calc(var(--smallHead)*var(--multiplier));
    font-weight: 500;
    line-height: 1
}

@media (min-width:720px) {
    .tt-venue__entries__entry__group[data-view=list] {
        --smallHead: 1.5rem
    }
}

@media (min-width:932px) {
    .tt-venue__entries__entry__group[data-view=list] {
        --smallHead: 2rem
    }
}

.tt-venue__entries__entry__title {
    position: relative;
    white-space: nowrap
}

.tt-venue__entries__entry__title[data-view=list] {
    font-size: 1rem;
    line-height: 1
}

@media (min-width:932px) {
    .tt-venue__entries__entry__title[data-view=list] {
        font-size: 1.25rem
    }
}

@supports ((-webkit-text-stroke-color:#666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
    .tt-venue__entries__entry__title[data-view=list] {
        -moz-text-fill-color: var(--brandColor2);
        -webkit-text-fill-color: var(--brandColor2);
        -moz-text-stroke-color: var(--brandColor2);
        -webkit-text-stroke-color: var(--brandColor2);
        -moz-text-stroke-width: 1.5px;
        -webkit-text-stroke-width: 1.5px;
        paint-order: stroke fill
    }
}

.tt-venue__entries__entry__title[data-view=list] {
    font-style: italic
}

@media (min-width:720px) {
    @supports ((-webkit-text-stroke-color: #666) and (-webkit-text-fill-color:white)) or ((-moz-text-stroke-color:#666) and (-moz-text-fill-color:white)) {
        .tt-venue__entries__entry__title[data-view=list] {
            -moz-text-fill-color:var(--brandColor2);
            -webkit-text-fill-color: var(--brandColor2);
            -moz-text-stroke-color: var(--brandColor2);
            -webkit-text-stroke-color: var(--brandColor2);
            -moz-text-stroke-width: 2px;
            -webkit-text-stroke-width: 2px;
            paint-order: stroke fill
        }
    }
}

.tt-venue__entries__entry .uitverkocht {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    background: var(--brandColor2);
    bottom: 0;
    color: var(--brandColor4);
    display: block;
    font-family: Rauschen B, serif;
    font-size: 1rem;
    font-weight: 300;
    margin-left: .5rem;
    padding: .25rem;
    position: absolute;
    right: 0;
    text-transform: uppercase
}

.tt-venue__entries__entry.h14.m0 {
    border-left: 0
}

.tt-venue__entries__entry a {
    color: inherit;
    display: flex;
    gap: .5rem;
    height: 100%;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

.tt-venue__entries__entry.dimmed.hidden {
    display: none
}

.tt-venue__entries__entry--soldout {
    opacity: .5
}

.tt-venue__entries__entry--doorlopend,
.tt-venue__entries__entry--soldout.tt-venue__entries__entry--gratis {
    opacity: 1
}

.tt-venue__entries__entry--doorlopend .uitverkocht,
.tt-venue__entries__entry--muziek .uitverkocht {
    display: none
}

.tt-venue__entries__entry--time-unknow {
    opacity: 1;
    width: 100%
}

.page-template-template-blokkenschema {
    background: var(--brandColor4)
}

.tt-nav {
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    gap: .5rem;
    justify-content: space-between;
    margin: auto;
    max-width: 1280px;
    padding: var(--blockPadding) 1rem;
    z-index: 90
}

.tt-nav__datepicker {
    background: url(../img/tt-button.svg) no-repeat .5rem;
    background-color: #fff;
    border: 2px solid var(--brandColor2);
    border-radius: 2rem;
    color: var(--brandColor2);
    font-size: 1rem;
    padding: .75rem 1rem .75rem 3rem;
    position: relative
}

.tt-nav__datepicker.active {
    background: var(--brandColor3)
}

.tt-nav__datepicker:hover {
    cursor: pointer
}

.tt-nav__group {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    display: flex;
    flex-wrap: wrap;
    font-family: Rauschen B, serif;
    font-weight: 300;
    gap: .5rem;
    justify-content: space-between;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:1280px) {
    .tt-nav__group {
        width: auto
    }
}

.tt-nav__group__option {
    background: #fff;
    border: 2px solid var(--brandColor2);
    border-radius: 2rem;
    padding: .75rem 1rem
}

.tt-nav__group__option:hover {
    cursor: pointer
}

.tt-nav__types__type {
    background: var(--brandColor2);
    color: var(--brandColor4)
}

.tt-nav__view-toggle {
    background: var(--brandColor2);
    display: flex;
    gap: .5rem;
    padding: .25rem;
    position: relative
}

.tt-nav__view-toggle__indicator {
    background: var(--brandColor3);
    background: var(--brandColor4);
    border-radius: 50%;
    height: 2.25rem;
    position: absolute;
    right: .25rem;
    top: .25rem;
    width: 2.25rem
}

.tt-nav__view-toggle__child {
    align-items: center;
    display: flex;
    height: 2.25rem;
    justify-content: center;
    position: relative;
    width: 2.25rem;
    z-index: 2
}

.tt-nav__view-toggle__child svg {
    fill: var(--brandColor2);
    pointer-events: none;
    width: 70%
}

.tt-nav__view-toggle__list svg {
    fill: var(--brandColor4);
    width: 65%
}

.tt-nav__view-toggle[data-view=list] .tt-nav__view-toggle__list svg {
    fill: var(--brandColor2)
}

.tt-nav__view-toggle[data-view=list] .tt-nav__view-toggle__grid svg {
    fill: var(--brandColor4)
}

.tt-nav__view-toggle[data-view=list] .tt-nav__view-toggle__indicator {
    left: .25rem;
    right: auto;
    transform: translateX(0)
}

.h-theater15 {
    left: 0
}

.h-theater16 {
    left: 45rem
}

.h-theater17 {
    left: 90rem
}

.h-theater18 {
    left: 135rem
}

.h-theater19 {
    left: 180rem
}

.h-theater20 {
    left: 225rem
}

.h-theater21 {
    left: 270rem
}

.h-theater22 {
    left: 315rem
}

.h-theater23 {
    left: 360rem
}

.h-theater24 {
    left: 405rem
}

.h-theater25 {
    left: 450rem
}

.h-theater1 {
    left: 495rem
}

.h-kind14 {
    left: 0
}

.h-kind15 {
    left: 45rem
}

.h-kind16 {
    left: 90rem
}

.h-kind17 {
    left: 135rem
}

.h-kind18 {
    left: 180rem
}

.h-kind19 {
    left: 225rem
}

.h-kind20 {
    left: 270rem
}

.h-kind21 {
    left: 315rem
}

.h-kind22 {
    left: 360rem
}

.h-kind23 {
    left: 405rem
}

.h-kind24 {
    left: 450rem
}

.h-kind25 {
    left: 495rem
}

.h-kind1 {
    left: 540rem
}

.m1 {
    transform: translateX(.75rem)
}

.m2 {
    transform: translateX(1.5rem)
}

.m3 {
    transform: translateX(2.25rem)
}

.m4 {
    transform: translateX(3rem)
}

.m5 {
    transform: translateX(3.75rem)
}

.m6 {
    transform: translateX(4.5rem)
}

.m7 {
    transform: translateX(5.25rem)
}

.m8 {
    transform: translateX(6rem)
}

.m9 {
    transform: translateX(6.75rem)
}

.m10 {
    transform: translateX(7.5rem)
}

.m11 {
    transform: translateX(8.25rem)
}

.m12 {
    transform: translateX(9rem)
}

.m13 {
    transform: translateX(9.75rem)
}

.m14 {
    transform: translateX(10.5rem)
}

.m15 {
    transform: translateX(11.25rem)
}

.m16 {
    transform: translateX(12rem)
}

.m17 {
    transform: translateX(12.75rem)
}

.m18 {
    transform: translateX(13.5rem)
}

.m19 {
    transform: translateX(14.25rem)
}

.m20 {
    transform: translateX(15rem)
}

.m21 {
    transform: translateX(15.75rem)
}

.m22 {
    transform: translateX(16.5rem)
}

.m23 {
    transform: translateX(17.25rem)
}

.m24 {
    transform: translateX(18rem)
}

.m25 {
    transform: translateX(18.75rem)
}

.m26 {
    transform: translateX(19.5rem)
}

.m27 {
    transform: translateX(20.25rem)
}

.m28 {
    transform: translateX(21rem)
}

.m29 {
    transform: translateX(21.75rem)
}

.m30 {
    transform: translateX(22.5rem)
}

.m31 {
    transform: translateX(23.25rem)
}

.m32 {
    transform: translateX(24rem)
}

.m33 {
    transform: translateX(24.75rem)
}

.m34 {
    transform: translateX(25.5rem)
}

.m35 {
    transform: translateX(26.25rem)
}

.m36 {
    transform: translateX(27rem)
}

.m37 {
    transform: translateX(27.75rem)
}

.m38 {
    transform: translateX(28.5rem)
}

.m39 {
    transform: translateX(29.25rem)
}

.m40 {
    transform: translateX(30rem)
}

.m41 {
    transform: translateX(30.75rem)
}

.m42 {
    transform: translateX(31.5rem)
}

.m43 {
    transform: translateX(32.25rem)
}

.m44 {
    transform: translateX(33rem)
}

.m45 {
    transform: translateX(33.75rem)
}

.m46 {
    transform: translateX(34.5rem)
}

.m47 {
    transform: translateX(35.25rem)
}

.m48 {
    transform: translateX(36rem)
}

.m49 {
    transform: translateX(36.75rem)
}

.m50 {
    transform: translateX(37.5rem)
}

.m51 {
    transform: translateX(38.25rem)
}

.m52 {
    transform: translateX(39rem)
}

.m53 {
    transform: translateX(39.75rem)
}

.m54 {
    transform: translateX(40.5rem)
}

.m55 {
    transform: translateX(41.25rem)
}

.m56 {
    transform: translateX(42rem)
}

.m57 {
    transform: translateX(42.75rem)
}

.m58 {
    transform: translateX(43.5rem)
}

.m59 {
    transform: translateX(44.25rem)
}

.m60 {
    transform: translateX(45rem)
}

.h1-wide {
    width: 45rem
}

.h2-wide {
    width: 90rem
}

.h3-wide {
    width: 135rem
}

.h4-wide {
    width: 180rem
}

.h5-wide {
    width: 225rem
}

.h6-wide {
    width: 270rem
}

.h7-wide {
    width: 315rem
}

.h8-wide {
    width: 360rem
}

.h9-wide {
    width: 405rem
}

.h10-wide {
    width: 450rem
}

.h11-wide {
    width: 495rem
}

.h12-wide {
    width: 540rem
}

.h13-wide {
    width: 585rem
}

.h14-wide {
    width: 630rem
}

.h15-wide {
    width: 675rem
}

.h16-wide {
    width: 720rem
}

.h17-wide {
    width: 765rem
}

.h18-wide {
    width: 810rem
}

.template-programma {
    background: var(--brandColor4)
}

@media (min-width:1280px) {
    .template-programma {
        display: grid;
        grid-template-columns: var(--sideWidth) auto
    }
    .template-programma .nav-programma,
    .template-programma .prog-ctas,
    .template-programma .prog-intro {
        grid-column: span 2
    }
}

body {
    background: var(--brandColor3);
    color: var(--brandColor2);
    overflow-x: hidden;
    width: 100%
}

html.noscroll {
    overflow: hidden
}

html.noscroll .nav-main {
    position: fixed
}