.btn_big {
    font-size: 20px;
}

@media only screen and (max-width: 800px) {
    .ticket_embed {
        width: 100%;
    }
}

html,
body {
    background: #f5ffff !important;
    overflow-x: hidden !important;
    padding: 0 !important;
}

.btn--brown {
    /* background: #fe7500 !important; */
    background: #0f9a9a !important;
    border-radius: 0.25rem;
}

.btn--brown:hover {
    /* background: #ff9436 !important; */
    background: #11abab !important;
    color: #fff !important;
}

body.sb-pre-page {
    background: #d0ede5;
}

section#pre-tickets {
    margin-bottom: 100px;
}

:is(section#pre-tickets, section#vervoer) h2 span,
section#tickets h2 span {
    color: #fe7500;
}

body.sb-pre-page main .sale-blad-2 {
    position: absolute;
    display: block;
    bottom: 20%;
    right: 0px;
    width: 300px;
    height: 30vw;
    z-index: -1;
}

.error_message, .success_message {
    color: white;
    font-style: italic;
    font-size: 14px;
    margin-top: 2px;
    text-align: center;
}

/* .overlay-body{
    display: block;
    background-image: url(../img/bg.png) !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: repeat !important;
} */

body.sb-pre-page main .sale-blad-2 img {
    object-fit: unset;
    position: absolute;
    right: 0px;
    height: 100%;
    width: auto;
}

aside.drawer-nav a:hover .info,
.newsletter,
.page-desc {
    background-color: transparent !important;
}

.newsletter h2 {
    font-size: 33px;
    line-height: 36px;
}

.page-desc--home {
    background-color: transparent !important;
    /* background-color: transparent !important; */
}

.page-desc {
    color: #141414;
    background: #f5ffff !important;
    /* clip-path: polygon(0 calc(0% + 100px), 100% 0, 100% 100%, 0 100%); */
    margin-top: -100px;
    z-index: 1;
}

.page-desc h2 {
    color: #e74f30;
    font-weight: 700;
    z-index: 1;
}

.page-desc--home.bg-pattern p {
    font-weight: 400;
}

.page-info {
    margin-top: -85px;
    padding: 129px 0 10px 0;
}

.page-info .wrapper {
    position: relative;
}

.info {
    /* background-color: rgb(25 142 148 / 10%) !important; */
    margin-top: 0;
    padding: 0;
}

.info__dropdowns {
    margin-bottom: 4rem;
    position: relative;
}

.info__dropdowns h2 {
    color: #e74f30;
    font-weight: 700;
}

.faq {
    background-color: rgb(234, 248, 248);
    border: 1px solid rgb(230 249 246);
    box-shadow: 2px 2px 10px 0px rgb(220 239 239 / 17%);
}

.faq .faq__heading {
    color: #141414;
    font-weight: 500;
}

.faq .faq__content {
    padding-top: 20px;
    font-size: 1rem;
}

@media only screen and (max-width: 800px) {
    .shop_container iframe {
        width: 100%;
    }
}

/* triple title eerste titel tekst blauw */

.triple-title {
    text-align: center;
    font-size: 2.3rem;
    line-height: 2.5rem;
    margin-top: -85px;
}

.triple-title div:nth-child(1) {
    color: #e74f30 !important;
    /* font-size: 1.6rem;
    line-height: 2.9rem; */
}

.triple-title div:nth-child(2) {
    color: #1a1a32 !important;
}

.triple-title div:nth-child(3) {
    /* color: #fe7500 !important; */
    color: #1a1a32 !important;
}

body {
    /* background-color: #d0ede5 !important; */
    /* background-image: -webkit-linear-gradient(317deg, #0f9a9a 17%, #eb4d2e 17%); */
}

#hotel-packages {
    margin-top: 110px;
    margin-bottom: 50px;
}

.cta-section {
    background: transparent;
    position: relative;
}

.splitted_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.splitted_bg::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,
            transparent 0%,
            transparent calc(100% - 400px),
            #fff 100%,
            #fff 100%);
    z-index: 2;
    opacity: 1;
    display: none;
}

.splitted_bg .split {
    position: relative;
    width: calc(50% + 200px);
    flex: 0 0 calc(50% + 200px);
    height: 100%;
    overflow: hidden;
}

.splitted_bg__left {
    /* background: linear-gradient(294deg, #0f9a9a38, #19cdcd); */
    background: linear-gradient(294deg, #1adcdc3d, #5bffff);
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, calc(100% - 400px) 100%, 0% 100%);
}

.splitted_bg__left::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #0f9a9a;
    /* z-index: 1;
    opacity: 1;
    mix-blend-mode: color; */

    z-index: 1;
    opacity: 0.4;
    mix-blend-mode: normal;
}

.splitted_bg__right {
    /* background: linear-gradient(30deg, #eb4d2e, #eb4d2e69); */
    background: linear-gradient(30deg, #ff7b6199, #eb4d2e);
    z-index: 0;
    left: -400px;
}

.splitted_bg__right::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #ff8871;
    z-index: 1;
    opacity: 1;

    /* background: #ff4b28;
    z-index: 1;
    opacity: 0.4; */
    mix-blend-mode: color;
}

.splitted_bg img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    /* filter: saturate(1); */
    filter: saturate(0);
    mix-blend-mode: screen;
}

.main-header .main-header__title-section {
    z-index: 9;
}

.main-header__triangle {
    position: absolute;
    width: 990px;
    z-index: -1;
    transform: rotate(4deg);
    opacity: 0.9;
}

.main-header__title-section__inner {
    padding-bottom: 200px;
}

.main-header .pre-register-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-desc--homebottom .btn--arrow {
    color: #fff;
    background: linear-gradient(68deg,
            #4fc6c6 0%,
            #4fc6c6 10%,
            #e74f30 10%,
            #e74f30 100%);
}

.main-nav__social svg {
    height: 20px;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    transition: 0.22s all ease;
}

.main-nav__social svg g {
    fill: #ffffff;
}

.main-nav__social svg:hover {
    transform: scale(1.05);
}

body .main-nav .drawer-btn__text {
    color: #ffffff !important;
}

body .main-nav .drawer-btn:after {
    background: #ffffff !important;
}

body .main-nav .drawer-btn__icon__dash {
    background: #ffffff !important;
}

body.drawer-active .main-nav .drawer-btn__text {
    color: #1a1a32 !important;
}

body.drawer-active .main-nav .drawer-btn:after {
    background: #1a1a32 !important;
}

body.drawer-active .drawer-btn__icon__dash {
    background: #1a1a32 !important;
}

body .main-nav.sticky .drawer-btn__text {
    color: #1a1a32 !important;
}

body .main-nav.sticky .drawer-btn:after {
    background: #1a1a32 !important;
}

body .main-nav.sticky .drawer-btn__icon__dash {
    background: #1a1a32 !important;
}

body .main-nav.sticky .main-nav__social svg g {
    fill: #1a1a32;
}

.pendel-dienst .wrapper-tijden h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px !important;
    margin-right: 0 !important;
}

.pendel-dienst .wrapper-tijden .knoppen {
    margin-bottom: 60px;
}

.pendel-dienst .wrapper-tijden .knoppen a button {
    transform: scale(1);
    transition: 0.2s all ease;
    filter: brightness(90%);
}

.pendel-dienst .wrapper-tijden .knoppen a.active button {
    transform: scale(1.08);
    filter: brightness(100%);
}

.page-desc--homebottom {
    padding-bottom: 20px;
}

.page-desc--home .wrapper.wrapper-sm {
    padding-top: 5rem !important;
}

.wrapper.wrapper-sm {
    padding-top: 5rem !important;
}

/* verwijderen scrollbar menu */

aside.drawer-nav {
    overflow: hidden;
}

/* buttons pre-sale*/

.main-nav__ticket-btn {
    /* background: #fe7500 !important; */
    background: #cca03b !important;
    border-radius: 0.25rem;
}

.main-nav__ticket-btn:hover {
    /* background: #ff9436 !important; */
    background: #ccad65 !important;
    color: #fff !important;
}

@media (max-width: 640px) {
    .main-nav__ticket-btn {
        display: inline-block !important;
    }
}

/* menu hover en active kleur */

body aside.drawer-nav,
.drawer-nav--active {
    color: #ec4d2e !important;
}

body aside.drawer-nav a:hover {
    color: #ec4d2e !important;
}

/* vip ticket buttons en tekst */
.btn-primary {
    background-color: #1b88a4;
    color: #fff !important;
    font-size: 1em;
}

.btn-primary:hover {
    background-color: #5cacc0;
}

.vip-tickets__image,
.hotel-card__image {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

.vip-tickets__item,
.hotel-card {
    background: rgb(234, 248, 248);
    border: none;
    height: auto !important;
}

.hotel-card .more-info-container {
    position: absolute;
    right: 20px;
    top: 10px;
    background: #44c2c0;
    padding: 0px 10px;
}

.hotel-card .more-info-container span {
    color: white;
}


.vip-tickets__price,
.travel-tickets__price {
    margin-top: 0 !important;
    position: absolute !important;
    right: 19px;
    top: -65px;
    font-weight: 600 !important;
    background: linear-gradient(66deg,
            rgba(255, 255, 255, 0) 10%,
            rgba(231, 79, 48, 1) 10%,
            rgba(228, 108, 84, 1) 31%,
            rgba(210, 68, 39, 1) 31%) !important;
    font-size: 2rem !important;
    width: fit-content;
    color: white !important;
    padding: 20px 20px 20px 35px;
}

.vip-tickets__price small {
    color: #410c01;
}

/* knoppen uitlijnen vip */
.vip-tickets__content,
.hotel-card__inner {
    background: rgb(234, 248, 248);
    padding-top: 20px;
    position: relative;
}

.hotel-card__inner {
    height: calc(100% - 175px);
    display: flex;
    flex-direction: column;
}

.hotel-card__inner .a-btn-cont {
    margin-top: auto;
}

.vip-tickets__content {
    height: 100% !important;
}

.vip-tickets__info {
    margin-top: 0;
    margin-bottom: 15px;
}

.vip-tickets__benefits,
.hotel-card ul {
    padding-left: 0;
    padding: 0;
}

.vip-tickets__benefits li,
.hotel-card li {
    list-style-type: none;
    padding-bottom: 4px;
    display: flex;
    align-items: baseline;
    word-break: break-word;
}

.vip-tickets__benefits li svg,
.hotel-card li svg {
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.vip-tickets__content a {
    min-width: 170px;
    margin-top: 20px;
    padding: 0.8em 1.4em;
    margin: 0;
}

.vip-tickets__heading h3 {
    color: #1a1a32;
    font-size: 2rem;
    font-weight: 600;
}

.vip-tickets__content a:first-child {
    /* background: #fe7500 !important; */
    background-color: #50c6c5 !important;
}

.vip-tickets__content a:first-child:hover {
    /* background: #ff9436 !important; */
    background-color: #0f9a9a !important;
}

.vip-tickets__row.bg-pattern-af-reusable::after {
    bottom: 0;
    top: auto;
}

.vip-tickets__content .btn-holder {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    margin-top: auto;
    padding-top: 15px;
    width: 100%;
}

section.vip-tickets__section article.page-desc {
    background: linear-gradient(68deg, rgba(87, 201, 201, 1) 8%, rgba(102, 207, 207, 1) 8%, rgba(71, 175, 175, 1) 92%, rgba(71, 175, 175, 1) 92%, rgba(71, 175, 175, 1) 92%) !important;
    margin-bottom: 0;
    padding-bottom: 135px;
}

section.vip-tickets__section article.page-desc .wrapper {
    color: white;
}

section.vip-tickets__section article.page-desc .wrapper>div {
    margin-bottom: 1rem;
}

body.vip section.newsletter {
    margin-top: -160px;
    z-index: 1;
}


.btn--pink {
    /* background-color: #fe7500 !important; */
    background-color: #e74f30 !important;
}

.btn--pink:hover {
    /* background-color: #ff9436 !important; */
    background-color: #db472a !important;
}

.btn--pink.btn--arrow {
    background: linear-gradient(68deg,
            #4fc6c6 0%,
            #4fc6c6 10%,
            #e74f30 10%,
            #e74f30 100%);
}

.btn_pink {
    /* background-color: #fe7500 !important; */
    background-color: #e74f30 !important;
}

.btn--arrow {
    font-weight: 500;
    position: relative;
    overflow: hidden;
}

.btn--arrow.btn--inverted {
    background: linear-gradient(68deg,
            #e74f30 0%,
            #e74f30 10%,
            #4fc6c6 10%,
            #4fc6c6 100%) !important;
}

.btn--arrow.btn--inverted::before {
    background: #e74f30 !important;
}

.btn--arrow span {
    position: relative;
    z-index: 10;
}

.btn--arrow::before {
    position: absolute;
    left: -35px;
    bottom: -125%;
    content: "";
    width: 55px;
    height: 300%;
    background: #4fc7c6;
    transform: rotate(-25deg);
    transition: all 250ms ease-out;
}

.btn--arrow:hover::before {
    width: 200%;
    height: 300%;
    left: -150px;
    transform: rotate(0deg);
}

.video {
    overflow: hidden;
    position: relative;
}

.video__shade {
    z-index: 1;
}

.video-iframe {
    border: 0;
    height: 300%;
    position: absolute;
    width: 100%;
}

.btn--arrow.video__button,
.btn--arrow.wof__btn {
    position: absolute;
}

.btn_pink:hover {
    /* background-color: #ff9436 !important; */
    background-color: #db472a !important;
}

.dual-title--border span:after {
    background: #fff !important;
}

.dual-title {
    color: #e6502f;
}

.newsletter__mail input {
    color: #1a1a32;
    background-color: #fff;
}

.newsletter__mail input::placeholder {
    color: #1a1a32;
}

.newsletter__group .btn--arrow {
    color: #ffffff !important;
    background-color: #50c6c5;
}

.faq,
.newsletter__group .btn--arrow svg path {
    fill: #fff !important;
}

.newsletter {
    position: relative;
    padding-top: 50px;
    min-height: 500px;
    margin-top: -100px;
}

.newsletter__group form {
    margin-top: 30px;
}

.newsletter .wrapper {
    position: relative;
    z-index: 9;
}

#shuttle-service {
    z-index: 1;
    position: relative;
    background: rgb(87, 201, 201);
    background: linear-gradient(68deg,
            rgba(87, 201, 201, 1) 8%,
            rgba(102, 207, 207, 1) 8%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%);
    clip-path: polygon(0% calc(0% + 100px), 100% 0, 100% 100%, 0 100%);
}

.pendel-dienst {
    padding: 150px 0 100px;
}

.pendel-dienst.times {
    padding: 100px 0 100px;
}

.pendel-dienst .wrapper {
    padding: 0 !important;
}

.pendel-dienst .wrapper-tijden {
    margin-bottom: 100px;
}

.pendel-dienst__time {
    flex-direction: column;
}

.pendel-dienst__time__block__arrow {
    width: 10%;
    opacity: 0.8;
}

.pendel-dienst__time__block__arrow li img {
    width: 20px;
}

.pendel-dienst__text button {
    /* width: 8em; */
}

.pendel-dienst__time__block__inner {
    justify-content: space-evenly;
}

.pendel-dienst__time__block__count {
    width: 100%;
    margin: 0;
}

.pendel-dienst__time__block__times {
    width: 100%;
    margin: 0;
}

.pendel-dienst__time__block {
    /* border: none; */
    margin-top: 20px;
    border: none;
    background: rgb(234, 248, 248);
    clip-path: polygon(0% 0%, 100% 0%, 100% 200%, 0% 75%);
}

.pendel-dienst__time__block li {
    margin-bottom: 15px;
}

.pendel-dienst__time__block h3 {
    padding: 7px;
    margin: 10px 0;
}

.pendel-dienst .wrapper-tijden .pendel-aug,
.pendel-dienst .wrapper-tijden .pendel-mei {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* homepage buttons */
.wpcf7-form-control.wpcf7-submit {
    background-color: #1b88a4 !important;
}

.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #5cacc0 !important;
}

/* Link kleur - home page */
.wrapper a {
    color: #1a2342;
    font-weight: 500;
}

/* Ticket pagina */
.tickets-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 25px;
    margin: 0;
    padding: 0;
}

section#vervoer .tickets-wrapper {
    justify-content: space-between;
}



section#pre-tickets .tickets-wrapper.wrapper-presale .ticket.t-pendel .t-price span,
section#tickets .tickets-wrapper.wrapper-presale .ticket.t-pendel .t-price span,
:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-price span {
    transform: translateX(-35px) translateY(-15px);
    /* color: #fe7500; */
    color: #e81e6c;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    flex-basis: calc(33% - 25px);
    max-width: calc(33% - 25px);
    margin-right: 0px !important;
}

@media screen and (max-width: 1900px) {
    section#vervoer .tickets-wrapper.wrapper-presale .ticket {
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
    /* section#vervoer .tickets-wrapper.wrapper-presale .ticket:last-child {
        flex-basis: calc(100% - 25px);
        max-width: calc(100% - 25px);
    } */
}

:is(section#pre-tickets, section#vervoer).tickets-wrapper.wrapper-presale .ticket .ticket-action {
    position: static !important;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket.t-hotel .t-price-after {
    margin: 0px 0px 15px 0px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-price-cont {
    color: #fff;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-reg {
    border: 3px solid #1a1a32;
    background: #fff;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-price {
    /* color: #fe7500; */
    color: #e81e6c;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-btn-pre:first-of-type,
.a-btn-cont .a-btn-pre:first-of-type {
    /* background-color: #fe7500; */
    background-color: #e81e6c;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-pendel {
    background: #fff;
    border: 3px solid #1a1a32;
    color: #5cacc0;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-pendel .t-title-cont {
    color: #1a1a32;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-reg .t-price-after {
    font-size: 1.25em;
    color: #1a1a32 !important;
}

:is(section#pre-tickets, section#vervoer) .text-title {
    font-size: 3rem;
    color: #1a1a32 !;
    margin-bottom: 40px;
    line-height: 50px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-sub,
section#tickets .tickets-wrapper .ticket .t-sub {
    font-size: 0.9em;
    padding-top: 5px;
    opacity: 0.8;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket h3,
section#tickets .tickets-wrapper .ticket h3 {
    color: #fff;

}

:is(section#pre-tickets, section#vervoer) .text-title span {
    /* color: #fe7500; */
    color: #e81e6c;
}

.cta-section h3 {
    font-size: 3rem;
    font-weight: 300;
    color: #e74f30;
    z-index: 1;
}

.cta-section h3 span {
    font-weight: 600;
}

.main-footer {
    background-color: #0f9a9a !important;
}

.btn-single {
    padding: 0.8em 5em !important;
}

.wrapper--registervip input[type="button"],
.wrapper--registervip input[type="email"],
.wrapper--registervip input[type="tel"],
.wrapper--registervip input[type="text"],
.wrapper--registervip input[type="number"],
.wrapper--registervip select,
.wrapper--registervip textarea {
    background-color: #1a1a32 !important;
    border-color: #1a1a32 !important;
}

.wrapper--registervip input[type="submit"] {
    /* background-color: #fe7500 !important; */
    background-color: #0f9a9a !important;
}

.wrapper--registervip input[type="submit"]:hover {
    /* background-color: #ff9436 !important; */
    background-color: #11abab !important;
}

#pre-tickets>div>div>div>div.tickets-wrapper.wrapper-presale>div.ticket.t-pendel>div.t-title-cont>h3,
#pre-tickets>div>div>div>div.tickets-wrapper.wrapper-presale>div.ticket.t-reg>div.t-title-cont>h3 {
    color: #1a1a32;
}

/* bladeren ctabar */

.cta-section .cta-section-blad2 {
    position: absolute;
    display: block;
    right: 0%;
    width: 35vw;
    height: 35vw;
}

.cta-section .cta-section-blad2 img {
    object-fit: unset;
    position: absolute;
    right: 0px;
    height: 100%;
    width: auto;
}

.cta-section .cta-section-blad1 {
    position: absolute;
    display: block;
    left: 0%;
    width: 35vw;
    height: 35vw;
}

.cta-section .cta-section-blad1 img {
    object-fit: unset;
    position: absolute;
    left: 0px;
    height: 100%;
    width: auto;
}

/* pop-up model veranderen */
.modal-body {
    padding: 0;
}

.modal-body iframe {
    max-width: 900px;
    height: 80vh;
}

.modal-header {
    padding: 0rem 1rem;
}

@media screen and (max-width: 900px) {
    .dual-layout--vip {
        display: flex;
    }
    .dual-layout--vip .dual-layout__img {
        display: block;
    }  
    .dual-layout--vip .dual-layout__text__inner {
        padding:  0 30px;
    }
    
    .vip-tickets__content a {
        min-width: auto;
    }
}


@media screen and (max-width: 600px) {

    .cta-section .cta-section-blad1,
    .cta-section .cta-section-blad2 {
        width: 50vw;
        height: 50vw;
    }

    .modal-body iframe {
        height: 80vh;
    }
}

.bg_secondary {
    /* background: #4fc7c6 !important; */
    background: linear-gradient(246deg,
            #3dbfbe 12%,
            rgba(79, 199, 198, 1) 12%,
            rgba(66, 222, 221, 1) 49%,
            rgba(79, 199, 198, 1) 83%) !important;
}

.bg_secondary p,
.bg_secondary b {
    color: #0c6160;
}

.cut_top {
    clip-path: polygon(0% calc(0% + 100px), 100% 0, 100% 100%, 0 100%);
}

/* bladeren homepage */

.page-desc--home .wrapper .home-blad1 {
    position: absolute;
    display: block;
    left: 0%;
    width: 30vw;
    height: 30vw;
    z-index: 1;
}

.page-desc--home .wrapper .home-blad1 img {
    object-fit: unset;
    position: absolute;
    left: 0px;
    height: 100%;
    width: auto;
    top: -50px;
    height: 130%;
}

.page-desc--home .wrapper b.subtitle {
    margin-bottom: 10px;
}

.page-desc--home .wrapper .home-blad2 {
    position: absolute;
    display: block;
    right: 0%;
    width: 30vw;
    height: 30vw;
    z-index: 1;
}

.page-desc--home .wrapper .home-blad2 img {
    object-fit: unset;
    position: absolute;
    right: 0px;
    height: 100%;
    width: auto;
    top: -70px;
    height: 130%;
}

.page-desc p {
    z-index: 2;
    font-weight: 300;
    font-size: 1.0875rem;
}

.p-0 {
    padding: 0px !important;
}

.main-header--detail.test {
    background: #0f9a9a !important;
}

header.main-header--detail.test::after {
    opacity: 0.13;
    background-image: url("../img/lakedance-main-2.jpg");
}

.main-header--detail {
    position: relative;
    background: linear-gradient(96deg,
            rgba(43, 167, 166, 1) 12%,
            rgba(79, 199, 198, 1) 12%,
            rgba(76, 205, 204, 1) 49%,
            rgba(66, 222, 221, 1) 49%,
            rgba(79, 199, 198, 1) 59%) !important;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 100px));
    z-index: 2;
}

.page_not_found .main-header--detail{
    clip-path: unset;
}

header.main-header--detail::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.1;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url("../img/lakedance-blue-bg.jpg");
}

.main-header--detail .main-header__bg-img {
    width: 47% !important;
    clip-path: polygon(0 0,
            100% calc(0% + 77px),
            calc(100% - 100px) 100%,
            0% 100%);
}

.main-header--detail h1 {
    line-height: 3.5rem !important;
}

.main-header--detail .main-header__title-section__inner {
    padding-bottom: 0px;
    transform: rotate(4deg);
}

.page-desc--tickets h2 {
    color: #e74f30;
}

.page-desc--tickets {
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), 0 100%);
    padding-bottom: 100px;
}

.main-header--detail .triple-title div {
    color: #fff !important;
}

/* Plants */

/* .page-desc--home::after {
    content: "";
    background-image: url(../img/bloem2.png);
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: -140px;
    height: 660.6px;
    width: 426.1px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.page-desc--home::before {
    content: "";
    background-image: url(../img/bloem1.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: -130px;
    height: 660.6px;
    width: 426.1px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
} */

:is(section#pre-tickets, section#vervoer) .text-title {
    font-size: 2.5rem;
    line-height: 3.1875rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #343434;
}

:is(section#pre-tickets, section#vervoer) .text-title span {
    color: #e74f30;
}

.page-desc p {
    font-weight: 400;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper {
    margin-bottom: 80px;
}

section#vervoer .tickets-wrapper {
    margin-bottom: 0px;
    margin-top: 20px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket {
    flex: 1;
    height: auto !important;
    padding: 0px !important;
    /* clip-path: polygon(0 9%, 100% 0, 100% 100%, 0% 100%); */
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-title-cont {
    padding: 30px;
    padding-bottom: 0px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-title-cont .t-title {
    font-weight: 900;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .description {
    padding: 0px 20px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-price-cont {
    padding: 0px 20px;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .description p {
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.4rem;
    margin: 0px;
    pointer-events: unset;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-price {
    color: #e74f30;
    margin: 3px 0 35px;
    display: inline-block;
    line-height: 42px;
    font-weight: 600;
    font-size: 3rem;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket h3,
section#tickets .tickets-wrapper .ticket h3 {
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 0;
    color: #1a1a32;
    line-height: 2.4rem;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-btn-cont,
.a-btn-cont {
    padding: 0px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* padding-left: 10%; */
    width: 85%;
    margin: 0 auto;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-btn-cont.single,
.a-btn-cont.single {
    grid-template-columns: 1fr;
}


section.vip-tickets__section .vip-tickets__wrapper .a-btn-cont,
.hotel-card__inner .a-btn-cont {
    width: 100% !important;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-btn-cont .t-btn-pre,
.a-btn-cont .a-btn-pre {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-btn-pre:first-of-type,
.a-btn-cont .a-btn-pre:first-of-type {
    background-color: #43c2c0;
    color: #fff;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-btn-pre:nth-of-type(2),
section#tickets .tickets-wrapper.wrapper-presale .ticket .t-btn-pre:nth-of-type(2),
.a-btn-cont .a-btn-pre:nth-of-type(2) {
    background-color: #e74f30;
    color: #fff;
}

section#pre-tickets .tickets-wrapper.wrapper-presale .ticket.t-pendel .t-price span,
section#tickets .tickets-wrapper.wrapper-presale .ticket.t-pendel .t-price span,
:is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket .t-price span {
    transform: translateX(-2px) translateY(-11px);
    color: #e74f30;
}

:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-reg {
    cursor: unset;
    border: 0px solid #1a1a32;
    /* box-shadow: 2px 2px 0px 2px #00000008 !important; */
    border-radius: 6px;
    background: #fff;
    /* background: linear-gradient(66deg,
            rgba(255, 255, 255, 0) 10%,
            #dadada 10%,
            #ffffff 31%,
            rgb(244 244 244) 31%) !important; */
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 16% 100%, 0 73%, 0 0); */
    padding-bottom: 30px !important;
}

:is(section#vervoer) .tickets-wrapper .ticket.t-reg img {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}


:is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket.t-reg .t-price-after {
    color: #1a1a32 !important;
    margin: 0px;
    /* margin-top: 10px; */
    font-size: 1rem;
    font-weight: 900;
}

@media screen and (max-width: 1650px) {

    .page-desc--home::before,
    .page-desc--home::after {
        height: 404px;
        width: 283px;
        top: -65px;
    }
}

@media screen and (max-width: 1200px) {

    .page-desc--home::before,
    .page-desc--home::after {
        display: none;
    }

    .video-iframe {
        width: 120%;
    }
}

@media screen and (max-width: 600px) {

    .page-desc--home .wrapper .home-blad1,
    .page-desc--home .wrapper .home-blad2,
    .page-desc--home::before,
    .page-desc--home::after {
        display: none;
    }
}

.page-desc--home .wrapper {
    padding-top: 5rem !important;
    padding-bottom: 3.75rem !important;
}

.main-header--home {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 100px));
    position: relative;
    min-height: calc(100vh + 100px);
    z-index: 10;
}

.main-header__playbtn {
    top: 10px !important;
}

.main-header__title-section__inner img {
    width: 600px;
}

.main-header .main-header__bg-img {
    width: 43% !important;
}

/* buttons toevoegen voor vip plattegrond */

.map-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 2vw;
}

.map-wrapper a:nth-child(2) {
    margin-left: 5vw;
}

.map-wrapper a {
    min-width: 220px;
}

.tickets_wrapper {
    position: relative;
    display: block;
    margin-top: 8rem;
    margin-bottom: 8rem;
    text-align: center;
}

.tickets_wrapper p {
    margin: 0 auto;
}

#plattegrondDefected>div>div>div.modal-body>img {
    height: auto;
    width: auto;
}

#plattegrondDefected>.modal-dialog,
#plattegrondMainstage>.modal-dialog {
    max-width: 750px;
}

@media screen and (max-width: 600px) {

    #plattegrondDefected>.modal-dialog,
    #plattegrondMainstage>.modal-dialog {
        max-width: 900px;
    }
}

@media screen and (max-width: 600px) {
    .map-wrapper a {
        margin: 30px 0px 0px 0px !important;
    }
}

/* Header aanpassen naar kleur */

.main-nav {
    color: #1a1a32 !important;
}

.wof {
    margin-bottom: 60px;
}

/* oranje elementen */
body>section.gallery.wof>div>div.gallery__title>h2>span {
    /* color: #fe7500; */
    color: #e81e6c;
}

.wof__label {
    color: #141414;
}

#pre-tickets .tickets-wrapper.wrapper-presale .ticket .t-btn-pre:hover,
.a-btn-cont .a-btn-pre:hover {
    text-decoration: underline;
}

.header-mobile-only {
    display: none;
}

.nav-btn-mobile-only {
    padding-left: 8px !important;
}

@media (max-width: 640px) {
    .nav-btn-mobile-only {
        display: list-item !important;
    }

    .header-mobile-hidden {
        display: none !important;
    }

    .header-mobile-only {
        display: inline-block !important;
    }

    .video-iframe {
        width: 220%;
    }

    .presale-visual {
        width: 100%;
        grid-template-columns: repeat(1, 1fr) !important;
        padding: 0 20px;
    }
}

#mainstage .headliners__grid .headliner:nth-child(4) {
    margin-right: 15px;
}

@media (min-width: 900px) {
    #mainstage .headliners__grid .headliner:nth-child(3n) {
        margin-right: 0px !important;
    }
}

#mainstage .headliners__grid .headliner:nth-child(4) {
    margin-right: 15px !important;
}

/* #mainstage .headliners__grid .headliner:nth-child(3n + 4) {
    margin-right: 15px !important;
}

#mainstage .headliners__grid .headliner:nth-child(3n + 5) {
    margin-right: 15px !important;
} */

/* 
@media (min-width: 768px) {
}
#mainstage .headliners__grid .headliner:nth-child(2),
#mainstage .headliners__grid .headliner:nth-child(3) {
  margin-right: 0;
}

#mainstage .headliners__grid .headliner:nth-child(2),
#mainstage .headliners__grid .headliner:nth-child(3) {
  width: 50%;
  max-height: 450px;
  margin-right: 0 !important;
}

@media (max-width: 1024px) {
}
.headliner:nth-child(2),
.headliner:nth-child(2),
.headliner:nth-child(3),
.headliner:nth-child(3) {
  height: 350px !important;
}

.headliner:nth-child(2),
.headliner:nth-child(2),
.headliner:nth-child(3),
.headliner:nth-child(3) {
  height: 600px;
  width: calc(100% / 2 - 8px) !important;
}

@media (min-width: 768px) {
}
#mainstage .headliner:nth-child(2),
#mainstage .headliner:nth-child(3) {
  height: 450px !important;
} */

@media (max-width: 1400px) {
    section#pre-tickets .tickets-wrapper.wrapper-presale .ticket {
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px);
    }
}

@media (max-width: 768px) {

    .dual-layout--vip {
        display: block;
    }

    .dual-layout__text__inner {
        padding: 0;
    }

    .dual-layout--vip .dual-layout__img {
        display: block;
        position: relative;
        width: 90%;
        top: 30px !important;
        justify-content: center;
        margin: 0 auto !important;
        height: 300px;
    }

    /* #mainstage .headliners__grid .headliner:nth-child(3n + 4),
    #mainstage .headliners__grid .headliner:nth-child(3n + 5) {
        margin-right: 0 !important;
    } */

    /* #mainstage .headliners__grid .headliner:nth-child(2),
    #mainstage .headliners__grid .headliner:nth-child(3) {
        margin-right: 0 !important;
        width: 100% !important;
        height: 450px !important;
    } */

    .pendel-dienst__time {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        /* display: flex !important; */
        width: calc(100% + 60px) !important;
        left: -30px !important;
        position: relative;
    }

    #pre-tickets>div>div>div>div.tickets-wrapper.wrapper-presale>div.ticket.t-pendel>div.t-title-cont>h3, #pre-tickets>div>div>div>div.tickets-wrapper.wrapper-presale>div.ticket.t-reg>div.t-title-cont>h3{
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    :is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket h3, section#tickets .tickets-wrapper .ticket h3{
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

    :is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket .t-price{
        font-size: 2.1rem;
    }
    section#pre-tickets .tickets-wrapper .ticket .t-price span, section#tickets .tickets-wrapper .ticket .t-price span{
        font-size: 14px;
    }

    .pendel-dienst .wrapper-tijden .pendel-aug .pendel-dienst__time .pendel-dienst__time__block {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .pendel-dienst .wrapper-tijden .pendel-aug .pendel-dienst__time .pendel-dienst__time__block:nth-of-type(1) {
        margin-right: 0 !important;
    }

    .pendel-dienst .wrapper-tijden .pendel-aug .pendel-dienst__time .pendel-dienst__time__block:nth-of-type(2) {
        margin-left: 0 !important;
    }

    .wrapper-tijden .knoppen a button {
        margin: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    .wrapper-tijden .knoppen {
        margin-bottom: 40px;
    }

    .tickets_wrapper {
        margin-top: 11rem;
        margin-bottom: 11rem;
    }

    .wof {
        padding: 50px 0;
    }

    .main-header--detail {
        height: calc(100vh + 100px);
        max-height: 900px;
    }

    .main-header--detail h1 {
        display: block;
    }

    .main-header .main-header__title-section {
        padding-right: 0px;
    }

    .main-header--detail h1 {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }

    .main-header--detail .main-header__title-section__inner {
        transform: unset;
        padding: 0px 20px;
    }

    .main-header__triangle {
        transform: unset;
    }

    .vip-tickets__wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-single {
        padding: 0.8em 1em !important;
    }

    .presale-visual .presale {
        width: 100% !important;
    }

    .triple-title {
        margin-top: 0px !important;
    }

    :is(section#pre-tickets, section#vervoer) .tickets-wrapper.wrapper-presale .ticket {
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (max-width: 680px) {
    .presale-visual {
        flex-direction: column;
    }
}

@media (max-width: 400px) {

    /* #mainstage .headliners__grid .headliner:nth-child(2),
    #mainstage .headliners__grid .headliner:nth-child(3) {
        margin-right: 0 !important;
        width: 100% !important;
        height: 250px !important;
    } */

    .main-header--home .main-header__title-section__inner h1 {
        font-size: 25px;
        line-height: 34px;
        margin-top: -32px;
    }

    .triple-title div:nth-child(1) {
        font-size: 1.2rem;
        line-height: 1rem;
    }

    .wof--home h2.dual-title {
        line-height: 14px;
    }

    .wof__label {
        margin-top: 30px;
    }
}

@media (max-width: 350px) {
    .video-iframe {
        width: 300%;
    }
}

#mainstage .headliners__grid .headliner:first-child {
    width: calc(100% / 3 - 10px) !important;
    margin-right: 15px !important;
    height: 250px !important;
}

#mainstage .headliner:nth-child(2),
#mainstage .headliner:nth-child(3) {
    width: calc(100% / 3 - 10px) !important;
}

#mainstage .headliner:nth-child(2),
#mainstage .headliner:nth-child(3) {
    height: 250px !important;
}

#mainstage .headliner:nth-child(2) {
    margin: 0 15px 16px 0 !important;
}

#mainstage .headliners__grid .headliner:nth-child(3) {
    margin: 0 0 16px 0 !important;
    margin-right: 0 !important;
}

.headliners__grid .headliner {
    width: calc(100% / 3 - 10px) !important;
    height: 250px !important;
    margin: 0 15px 16px 0 !important;
}

.headliners__grid .headliner:nth-child(3n) {
    margin: 0 0 16px 0 !important;
}

/* Fonts */

.special-font {
    /* font-family: "Kalam", sans-serif !important; */
}

body {
    font-family: "Kanit", sans-serif !important;
    height: 100%;
    position: relative;
}

body:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0.015;
    background-color: rgba(0, 0, 0, 0.68);
    background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%),
        linear-gradient(225deg, #ffffff 25%, transparent 25%),
        linear-gradient(45deg, #ffffff 25%, transparent 25%),
        linear-gradient(315deg, #ffffff 25%, rgba(0, 0, 0, 0.68) 25%);
    background-position: 10px 0, 10px 0, 0 0, 0 0;
    background-size: 10px 10px;
    background-repeat: repeat;
}

.white {
    color: #fff !important;
}

.dual-layout__text__inner>div {
    font-weight: 300;
    font-size: 1.0875rem;
}

.dual-layout {
    background: #0f9a9ae3;
    padding: 50px 0;
}

.page-desc {
    top: 0;
    margin-bottom: 0;
}

.page-desc--arrangementen .wrapper {
    padding-top: 0;
}

.wrapper--stappenplan h2 {
    color: #e74f30 !important;
    font-weight: 700;
    z-index: 1;
}

.wrapper--stappenplan .pendel-dienst__text ol li::marker {
    color: #e74f30 !important;
}

.vip-tickets__wrapper {
    margin-top: 0;
}

.dual-layout--vip {
    background: rgb(87, 201, 201);
    background: linear-gradient(68deg,
            rgba(87, 201, 201, 1) 8%,
            rgba(102, 207, 207, 1) 8%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%);
}

.dual-layout--rev {
    padding: 50px 0 100px;
    background: #f5ffff;
    background: linear-gradient(108deg,
            #f5ffff 8%,
            #f5ffff 8%,
            #f5ffff 92%,
            #f5ffff 92%,
            rgb(234, 248, 248) 92%);
}

.dual-layout .dual-layout__img {
    top: 30px;
    margin-left: 0;
}

.dual-layout--rev .dual-layout__img {
    top: 50px;
    margin-right: 0;
}

.wrapper--stappenplan h2,
.wrapper--stappenplan h2 strong,
.pendel-dienst__text,
.pendel-dienst__text h2,
.aboutus__text,
.gallery .dual-title span {
    color: #1a1a32 !important;
}

vip-tickets__section {
    /* margin-bottom: 180px !important; */
    /* background-color: #00000012 !important; */
    padding-bottom: 150px;
}

.spacer {
    height: 100px;
}

.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
    font-family: "Kanit", sans-serif !important;
}

.icon-grid {
    background: rgb(87, 201, 201);
    background: linear-gradient(68deg,
            rgba(87, 201, 201, 1) 8%,
            rgba(102, 207, 207, 1) 8%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%,
            rgba(71, 175, 175, 1) 92%);
}

.gallery .dual-title {
    font-weight: 500;
}

.triple-title.large {
    line-height: 2.9rem;
}

.main-header--home .blad2 {
    object-fit: unset;
    position: absolute;
    right: 0px;
    height: 100%;
    bottom: -16%;
    width: auto;
    height: 46%;
    z-index: 1;
}

/* Cross patterns */
.wof--home h2.dual-title,
.wof--home .wof__grid {
    position: relative;
}

.wof--home {
    padding-bottom: 180px !important;
}

.wof--home h2.dual-title::before {
    content: "";
    background-image: url(../img/x-pattern-title.png);
    opacity: 50%;
    position: absolute;
    width: 125px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(-75%, -35%);
}

.wof--home .wof__grid::after {
    content: "";
    background-image: url(../img/x-pattern-side.png);
    opacity: 50%;
    position: absolute;
    width: 150px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(75%, -25%);
}

.wof--home .wof__grid::before {
    content: "";
    background-image: url(../img/x-pattern-side.png);
    opacity: 50%;
    position: absolute;
    width: 150px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    left: 0;
    bottom: 0;
    background-repeat: no-repeat;
    transform: translate(-75%, 25%) scale(-1);
}

article.page-desc.bg-pattern {
    position: relative;
    background: none !important;
    padding: 200px 0px;
    margin: -200px 0;
}

article.page-desc.bg-pattern::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 65%;
    background-color: white !important;
    background-image: url(../img/bg.png) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.presale-visual-wrapper {
    display: flex;
    justify-content: center;
}

.presale-visual {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* align-items: center; */
    margin: 50px 0;
    /* justify-content: center; */
    gap: 35px;
}

.presale-visual .presale {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 310px;
    height: 100%;
    z-index: 1;
    padding: 34px 18px;
    justify-content: space-between;
    align-items: center;
    background: rgb(255, 255, 255);
    background: linear-gradient(66deg,
            rgba(255, 255, 255, 0) 10%,
            rgba(79, 199, 198, 1) 10%,
            rgba(97, 226, 225, 1) 31%,
            rgba(71, 212, 211, 1) 31%);
}

.presale-visual .presale.blue {
    background: rgb(255, 255, 255);
    background: linear-gradient(66deg,
            rgba(255, 255, 255, 0) 10%,
            rgba(79, 199, 198, 1) 10%,
            rgba(97, 226, 225, 1) 31%,
            rgba(71, 212, 211, 1) 31%) !important;
}

.presale-visual .presale.red {
    background: rgb(255, 255, 255);
    background: linear-gradient(66deg,
            rgba(255, 255, 255, 0) 10%,
            rgba(231, 79, 48, 1) 10%,
            rgba(228, 108, 84, 1) 31%,
            rgba(210, 68, 39, 1) 31%) !important;
}

.presale-visual .presale.red .presale__heading--subtitle {
    color: #410c01;
}

.presale-visual .presale__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.presale__discount{
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 80px;
    height: 80px;
    background: #1b1b1b;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: white;
}

.presale__discount .discount__number {
    font-size: 24px;
    font-weight: 600;
}
.presale__discount .discount__text {
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -9px;
    font-weight: 300;
}

.presale__heading--title,
.presale__price--number,
.presale__price {
    color: #fff !important;
}

.presale__heading--title {
    margin-bottom: -5px;
    font-size: 2.7rem;
}

.presale__heading--subtitle {
    opacity: 0.8;
    font-size: 1rem;
    color: #0e6060;
    font-weight: 500;
}

.presale__heading--subtitle.second {
    font-size: 0.9rem;
    margin-top: -8px;
    opacity: 0.5;
}

.presale__price {
    position: relative;
    width: fit-content;
    margin-bottom: 40px;
    margin-top: 30px;
}

.presale__price--number {
    font-size: 3.4rem;
}

.presale__price--number--cross.strikethrough {
    position: absolute;
    right: 0;
    opacity: 0.9;
    font-size: 1.4rem;
}

.presale__price--number.pulse {
    animation: pulse 1.6s ease-in-out;
    -webkit-animation: pulse 1.6s ease-in-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.17);
        -webkit-transform: scale(1.17);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

#pre-tickets>div>div>div::after {
    content: "";
    background-image: url(../img/x-pattern-side.png);
    opacity: 50%;
    position: absolute;
    width: 150px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(75%, -25%);
}

#pre-tickets>div>div>div::before {
    content: "";
    background-image: url(../img/x-pattern-title.png);
    opacity: 50%;
    position: absolute;
    width: 125px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(-75%, -35%);
}

.bg-leaves-reusable::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 65%;
    background-color: white !important;
    background-image: url(../img/bg.png) !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.page-desc--tickets.bg-leaves-reusable::before {
    background-color: #eaffff !important;
}

.bg-pattern-bf-reusable p {
    z-index: 10;
    position: relative
}

.bg-pattern-bf-reusable::before {
    content: "";
    background-image: url(../img/x-pattern-title.png);
    opacity: 50%;
    position: absolute;
    width: 125px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(-75%, -35%);
}

.bg-pattern-af-reusable::after {
    content: "";
    background-image: url(../img/x-pattern-side.png);
    opacity: 50%;
    position: absolute;
    width: 150px;
    aspect-ratio: 1;
    background-position: center center;
    background-size: contain;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    transform: translate(75%, -25%);
}

/* Media Queries */
@media (max-width: 576px) {
    /* h1.triple-title {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    } */

    article.page-desc.bg-pattern {
        margin: -45px 0 0;
    }

    .tickets_wrapper {
        margin-top: 4rem;
        margin-bottom: 6rem;
    }

    .dual-layout__text {
        padding: 20px 0px;
    }

    #toelichting-zones+article.page-desc.page-desc--arrangementen {
        padding-bottom: 125px !important;
    }

    article.page-desc.page-desc--arrangementen h2 {
        text-align: center !important;
    }
}

@media (max-width: 500px) {
    :is(section#pre-tickets, section#vervoer) .tickets-wrapper {
        gap: 55px;
    }

    :is(section#pre-tickets, section#vervoer) .tickets-wrapper .ticket {
        margin-right: 0;
    }
}

.modal-backdrop.show {
    display: none;
}

.all-line-up__tabs {
    top: 0;
}

.modal-content {
    max-width: 900px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-dialog-centered {
    justify-content: center;
}

.page-desc--lineup {
    padding-bottom: 0;
}

@media (max-width: 900px) {
    .headliners__grid .headliner {
        width: calc(100% / 2 - 8px) !important;
        margin-right: 16px !important;
    }
    .headliners__grid .headliner:nth-child(3n) {
        margin-right: 16px !important;
    }
    .headliners__grid .headliner:nth-child(2n) {
        margin-right: 0px !important;
    }

    #mainstage .headliners__grid .headliner:first-child{
        width: calc(100% / 2 - 8px) !important;
        margin-right: 16px !important;
    }
    #mainstage .headliner:nth-child(2),
    #mainstage .headliner:nth-child(3) {
        width: calc(100% / 2 - 8px) !important;
        margin-right: 16px !important;
    }

    #mainstage .headliner:nth-child(2) {
        margin-right: 0px !important;
    }
    #mainstage .headliners__grid .headliner:nth-child(3) {
        margin-right: 16px !important;
    }
    #mainstage .headliners__grid .headliner:nth-child(4n) {
        margin-right: 0px !important;
    }

}

@media (max-width: 640px) {
    .headliners__grid .headliner {
        width: 100% !important;
        margin-right: 0px !important;
    }
    .headliners__grid .headliner:nth-child(3n) {
        margin-right: 0px !important;
    }
    #mainstage .headliners__grid .headliner:first-child {
        width: 100% !important;
        margin-right: 0px !important;
    }
    #mainstage .headliners__grid .headliner {
        width: 100% !important;
        margin-right: 0px !important;
    }
    #mainstage .headliners__grid .headliner:nth-child(3) {
        margin-right: 0 !important;
    }
}