/*
Theme Name: Grillmaster Mart
Author: Converzo
Author URI: https://converzo.nl/
Description: The Grillmaster Mart Theme based on the famous Wordpress CMS.
Version: 1.0
*/


* {margin: 0;padding: 0;box-sizing: border-box;}

/* ------ ROOT VARIABLES ------ */
:root {
    
    /* bg & text Colors */
    --color-zwart: #000000;
    --color-goud: #8E6F3F;
    --color-licht-goud: #B9A16D;
    --color-bruin: #413016;
    --color-grijs: #878787;
    --color-wit: #FFFFFF;
    

    /* Typography */
    --font-lora: "Lora", serif;
    --font-hind: "Hind", sans-serif;
    --font-brothers: 'brothers', sans-serif;
    --text-uppercase: uppercase;

    /* Container */
    --container-large: 1612px;
    --container-small: 1348px;
    --container-padding: 0 30px;

    /* Transition */
    --transition: 0.4s;

    /* font-sizes */
    --font-h1: 142px;
    --font-h1-lh: 124px;
    --font-h2: 54px;
    --font-h2-lh: 62px;
    --font-h3: 36px;
    --font-h3-lh: 1;
    --font-h4: 26px;
    --font-h4-lh: 1;
    --body-xl: 22px;
    --body-xl-lh: 32px;
    --body-l: 20px;
    --body-l-lh: 1.5;
    --body-m: 16px;
    --body-m-lh: 1.5;
    --quote-l: 52px;
    --quote-l-lh: 1.4;
    --quote-m: 39px;
    --quote-m-lh: 1.3;
    --quote-s: 26px;
    --quote-s-lh: 1.4;

    /* font-weights */
    --weight-black: 900;
    --weight-extraBold: 800;
    --weight-bold: 700;
    --weight-semiBold: 600;
    --weight-medium: 500;
    --weight-regular: 400;
    --weight-light: 300;

   /* text spaces */
    --text-space-0: 0px;
    --text-space-20: 20px;
    --text-space-50: 50px;

    /* margins */
    --mb-0: 0px;
    --mb-20: 20px;
    --mb-40: 40px;
    --mb-50: 50px;
    --mb-60: 60px;
    --mb-70: 70px;
    --mb-90: 90px;
    --mb-100: 100px;
    --mb-120: 120px;
    --mb-130: 130px;
    --mb-160: 160px;
    --mb-220: 220px;
 


}

img {max-width: 100%;height: auto;}
body {background: var(--color-zwart);font-size:var(--body-xl);color: var(--color-wit);font-family: var(--font-hind);font-weight: var(--weight-regular);}
p{margin-bottom: var(--text-space-20);line-height: var(--body-xl-lh);}
p:last-child{margin-bottom: 0;}
a {color: inherit;}

/* ----- Heading Font CSS ------ */

h1,h2,h3,h4,h5,h6 {font-family: var(--font-brothers);font-weight: 400;line-height: 1.1;margin-bottom: var(--text-space-20);overflow-wrap: break-word;}
h1{font-size:var(--font-h1);line-height: var(--font-h1-lh);text-transform: var(--text-uppercase);}
h2{font-size: var(--font-h2);line-height: var(--font-h2-lh);text-transform: var(--text-uppercase);}
h3{font-size:var(--font-h3);line-height: var(--font-h3-lh);text-transform: var(--text-uppercase);}
h4{font-size:var(--font-h4);line-height: var(--font-h4-lh);text-transform: var(--text-uppercase);}
h5{font-size:var(--body-xl);line-height: var(--body-xl-lh);}
h6{font-size:var(--body-m);line-height: var(--body-m-lh);}

.animated-title .line {position: relative;}
.animated-title .hidden_wrap{overflow: hidden;position: relative;}

a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
input,button,li,strong,i,span,label,textarea,select{font-family: inherit;}
ul, ol {padding-left: 15px;margin-bottom: 30px;}
ul:last-child, ol:last-child {margin-bottom: 0;}

/* ----- global css start ----- */ 

.layout {width: 100%;float: left;overflow-x: clip;}
.wrapper {max-width: var(--container-large);padding: var(--container-padding);width: 100%;margin: 0 auto;}
.wrapper.small {max-width: var(--container-small);}
body.scrollstop {overflow: hidden;}

/* margins */
.mb-0 {margin-bottom: var(--mb-0) !important;} 
.mb-20 {margin-bottom: var(--mb-20) !important;} 
.mb-40 {margin-bottom: var(--mb-40) !important;}
.mb-50 {margin-bottom: var(--mb-50) !important;}
.mb-60 {margin-bottom: var(--mb-60) !important;}
.mb-70 {margin-bottom: var(--mb-70) !important;}
.mb-90 {margin-bottom: var(--mb-90) !important;}
.mb-100 {margin-bottom: var(--mb-100) !important;}
.mb-120 {margin-bottom: var(--mb-120) !important;}
.mb-130 {margin-bottom: var(--mb-130) !important;}
.pb-130 {padding-bottom: var(--mb-130) !important;}
.mb-160 {margin-bottom: var(--mb-160) !important;}
.mb-220 {margin-bottom: var(--mb-220) !important;}
.default_page {padding: 250px 0 100px;}
.default_page p a {display: inline-block;text-decoration: underline;color: var(--color-licht-goud);}
.default_page p a:hover {text-decoration: none;}

/* buttons */
.btn_one {display: inline-block;min-width: 193px;font-size: 20px;line-height: 1;font-family: var(--font-hind);font-weight: var(--weight-semiBold);text-align: center;padding: 17px 30px;background: var(--color-goud);color: var(--color-wit);transition: var(--transition);text-decoration: none;border-radius: 4px;}
.btn_one:hover {background: var(--color-licht-goud);}
.btn_one.light {background: var(--color-licht-goud);color: var(--color-zwart);}
.btn_one.light:hover {background: var(--color-goud);}
.btn_one.dark {background: var(--color-bruin);}
.btn_one.dark:hover {background: var(--color-goud);}

/* center-alignment */
.title-center{text-align: center;}
.title-center h2:last-child{margin-bottom: 0;}
.btn-flex{display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}

.quote_l{font-size: var(--quote-l);line-height: var(--quote-l-lh);font-family: var(--font-lora);}
.quote_m{font-size: var(--quote-m);line-height: var(--quote-m-lh);font-family: var(--font-lora);}
.quote_s{font-size: var(--quote-s);line-height: var(--quote-s-lh);font-family: var(--font-lora);}
 


.loader {display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;position:absolute;z-index:4;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.spinner {border:4px solid rgba(255,255,255,1);border-left-color:#000000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
.loader p {font-size:14px;color:#333;margin:0}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: red !important;background: red !important;border-radius: 8px !important;text-align: center !important;padding: 5px !important;margin-top: 30px !important;font-size: var(--body-m) !important;font-weight: var(--weight-regular) !important;font-family: var(--font-hind) !important;}
.wpcf7-not-valid {border: 1px solid red !important;}
.field-error {color: red;font-size: var(--body-m);font-weight: var(--weight-regular);font-family: var(--font-hind);margin-top: 5px;}


.offer-message-response .success {text-align: center;background: var(--color-goud);border: 1px solid var(--color-goud);border-radius: 8px;padding: 10px;color: #fff;font-size: var(--body-xl);line-height: var(--body-xl-lh);}
.location-field.error {border: 1px solid red;}
/* ----- global css end ----- */


/* ******************************* main css ***************************** */

/* Header css start */
.header{position: fixed;left: 0;top: 0;width: 100%;padding: 30px 0 30px;z-index: 9999;}
.header::before{content: "";z-index: -1; position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 30px);background: linear-gradient(180deg, #000000 66%, rgba(0, 0, 0, 0) 100%);}
.header .inner-part{display: flex;flex-wrap: wrap;justify-content: space-between;animation: introFadeDown 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.1s backwards;}
.header  .half-col {width: calc(50% - 124px);padding-top: 8px;display: flex;flex-direction: column;justify-content: space-between;}
.header .logo {width: 178px;}
.header .logo a {display: block;}
.header .logo img {display: block;width: 100%;}
.header  a {font-size: var(--body-l);line-height: 1;text-decoration: none;font-weight: 600;}
.header  a:not(.btn_one){position: relative;}
.header  a:not(.btn_one):not(li li a)::before{opacity: 0;visibility: hidden;transition: 0.4s; content: ""; position: absolute;left: 0;top: calc(100% + 31px);width: 100%;height: 4px; background: var(--color-licht-goud);}
.header li {display: inline-block;}
.header ul{padding: 0;margin: 0;}
.header .navigation > ul{display: flex;align-items: center;gap: 50px;}
.header .navigation li {position: relative;}
.header .navigation li:hover a::before{opacity: 1;visibility: visible;}
.header .navigation li.menu-item-has-children > a{background: url('data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%2210%22%20viewBox%3D%220%200%206%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.814%209.167%200%208.353l3.77-3.77L0%20.813.814%200l4.583%204.583z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E')right center no-repeat;padding-right: 22px;}
.header .navigation li ul{position: absolute;left: 0;top: 67px;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;white-space: nowrap;}
.header .navigation li ul::before{content: "";width: 100%;position: absolute;left: 0;top: -28px;height: 28px;background: transparent;}
.header .navigation li:hover ul{opacity: 1;visibility: visible;pointer-events: all;}
.header .navigation.half-col{padding-top: 20px;}
.header .right_nav a.btn_one{text-decoration: none;min-width: unset;border-radius: 4px;}
.header .right_nav .flex_box{display: flex;justify-content: flex-end;gap: 50px;align-items: center;}
.header .border{margin-bottom: 32px; height: 35px;border-top: 1px solid var(--color-licht-goud);border-bottom: 1px solid var(--color-licht-goud);width: 100%;}
.header .right_nav a:hover::before{opacity: 1;visibility: visible;}
.header .right_nav a:not(.btn_one):not(li li a)::before{  top: calc(100% + 40px);}

@keyframes introFadeDown {from {opacity: 0;transform: translateY(-12px);} to {opacity: 1;transform: none;}}
/* Header css end */

/* hero_sec start */
.hero_sec {min-height: 100vh;padding: 270px 0 110px;display: flex;align-items: flex-end;position: relative;z-index: 1;}
.hero_sec::before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 29.89%, rgba(0, 0, 0, 0) 64.55%);
z-index: -1;pointer-events: none;}
.hero_sec .hero_img {position: absolute;right: 0;top: 0;height: 100%;max-width: 100%;z-index: -2;pointer-events: none;}
.hero_sec .hero_img::before {content: '';position: absolute;left: -1px;top: 0;width: 25%;height: 100%;background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);z-index: 1;}
.hero_sec .hero_img img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center center;}
.hero_sec .text_box {width: 100%;max-width: 887px;}
.hero_sec .text_box h1 {margin-bottom: var(--text-space-50);overflow-wrap: break-word;}
.hero_sec .text_box h1:last-child {margin-bottom: 0;}
.hero_sec .text_box h1 span.animated-title {display: block;margin-bottom: var(--mb-20);}
.hero_sec .text_box h1 span.animated-title:last-child {margin-bottom: 0;}
.hero_sec .text_box .btn_one {margin-left: 10px;}

.hero_sec.two {height: unset;min-height: 670px;align-items: center;}
.hero_sec.two .text_box {max-width: 100%;}

.error404 .hero_sec .text_box h1 {font-size: 259px;line-height: 0.7;}
/* hero_sec end */

/* three_title start */
.three_title {background: var(--color-goud);padding: 32px 0;}
.three_title.two {padding: var(--mb-70) 0;}
.three_title .inner_part {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 80px;}
.three_title .title {font-size: 32px;line-height: var(--font-h3-lh);font-family: var(--font-brothers);font-weight: 400;text-transform: uppercase;display: inline-block;}
.three_title .title_card {width: auto;text-align: center;}
.three_title .title_card .icon {display: block;max-width: 28px;margin: 0 auto 20px auto;}
.three_title.two .inner_part {gap: 50px;}
/* three_title end */

/* event_sec start */
.event_sec {padding: var(--mb-130) 0;position: relative;}
.event_sec .inner_part {display: flex;flex-wrap: wrap;justify-content: space-between;}
.event_sec .left_part {width: 48.8%;}
.event_sec .left_part img {display: block;border-radius: 8px;}
.event_sec .right_part {width: 40.6%;}
.event_sec .right_part h2 {margin-bottom: 65px;}
.event_sec .right_part ul {margin-bottom: 70px;}

.event_sec .left_pattern {position: absolute;left: 0;top: 0;z-index: -1;pointer-events: none;width: 440px;height: 100%;}
.event_sec .left_pattern::before {content: '';position: absolute;width: 100%;height: 100%;background: url(images/left-pattern.svg)left top no-repeat;background-size: contain;left: 0;top: 0;}
.event_sec .right_pattern {position: absolute;right: 0;bottom: 0;z-index: -1;pointer-events: none;width: 562px;height: 885px;}
.event_sec .right_pattern::before {content: '';position: absolute;width: 100%;height: 100%;background: url(images/right-pattern.svg)right bottom no-repeat;background-size: contain;right: 0;bottom: 0;}

.fire_list ul {list-style: none;padding: 0;}
.fire_list li {display: block;font-size: var(--font-h4);line-height: var(--font-h4-lh);font-family: var(--font-brothers);font-weight: 400;text-transform: uppercase;position: relative;padding-left: 50px;margin-bottom: 45px;}
.fire_list li:last-child {margin-bottom: 0;}
.fire_list li::before {content: '';position: absolute;width: 28px;height: 42px;background: url(images/fire-icon.svg)center center no-repeat;background-size: 28px;left: 0;top: -8px;}
/* event_sec end */

/* populairste gerechten css start */
.populairste-gerechten {position: relative;z-index: 1;}
.populairste-gerechten .gerechten-ouer{display: flex;flex-wrap: wrap;gap: 32px;}
.populairste-gerechten .gerechten-card{width: calc(33.33% - 22px);}
.populairste-gerechten .gerechten-card .image {margin-bottom: 10px;}
.populairste-gerechten .gerechten-card .image img{width: 100%;border-radius: 8px;display: block;}
.populairste-gerechten .gerechten-card  h3{font-size: var(--font-h4);line-height: var(--font-h4-lh);margin-bottom: 10px;}
.populairste-gerechten .gerechten-card p{font-size: var(--body-m);line-height: var(--body-m-lh);}

.populairste-gerechten.six_grid {padding-bottom: 90px;}
.populairste-gerechten.six_grid .gerechten-ouer{gap: 20px;}
.populairste-gerechten.six_grid .gerechten-card{width: calc(16.66% - 17px);text-align: center;}
.populairste-gerechten.six_grid .gerechten-card .image{margin-bottom: 30px;}

.populairste-gerechten .right_pattern {position: absolute;width: 772px;height: 928px;right: 0;bottom: 0;pointer-events: none;}
.populairste-gerechten .right_pattern::before {content: '';position: absolute;width: 100%;height: 100%;background: url(images/right-pattern2.svg)right bottom no-repeat;background-size: contain;right: 0;bottom: 0;pointer-events: none;z-index: -1;}

/* populairste gerechten css end */

/* Text or Image section css start */
.text-image-section.bg{padding: var(--mb-130) 0;background: var(--color-bruin);}
.text-image-section .outer-part{display: flex;flex-wrap: wrap;}
.text-image-section  .half{width: 50%;}
.text-image-section h2{margin-bottom: 35px;}
.text-image-section .text{padding: 35px 0;border-top: 1px solid var(--color-licht-goud);border-bottom: 1px solid var(--color-licht-goud);}
.text-image-section .btn_box{margin-top: 70px;}
.text-image-section blockquote{color: var(--color-licht-goud);margin-bottom: 30px;font-style: italic;}
.text-image-section blockquote  span.quote_first{margin-left: -15px;}
.text-image-section .wrap{max-width: 629px;}
.text-image-section  .pr_50{padding-right: 50px;}
.text-image-section  .image img{border-radius: 8px;display: block;width: 100%;}

.text-image-section.opposite .outer-part {flex-direction: row-reverse;}
.text-image-section.opposite .pr_50 {padding-right: 0;padding-left: 50px;}
.text-image-section.opposite .wrap {margin-left: auto;}
/* Text or Image section css end */

/* quote_slider_sec start */
.quote_slider_sec .card {text-align: center;}
.quote_slider_sec .card .quote-icon {width: 100%;max-width: 70px;margin: 0 auto 40px auto;}
.quote_slider_sec .card .quote-icon img {display: block;max-width: 70px;}
.quote_slider_sec .card .text {width: 100%;max-width: 435px;margin: 0 auto;}
.quote_slider_sec .card .quote_s {font-style: italic;margin-bottom: 40px;display: block;}
.quote_slider_sec .card .user-image {width: 100%;max-width: 96px;margin: 0 auto 10px auto;}
.quote_slider_sec .card .user-image img {display: block;max-width: 96px;border-radius: 50%;}
.quote_slider_sec .card .user-name {font-size: 16px;line-height: 1.5px;}
.quote_slider_sec .card .user-name strong {display: inline-block;font-weight: var(--weight-bold);}
.quote_slider_sec .swiper-pagination {margin: 30px 0 60px;position: unset;}

.swiper-pagination {display: flex;justify-content: center;align-items: center;gap: 10px;position: unset !important;}
.swiper-pagination .swiper-pagination-bullet {width: 12px !important;height: 12px !important;border-radius: 50% !important;background: var(--color-bruin) !important;margin: 0 !important;opacity: 1 !important;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--color-licht-goud) !important;}
/* quote_slider_sec end */

/* cta css start */
.cta_section .outer-part{background: var(--color-licht-goud);padding: 20px;border-radius: 10px;display: flex;flex-wrap: wrap;align-items: center; gap: 52px;}
.cta_section .left-image{width: calc(50% - 35px);}
.cta_section .left-image img{border-radius: 8px;display: block;}
.cta_section .right-text{width: calc(50% - 35px);}
.cta_section .right-text .btn_one{margin-top: 30px;}
/* cta css end */

/* Flexibele arrangementen css Start  */
.arrangementen_section .outer_part{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.arrangementen_section .left_image{width: 49%;}
.arrangementen_section .left_image img {display: block;aspect-ratio: 757 / 362;object-fit: cover;}
.arrangementen_section .right_text{width: 49%;}
.arrangementen_section .right_text h2{margin-bottom: 60px;}
.arrangementen_section .right_text .btn_one{margin-top: 40px;}
.arrangementen_section .right_text .wrap{margin-left: auto;max-width: 630px;}
/* Flexibele arrangementen css End  */

/* menu_sec start */
.menu_sec .inner_part {display: flex;flex-wrap: wrap;gap: 42px;}
.menu_sec .menu_card {width: calc(33.33% - 28px);padding: 40px 34px;border: 1px solid #B9A16D;border-radius: 8px;background: var(--color-zwart);display: flex;flex-direction: column;justify-content: space-between;}
.menu_sec .menu_card .top_part {padding-bottom: 50px;margin-bottom: 40px;border-bottom: 1px solid var(--color-licht-goud);}
.menu_sec .menu_card h3 {margin-bottom: 10px;}
.menu_sec .menu_card .essential.top {margin-bottom: 40px;display: block;}
.menu_sec .menu_card .essential {display: block;}
.menu_sec .menu_card .essential, .menu_sec .menu_card.fire_list li {font-size: var(--body-l);line-height: var(--body-l-lh);font-family: var(--font-hind);font-weight: var(--weight-regular);}
.menu_sec .menu_card.fire_list li {padding-left: 33px;margin-bottom: 10px;}
.menu_sec .menu_card.fire_list li:last-child {margin-bottom: 0;}
.menu_sec .menu_card.fire_list li::before {display: none;}
.menu_sec .menu_card.fire_list li .list-text {position: relative;}
.menu_sec .menu_card.fire_list li:hover .list-text {color: var(--color-licht-goud);}
.menu_sec .menu_card.fire_list li .list-text::before {content: '';position: absolute;width: 18px;height: 27px;background: url(images/fire-icon.svg)center center no-repeat;left: -33px;background-size: 18px;top: 0;}
.menu_sec .menu_card .btn_one {margin-top: 20px;}
.menu_sec .menu_card .bottom_part {flex: 1;}
.menu_sec .menu_card .price {display: block;font-size: var(--font-h2);line-height: var(--font-h2-lh);font-family: var(--font-brothers);font-weight: 400;text-transform: uppercase;}
.menu_sec .menu_card .price span {display: inline-block;font-size: var(--font-h4);line-height: var(--font-h4-lh);}

.menu_sec .menu_card .img-box {position: relative;margin-bottom: 40px;border-radius: 8px;overflow: hidden;}
.menu_sec .menu_card .img-box img {width: 100%;display: block;border-radius: 8px;}
.menu_sec .menu_card .img-box img.hover-img {position: absolute;width: 100%;left: 0;top: 0;z-index: 2;opacity: 0;visibility: hidden;transition: 0.4s;height: 100%;object-fit: cover;}
.menu_sec .menu_card:hover .img-box img.hover-img {opacity: 1;visibility: visible;}
.menu_sec .menu_card .img-box img {transition: transform var(--transition);}
.menu_sec .menu_card:hover .img-box img {transform: scale(1.04);}

.menu_sec .menu_card.fire_list li .list-img {margin-bottom: 10px;height: 0px;overflow: hidden;transition: height 0.35s ease;display: block;position: relative;width: calc(100% + 33px);margin-left: -33px;}
.menu_sec .menu_card.fire_list li:hover .list-img {height: 100px;overflow: visible;}
.menu_sec .menu_card.fire_list li .list-img img {width: 100%;display: block;height: 100%;object-fit: cover;border-radius: 8px;position: absolute;left: 0;top: 0;}

/* hover_list: floating foto naast de cursor (alleen met muis, zie custom.js) */
html.has-hover-float .menu_sec .menu_card .hover_list li .list-img {display: none;}
.hover-float-img {position: fixed;left: 0;top: 0;width: 240px;height: 160px;z-index: 50;pointer-events: none;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
.hover-float-img.active {opacity: 1;visibility: visible;}
.hover-float-img img {width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 8px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);transform: scale(0.85) rotate(-3deg);transition: transform 0.4s ease;}
.hover-float-img.active img {transform: scale(1) rotate(0deg);}
/* menu_sec end */

/* option_sec start */
.option_sec {position: relative;}
.option_sec .inner_part {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 40px 60px;border: 1px solid var(--color-licht-goud);border-radius: 8px;background: var(--color-zwart);}
.option_sec .left_part {width: 49.8%;border-right: 1px solid var(--color-licht-goud);padding-right: 20px;display: flex;flex-direction: column;justify-content: space-between;}
.option_sec .right_part {width: 37.2%;}
.option_sec .option_list .option-text {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;margin-bottom: 10px;position: relative;padding-left: 33px;}
.option_sec .option_list .option-text::before {content: '';position: absolute;width: 18px;height: 27px;background: url(images/fire-icon.svg)center center no-repeat;background-size: 18px;left: 0;top: 0;}
.option_sec .option_list .option {display: inline-block;font-size: var(--body-l);line-height: var(--body-l-lh);font-size: var(--font-hind);font-weight: var(--weight-regular);}
.option_sec .option_list:hover .option {color: var(--color-licht-goud);}
.option_sec .option_list .option-price {display: inline-block;font-size: var(--body-l);line-height: var(--body-l-lh);font-family: var(--font-hind);font-weight: var(--weight-regular);}
.option_sec .option_list .option-price strong {display: inline-block;font-size: var(--font-h4);line-height: var(--font-h4-lh);font-family: var(--font-brothers);font-weight: 400;}

.option_sec .option_list .list-img {margin-bottom: 10px;height: 0px;overflow: hidden;transition: height 0.35s ease;display: block;position: relative;}
.option_sec .option_list:hover .list-img {height: 100px;overflow: visible;}
.option_sec .option_list .list-img img {width: 100%;display: block;height: 100%;object-fit: cover;border-radius: 8px;transition: height 0.35s ease;position: absolute;left: 0;top: 0;}

.option_sec .left_pattern {position: absolute;width: 945px;height: 1092px;left: 0;bottom: 0;pointer-events: none;z-index: -1;}
.option_sec .left_pattern::before {content: '';position: absolute;background: url(images/left-pattern2.svg)left bottom no-repeat;width: 100%;height: 100%;background-size: contain;}
/* option_sec end */

/* client_sec start */
.client_sec .swiper-pagination, .certifications_sec .swiper-pagination {margin-top: 30px;}
.client_sec .btn-flex, .certifications_sec .btn-flex {margin-top: 60px;}
.certifications_sec .btn-flex:first-child {margin-top: 0;}
.client_sec .client-card img {display: block;}
/* client_sec end */

/* work_sec start */
.work_sec {background: var(--color-goud);padding: 70px 0;}
.work_sec .inner_part {display: flex;flex-wrap: wrap;gap: 102px;justify-content: center;}
.work_sec .work_card {width: calc(33.33% - 102px);text-align: center;max-width: 360px;}
.work_sec .work_card h3 {margin-bottom: 30px;}
/* work_sec end */

/* single_quote start */
.single_quote .inner_part {text-align: center;}
.single_quote .quote-icon {width: 100%;max-width: 92px;margin: 0 auto 40px auto;}
.single_quote .quote-icon img {width: 100%;max-width: 92px;display: block;}
.single_quote .quote-text p {font-size: calc(var(--quote-l) * 0.9);line-height: var(--quote-l-lh);font-family: var(--font-lora);font-weight: var(--weight-regular);}
/* single_quote end */

/* contact-sec css start */
.contact-sec .inner-part{display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-sec .top-title{margin-bottom: 70px;}
.contact-sec .left-part{width:57.5%;}
.contact-sec .right-part{width:40.6%;}
.contact-sec .right-part .img-box img{display: block; border-radius: 8px;}
.contact-sec .social-content{margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end;}
.contact-sec .social-content .left-detail{width: 55.8%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-sec .social-content .left-text{width: 55%;}
.contact-sec .social-content .right-text{width: 40%;}
.contact-sec .social-content .left-detail p{font-size: var(--body-m); line-height:var(--body-m-lh);}
.contact-sec .social-content .left-detail p a{display: block; text-decoration: none;}
.contact-sec .social-content .socila-icons{width:28%; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 20px;}
.contact-sec .social-content .socila-icons a img{display: block; max-width: 30px; width: auto;}
 
/* contact-form css  */
.contact-form .field-box { display: flex; gap:0 20px; flex-wrap: wrap;margin-bottom: var(--text-space-20);}
.contact-form .field-box .input-field{width:calc(50% - 10px);}
.contact-form .input-field { display: flex;flex-direction: column; position: relative;}
.contact-form input , .contact-form textarea{background: var(--color-bruin); width: 100%; padding:9px 20px;font-size:var(--body-m); border: none;border-radius: 8px;outline: none; font-weight:var(--weight-regular);font-family:var(--font-hind); color:var(--color-wit);}
.contact-form input::placeholder , .contact-form textarea::placeholder{font-size:var(--body-m);font-weight:var(--weight-regular);font-family:var(--font-hind); color:var(--color-wit);}
.contact-form textarea { resize: none;height:200px;}
.contact-form .btn-group{margin-top: 20px;}
.contact-form  button{border: none; cursor: pointer;}
.contact-form  button.btn_one{min-width: 176px;}

.contact-form .field-box.full .input-field {width: 100%;}
/* contact-sec css end */
 
/* error-page css start  */
.error-page .inner-part{max-width: 1284px; width: 100%; margin: 0 auto; text-align: center;}
.error-page .btn-flex{margin:40px 0 120px;}
.error-page h3{font-size: var(--font-h4); line-height: 1.1;}
.error-page p a{color: var(--color-licht-goud);}
/* error-page css end  */

/* grid_sec start */
.grid_sec .inner_part {display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 400px;gap: 32px;}
.grid_sec .grid_card {overflow: hidden;border-radius: 8px;}
.grid_sec .grid_card.large {grid-column: span 2;grid-row: span 2;}
.grid_sec .grid_card img {width: 100%;height: 100%;object-fit: cover;display: block;}
/* grid_sec end */

/* quotation-text-sec css start  */
.quotation-text-sec .inner-text{position: relative; padding: 50px 0 50px 230px; border-bottom: 1px solid var(--color-licht-goud); border-top: 1px solid var(--color-licht-goud);}
.quotation-text-sec .inner-text::before {content: '';position: absolute;width:156px;height: 107px;background: url(images/quote-icon2.svg)center center no-repeat;background-size:156px;left: 20px;top: -38px;}
.quotation-text-sec p{font-size: 40px; line-height: var(--quote-l-lh); font-family: var(--font-lora); font-weight: var(--weight-regular); font-style: italic;}
.quotation-text-sec span.user-name{font-size: var(--body-xl); line-height:var(--body-xl-lh);margin-top: 40px;display: block;}
/* quotation-text-sec css end  */
 
/* quote_card_sec css start  */
.quote_card_sec .inner_card{display: flex; flex-wrap: wrap; gap:30px;}
.quote_card_sec .card{width: calc(50% - 15px); padding: 50px 0 50px 132px; position: relative; border-bottom: 1px solid var(--color-licht-goud); border-top: 1px solid var(--color-licht-goud);}
.quote_card_sec .card::before {content: '';position: absolute;width:77px;height: 53px;background: url(images/quote-icon2.svg)center center no-repeat;background-size:77px;left: 10px;top: 34px;}
.quote_card_sec .card p{font-size: 30px; line-height: var(--quote-m-lh); font-family: var(--font-lora); font-weight: var(--weight-regular); font-style: italic;}
.quote_card_sec .card span.user-name{font-size: var(--body-xl); line-height:var(--body-xl-lh);margin-top: 40px;display: block;}
/* quote_card_sec css end  */

/* offer-sec css  */
 
.offer-sec .inner-part{display: flex; flex-wrap: wrap; justify-content: space-between;}
.offer-sec .left-part{width: calc(100% - 396px);}
.offer-sec .right-part{width:364px; }
 
/* package-card-sec css start  */
.package-card-sec {margin-bottom: 40px;}
.package-card-sec .inner-card{display: flex; flex-wrap: wrap; gap: 32px;}
.package-card-sec .card{width: calc(33.33% - 22px); padding: 30px; border: 1px solid var(--color-licht-goud); border-radius: 8px;}
.package-card-sec .card.active{background:var(--color-bruin);}
.package-card-sec .card .img-box{margin-bottom: 30px;}
.package-card-sec .card .img-box img{display: block; border-radius: 8px}
.package-card-sec .card h4{font-size: var(--font-h3); line-height: 1.1; margin-bottom: 10px;}
.package-card-sec .card ul{padding-left: 0; display: flex; flex-wrap: wrap;}
.package-card-sec .card ul li{list-style: none;  padding-right: 15px; margin-right: 10px; position: relative; font-size: var(--body-m); line-height: var(--body-m-lh);}
.package-card-sec .card ul li:last-child{padding-right: 0; margin-right: 0;}
.package-card-sec .card ul li:not(:last-child)::before{position: absolute; content: '';  right:0;top: 50%;transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: var(--color-licht-goud);}
.package-card-sec .card strong.price{font-size: var(--font-h4); line-height: 1.1; font-family: var(--font-brothers); font-weight: 400; text-transform: uppercase;}
.package-card-sec .card strong.price span{margin-left: 10px;}
/* package-card-sec css end  */
 
/* toe-card-sec css start  */
.toe-card-sec{margin-bottom: 40px;}
.toe-card-sec .inner-card{display: flex; flex-wrap: wrap; gap:11px 40px;}
.toe-card-sec .toe-card{overflow: hidden;  padding-right: 20px; width: calc(33.33% - 27px); min-height: 65px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border: 1px solid var(--color-licht-goud); border-radius: 8px;}
.toe-card-sec .toe-card.active{background:var(--color-bruin);}
.toe-card-sec .toe-card .left-text{width: calc(100% - 70px); padding-right: 10px; display: flex; flex-wrap: wrap; gap: 20px; align-items: stretch; align-self: stretch;}
.toe-card-sec .toe-card .img-box{width: 120px; position: relative;}
.toe-card-sec .toe-card .text{width:calc(100% - 140px); display: flex; align-items: center;}
.toe-card-sec .toe-card .img-box img{position: absolute; left: 0; top: 0; width:100%; height: 100%; object-fit: cover; display: block; border-radius: 8px;}
.toe-card-sec .toe-card p, .toe-card-sec .toe-card span.price{font-size: var(--body-m); line-height: var(--body-m-lh);}
.toe-card-sec .toe-card .right-part{width: 70px; text-align: right;}
/* toe-card-sec css end  */
 
/* offer-card css start  */
.bbq_sec .inner-part {display: flex;flex-wrap: wrap;justify-content: space-between;}
.bbq_sec .left-part {width: calc(100% - 396px);}
.bbq_sec .right-part {width: 364px;}

.offer-card-box{background: var(--color-goud); padding: 30px; border-radius: 8px;position: relative;overflow: hidden;}
.offer-card{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid var(--color-wit);}
.offer-card:last-child{padding-bottom:0px; margin-bottom:0px; border: none;}
.offer-card h4{line-height: 1.1;}
.offer-card ul{padding-left: 0;}
.offer-card ul li{padding-left: 30px; margin-bottom: 10px; font-size: var(--body-m); line-height: var(--body-m-lh);list-style: none; position: relative;}
.offer-card ul li::before {position: absolute;content: '';top:4px;left: 0;width: 20px;height:17px;background-size: 20px;}
.offer-card ul li.date::before { background: url(images/calender-icon2.svg) center no-repeat;}
.offer-card ul li.time::before {background: url(images/timer-icon2.svg) center no-repeat;}
.offer-card ul li.people::before {background: url(images/groups-icon2.svg) center no-repeat;}
.offer-card ul li.location::before {background: url(images/location-icon2.svg) center no-repeat;}
.offer-card ul li:last-child{margin-bottom:0px;}
.offer-card.offer-card2 .package-item{margin-bottom: 10px; align-items: flex-start;}
.offer-card  p{font-size: var(--body-m); line-height: var(--body-m-lh);}
.offer-card .package-item{margin-bottom: 15px;}
.offer-card .package-item:last-child{margin-bottom: 0px;}
.offer-card .package-item strong.title{display: block; font-weight: var(--weight-semiBold);font-size: var(--body-m); line-height: var(--body-m-lh);}
.offer-card .package-item .offer-details{display: flex; flex-wrap: wrap; justify-content: space-between;}
.offer-card .package-item .offer-details p, .offer-card .package-item .offer-details span{font-size: var(--body-m); line-height: var(--body-m-lh);}
.offer-card .package-item .offer-details p{margin-bottom: 0;}
.offer-card .package-item .offer-details p strong{font-weight: var(--weight-regular); color: var(--color-licht-goud); display: block;}
.offer-card .total-price{display:flex; flex-wrap: wrap; justify-content: space-between;  margin-bottom: var(--text-space-20);}
.offer-card  .right-price{width:120px; text-align: right;}
.offer-card .total-left{width:calc(100% - 120px); }
.offer-card .total-price .total, .offer-card  .total-price .price{font-size: var(--quote-s); line-height:1.1;  text-transform: uppercase; font-family: var(--font-brothers); font-weight: 400;}
.offer-card .total-price h4 span, .offer-card .total-price h4 strong{text-transform:none; font-size: var(--body-m); line-height: 1;font-family: var(--font-hind); font-weight: var(--weight-regular);}
.offer-card .total-left h4 strong{color: var(--color-licht-goud);}
.offer-card .btn-box{margin:30px 0 30px;}
.offer-card .btn-box .btn_one{background: var(--color-bruin);border: none;outline: none;cursor: pointer;}
.offer-card .btn-box .btn_one:hover {background: #b9a16d;}

.require_text {display: block;font-size: 16px;line-height: 1.5;color: #B9A16D;margin-top: 40px;}
/* offer-card css end  */

/*  */
.detail_title h3 {margin-bottom: 0;}
.detail_title h3 strong {display: inline-flex;align-items: center;justify-content: center;padding: 8px 5px 5px;width: 36px;height: 36px;border: 1px solid var(--color-licht-goud);border-radius: 3px;font-size: var(--font-h4);line-height: var(--font-h4-lh);font-family: var(--font-brothers);font-weight: 400;color: var(--color-wit);}

.time-picker {position: relative;width: 270px;z-index: 5;}
.time-picker-trigger {height: 44px;padding: 0 13px;display: flex;align-items: center;background: #413016;border-radius: 8px;color: #ffffff;font-size: 16px;line-height: 1;cursor: pointer;user-select: none;}
.clock-icon {width: 17px;margin-right: 25px;}
.clock-icon img {width: 100%;display: block;}

#startTime, #endTime {min-width: 42px;}
.time-dash {margin: 0 23px;color: #ffffff;}
.time-arrow {width: 9px;height: 9px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;transform: rotate(45deg);margin-left: 10px;margin-top: -5px;}
.end-arrow {margin-left: auto;}
.time-picker-dropdown {position: absolute;top: calc(100% + 20px);left: 0;width: 100%;display: none;padding: 12px;background: #000000;border: 1px solid #B9A16D;border-radius: 9px;z-index: 1000;box-shadow: 0 8px 20px rgba(0, 0, 0, .35);height: 200px;overflow-y: scroll;}
.time-picker-dropdown.open {display: flex;gap: 10px;}
.time-column {width: 50%;}
.time-select-wrapper .time-column {width: 40px;}
.time-column-title {padding: 8px;color: #a88a50;font-size: 13px;text-align: center;border-bottom: 1px solid #493316;}
.time-option {height: 38px;display: flex;align-items: center;justify-content: center;color: #ffffff;border-radius: 20px;font-size: 14px;cursor: pointer;}
.time-option:hover {background: #332615;}
.time-option.selected {background: #ffffff;color: #775c29;}
.time-select-wrapper {display: flex;justify-content: center;}
.time-column > span {display: block;text-align: center;font-size: 16px;line-height: 1.5;color: var(--color-licht-goud);font-weight: 500;padding-bottom: 8px;border-bottom: 1px solid #493316;}

.date_time_outer, .quantity-location {display: flex;flex-wrap: wrap;gap: 32px;margin-bottom: 32px;}
.party_detail {margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px solid #B9A16D;}
.quantity-location {margin-bottom: 0;}

.quantity-control {width: 200px;height: 44px;background: #413016;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;padding: 0 13px;box-sizing: border-box;}
.quantity-control input[type="number"] {width: 50px;background: transparent;border: none;outline: none;color: white;font-size: 16px;font-weight: 400;font-family: var(--font-hind);font-weight: 400;text-align: center;appearance: textfield;-moz-appearance: textfield;}
.quantity-control input[type="number"]::-webkit-inner-spin-button,
.quantity-control input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
.qty-btn {width: 15px;height: 15px;border: none;background: transparent;color: white;cursor: pointer;padding: 0;display: flex;align-items: center;justify-content: center;}
.qty-btn:hover {opacity: 0.7;}
.people-icon {width: 20px;display: inline-block;}
.people-icon img {width: 100%;display: block;}

.location-field {width: 500px;height: 44px;background: var(--color-bruin);padding: 0 13px;display: flex;flex-wrap: wrap;align-items: center;border-radius: 8px;}
.location-field .location-icon {width: 14px;display: inline-block;margin-right: 13px;}
.location-field .location-icon img {width: 100%;display: block;}
.location-field input {flex: 1;display: inline-block;background: none;border: 0;outline: 0;font-size: 16px;line-height: 1;color: var(--color-wit);font-family: var(--font-hind);font-weight: var(--weight-regular);}
.location-field input::placeholder {color: var(--color-wit);}

.check-group {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 97px;margin-bottom: 15px;}
.check-group:last-child {margin-bottom: 0;}
.check-field {display: block;min-width: 100px;}
.check-field input:not(.text-field input) {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
.check-field label {position: relative;cursor: pointer;font-size: 16px;line-height: 1.5;color: var(--color-wit);}
.check-field label:before {content:'';width: 14px;height: 14px;-webkit-appearance: none;background-color: transparent;border: 1px solid var(--color-wit);border-radius: 4px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: 10px;}
.check-field input:not(.text-field input):checked + label:after {content: '';display: block;position: absolute;width: 16px;height: 16px;left: 0;top: 5px;background: var(--color-licht-goud);border-radius: 4px;z-index: -1;}
.check-field .text-field {width: 200px;display: inline-block;margin-left: 5px;} 
.check-field .text-field input {background: none;outline: none;border: 0;border-bottom: 1px solid var(--color-wit);height: 26px;font-size: 16px;line-height: 1;display: inline-block;color: var(--color-wit);}

/* offerte: klikbare onderdelen */
.package-card-sec .card, .toe-card-sec .toe-card {cursor: pointer;transition: background var(--transition), border-color var(--transition);}
.package-card-sec .card:not(.active):hover, .toe-card-sec .toe-card:not(.active):hover {background: rgba(65, 48, 22, 0.5);border-color: var(--color-wit);}
.package-card-sec .card .img-box img, .toe-card-sec .toe-card .img-box img {transition: transform var(--transition);}
.package-card-sec .card .img-box, .toe-card-sec .toe-card .img-box {overflow: hidden;border-radius: 8px;}
.package-card-sec .card:hover .img-box img, .toe-card-sec .toe-card:hover .img-box img {transform: scale(1.04);}
.date-display, .time-picker-trigger, .location-field {transition: box-shadow var(--transition);}
.date-display:hover, .date-display.calendar-open, .time-picker-trigger:hover, .location-field:hover, .location-field:focus-within {box-shadow: inset 0 0 0 1px var(--color-licht-goud);}
.qty-btn {transition: opacity var(--transition);}
.check-field label:before {transition: border-color var(--transition);}
.check-field label:hover:before {border-color: var(--color-licht-goud);}
button.btn_one {border: none;cursor: pointer;}
.popup-form .cross {transition: opacity var(--transition);}
.popup-form .cross:hover {opacity: 0.7;}

/* offerte: scrollbare popup + tijdkiezer */
.popup-form, .time-picker-dropdown {overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--color-licht-goud) transparent;}
.popup-form::-webkit-scrollbar, .time-picker-dropdown::-webkit-scrollbar {width: 8px;}
.popup-form::-webkit-scrollbar-track, .time-picker-dropdown::-webkit-scrollbar-track {background: transparent;margin: 8px 0;}
.popup-form::-webkit-scrollbar-thumb, .time-picker-dropdown::-webkit-scrollbar-thumb {background: var(--color-licht-goud);border-radius: 8px;border: 2px solid transparent;background-clip: padding-box;}
.popup-form::-webkit-scrollbar-thumb:hover, .time-picker-dropdown::-webkit-scrollbar-thumb:hover {background-color: var(--color-goud);}
/*  */

/* popup-form css start */
.popup-form-outer{position: fixed;left: 0;top: 0;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s; z-index: 99;width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;padding: 50px;background: rgba(0, 0, 0, 0.5);z-index: 9999;}
.popup-form{max-width: 972px; width: 100%;margin: 0 auto; background: var(--color-bruin); padding: 40px; border-radius: 8px;position: relative;max-height: 95vh;overflow: auto;}
.popup-form-outer.active {opacity: 1;visibility: visible;pointer-events: all;}
.popup-form .cross {position: absolute;right: 31px;top: 31px;width: 22px;height: 22px;cursor: pointer;display: block;}
.popup-form .cross::before {content: "";position: absolute;left: 0;top: 0;width: 22px;height: 22px;background: url(images/close-icon.svg) center no-repeat;background-size: 22px;}
.popup-form h2{margin-bottom: 47px;}
.popup-form p{font-size: var(--body-m); line-height: var(--body-m-lh); color: var(--color-zwart);}
.popup-form .offer-details{ background: var(--color-licht-goud); padding: 30px; border-radius: 8px; margin-bottom: var(--text-space-20);}
.popup-form .details-top{display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid var(--color-zwart); padding-bottom: var(--text-space-20); margin-bottom: var(--text-space-20);}
.popup-form .details-top .event-info{width: 45%;}
.popup-form .details-top .package-details{width: 48.9%;}
.popup-form .details-top ul{padding-left: 0;}
.popup-form .details-top ul li{padding-left: 30px; margin-bottom: 10px; font-size: var(--body-m); line-height: var(--body-m-lh); color: var(--color-zwart); list-style: none; position: relative;}
.popup-form .details-top ul li::before {position: absolute;content: '';top:4px;left: 0;width: 20px;height:17px;background-size: 20px;}
.popup-form .details-top ul li.date::before { background: url(images/calender-icon.svg) center no-repeat;}
.popup-form .details-top ul li.time::before {background: url(images/timer-icon.svg) center no-repeat;}
.popup-form .details-top ul li.people::before {background: url(images/groups-icon.svg) center no-repeat;}
.popup-form .details-top ul li.location::before {background: url(images/location-black.svg) center no-repeat;}
.popup-form .details-top ul li:last-child{margin-bottom:0px;}
.popup-form .package-item{margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.popup-form .package-item:last-child{margin-bottom:0px;}
.popup-form .package-item .package-name, .popup-form .package-item .package-price{font-size: var(--body-m); line-height: var(--body-m-lh); color: var(--color-zwart);}
.popup-form .details-bottom .total-price{display:flex; flex-wrap: wrap; justify-content: space-between;  margin-bottom: var(--text-space-20);}
.popup-form .details-bottom .right-price{width:120px; text-align: right;}
.popup-form .details-bottom .total-left{width:calc(100% - 120px); }
.popup-form .details-bottom .total-price .total, .popup-form .details-bottom .total-price .price{font-size: var(--quote-s); line-height:1.1; color: var(--color-zwart); text-transform: uppercase; font-family: var(--font-brothers); font-weight: 400;}
.popup-form .details-bottom .total-price strong span{text-transform:none; font-size: var(--body-m); line-height: var(--body-m-lh);font-family: var(--font-hind); font-weight: var(--weight-regular);}
.popup-form .contact-form input, .popup-form .contact-form textarea {background:var(--color-goud);}
/* popup-form css end */

/* footer css start  */
.footer .inner-part{padding: 0 2px;}
.footer .top-footer ul {padding-left: 0;}
.footer .top-footer ul li{list-style: none; margin-bottom: 5px; line-height: 0;}
.footer .top-footer ul li:last-child{margin-bottom:0;}
.footer .top-footer ul li a{font-size: var(--body-m); line-height:24px; text-decoration: none;}
.footer p{font-size: var(--body-m); line-height:var(--body-m-lh); }
.footer .top-footer{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 50px 0; border-top: 1px solid var( --color-licht-goud); border-bottom: 1px solid var( --color-licht-goud);}
.footer .logo{width: 207px;}
.footer .logo a{display: block;}
.footer .logo a img{display: block;}
.footer .top-footer .left-part{display: flex; flex-wrap: wrap; justify-content: space-between; width: 51.4%;}
.footer .top-footer .card-box{display: flex; flex-wrap: wrap; gap:20px; justify-content: flex-end; width: 64.5%;padding-left: 20px;}
.footer .top-footer .card-box .menu-card{width: calc(50% - 25px);}
.footer .menu-card h2{font-size: var(--font-h4); line-height: 1.1; color: var(--color-licht-goud); margin-bottom: 10px;}
.footer .top-footer .right-part{width:31.4%;display: flex;flex-wrap: wrap; gap: 70px; justify-content: flex-end; align-items: flex-end;}
.footer .top-footer .right-part .address-box{width: calc(100% - 324px);}
.footer .top-footer .address-box p{margin-bottom: 25px; line-height: 27px;}
.footer .top-footer .address-box p:last-child{margin-bottom:0px;}
.footer .top-footer .address-box p a{display: block; text-decoration: none; margin-bottom: 5px;}
.footer .top-footer .address-box p a:last-child{margin-bottom:0px;}
.footer .top-footer  .right-part .btn-box{width: 254px;}
.footer .bottom-footer{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0;}
.footer .bottom-footer .left-text{width: 50%;}
.footer .bottom-footer .right-link{width: 28.8%; display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center;}
.footer .bottom-footer .right-link ul{display: flex; flex-wrap: wrap; gap: 32px; margin-bottom: 0; padding-left: 0;}
.footer .bottom-footer .right-link ul li{list-style: none; line-height: 0;}
.footer .bottom-footer .right-link ul li a{font-size: var(--body-m); text-decoration: none;line-height:24px;}
.footer .bottom-footer .bookmark-icon img{max-width: 20px; width: auto; display: block;}



/* menubar css start  */
.header .menubar {width: 33px;display: none;cursor: pointer;position: relative;}
.header .menubar span {display: block;width: 100%;height: 2.5px;background: var(--color-wit);margin: 0 0 10px;transition: 0.4s;}
.header .menubar span:nth-child(2) {width: 20px; margin-left: auto;margin-right: auto;}
.header .menubar span:last-child { margin-bottom: 0;}
.header .menubar.active span:nth-child(1) {transform: translateY(14px) rotate(-45deg);}
.header .menubar.active span:nth-child(2) {opacity: 0;}
.header .menubar.active span:nth-child(3) {transform: translateY(-11px) rotate(45deg);}
.mob-menu{display: none;}
 
html.menu-open,html.menu-open body {overflow: hidden !important; height: 100%;}

.certifications_sec .certification-card img {width: 100%;display: block;}

/* footer css end  */



/* responsive css start */
@media only screen and (max-width: 1600px) {

/* ------ ROOT VARIABLES ------ */
:root {

    /* Container */
    --container-large: 1260px;
    --container-small: 1200px;

    /* font-sizes */
    --font-h1: 80px;
    --font-h1-lh: 72px;
    --font-h2: 46px;
    --font-h2-lh: 56px;
    --font-h3: 32px;
    --font-h4: 22px;
    --body-xl: 20px;
    --body-xl-lh: 28px;
    --body-l: 18px;
    --quote-l: 46px;
    --quote-m: 34px;
    --quote-s: 21px;


    /* margins */
    --mb-70: 50px;
    --mb-90: 90px;
    --mb-100: 100px;
    --mb-120: 120px;
    --mb-130: 130px;
    --mb-160: 160px;
    --mb-220: 220px;

}

.header .logo {width: 158px;}
.header .navigation > ul, .header .right_nav .flex_box {gap: 35px;}
.header .border {margin-bottom: 26px;}
.header a:not(.btn_one):not(li li a)::before {top: calc(100% + 23px);}
.header .navigation li ul {top: 57px;}
.header .right_nav a:not(.btn_one):not(li li a)::before {top: calc(100% + 32px);}
.hero_sec.two {min-height: 500px;}
.hero_sec .text_box {max-width: 630px;}
.three_title .inner_part {gap: 50px;}
.fire_list li {padding-left: 42px;margin-bottom: 30px;}
.fire_list li::before {width: 22px;height: 32px;background-size: 22px;}
.event_sec .left_part {width: 50%;}
.event_sec .right_part {width: 42%;}
.event_sec .right_part h2 {margin-bottom: 40px;}
.text-image-section h2 {margin-bottom: 25px;}
.text-image-section .btn_box {margin-top: 50px;}
.footer .top-footer .left-part {width: 54%;}
.footer .logo {width: 170px;}
.footer .top-footer .card-box {width: calc(100% - 170px);}
.footer .top-footer .right-part {width: 42%;gap: 30px;}
.populairste-gerechten.six_grid .gerechten-card {width: calc(25% - 15px);}
.arrangementen_section .right_text .wrap {max-width: 500px;}
.arrangementen_section .right_text h2 {margin-bottom: 40px;}
.arrangementen_section .right_text .btn_one {margin-top: 30px;}
.menu_sec .menu_card {padding: 20px;}
.menu_sec .menu_card .img-box {margin-bottom: 30px;}
.menu_sec .menu_card .top_part {margin-bottom: 30px;}
.option_sec .inner_part {padding: 30px 40px;}
.work_sec .inner_part {gap: 80px;}
.work_sec .work_card {width: calc(33.33% - 80px);}
.quotation-text-sec .inner-text::before {width: 120px;height: 85px;background-size: 120px;top: -28px;}
.quotation-text-sec .inner-text {padding: 50px 0 50px 190px;}
.quotation-text-sec p {font-size: 36px;}
.quote_card_sec .card p {font-size: 27px;}
.contact-sec .social-content .left-detail {width: 72%;}
.contact-sec .social-content .right-text {width: 42%;}
.package-card-sec .card {padding: 20px;}
.package-card-sec .card .img-box {margin-bottom: 20px;}
.bbq_sec .right-part {width: 320px;}
.bbq_sec .left-part {width: calc(100% - 340px);}
.package-card-sec .inner-card {gap: 20px;}
.package-card-sec .card {width: calc(33.33% - 14px);}
.toe-card-sec .inner-card {gap: 11px;}
.toe-card-sec .toe-card {width: calc(33.33% - 8px);}
.toe-card-sec .toe-card .img-box {width: 90px;}
.toe-card-sec .toe-card .text {width: calc(100% - 110px);}
.toe-card-sec .toe-card .left-text {gap: 0;justify-content: space-between;width: calc(100% - 50px);}
.toe-card-sec .toe-card .right-part {width: 50px;}
.offer-card-box {padding: 20px;}
.grid_sec .inner_part {grid-auto-rows: 300px;}

	.three_title .wrapper {max-width: 100%;}
	.three_title .title {font-size: 26px;}
}

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

/* ------ ROOT VARIABLES ------ */
:root {

    /* Container */
    --container-large: 1060px;
    --container-small: 1060px;

    /* font-sizes */
    --font-h1: 80px;
    --font-h1-lh: 72px;
    --font-h2: 42px;
    --font-h2-lh: 50px;
    --font-h3: 32px;
    --font-h4: 22px;
    --body-xl: 20px;
    --body-xl-lh: 28px;
    --body-l: 18px;
    --quote-l: 36px;
    --quote-m: 26px;
    --quote-s: 21px;


    /* margins */
    --mb-70: 50px;
    --mb-90: 70px;
    --mb-100: 70px;
    --mb-120: 70px;
    --mb-130: 70px;
    --mb-160: 100px;
    --mb-220: 150px;

}

.three_title .inner_part {gap: 40px;}
.three_title .title {font-size: 22px;}
.event_sec .right_pattern {width: 425px;height: 635px;}
.event_sec .right_part {width: 45%;}
.text-image-section .text {padding: 25px 0;}
.text-image-section blockquote {margin-bottom: 20px;}
.footer .top-footer {align-items: flex-start;}
.footer .top-footer .left-part {width: 65%;}
.footer .top-footer .right-part {width: 32%;flex-direction: column;align-items: flex-end;}
.footer .top-footer .right-part .address-box {width: auto;}
.footer .bottom-footer .right-link {width: 35%;}
.populairste-gerechten .right_pattern {width: 600px;height: 700px;}
.populairste-gerechten.six_grid {padding-bottom: 70px;}
.menu_sec .inner_part {gap: 20px;}
.menu_sec .menu_card {width: calc(33.33% - 14px);}
.option_sec .right_part {width: 42%;}
.option_sec .left_pattern {width: 600px;height: 600px;}
.single_quote .quote-icon {max-width: 70px;margin: 0 auto 30px auto;}
.work_sec .inner_part {gap: 30px;}
.work_sec .work_card {width: calc(33.33% - 20px);}
.work_sec .work_card h3 {margin-bottom: 20px;font-size: 28px;}
.grid_sec .inner_part {grid-auto-rows: 250px;}
.quotation-text-sec .inner-text::before {width: 80px;height: 57px;background-size: 80px;top: -20px;}
.quotation-text-sec .inner-text {padding: 40px 0 40px 125px;}
.quote_card_sec .card::before {width: 50px;height: 38px;background-size: 50px;top: 29px;}
.quote_card_sec .card {padding: 40px 0 40px 85px;}
.quote_card_sec .card span.user-name {top: 30px;}
.quotation-text-sec p {font-size: 30px;}
.quote_card_sec .card p {font-size: 22px;}
.contact-sec .social-content .left-detail {width: 100%;}
.contact-sec .social-content .socila-icons {width: 100%;margin-top: 20px;}
.package-card-sec .card {width: calc(50% - 10px);}
.toe-card-sec .toe-card {width: calc(50% - 6px);}
.calendar-wrapper, .time-picker, .date-display,
.quantity-control, .quantity-control-wrap, .date_time_outer, .quantity-location, .location-field, .location-wrap {width: 100%;max-width: 100% !important;}
.event_sec .right_part ul {margin-bottom: 50px;}

.error404 .hero_sec .text_box h1 {font-size: 200px;}

}


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

/* ------ ROOT VARIABLES ------ */
:root {

    /* Container */
    --container-large: 800px;
    --container-small: 800px;

    /* font-sizes */
    --font-h1: 70px;
    --font-h1-lh: 62px;
    --font-h2: 40px;
    --font-h2-lh: 46px;
    --font-h3: 32px;
    --font-h4: 22px;
    --body-xl: 18px;
    --body-xl-lh: 24px;
    --body-l: 18px;
    --quote-l: 36px;
    --quote-m: 26px;
    --quote-s: 21px;


    /* margins */
    --mb-70: 50px;
    --mb-90: 70px;
    --mb-100: 70px;
    --mb-120: 70px;
    --mb-130: 70px;
    --mb-160: 100px;
    --mb-220: 150px;

}
.header .half-col .menu, .header .half-col .flex_box {display: none;}
.header .menubar {display: block; align-self: flex-start;margin-left: auto;}
.header .logo {width: 148px;}
.header .half-col {width: calc(50% - 89px);}
.header .border {margin-bottom: 26px;height: 30px;}
.header .navigation.half-col {justify-content: flex-end;}

.mob-menu {display: block; position: fixed;left: 0;top:0; width: 100%;height: 100%; padding: 208px 80px 40px 80px;z-index: 9;background: linear-gradient( 180deg, #000 0%, #000 65%, #151515 72%, #444 82%, #999 91%, #fff 100% ); overflow-y: auto;overflow-x: hidden;;transition: 0.4s;opacity: 0;visibility: hidden;pointer-events: none;}
.mob-menu.show { opacity: 1; visibility: visible; pointer-events: all; }
.mob-menu .inner-part { position: relative;height: 100%;padding-bottom: 0;display: flex;flex-direction: column;justify-content: space-between;max-width: 740px;margin: 0 auto;}
.mob-menu .navigation{   flex: 1;overflow: scroll;margin-bottom: 50px;}
.mob-menu ul{padding-left: 0;margin-bottom: 26px;}
.mob-menu ul:last-child {margin-bottom: 0;}
.mob-menu .navigation > ul.menu > li {list-style: none;margin-bottom: 26px;line-height: 1;}
.mob-menu .navigation > ul.menu > li:last-child {margin-bottom: 0;}
.mob-menu .navigation > ul.menu > li > .sub-menu > li {list-style: none;padding: 13px 0 0 30px;}
.mob-menu ul a {font-size: var(--body-l);line-height: 1;display: inline-block; text-decoration: none;font-weight: var(--weight-semiBold); }
.mob-menu .btn-box .btn_one{min-width: 215px;}

.hero_sec {min-height: 725px;padding: 180px 0 50px;}
.hero_sec .text_box {max-width: 500px;}
.hero_sec .text_box h1 {margin-bottom: 35px;}

.three_title .inner_part {gap: 20px;flex-direction: column;align-items: center;justify-content: center;}
.three_title .title {font-size: 28px;}
.three_title.two .inner_part {flex-direction: unset;}
.three_title.two .title_card {width: calc(50% - 50px);text-align: center;}

.event_sec .left_part {width: 100%;margin-bottom: 40px;} 
.event_sec .right_part {width: 100%;}
.event_sec .right_part h2 {margin-bottom: 30px;}
.fire_list li {margin-bottom: 25px;}
.event_sec .right_part ul {margin-bottom: 30px;}
.event_sec .left_pattern {display: none;}

.populairste-gerechten .gerechten-card {width: 100%;}
.populairste-gerechten .gerechten-ouer {gap: 20px;margin-bottom: 30px !important;}

.text-image-section .half {width: 100%;}
.text-image-section .left-text.half {order: 2;margin-top: 30px;}
.text-image-section .btn_box {margin-top: 30px;}

.quote_slider_sec .card .quote-icon {max-width: 53px;margin: 0 auto 30px auto;}
.quote_slider_sec .card .quote_s {margin-bottom: 20px;}
.quote_slider_sec .card .user-image {max-width: 86px;}
.quote_slider_sec .card .user-image img {max-width: 100%;}
.quote_slider_sec .swiper-pagination {margin: 40px 0;}

.cta_section .left-image {width: 100%;}
.cta_section .right-text {width: 100%;}
.cta_section .left-image img {width: 100%;}
.cta_section .outer-part {gap: 30px;}
.cta_section .right-text .btn_one {margin-top: 10px;}

.footer .top-footer .left-part {width: 100%;margin-bottom: 20px;}
.footer .logo {width: 150px;margin: 0 auto 30px auto;}
.footer .top-footer .card-box {width: 100%;padding: 0;gap: 15px;flex-direction: column;align-items: center;}
.footer .top-footer .card-box .menu-card {width: 100%;text-align: center;}
.footer .top-footer .right-part {width: 100%;flex-direction: column-reverse;align-items: center;gap: 20px;}
.footer .top-footer .right-part .address-box {text-align: center;}
.footer .top-footer {padding: 30px 0;}
.footer .bottom-footer .left-text {width: 100%;text-align: center;}
.footer .bottom-footer .right-link {width: 100%;flex-direction: column;align-items: center;gap: 5px;}

.populairste-gerechten.six_grid .gerechten-card {width: calc(33.33% - 14px);}

.arrangementen_section .left_image {margin-bottom: 30px;}
.arrangementen_section .left_image, .arrangementen_section .right_text {width: 100%;}
.arrangementen_section .right_text .wrap {max-width: 100%;}
.arrangementen_section .right_text h2 {margin-bottom: 20px;}
.arrangementen_section .right_text .btn_one {margin-top: 10px;}

.menu_sec .menu_card {width: 100%;}
.option_sec .left_part {width: 100%;padding-right: 0;border-bottom: 1px solid var(--color-licht-goud);border-right: 0;padding-bottom: 20px;margin-bottom: 30px;}
.option_sec .right_part {width: 100%;}
.option_sec .left_pattern {display: none;}
.option_sec .left_part .btn_box {margin-top: 20px;}

.text-image-section.opposite .pr_50 {padding-left: 0;}
.work_sec .work_card {width: 100%;}
.quote_card_sec .card {width: 100%;}

.grid_sec .inner_part {grid-auto-rows: 200px;}
.grid_sec .inner_part {gap: 20px;}

.bbq_sec .left-part {margin-bottom: 70px;}
.bbq_sec .left-part, .bbq_sec .right-part {width: 100%;}
.package-card-sec .card {width: 100%;}
.package-card-sec .card .img-box img {width: 100%;object-fit: cover;}
.contact-sec .left-part {width: 100%;margin-bottom: 50px;}
.contact-sec .right-part {width: 100%;}
.contact-sec .right-part .img-box img {width: 100%;object-fit: cover;}
.contact-sec .social-content .right-text {text-align: right;}
.text-image-section .wrap {max-width: 100%;}

.error404 .hero_sec .text_box h1 {font-size: 150px;}
.contact-sec .top-title {margin-bottom: 50px;}

.default_page {padding: 200px 0 70px;}

}

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

/* ------ ROOT VARIABLES ------ */
:root {

    /* Container */
    --container-large: 100%;
    --container-small: 100%;

    /* font-sizes */
    --font-h1: 60px;
    --font-h1-lh: 52px;
    --font-h2: 40px;
    --font-h2-lh: 46px;
    --font-h3: 32px;
    --font-h4: 22px;
    --body-xl: 18px;
    --body-xl-lh: 24px;
    --body-l: 16px;
    --body-l-lh: 21px;
    --body-m: 14px;
    --body-m-lh: 20px;
    --quote-l: 36px;
	--quote-l-lh: 1.2;
    --quote-m: 26px;
    --quote-s: 21px;


    /* margins */
    --mb-70: 50px;
    --mb-90: 60px;
    --mb-100: 60px;
    --mb-120: 60px;
    --mb-130: 60px;
    --mb-160: 100px;
    --mb-220: 150px;

}

.hero_sec .text_box {max-width: 450px;}
.three_title .inner_part {gap: 10px;}
.title-center.mb-70 {margin-bottom: 30px !important;}
.populairste-gerechten .gerechten-card h3 {margin-bottom: 5px;}
.btn-flex {gap: 20px;}
.btn-flex .btn_one {min-width: 303px;}
.quote_slider_sec .title-center.mb-100 {margin-bottom: 50px !important;}
.quote_slider_sec .card .quote-icon img {max-width: 53px;}
.footer .logo {width: 130px;}
.footer .menu-card h2 {font-size: 26px;margin-bottom: 5px;}
.three_title.two .title_card {width: 100%;}
.three_title.two .inner_part {gap: 30px;}
.populairste-gerechten.six_grid .gerechten-card {width: calc(50% - 10px);}
.populairste-gerechten.six_grid .gerechten-card .image {margin-bottom: 11px;}
.option_sec .left_part p {font-size: 16px;line-height: 21px;}
.option_sec .inner_part {padding: 20px;}
.grid_sec .inner_part {grid-auto-rows: auto;}
.quotation-text-sec .inner-text::before {width: 53px;height: 41px;background-size: 53px;top: -14px;left: 10px;}
.quotation-text-sec .inner-text {padding: 30px 0 30px 50px;}
.quote_card_sec .card span.user-name {margin-top: 20px;}
.quote_card_sec .card {padding: 30px 0 30px 50px;}
.quote_card_sec .card::before {width: 40px;height: 30px;background-size: 40px;top: 22px;left: 0;}
.quotation-text-sec p {font-size: 26px;}
.quote_card_sec .card p {font-size: 20px;}
.package-card-sec .card .text-box ul {margin-bottom: 20px;}
.toe-card-sec .toe-card {width: 100%;}
.detail_title.mb-40 {margin-bottom: 20px !important;}
.detail_title h3 {display: flex;flex-direction: column;gap: 5px;}
.check-group {gap: 10px;margin-bottom: 10px;}
.check-group .check-field {width: 100%;}
.contact-form .field-box .input-field {width: 100%;}
.contact-form .field-box {gap: 10px;margin-bottom: 10px !important;}
.contact-form textarea {height: 100px;}
.contact-sec .top-title {margin-bottom: 30px;}

.popup-form .cross {right: 15px;top: 15px;width: 15px;height: 15px;}
.popup-form .cross::before {width: 100%;height: 100%;background-size: contain;}
	
.three_title .title {font-size: var(--font-h3);}
	

}


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

/* ------ ROOT VARIABLES ------ */
:root {


    /* font-sizes */
    --font-h1: 58px;
    --font-h1-lh: 54px;

}

.hero_sec .text_box .btn_one {margin-left: 0px;min-width: 311px;}
.event_sec .right_part .btn_one, .text-image-section .half .btn_one {min-width: 311px;}
.menu_sec .menu_card .btn_one {min-width: 100%;}

.populairste-gerechten.six_grid .gerechten-card {width: 100%;}
.populairste-gerechten .title-center.mb-60 {margin-bottom: 30px !important;}
.client_sec .btn-flex, .certifications_sec .btn-flex {margin-top: 40px;}
.menu_sec .title-center.mb-50 {margin-bottom: 30px !important;}
.menu_sec .inner_part {gap: 30px;}
.single_quote .quote-icon {max-width: 55px;margin: 0 auto 20px auto;}
.grid_sec .inner_part {gap: 10px;}
.calendar-wrapper label, .time-picker label, .quantity-control-wrap label, .location-wrap label {font-size: 16px;line-height: 21px;}
.date_time_outer, .quantity-location {gap: 20px;margin-bottom: 20px;}
.quantity-location {margin-bottom: 0;}
.party_detail {padding-bottom: 20px;margin-bottom: 20px;}
.package-card-sec {margin-bottom: 20px;}
.toe-card-sec .toe-card p, .toe-card-sec .toe-card span.price {font-size: 16px;line-height: 1.5;}
.check-field label {font-size: 14px;line-height: 20px;}
.check-field input:not(.text-field input):checked + label::after {top: 3px;}
.check-field .text-field input {font-size: 14px;}
.check-field .text-field {width: 160px;}
.offer-card .btn-box .btn_one {min-width: 100%;}
.error-page .inner-part p br {display: none;}
.footer .logo {width: 128px;}
.require_text {margin-top: 20px;}

.default_page {padding: 200px 0 50px;}


.popup-form {padding: 50px 15px 30px;}
.popup-form-outer {padding: 30px 10px;}
.popup-form .offer-details {padding: 20px 10px;}
.popup-form h2 {margin-bottom: 20px;font-size: 32px;line-height: 1;}
.popup-form .details-bottom .total-price .total, .popup-form .details-bottom .total-price .price {font-size: 18px;}

.error-page h2 br {display: none;}

}

/* Turnstile in offerte-popup */
.offer-turnstile-wrap .offer-turnstile{min-height:65px;}
.offer-turnstile-wrap.has-error .offer-turnstile{outline:1px solid #c0392b;outline-offset:2px;}