:root {
    --button: rgb(237 109 144);
    --button-hover: #ffffff;
    --button-font : rgb(254, 254, 254);
    --banner-opa : rgba(244, 244, 244, 0.15);
    --banner: transparent;
    --bg-color-header: rgb(3 25 11);
    --icon-box-fill: rgb(3 25 11);
    --shop-icon: rgb(255 255 255);
    --var-white: rgb(254, 254, 254);
    --var-black: rgb(3 25 11);
    --alert : #F44336;
    --backgroundcolor: transparent;
    --header: rgb(255 255 255);
    --header-light: rgb(25 90 68);
    --font-category: rgb(255 255 255);
    --header-text: #ffffff;
}

div.l-wrapper--white {
    display : none;
}

body {
    background-image: url(https://cdn.festival.travel/files/gt_1/2025-12-08/roa26-background.png)

}


.o-panel, 
.o-panel--tint, 
.o-panel__half,
.o-panel--callout,
.o-accordion__content {
    border: none !important;
    border-radius: 0 !important;
}



.language-selector select {
    background-color: #195a44;
    color: #ffffff;;
    border-radius: 0px;
    border-color: #195a44;
    font-size:13px;
    margin-top:35%
}

@media  (max-width: 768px) {
    .language-selector select {
        position: relative; 
        top: -85px; 
        right: -120px; 
        width: 84px;
        font-size: 11px ;
    }
}

.c-order-summary-wrapper.is-open .c-order-summary__link {
    color : rgb(255, 255, 255);
    width : 100%;
}

.c-order-summary-wrapper {
position: relative;
top: 0;
left: auto !important;
bottom: auto;
right: auto;
height: auto;
overflow: hidden;
box-shadow: 0 0 0;
border: solid rgb(36 99 91);
border-radius: 15px;
border-width: 2px 4px 4px 2px;
    }

h2.o-accordion-list__title {
    color: var(--font-category);
    margin-top: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 900;
}

a {
    color : var(--shop-icon);
}

a:hover {
    color : var(--button);
}

.c-progress__item--completed a:hover, .c-progress__item--completed span:after {
    color: var(--button);
}

.shopicon {
    color: var(--var-black);
}

.c-header {
    display : none;
}

    .o-accordion__link {border-radius: 6px 6px 6px 6px;/* border: solid rgb(36 99 91); */border-width: 1px 4px 4px 1px;border-radius: 5px;}

    .o-accordion.is-open>.o-accordion__link, .o-accordion.is-open>.o-accordion__link:hover {background: var(--header-light);color: var(--button-font);border-bottom-width: 0;}
    .o-accordion.is-open>.o-accordion__content {
    display: block;
    /* border: solid rgb(36 99 91); */
    border-width: 0px 4px 4px 1px;
    border-radius: 0px 0px 10px 10px;
    }
}
.o-accordion.is-open>.o-accordion__link {
    color : rgb(255, 255, 255);
    background-color : var(--bg-color-header);
}
  
.o-accordion.is-open>.o-accordion__link, .o-accordion.is-open>.o-accordion__link:hover {
    background: var(--header-light);
    color: var(--header-text);
}
  
.o-accordion--light.is-open>.o-accordion__link {
    color: var(--button-font);
    background-image : initial;
    background-position : initial;
    background-size : initial;
    background-repeat : initial;
    background-attachment : initial;
    background-origin : initial;
    background-clip : initial;
    background-color: var(--header-light);
}

.o-panel--tint {
    background-color : var(--banner-opa);
    border-radius : 0px;
    border-left : 0px !important;
    border-right : 0px !important;
    border-bottom : 0px !important;
}
.o-panel__link--has-image .o-media__image.default-image {
    background-position: center;
    background-size: cover;
}

.o-messages__item {
    color: black;
}

.o-button--facebook .o-icon {
    fill: var(--banner);
}

a.o-button.o-button--neutral.discard-product-suggestion {
    display: none;
}

.o-panel__link--has-image .o-media__image {
    min-height: auto;
}
.hotel .o-panel .o-panel__half, .o-panel .o-panel__half .o-button-wrapper--with-price {
    width: -webkit-fill-available;
}
.o-button-wrapper .o-button, .u-uppercase, .o-button, input[type=submit].o-button {
    text-transform: uppercase;
}

a.o-button.o-button--neutral {
    background: #ffffff;
    color: #031a0b;
    border: none;
}

.hotel .productlabel .o-panel__half {
    width: 48.8%;
}

.hotel .productlabel .swiper-container .o-media__image {
    Min-height: 12rem;
}

.swiper-container .o-media__image {
    min-height: 20rem;
}

.o-button, input[type=submit].o-button {
    border-bottom: 4px solid rgb(0 86 101);
}

.o-button:hover, input[type="submit"].o-button:hover {
    background-color : var(--button);
    color : var(--button-font);
    text-decoration-style : initial;
    text-decoration-color : initial;
}

.o-button, input[type="submit"].o-button {
    background-color : var(--button);
    color : var(--button-font);
    font-weight: 900;
}

input#geboortedatum {
    background-color: white;
}

ul.c-navigation-primary__list>li:nth-of-type(2)>a {
    display : none;
}

a.c-navigation-primary__logo__link {
    background-image: url(https://cdn.festival.travel/files/gt_1/2025-12-08/roa26-txt-logo.png) !important;!i;!;
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    height:86px
}

.c-navigation-primary__logo {
    width: 93%;
    vertical-align: bottom;
    position: absolute;
}

.c-navigation-primary {
    height: 70px;
}

.c-navigation-primary__logo__link {
    top: 10px;
}

.c-navigation-primary__list, .c-navigation-primary__phone, .c-navigation-primary__account {
    display: none;
}


.o-panel--callout {
    background-color: var(--header-light);
    border-radius : 0.125rem 0.125rem 0px 0px;
    padding : 0.75rem 1rem;
    color: var(--header);
    position : relative;
}

.c-order-summary__link, .c-order-summary-wrapper.is-open .c-order-summary__link {
   color: var(--white);
}

.o-accordion.is-open .o-icon--medium svg {
    fill: var(--white);
}

.c-order-summary__list__item--completed a.c-order-summary__list__link::before {
    content : "";
    background-image : url("https://order.festival.travel/assets/images/check-mark.svg");
    background-position : center center;
    background-repeat : no-repeat no-repeat;
    background-attachment : initial;
    background-origin : initial;
    background-clip : initial;
    background-color: var(--button);
    background-size : 80%;
    border-radius : 100%;
    position : absolute;
    left : 1rem;
    top : 1.25rem;
    width : 16px;
    height : 16px;
    display : inline-block;
    border-style : none;
}

.l-wrapper--neutral, .l-wrapper--light {
    background: var(--backgroundcolor);
}

.l-wrapper--contrast {
    background-color : var(--banner);
    color : var(--button-font);
}

.l-wrapper--contrast p {
    color: var(--shop-icon);
}

.o-accordion--light.is-open>.o-accordion__link:hover {
    color: var(--button-font);
}

.o-label--alert:before {
    border-right-color: var(--alert);
}

.o-label--alert {
    background-color: var(--alert);
}

.o-price--special, .o-accordion.is-open .o-price--special, .u-red, .o-tabs__link:hover {
    color: var(--alert) !important;
}

.c-progress__item--active span {
    background : rgb(255, 255, 255);
    border-color : rgb(0, 0, 0);
}

.c-footer__icon-box .o-icon svg {
    fill: var(--var-white);
}

.c-footer__title {
 color: var(--var-white);   
}

.is-open>.o-accordion__link> i.o-icon.o-icon--medium {
    fill: var(--button-hover);
}

.c-progress__item--active span::before {
    background : rgb(0, 0, 0);
    border-radius : 100%;
    display : block;
    border-style : none;
    text-decoration-line : none;
    text-decoration-style : initial;
    text-decoration-color : initial;
}
@media screen and (max-width: 750px) {
.hotel .productlabel .o-panel__half {
    width: -webkit-fill-available;
}
.c-navigation-primary__logo {
    width: auto;
    vertical-align: inherit;
    position: relative;
} 
.c-order-summary-wrapper {
    border: none;
}    

.c-footer .l-one-third:nth-of-type(1), .c-footer .l-one-third:nth-of-type(3) {
    display: none;
}
    
@media (min-width: 750px) {
    .c-progress__item--active span::before {
        display : none;
    }
}
@media (min-width: 1000px) {
    .c-footer {
        min-height : 260px;
    }

    .c-footer__icon-box {
        color: var(--var-white);
    }
}

    font-size:13px;
    margin-top:35%
}

.c-order-summary-wrapper.is-open .c-order-summary__link {
    color : rgb(255, 255, 255);
    width : 100%;
}

.c-order-summary-wrapper {
position: relative;
top: 0;
left: auto !important;
bottom: auto;
right: auto;
height: auto;
overflow: hidden;
box-shadow: 0 0 0;
border: solid rgb(36 99 91);
border-radius: 0px;
border-width: 0px 0px 0px 0px;
    }

h2.o-accordion-list__title {
    color: var(--font-category);
    margin-top: 20px;
    border-radius: 5px;
    padding: 5px 10px;
    font-weight: 900;
}

a {
    color : var(--shop-icon);
}
 


a:hover {
    color : var(--button);
}

.o-accordion__arrow svg.icon {
    fill: #ed6d90;
    width: 14px;
    height: 14px;
}

.o-accordion.is-open>.o-accordion__link>.o-accordion__arrow svg {
    fill: #ed6d90;
}

.c-progress__item--completed a:hover, .c-progress__item--completed span:after {
    color: var(--button);
}

.shopicon {
    color:  #031a0a;
}

.c-header {
    display : none;
}

.o-accordion-list__item.rampageresort .o-icon--medium svg {
    display: none; 
}

.o-accordion-list__item.rampageresort .o-icon--medium {
    background-image: url(https://cdn.festival.travel/files/gt_1/2025-12-10/resort.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block; /* voor achtergrondafbeelding */
    fill: white
}

.o-accordion-list__item.rampageresort .o-icon--medium {
    filter: invert(1);
}

.o-accordion__link {
    border-radius: 0px;
       border: 0px solid #ffff00 !important;
    background: #031a0b;
    color: #ffffff;

}

.o-accordion__link:hover {
    color:  #ce1618
}

.o-accordion.is-open > .o-accordion__link,
.o-accordion.is-open > .o-accordion__link:hover {
    background: var(--header-light);
    color: var(--button-font);
    border-bottom-width: 10;
}

.o-accordion__link,
.o-accordion.is-open > .o-accordion__link,
.o-accordion.is-open > .o-accordion__link:hover {
    border-radius: 0 !important;             
    outline: none !important;
}

.o-accordion.is-open > .o-accordion__content {
    display: block;
    border-width: 0px 4px 4px 1px;
    border-radius: 0px
}

.o-accordion.is-open>.o-accordion__link {
    color : rgb(255, 255, 255);
    background-color : var(--bg-color-header);
    border-radius: 0px 
}


  
.o-accordion.is-open>.o-accordion__link, .o-accordion.is-open>.o-accordion__link:hover {
    background: var(--header-light);
    color: rgb(255 255 255);
   
}


  
.o-accordion--light.is-open>.o-accordion__link {
    color: var(--button-font);
    background-image : initial;
    background-position : initial;
    background-size : initial;
    background-repeat : initial;
    background-attachment : initial;
    background-origin : initial;
    background-clip : initial;
    background-color: var(--header-light);
}

.o-panel--tint {
    background-color : rgb(255 255 255 / 96%);
    border-radius : 0px;
    border-left : 0px !important;
    border-right : 0px !important;
    border-bottom : 0px !important;
}
.o-panel__link--has-image .o-media__image.default-image {
    background-position: center;
    background-size: cover;
}

.o-messages__item {
    color: black;
}

.o-button--facebook .o-icon {
    fill: #ffffff;
}

a.o-button.o-button--neutral.discard-product-suggestion {
    display: none;
}

.o-panel__link--has-image .o-media__image {
    min-height: auto;
}
.hotel .o-panel .o-panel__half, .o-panel .o-panel__half .o-button-wrapper--with-price {
    width: -webkit-fill-available;
}
.o-button-wrapper .o-button, .u-uppercase, .o-button, input[type=submit].o-button {
    text-transform: uppercase;
}
.hotel .productlabel .o-panel__half {
    width: 48.8%;
}

.hotel .productlabel .swiper-container .o-media__image {
    Min-height: 12rem;
}

.swiper-container .o-media__image {
    min-height: 20rem;
}

.o-button, input[type=submit].o-button {
    border-bottom: 0px solid rgb(237 109 144);
    
}

.o-button:hover, input[type="submit"].o-button:hover {
    background-color : var(--button);
    color : var(--button-font);
    text-decoration-style : initial;
    text-decoration-color : initial;
}

.o-button, input[type="submit"].o-button {
    background-color : var(--button);
    color: rgb(255 255 255);
    font-weight: 900;
}

input#geboortedatum {
    background-color: white;
}

ul.c-navigation-primary__list>li:nth-of-type(2)>a {
    display : none;
}

a.c-navigation-primary__logo__link {
    background-image: url(https://cdn.festival.travel/files/gt_1/2025-12-08/roa26-txt-logo.png) !important;!i;!;
    background-repeat: no-repeat;
    background-position: center;
    top: 20px;
    width: 110px;
    height:86px
}

@media(max-width: 768px) {
    a.c-navigation-primary__logo__link {
        background-image: url(https://cdn.festival.travel/files/gt_1/2025-12-08/roa26-txt-logo.png) !important;
        background-repeat: no-repeat;
        background-position: center;
        left: -110px;
        height: 80px;
        width: 100px;
        background-size: contain; 
    }
}

.c-navigation-primary__logo {
    width: 93%;
    vertical-align: bottom;
    position: absolute;
}

.c-navigation-primary {
    height: 85px;
}

.c-navigation-primary__logo__link {
    top: 10px;
}

.c-navigation-primary__list, .c-navigation-primary__phone, .c-navigation-primary__account {
    display: none;
}

.o-panel--callout {
    background-color: var(--header-light);
    border-radius : 0px;
    padding : 0.75rem 1rem;
    color: rgb(255 255 255);
    position : relative;
}

.c-order-summary__link, .c-order-summary-wrapper.is-open .c-order-summary__link {
   color: var(--white);
}

.o-accordion.is-open .o-icon--medium svg {
    fill: var(--white);
}

.c-order-summary__list__item--completed a.c-order-summary__list__link::before {
    content : "";
    background-image : url("https://order.festival.travel/assets/images/check-mark.svg");
    background-position : center center;
    background-repeat : no-repeat no-repeat;
    background-attachment : initial;
    background-origin : initial;
    background-clip : initial;
    background-color: var(--button);
    background-size : 80%;
    border-radius : 100%;
    position : absolute;
    left : 1rem;
    top : 1.25rem;
    width : 16px;
    height : 16px;
    display : inline-block;
    border-style : none;
}

.l-wrapper--neutral, .l-wrapper--light {
    background: var(--backgroundcolor);
}

.l-wrapper--contrast {
    background-color : rgb(3 25 12);
    color : var(--button-font);
}

.l-wrapper--contrast p {
    color: var(--shop-icon);
}

.o-accordion--light.is-open>.o-accordion__link:hover {
    color: var(--button-font);
}

.o-label--alert:before {
    border-right-color: var(--alert);
}

.o-label--alert {
    background-color: var(--alert);
}

.o-price--special, .o-accordion.is-open .o-price--special, .u-red, .o-tabs__link:hover {
    color: var(--alert) !important;
}

.c-progress__item--active span {
    background : rgb(255, 255, 255);
    border-color : rgb(0, 0, 0);
}

.c-footer__icon-box .o-icon svg {
    fill: var(--var-white);
}

.c-footer__title {
 color: var(--var-white);   
}

.o-accordion:not(.is-open) > .o-accordion__link > i.o-icon.o-icon--medium {
    fill: #ffffff;
}


.o-accordion:not(.is-open) > .o-accordion__link:hover > i.o-icon.o-icon--medium {
    fill: #ce1618;
}

.is-open>.o-accordion__link> i.o-icon.o-icon--medium {
    fill: #ffffff;
}

.c-progress__item--active span::before {
    background : rgb(0, 0, 0);
    border-radius : 100%;
    display : block;
    border-style : none;
    text-decoration-line : none;
    text-decoration-style : initial;
    text-decoration-color : initial;
}
@media screen and (max-width: 750px) {
.hotel .productlabel .o-panel__half {
    width: -webkit-fill-available;
}
.c-navigation-primary__logo {
    width: auto;
    vertical-align: inherit;
    position: relative;
} 
.c-order-summary-wrapper {
    border: none;
}    

.c-footer .l-one-third:nth-of-type(1), .c-footer .l-one-third:nth-of-type(3) {
    display: none;
}
    
@media (min-width: 750px) {
    .c-progress__item--active span::before {
        display : none;
    }
}
@media (min-width: 1000px) {
    .c-footer {
        min-height : 260px;
    }

    .c-footer__icon-box {
        color: var(--var-white);
    }
}