/* Theme Name: Scandic 2.0 Theme URI: Description: A 2025 framework for WordPress. Author: Internetbureau Jun-E-Jay Version: 2.00003 Tags: General comments (optional). */ /* #Site Styles ================================================== */ :root { --width-base: 1400px; --menu-base: 1800px; --font-size-base: 16px; --font-family-base: 'Roboto', sans-serif; --font-family-heading: 'PT Serif', sans-serif; --font-family-secondary: 'Segoe Script', sans-serif; --font-family-icon: 'icomoon'; --line-height-base: 1.5; --color-white: #fff; --color-black: #000; --color-primary: #ec1e23; --color-red: #bd1e21; --color-gray-secondary: #8e9195; --color-gray: #707070; --color-blue: #f6fafd; --color-light-blue: #e1e8f0; --color-yellow: #fbbc04; --color-green: #2e845a; --color-light-green: #00a738; --color-text: #1a202c; --heading-lineheight: 1.2; --font-size-h1: 40px; --font-size-h2: 28px; --font-size-h3: 20px; --font-size-h4: 18px; --input-height: 48px; --border-radius: 5px; --textarea-height: 130px; --w-full: 100%; --h-full: 100%; --base-duration: all 0.3s; --box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); } /* ### general ### */ * { margin: 0; padding: 0; box-sizing: border-box; } /* html { scroll-behavior: unset; } */ html, body { font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text); } body { background: var(--color-white); } body.noscroll{ overflow: hidden; height: 100vh; } input, select, textarea { padding: 10px; width: var(--w-full); height: var(--input-height); font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); color: var(--color-text); border: 1px solid #e1e8f0; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; } textarea { padding: 14px 10px; height: var(--textarea-height); } select { --webkit-appearance: none; border-radius: 0; appearance: none; cursor: pointer; } .custom-select-arrow { background: url('images/arrow-down.svg') no-repeat center right 10px var(--color-white); } input::placeholder, textarea::placeholder { font-weight: 300; color: rgba(1, 1, 3, 0.8); } input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--color-gray); border-radius: var(--border-radius); -webkit-appearance: none; } input[type='checkbox']:checked:after { display: block; width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; border-radius: var(--border-radius); background-color: var(--color-gray); content: ''; } input[type='radio'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid var(--color-gray); border-radius: 50%; -webkit-appearance: none; } input[type='radio']:checked:after { display: block; width: 12px; height: 12px; font-family: var(--font-family-icon), sans-serif; border-radius: var(--border-radius); background-color: var(--color-gray); content: ''; } label { margin-bottom: 3px; display: block; color: var(--color-text); } img { display: block; max-width: var(--w-full); border: 0; } ul, li { list-style: none; } :focus { outline: none; } a { display: inline-block; text-decoration: none; } p { margin-bottom: 25px; } p a{ display: inline-block; color: var(--color-text); text-decoration: underline; } p a:hover{ color: var(--color-red); text-decoration: none; } .h1, h1, .h2, h2, .h3, h3, .h4, h4 { margin-bottom: 14px; font-family: var(--font-family-heading), sans-serif; line-height: var(--heading-lineheight); } .h1, h1 { font-size: var(--font-size-h1); } .h2, h2 { font-size: var(--font-size-h2); } .h3, h3 { font-size: var(--font-size-h3); } .h4, h4 { font-size: var(--font-size-h4); } .megamenu{ position: static!important; } .megamenu ul a {font-size: 16px!important; font-weight: 400!important;} .megamenu ul{ display: flex!important; left:0!important; box-shadow:none!important;width: 100%!important; top:auto!important; background-color: var( --color-blue)!important; } .megamenu ul li.dropdown:after{ display: none!important; } .megamenu>ul{ padding-right: calc((100% - var(--menu-base)) / 2)!important; padding-left: calc((100% - var(--menu-base)) / 2)!important;box-shadow: var(--box-shadow)!important; flex-wrap: nowrap!important; top: 98px!important; } .megamenu .topkolom{ flex-grow: 1; width: auto!important; } .megamenu .topkolom>a{ color: var(--color-red)!important; font-weight: 700!important; text-align: center;margin: 0 auto; display: block; width: fit-content; } .megamenu .topkolom>ul{ position: relative!important;position: relative!important; flex-wrap: nowrap!important; justify-content: space-between; } .megamenu .topkolom>ul>li{ flex-grow: 1!important; } .megamenu .nolink{ padding-left: 0px!important; flex-grow: 1!important; } .megamenu .nolink>a{ font-weight: 700!important; pointer-events: none; } .megamenu .nolink>ul{ flex-direction: column; position: relative!important;} .megamenu .nolink>ul>li{ width: 100%!important;padding-left: 0px!important; } .megamenu .nolink>ul>li>a{ white-space: normal!important; } .megamenu .toplink{ padding-left: 0px!important; flex-grow: 1!important; } .megamenu .toplink>a{ font-weight: 700!important; } .megamenu .toplink>ul{ flex-direction: column; position: relative!important;} .megamenu .toplink>ul>li{ width: 100%!important;padding-left: 0px!important;} .megamenu .toplink>ul>li>a{ white-space: normal!important; line-height: 1.3!important; } .swiper{ height: 100%; } #loader_popup_gebieden{ display: flex; overflow: hidden; margin-bottom: 20px; width: 100%; } #loader_popup_gebieden_inner{ display: flex; margin-left: 100%; transition: all 0.5s; } #loader_popup .gebied-item{ margin-right: 10px; padding: 5px 10px;font-size: 12px; border-radius: 50px; background-color: #e3e9f1; } #loader_popup_bar{ padding: 6px; color: #ffffff; background-color: #ec1e23; justify-content: center; align-items: center; text-align: center; transition: all 0.5s; } #loader_popup{ width: 100%; max-width: 600px; padding: 40px; background-color: #ffffff; display: flex; flex-direction: column; justify-content: center; overflow: hidden; } #loader_popup h3{ font-size: 22px; color: #ec1e23; text-align: center; } #loader_icon{ position: fixed; z-index: 1000000; left: 0; top: 0; height: 100vh; width: 100%; display: none; background-color: rgba(255,255,255,0.7); } #loader_icon.loading{ display: flex; justify-content: center; align-items: center; } /* ### global classes ### */ .clear { visibility: hidden; clear: both; height: 0; line-height: 0; } .centered { padding-right: 15px; padding-left: 15px; } .button { padding: 10px 30px; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: 1.5; text-align: center; color: var(--color-white); border: 2px solid var(--color-primary); background-color: var(--color-primary); transition: var(--base-duration); cursor: pointer; } .button:focus, .button:hover { border: 2px solid var(--color-red); background-color: var(--color-red); } .button.white { color: var(--color-primary); border: 2px solid var(--color-white); background-color: var(--color-white); } .button.white:focus, .button.white:hover { color: var(--color-white); background-color: transparent; } .button.outline { color: var(--color-primary); background-color: transparent; } .button.outline:focus, .button.outline:hover { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); } .button.white-outline { color: var(--color-white); border-color: var(--color-white); background-color: transparent; } .button.white-outline:focus, .button.white-outline:hover { color: var(--color-primary); background-color: var(--color-white); } .link { text-decoration: underline; color: var(--color-primary); cursor: pointer; } .link:focus, .link:hover { text-decoration: none; } .check { margin-bottom: 2px; } .check input { display: none; } .check label { margin-bottom: 1px; padding-top: 4px; padding-left: 26px; position: relative; font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); } .check label:before { position: absolute; top: 5px; left: 0; width: 18px; height: 18px; border: 1px solid #457fbb; border-radius: 5px; content: ''; } .check label:after { position: absolute; top: 10px; left: 4px; display: none; width: 12px; height: 11px; font-size: 11px; color: var(--color-white); background-image: url('images/check.svg'); content: ''; } .check input:checked + label:before { border: 1px solid var(--color-light-green); background-color: var(--color-light-green); } .check input:checked + label:after { display: block; } .w-100 { width: 100%; } .w-50 { width: 100%; } .sub-title { font-weight: 500; font-style: italic; } .button.actief { color: var(--color-white); border-color: var(--color-primary); background-color: var(--color-primary); } .reis_filter_holder{ display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; align-items: center; margin-bottom: 40px; } /* ### wrapper ### */ .wrapper { padding-top: 60px; position: relative; display: block; width: 100%; min-height: 100%; overflow-x: clip; } /* ### main container ### */ .mainCntr { width: 100%; } /* ### header ### */ .header { position: fixed; top: 0; left: 0; z-index: 11; width: var(--w-full); background-color: var(--color-white); transition: var(--base-duration); } .header-logo { position: unset; } .header-logo a { display: block; width: 60px; height: 60px; } .header-logo img { width: 60px; height: 60px; } body.active .header { transform: translateY(-80px); } body.sticky .header .m-menu__checkbox:checked ~ .m-menu { transform: translateY(80px); } /* ### header menu ### */ .header-menu { display: none; } .header-menu ul > li { padding-top: 36px; padding-bottom: 36px; position: relative; display: inline-block; transition: var(--base-duration); } .header-menu ul > li:last-child { margin-right: 0; } .header-menu ul > li.dropdown:after { margin-left: 1px; display: inline-block; font-family: var(--font-family-icon), sans-serif; font-size: 6px; vertical-align: middle; transition: var(--base-duration); content: '\e903'; } .header-menu ul > li > a { font-size: 16px; font-weight: 500; color: var(--color-text); transition: var(--base-duration); position: relative; } .header-menu ul > li > a:focus, .header-menu ul > li > a:hover { color: var(--color-red); text-decoration: underline; } .header-menu>ul > li:hover > a { color: var(--color-red); text-decoration: none!important; } .header-menu>ul > li:hover > a:after { content: ''; width: 100%; height: 4px; background-color: var(--color-primary); position: absolute; left:0; bottom:-34px; z-index: 2; } .header-menu ul > li > ul { padding: 16px 0; position: absolute; top: 100%; left: 0; display: flex; flex-wrap: wrap; opacity: 0; visibility: hidden; height: auto; border-radius: 0 0 5px 5px; background-color: var(--color-white); transition: all 0.3s ease-in-out; pointer-events: none; box-shadow: var(--box-shadow); } .header-menu ul > li:hover ul { opacity: 1; visibility: visible; pointer-events: unset; } .header-menu ul > li > ul > li { margin-right: 0; padding: 0 16px; position: relative; display: block; width: var(--w-full); white-space: nowrap; } .header-menu ul > li > ul > li > a{ font-size: 16px; } .header-menu ul > li > ul > li:after { display: none; } .header-menu ul > li > ul > li > ul { top: 0; left: 100%; display: none; transform: translateX(0); } .header-menu ul > li > ul > li:hover > ul { display: block; } .header-menu .button { padding: 11px 21px; position: absolute; top: 50%; right: 20px; font-size: 14px; transform: translateY(-50%); } /* ### mobile menu ### */ .mobile-menu { display: block; } .mobile-menu .hamburger { position: absolute; top: 50%; right: 15px; display: flex; align-items: center; color: #1a202c; transform: translateY(-50%); transition: all 0.3s ease-in-out; cursor: pointer; } .mobile-menu label { margin-bottom: 0; } .m-menu__checkbox { display: none !important; } .m-menu__toggle { margin-left: -8px; padding-top: 5px; cursor: pointer; } .m-menu { position: fixed; top: 0; right: -768px; z-index: 2; opacity: 0; visibility: hidden; width: calc(100vw - 30px); max-width: 768px; height: 100vh; background-color: var(--color-white); -moz-transform: translate3d(768px, 0, 0); -o-transform: translate3d(-450px, 0, 0); -ms-transform: translate3d(768px, 0, 0); -webkit-transform: translate3d(768px, 0, 0); transform: translate3d(768px, 0, 0); transition: transform 0.35s; overflow: hidden; } .m-menu__overlay { position: absolute; top: 0; bottom: 0; z-index: 1; display: none; width: 100%; background-color: rgba(103, 103, 103, 0.5); } .m-menu__header { padding: 0 16px; display: flex; align-items: center; height: 50px; border-bottom: 1px solid var(--color-black); } .m-menu__header span { width: 100%; font-size: 20px; text-align: center; color: var(--color-white); } .m-menu .m-menu { transform: translate3d(768px, 0, 0); } .header-submenu { padding: 5px 0; border-bottom: 1px solid var(--color-black); } .m-menu ul { height: 100%; overflow-y: auto; } .m-menu ul li { margin-right: 0 !important; position: relative; display: block !important; } .m-menu ul li ul { display: block !important; } .m-menu ul li a { padding: 0 15px !important; color: var(--color-black); border-bottom: 1px solid var(--color-black); } .m-menu ul li a:focus, .m-menu ul li a:hover { text-decoration: none !important; } .m-menu ul li a.button { border-bottom: 0; } .m-menu ul li a, nav .m-menu ul li label { padding: 0 15px; position: relative; display: block; line-height: 47px; text-align: left; text-decoration: none; border-bottom: 1px solid var(--color-black); cursor: pointer; } nav .m-menu ul li label { border-bottom: 0; } .m-menu .btn-last { padding: 15px 10px; } .m-menu .button { padding: 7px 20px !important; width: 100%; line-height: unset; text-align: center !important; color: var(--color-white); } .m-menu .button:focus, .m-menu .button:hover { border-bottom: 2px solid var(--color-red); } .m-menu ul li label.a-label__chevron { padding: 15px 25px; position: absolute; top: 0; right: 0; display: inline-block; height: 48px; border-left: solid 1px var(--color-black); } .m-menu ul li label.a-label__chevron:after { padding: 5px; position: absolute; top: 19px; right: 20px; display: inline-block; width: 0; height: 0; border-color: var(--color-black); border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); content: ''; } .m-menu ul li .-invisible { border-bottom: 0; } .m-menu .m-menu label.m-menu__toggle { margin: 0 !important; padding: 0 0 0 10px; display: flex; border-bottom: 0; } .m-menu__checkbox:checked ~ .m-menu__overlay { display: block; } .m-menu__checkbox:checked ~ .m-menu { right: 0; opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } /* ### banner ### */ .banner { padding-top: 60px; padding-bottom: 160px; position: relative; display: flex; align-items: flex-end; justify-content: center; min-height: 400px; text-align: center; background-color: var(--color-black); } .banner-content { margin: 0 auto; position: relative; z-index: 1; max-width: 700px; } .banner-content h1 { margin-bottom: 22px; font-size: 25px; color: var(--color-white); } .banner-image { position: absolute; top: 0; left: 0; opacity: 0.8; width: var(--w-full); height: var(--h-full); } .banner-image.afbeelding_overlay:after{ position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); z-index: 1; left: 0; top:0; } .banner-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } .banner.is-alt { padding-top: 60px; padding-bottom: 60px; display: block !important; align-items: center; justify-content: unset; text-align: unset; } .banner.is-alt .banner-content { margin: unset; max-width: 780px; color: var(--color-white); } .banner.is-alt h2 { color: var(--color-white); } .banner.is-alt .breadcrumbs { position: absolute; right: 20px; bottom: 5px; } .banner.is-alt .breadcrumbs li, .banner.is-alt .breadcrumbs a { color: var(--color-white); } .banner.is-sec { padding-bottom: 80px; display: flex; align-items: center; justify-content: left; } .banner.is-sec .banner-content { margin: 0; max-width: unset; color: var(--color-white); } .banner.inner { padding-top: 50px; padding-bottom: 50px; justify-content: unset; text-align: left; } .banner-column { margin-bottom: 16px; } .banner-column .custom-select-arrow { background: url('images/arrow-down.svg') no-repeat center right 10px rgba(255, 255, 255, 0.9); } .banner-column>.holiday-filter-item>label { display: block; font-family: var(--font-family-heading); font-size: 16px; font-weight: 700; color: var(--color-white); } .banner-column:last-child label { display: none; } .banner-column .button { margin-top: 15px; padding-right: 25px; padding-left: 25px; width: 100%; } .banner-spotlight { margin-top: 50px; padding: 25px 30px; position: relative; z-index: 1; background-color: var(--color-white); } .banner-spotlight li { margin-bottom: 5px; padding-left: 25px; position: relative; } .banner-spotlight li:last-child { margin-bottom: 0; } .banner-spotlight li img { position: absolute; top: 5px; left: 0; } .banner-content.align_left{text-align: center;} /* ### holiday-filter ### */ .holiday-filter { margin-bottom: 6px; padding-top: 22px; padding-bottom: 21px; background-color: var(--color-blue); } .holiday-filter-column { width: var(--w-full); } .holiday-filter-item { margin-bottom: 25px; font-family: var(--font-family-heading), sans-serif; font-size: var(--font-size-h4); font-weight: 700; } .holiday-filter-item label { display: flex; } .holiday-filter-item label span { margin-top: 3px; margin-left: 10px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 12px; border: 2px solid #b1b1b1; border-radius: 50%; } #filter_personen_input_holder{ display: flex; } #min_personen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } #min_personen_input:hover{ background-color: #bd1e21; } #plus_personen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } #plus_personen_input:hover{ background-color: #bd1e21; } #filter_personen_input{text-align: center; width: calc(100% - 96px);background-color: #ffffff; } #filter_dagen_input_holder{ display: flex; } #min_dagen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } #min_dagen_input:hover{ background-color: #bd1e21; } #plus_dagen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } #plus_dagen_input:hover{ background-color: #bd1e21; } #filter_dagen_input{text-align: center; width: calc(100% - 96px);background-color: #ffffff; } /* ### breadcrumbs ### */ .banner .rank-math-breadcrumb { margin-bottom: 3px; display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 12px; padding-top: 2px; padding-bottom: 5px; } .banner .rank-math-breadcrumb { font-size: 12px; } .banner .rank-math-breadcrumb a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); } .banner .rank-math-breadcrumb a:focus, .banner .rank-math-breadcrumb a:hover { text-decoration: none; color: var(--color-red); } .banner.is-alt .breadcrumbs { position: absolute; right: 20px; bottom: 5px; z-index: 10; color: var(--color-white); } .banner.is-alt .breadcrumbs a{ color: var(--color-white); } .banner.is-alt .breadcrumbs a:hover{ color: var(--color-red); } .banner.is-alt .breadcrumbs p{ margin-bottom: 0px; } .banner.is-sec .breadcrumbs { position: absolute; right: 20px; bottom: 5px; z-index: 10; color: var(--color-white); } .banner.is-sec .breadcrumbs a{ color: var(--color-white); } .banner.is-sec .breadcrumbs a:hover{ color: var(--color-red); } .banner.is-sec .breadcrumbs p{ margin-bottom: 0px; } .breadcrumbs_blok { background-color: var(--color-blue); } .breadcrumbs_blok .rank-math-breadcrumb { margin-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: flex-start; font-size: 12px; padding-top: 6px; padding-bottom: 6px; } .breadcrumbs_blok .rank-math-breadcrumb { font-size: 12px; } .breadcrumbs_blok .rank-math-breadcrumb a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); } .breadcrumbs_blok .rank-math-breadcrumb a:focus, .breadcrumbs_blok .rank-math-breadcrumb a:hover { text-decoration: none; color: var(--color-red); } .breadcrumbs_filter_blok{ background-color: #ffffff; } .breadcrumbs_filter_blok p{ margin-bottom: 0px; } .breadcrumbs_filter_blok .rank-math-breadcrumb { margin-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: flex-end; font-size: 12px; padding-top: 2px; padding-bottom: 5px; } .breadcrumbs_filter_blok .rank-math-breadcrumb { font-size: 12px; } .breadcrumbs_filter_blok .rank-math-breadcrumb a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); } .breadcrumbs_filter_blok .rank-math-breadcrumb a:focus, .breadcrumbs_filter_blok .rank-math-breadcrumb a:hover { text-decoration: none; color: var(--color-red); } /* ### holidays ### */ .holidays { margin-bottom: 81px; display: flex; flex-wrap: wrap; justify-content: space-between; } .holidays-left { margin-bottom: 25px; padding: 60px 20px; position: fixed; bottom: 0; left: 0; z-index: 15; width: var(--w-full); height: 0; background-color: var(--color-white); transform: translateY(134%); transition: 0.5s; overflow: hidden; } .holidays-left.active{ margin-bottom: 0; height: 100vh; transform: translateY(0); } .holidays-left.active #filter { margin-bottom: 0; height: calc(100vh - 140px); overflow: auto; } .holidays-column { margin-bottom: 22px; } .holidays-item { margin-bottom: 10px; padding: 15px; background-color: var(--color-blue); } .holidays-item h4 { margin-bottom: 5px; } .holidays-list span { padding: 15px 10px 0px; position: relative; display: block; width: var(--w-full); font-size: 14px; background: var(--color-white); cursor: pointer; } /*.holidays-list span:after { position: absolute; top: 20px; right: 8px; font-family: var(--font-family-icon), sans-serif; font-size: 5px; content: '\e903'; }*/ .holidays-select-column { padding-bottom: 10px; background-color: var(--color-white); } .holidays-select-column.active { padding-top: 9px; opacity: 1; } .holidays-select-column.transition { max-height: 200px; } .holidays-select-column .check { padding-left: 11px; } .holidays-right { padding: 20px 15px; width: var(--w-full); background-color: var(--color-blue); } .holidays-right .usp { margin-bottom: 20px; } .holidays-right .usp-wrap { padding-top: 0; padding-bottom: 15px; } .holidays-right .usp-text { display: flex; justify-content: flex-start; width: 100%; } .holidays-right .usp .swiper-slide { justify-content: space-between; } .holidays-content { margin-bottom: 10px; } .holidays-wrap { margin-bottom: 9px; } .holidays-text { width: var(--w-full); } .holidays-text p:last-child{ margin-bottom: 0; } .holidays-select { display: flex; align-items: center; flex-grow: 1; } .holidays-select img { margin-right: 7px; flex: 0 0 auto; } .holidays-select select { border: 1px solid rgba(225, 232, 240, 0.9); } .holidays-tags { display: flex; flex-wrap: wrap; } .holidays-tag-list { margin-right: 10px; padding: 5px 10px; font-size: 12px; border-radius: 50px; background-color: #e3e9f1; cursor: pointer; margin-top: 10px; margin-bottom: 14px; } .holidays-tag-list em { margin-right: 11px; font-style: normal; } .holidays-tag-list span { font-size: 9px; color: #8d8d8d; } .holidays-tag-list.is-alt { font-size: 14px; font-weight: 700; background: transparent; } .holidays-tag-list.is-alt a { color: var(--color-text); transition: var(--base-duration); } .holidays-tag-list.is-alt a:hover, .holidays-tag-list.is-alt a:focus { color: var(--color-primary); } .holidays-list-item { margin-bottom: 25px;} .holidays-list-holder { margin-bottom: 25px; } .holidays-link-btn { display: flex; justify-content: center; } .holidays-left .close-btn { position: fixed; top: 15px; right: 20px; z-index: 15; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; font-size: 18px; text-decoration: none; color: var(--color-white); border: none; border-radius: 5px; background-color: var(--color-red); cursor: pointer; } .filter-sticky { padding: 15px; position: fixed; bottom: 0; left: 0; z-index: 5; width: var(--w-full); background-color: var(--color-white); box-shadow: 10px 3px 6px 3px rgba(0, 0, 0, 0.16); } .filter-sticky button, .filter-sticky a { width: var(--w-full); } .holidays-left .resultaten_tonen{ display: none; } .holidays-left.active .resultaten_tonen{ background-color: #ffffff; cursor: pointer; padding: 10px; width: var(--w-full); height: var(--input-height);font-family: var(--font-family-base), sans-serif;font-size: var(--font-size-base);color: var(--color-text);border: 1px solid #e1e8f0; position: fixed; bottom: 15px; left:15px; width: calc(100% - 30px); display: block; } #filter_gebied_dd_label, #filter_land_dd_label{ display: flex; justify-content: flex-start; align-items: center; background-color: #ffffff; gap:10px; padding: 10px; width: var(--w-full);height: var(--input-height);font-family: var(--font-family-base), sans-serif;font-size: var(--font-size-base);color: var(--color-text);border: 1px solid #e1e8f0; cursor: pointer; } .custom_dd_holder_option{ display: flex; justify-content: flex-start; align-items: center; background-color: #ffffff; gap:10px; padding: 10px; width: var(--w-full);height: var(--input-height);font-family: var(--font-family-base), sans-serif;font-size: var(--font-size-base);color: var(--color-text);border: 1px solid #e1e8f0; } .filter_btn{ background-color: #ffffff; cursor: pointer; padding: 10px; width: var(--w-full); height: var(--input-height);font-family: var(--font-family-base), sans-serif;font-size: var(--font-size-base);color: var(--color-text);border: 1px solid #e1e8f0; } .grayedout{ filter: grayscale(100%); opacity: 0.5; pointer-events: none; } .custom_dd_holder { position: relative; } .custom_dd_holder_options { position: absolute; top: 100%; width: 100%; left: 0; z-index: 99; background: #fff; overflow: hidden; transition: max-height 0.3s ease; max-height: 0; } .zoek-waarschuwing{font-family: var(--font-family-base), sans-serif; font-size:12px; text-align:center; padding-bottom:5px;padding-top: 5px; border: 1px solid #e1e8f0; } #selecteer_alles_btn{font-family: var(--font-family-base), sans-serif; font-size:12px; text-align:center; padding-bottom:5px;padding-top: 5px; border: 1px solid #e1e8f0; cursor: pointer; } #filter_gebied_dd_options.open{ max-height: 300px!important; overflow-y: scroll; } #zoek_scherm{ transition: all 0.3s; } #zoek_scherm.blur{ filter: blur(2px); pointer-events: none; } #eerst_kiezen{ text-align: center; font-size: 14px; background-color: #ec1e23;padding:12px; color: #ffffff; margin-bottom: 20px; font-weight: 700; } .filter-sticky.blur{ filter: blur(2px); pointer-events: none; } .prijs_keuzes{ display: none; font-weight: 700; font-size: 22px; } .prijs_keuzes.gekozen{ display: block; } .info_i{ margin-top: 3px; margin-left: 10px; display: inline-block; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 12px; border: 2px solid #ffffff; border-radius: 50%; color: #ffffff; } .hoogte0{ height: 0; overflow: hidden; } .accommodatie_holder{ padding: 20px; padding-top: 0px; background-color: #ffffff; border:1px solid var(--color-light-blue)!important;} .accommodatie_holder .card-holidays{ background-color: var(--color-blue); } #afdeklaag_datum_kiezen_single{ position: fixed; z-index: 10000000; background-color: rgba(0,0,0,0.5); width: 100%; height: 100vh; top:0; left: 0; display: none; opacity: 0; justify-content: center; align-items: center; } #popup_datum_kiezen_single{ max-width: 400px; width: 95%; padding: 20px; padding-top: 60px; border: 1px solid var(--color-light-blue); background-color: var(--color-white); position: relative;} #sluiten_datum_kiezen_single{ position: absolute; top: 10px; right: 10px; cursor: pointer; display: flex; justify-content: center; align-items: center; background-color: #ec1e23; color: #ffffff; width: 38px; height: 38px;transition: all 0.3s; } #sluiten_datum_kiezen_single i{ transition: all 0.3s; } #sluiten_datum_kiezen_single:hover i{ transform: rotate(90deg); } #sluiten_datum_kiezen_single:hover{ background-color: #bd1e21;} #beschikbare_datums_single{ max-height: 500px; overflow-y: auto; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: space-between; gap:10px; flex-wrap: wrap; } #beschikbare_datums_single a{ flex-grow: 1; text-align: center; color: var(--color-text); text-decoration: none; font-size: 18px; font-weight: 700; cursor: pointer; border: 1px solid rgba(225, 232, 240, 0.9); padding: 12px; display: block; } #beschikbare_datums_single a:hover{ color: var(--color-primary); text-decoration: underline; } #maand_kiezen_loading_single{ display: none; margin-top: 20px; background-image: url('images/loader.gif'); height: 100px; width: 100%; background-repeat: no-repeat; background-position: center center; } #seleteer_datum_span{ padding-top: 12px; display: none; } .verander_datum{ } .verander_datum:hover{ color: var(--color-primary); text-decoration: underline; } /* ### card-holidays ### */ .card-holidays { padding-bottom: 20px; width: var(--w-full); text-decoration: none; color: var(--color-text); border: 1px solid var(--color-light-blue); background-color: var(--color-white); transition: var(--base-duration); } .card-holidays.active { border: 1px solid var(--color-red); } .card-holidays-left { position: relative; width: var(--w-full); overflow: hidden; } .card-holidays .swiper-button-prev:after, .card-holidays .swiper-button-next:after { display: none; } .card-holidays .holidays-next, .card-holidays .holidays-prev { width: 40px; height: 40px; font-size: 9px; color: #73767b; background-color: rgba(255, 255, 255, 0.8); } .card-holidays .holidays-prev { transform: rotate(180deg); } .card-holidays-image { position: relative; height: 100%; display: flex; align-items: stretch; } .card-holidays-image img { width: var(--w-full); object-fit:cover; height: 100%; aspect-ratio: 1 / 1; } .card-holidays-text { padding: 5px 24px 2px; position: absolute; top: 10px; left: 0; font-size: 14px; font-weight: 500; background-color: var(--color-white); } .card-holidays-info { display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--w-full); font-weight: 300; color: #263544; } .card-holidays-right { padding: 20px 15px; display: flex; flex-direction: column;} .card-holidays-right.acco { height: calc(100% - 296px); } .card-holidays-right.acco .card-holidays-info{height: 100%;} .accommodation .card-holidays-image img { width: var(--w-full); object-fit:cover; height: 100%; aspect-ratio: 1 / 0.55; } .card-holidays-info-left { width: var(--w-full); } .card-holidays-info h3 { margin-bottom: 0; } .card-holidays-info em { font-size: 14px; font-style: normal; } .card-holidays-info-column { margin-bottom: 15px; padding-top: 10px; } .card-holidays-icon { margin-bottom: 15px; display: flex; flex-wrap: wrap; width: var(--w-full); } .card-holidays-icon li { margin-right: 16px; position: relative; } .card-holidays-icon li:not(:last-child):after { position: absolute; top: 0; right: -12px; font-weight: 700; color: #010103; content: '+'; } .card-holidays-icon-alt { display: flex; align-items: center; } .card-holidays-icon-alt li { margin-right: 5px; font-size: 10px; text-transform: uppercase; color: rgba(38, 53, 68, 0.59); } .card-holidays-icon-alt li img { opacity: 0.3; } .card-holidays-price { margin-bottom: 10px; font-size: 18px; font-weight: 700;color: var(--color-text); } .card-holidays-price span { display: block; font-size: 14px; font-weight: 300;color: var(--color-text); } .card-holidays-info-right { width: var(--w-full); } .card-holidays-info-right ul { margin-bottom: 10px; display: flex; flex-wrap: wrap; } .card-holidays-info-right li { margin-right: 20px; margin-bottom: 8px; display: flex; align-items: center; } .card-holidays-info-right li img { margin-right: 6px; flex: 0 0 auto;width: 23px; height: 30px; object-fit: contain; } .card-holidays-bottom .button { display: block; width: var(--w-full); } .card-holidays:focus, .card-holidays:hover { border: 1px solid var(--color-red); } .card-holidays:hover .button{ background-color: #bd1e21;border: 2px solid var(--color-red); } .card-holidays.is-alt { padding-bottom: 0; border: none; height: 100%; } .card-holidays.is-alt .card-holidays-holder { display: block; height: 100%; } .card-holidays.is-alt .card-holidays-left { width: var(--w-full); } .card-holidays.is-alt .card-holidays-right { padding: 24px 15px 22px; width: var(--w-full); } .card-holidays.is-alt .card-holidays-info { padding: 0; display: block; width: var(--w-full); } .card-holidays.is-alt .card-holidays-info-left { width: var(--w-full); } .card-holidays.is-alt .card-holidays-info-column { display: flex; flex-wrap: wrap; justify-content: space-between; } .card-holidays.is-alt .card-holidays-icon { width: auto; } .card-holidays.is-alt .card-holidays-icon-alt { width: auto; } .card-holidays.is-alt .card-holidays-info-right { width: var(--w-full); } .card-holidays.is-alt .card-holidays-info-right ul { margin-bottom: 30px; padding-left: 0; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 10px; } .card-holidays.is-alt .card-holidays-info-right ul li { margin-bottom: 0; } .card-holidays.is-alt .card-holidays-price { justify-content: flex-start; width: 40%; } .card-holidays .tooltip { position: relative; display: inline-block; } .card-holidays .tooltip .tooltip-text { padding: 5px 10px; position: absolute; top: 25px; z-index: 1; visibility: hidden; width: 174px; font-size: 14px; text-transform: initial; color: var(--color-white); border-radius: 6px; background-color: var(--color-black); } .card-holidays .tooltip:hover .tooltip-text { visibility: visible; } .card-holidays .vanaf_prijs_holder{ display: inline; } .accommodatie_item{ margin-top: 19px; margin-bottom: 0!important; } .bekijk_beschikbare_accommodaties{ cursor: pointer; } .resort_openklap_btn{ background-color: #ffffff; color: #ec1e23; } .card-holidays:hover .resort_openklap_btn{ color: #ffffff; border: 2px solid var(--color-red); } .bekijk_beschikbare_accommodaties:hover .resort_openklap_btn{ color: #ffffff;border: 2px solid var(--color-red); } .resort_openklap_btn:hover{ color: #ffffff;border: 2px solid var(--color-red); } .tax_less{ max-height: 188px; overflow: hidden; transition: all 0.3s; } .tax_less.open{ max-height: unset;} .tax_more_less{ text-align: right; font-weight: 700; cursor: pointer; padding-left: 10px; padding-right: 10px; padding-bottom: 4px; padding-top: 4px; color: var(--color-red); } /* ### experiences ### */ .experiences { margin-bottom: 80px; } .experiences-title { margin-bottom: 30px; max-width: 800px; line-height: 1.6; } .experiences-holder { margin-bottom: 20px; } .experiences-left { position: relative; } .experiences-left-image { width: 100%; height: 100%; } .experiences-left-image img { width: 100%; height: 100%; object-fit: cover; } .experiences-person-image { position: absolute; bottom: 10px; left: 10px; z-index: 1; border: 2px solid var(--color-white); border-radius: 100%; overflow: hidden; } .experiences-person-image img{ width: 80px; height: 80px; object-fit: cover; } .experiences .button { padding: 9px 30px; position: absolute; bottom: 0; display: flex; justify-content: center; width: 100%; font-family: var(--font-family-heading), sans-serif; font-size: 18px; } .experiences .tip_titel { pointer-events: none; } .experiences-right { padding: 24px 15px; line-height: 1.65; background-color: var(--color-blue); } .experiences-right h3 { margin-bottom: 30px; } .experiences-item-holder { margin: 0 0 20px; } .experiences-item { margin-bottom: 16px; height: 100%; background-color: #ffffff; } .experiences-item-image img { width: 100%; height: 230px; object-fit: cover; } .experiences-item-text { padding: 24px 15px; line-height: 1.6; color: var(--color-text); height: calc(100% - 230px); } .experiences-item-text h3 { margin-bottom: 20px; } .experiences-holder.is-alt .experiences-left { order: 2; } .experiences-item-holder.resort_part{ flex-wrap: wrap; gap:10px; justify-content: flex-start; flex-direction: column; } .experiences-item-holder.resort_part .experiences-item-column{ width: 100%; margin-bottom: 10px; } .experiences-item-holder.resort_part .experiences-holder{ width: 100%; padding-left: 10px; padding-right: 10px; } .experiences-item-holder{ display: flex; flex-wrap: wrap; gap:10px; justify-content: space-between; } .experiences-item-holder .experiences-item-column{ width: 100%; margin-bottom: 10px; } .experiences-item-holder .experiences-holder{ width: 100%; padding-left: 10px; padding-right: 10px; } /* ### text-block ### */ .text-block { margin-bottom: 50px; } .text-block-holder { padding: 40px 20px; line-height: 1.6; background-color: var(--color-blue); } .text-block-btn { margin-bottom: 40px; } .text-block-column { margin-bottom: 30px; } .text-block-item { margin-bottom: 20px; width: var(--w-full); } .text-block-item img { width: var(--w-full); height: var(--h-full); max-height: 353px; object-fit: cover; } .text-block-column.is-alt .text-block-item { width: var(--w-full); } .text-block a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); } .text-block a:focus, .text-block a:hover { text-decoration: none; } .text-block-holder h3 { font-size: 22px; } .text-block .button { text-decoration: none; color: var(--color-white); } /* ### share ### */ .share { margin-bottom: 85px; color: var(--color-black); } .share ul { padding-top: 25px; padding-bottom: 21px; display: flex; flex-wrap: wrap; justify-content: center; border-top: 1px solid var(--color-light-blue); border-bottom: 1px solid var(--color-light-blue); } .share li:first-child { display: block; width: var(--w-full); text-align: center; } .share li > a { text-decoration: underline; color: var(--color-black); transition: var(--base-duration); } .share li > a:focus, .share li > a:hover { text-decoration: none; color: var(--color-primary); } .share li:first-child:after { display: none; } .share li:not(:last-child):after { margin: 0 9px; content: '|'; } /* ### author ### */ .author { margin-bottom: 50px; margin-top: 50px; display: flex; flex-direction: column-reverse; flex-wrap: wrap; } .author-content { width: var(--w-full); } .author-content span { margin-bottom: 3px; padding-top: 8px; display: block; } .author-content em { display: block; font-family: var(--font-family-secondary), sans-serif; } .author-image { margin-bottom: 30px; display: flex; justify-content: center; width: var(--w-full); } /* ### news ### */ .news { margin-bottom: 50px; } .news-holder { margin-bottom: 30px; } .news-column { width: var(--w-full); margin-bottom: 20px; } .news-item { height: 100%; } .news-btn { display: flex; justify-content: center; } /* ### card-news ### */ .card-news { display: block; width: var(--w-full); color: var(--color-text); height: 100%; } .card-news-image { position: relative; overflow: hidden; height: 240px; } .card-news-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; transition: var(--base-duration); } .card-news-teg { padding: 6px 39px 1px; position: absolute; top: 10px; left: 0; font-size: 14px; font-weight: 500; background-color: var(--color-white); } .card-news-teg.is-alt { padding: 6px 24px 1px; position: absolute; right: 0; left: unset; } .card-news-content { padding: 20px 15px; font-weight: 300; line-height: 1.6; border: 1px solid var(--color-light-blue); border-top: none; overflow: hidden; height: calc(100% - 240px); } .card-news-content h3 { margin-bottom: 26px; } .card-news:hover img { transform: scale(1.05); } .card-news:hover .link { text-decoration: none; color: var(--color-text); } /* ### review-block ### */ .review-block { margin-bottom: 60px; padding-bottom: 50px; } .review-block-holder { margin: 0 auto 50px; max-width: 928px; } .review-block h1 { margin-bottom: 14px; text-align: left; font-size: var(--font-size-h2); } .review-heading-block { margin-bottom: 26px; } .review-block .rank-math-breadcrumb { justify-content: flex-start; } .review-block-btn { display: flex; justify-content: center; } /* ### review-block ### */ .banner-grid { padding-bottom: 6px; background-color: var(--color-blue); } .banner-grid-column { width: var(--w-full); } .banner-grid-column.hidden { display: none; } .banner-grid-holder { display: none; } .banner-grid-item { padding: 0 3px; width: var(--w-full); } .banner-grid-image { position: relative; width: var(--w-full); } .banner-grid-image>a>img { width: var(--w-full); max-height: 595px; height: 50vh; object-fit: cover; } .banner-grid-image a { display: block; width: var(--w-full); } .banner-grid-tag { padding: 7px; position: absolute; right: 10px; bottom: 10px; display: flex; font-size: 12px; font-weight: 500; color: var(--color-text); background-color: rgba(225, 225, 225, 0.9); } .banner-grid-tag img { margin-right: 5px; flex: 0 0 auto; width: auto; } /* ### tour ### */ .tour { padding-bottom: 100px; background-color: var(--color-blue); } .tour .breadcrumbs { margin-bottom: 17px; justify-content: flex-start; } .tour-left { width: var(--w-full); } .tour-heading { margin-bottom: 23px; } .tour h1 { margin-bottom: 8px; font-size: 26px; } .tour-tab { margin-bottom: 30px; position: sticky; top: 60px; z-index: 4; background-color: var(--color-white); transition: var(--base-duration); } .tour-tab select.phone { display: block; border: 1px solid #e1e8f0; } .tour-tab-links { display: none; } .tour-tab li a { font-weight: 500; color: var(--color-text); } .tour-tab li a:focus, .tour-tab li a:hover { text-decoration: underline; color: var(--color-primary); } .tour-date { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid var(--color-light-blue); } .tour-date:last-child{ border:none; padding-bottom: 0px; }; .tour-date ul { margin-bottom: 21px; padding-top: 8px; } .tour-date li { margin-bottom: 2px; } .tour-date-table{margin-top: 30px;} .tour-date-table table { width: var(--w-full); } .tour-date-table table tr:nth-child(even) { background-color: var(--color-white); } .tour-date-table table th { font-family: var(--font-family-heading), sans-serif; text-align: left; } .tour-date-table table td { padding: 11px 10px 5px; font-size: 14px; border-right: 1px solid var(--color-light-blue); } .tour-date-table table td:last-of-type { border-right: none; } .tour-date-table .hide { display: none; } .tour-date-table .table-text a { display: none; } .tour-program { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid var(--color-light-blue); } .tour-program .tour-program-travels { display: block; width: var(--w-full); overflow: unset; } .tour-program .tour-program-travels ul.tabs { display: block; width: var(--w-full); } .tour-program-list { margin-top: 33px; } .tour-program-item { margin-bottom: 20px; padding: 25px 20px; background-color: var(--color-white); } .tour-program-btn { position: relative; } .tour-program-btn button { padding-right: 30px; display: block; width: var(--w-full); font-family: var(--font-family-heading), sans-serif; font-size: 20px; font-weight: 700; text-align: left; border: none; background-color: transparent; cursor: pointer; color: var(--color-text); } .tour-program-btn:after { position: absolute; top: 3px; right: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 30px; font-weight: 300; color: var(--color-white); background-color: #263544; content: '+'; } .tour-program-text ul, .tour-program-text ol{ padding-left: 16px; margin-bottom: 25px; } .tour-program-text ul li { list-style: disc; } .tour-program-text ol li { list-style: decimal; } .tour-program-text-info { padding-top: 15px; } .tour-program-btn.active:after { content: '-'; } .tour-program-block { margin-bottom: 20px; } .tour-program-column { padding: 5px; width: var(--w-full); overflow: hidden; } .tour-program-column img { width: var(--w-full); height: var(--h-full); object-fit: cover; border: 10px solid var(--color-blue); transition: var(--base-duration); } .tour-program-column:hover img { transform: scale(1.05); } .tour-program-bg { color: var(--color-white); background-color: var(--color-primary); } .tour-program-heading { padding: 20px; width: var(--w-full); } .tour-program-heading h2{font-size:22px; } .tour-program-image { width: var(--w-full); } .tour-program-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } .tour-program-travels { display: none; } .tour-program-travels ul.tabs { margin-bottom: 20px; display: flex; } .tour-program-travels li.tab { margin-right: 15px; margin-bottom: 10px; min-width: 220px; padding: 11px; position: relative;text-align: center; border: 1px solid var(--color-text); cursor: pointer; } .tour-program-travels li.tab:before { position: absolute; top: 15px; right: 10px; font-family: var(--font-family-icon); font-size: 9px; transform: rotate(180deg); content: '\e905'; } .tour-program-travels li.tab.active { background-color: var(--color-text); } .tour-program-travels li.tab.active a, .tour-program-travels li.tab.active:before { color: var(--color-white); } .tour-program-travels li.tab a { color: var(--color-text); } .tour-program-travels li.tab.active:before { top: 19px; right: 8px; font-size: 5px; transform: unset; content: '\e903'; } .tour-program-travels .tour-content { -webkit-animation: display-none-transition 1s ease; animation: display-none-transition 1s ease; } .tab-title { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; display: block; font-weight: 500; color: var(--color-text); border-top: 1px solid var(--color-light-blue); border-bottom: 1px solid var(--color-light-blue); transition: var(--base-duration); cursor: pointer; } .tour-program .tabs{ margin-bottom: 30px; } .tour-right-content { transition: var(--base-duration); } .tour-date .tab-content, .tour-program .tour-content, .tour-rental-list .tab-content { display: none; } .tour-date .tab-content.active, .tour-program .tour-content.active, .tour-rental-list .tab-content.active { display: block; pa } .tour-date .short, .tour-date .facilities, .tour-date .care, .tour-date .price { margin-bottom: 0; } .tour-program-list .tour-accommodations-bg { padding: 0; } .tour-program.is-alt { margin-bottom: 40px; padding-bottom: 10px; } .tour-program.is-alt .tour-program-list { margin-bottom: 36px; } .tour-program.is-alt .tour-program-bg { margin-bottom: 40px; } .tour-program.is-alt .tour-program-heading { padding: 20px; } .sb_disable{ opacity: 0.3; pointer-events: none; } .tour-program-travels .tab-content ul li{ list-style: disc; } .tour-program-travels .tab-content ol li{ list-style: decimal; } .tour-program-travels .tab-content ul{ padding-left: 16px; margin-bottom: 28px; } .tour-program-travels .tab-content ol{ padding-left: 16px; margin-bottom: 28px; } .tour-accommodations-bg { margin-bottom: 20px; padding: 25px 20px; background-color: var(--color-white); } .tour-accommodations-info { padding-top: 23px; width: var(--w-full); } .tour-accommodations-image { width: var(--w-full); } .tour-accommodations-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; border: 10px solid var(--color-blue); } .tour-accommodations-bg.is-alt .tour-accommodations-holder { flex-direction: row-reverse; flex-wrap: wrap; } .tour-practical-wrap { margin-bottom: 30px; } .tour-practical-info { width: var(--w-full); } .tour-practical-image { width: var(--w-full); } .tour-practical-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; border: 10px solid var(--color-white); } .tour-practical-item { margin-bottom: 15px; padding: 13px 30px; position: relative; background-color: var(--color-white); cursor: pointer; } .tour-practical-item button { font-family: var(--font-family-heading); font-size: 18px; font-weight: 700; color: var(--color-text); border: 0; background-color: transparent; } .tour-practical-heading { padding-right: 20px; position: relative; width: 100%; font-size: 16px; text-align: left; border: none; transition: background-color 0.3s ease; cursor: pointer; } .tour-practical-heading:after { position: absolute; top: 2px; right: 0; font-size: 17px; content: '+'; } .tour-practical-heading.active:after { content: '-'; } .tour-practical-item.active .tour-practical-content { padding-top: 15px; min-height: max-content; } .tour-practical-space { padding-top: 15px; } .tour-practical-space p { margin-bottom: 10px; } .tour-practical-item.active:after { top: 4px; right: 32px; font-size: 25px; content: '-'; } .tour-features { padding: 21px 25px 34px; width: var(--w-full); height: auto; border: 1px solid var(--color-light-blue); background-color: var(--color-white); transition: var(--base-duration); } .tour-features ul { margin-bottom: 24px; padding-top: 2px; padding-bottom: 20px; border-bottom: 1px solid var(--color-light-blue); } .tour-features li { margin-bottom: 6px; display: flex; } .tour-features li img { margin-right: 8px; flex: 0 0 auto; } .tour-features-text { margin-bottom: 18px; text-align: center; } .tour-features-text strong { font-size: 24px; font-weight: 700; } .tour-features a { display: block; } .tour-program.is-sec { padding-top: 74px; border-bottom: none; background-color: var(--color-blue); } .tour-program.is-sec .tour-program-title { max-width: 800px; } .tour-program.is-sec .tour-program-travels { margin-top: 30px; } .tour-program.is-sec .tour-program-list { margin-top: 36px; } .tour-program.is-sec .tour-program-btn:after { color: var(--color-black); background-color: transparent; } body.active .tour-features, body.active .tour-right-content, body.active .tour-tab { top: 1px; } .tooltip_icoon{ position: relative; cursor: help; } .tooltip_item{ position: absolute; bottom: 25px; text-align: center; background-color: rgba(0,0,0,0.95); color: #ffffff; padding: 6px; width: 200px; left:-90px; font-family: var(--font-family-base), sans-serif; font-size: 14px; font-weight: 400; } .acco_addons{ display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px; margin-top: 40px; } .acco_addons_list p{ padding: 0!important; margin: 0!important; } /* ### tour-stay ### */ .tour-stay { margin-bottom: 10px; padding: 24px 30px 29px; border: 1px solid var(--color-light-blue); background-color: var(--color-white); } .tour-stay h4 { margin-bottom: 5px; position: relative; display: inline-block; } .gekozen_aankomst_datum{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 22px; font-weight: 700;font-family: var(--font-family-heading), sans-serif; text-align: left; cursor: pointer; } .gekozen_aankomst_datum span{ font-size: 12px; font-weight: 400; } .tour-stay h4 span { position: absolute; top: 0; right: -29px; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-family: var(--font-family-heading), sans-serif; font-size: 12px; font-weight: 700; border: 2px solid #b1b1b1; border-radius: var(--w-full); } .tour-stay .card-form-field { padding: 0; } .tour-stay .card-form-field label{ font-size: 14px; } .tour-stay select { border: 1px solid #e1e8f0; } .tour-stay-total { margin: 22px 0 13px; display: flex; align-items: center; justify-content: space-between; } .tour-stay em { font-family: var(--font-family-heading), sans-serif; font-size: 22px; font-style: normal; } .tour-stay .button { width: var(--w-full); } /* ### tour-activities ### */ .tour-activities { margin-bottom: 50px; border-bottom: 1px solid var(--color-light-blue); } .tour-activities .experiences { margin-bottom: 40px; } .tour-activities .experiences-holder { margin-bottom: 34px; } .tour-activities .experiences-right { padding: 21px 19px; background-color: var(--color-white); } .tour-activities .experiences-right h3 { margin-bottom: 12px; } .tour-activities .experiences-right p:last-of-type { margin-bottom: 0; } .tour-activities .experiences-item-text { padding: 14px 20px; background-color: var(--color-white); } .tour-activities .experiences-item-text h3 { margin-bottom: 12px; } /* ### tour-rental ### */ .tour-rental { padding-bottom: 50px; } .tour-rental-list>ul { margin-top: 33px; margin-bottom: 24px; display: block; } .tour-rental-list>ul li { margin-right: 15px; margin-bottom: 10px; padding: 11px; position: relative; width: var(--w-full); text-align: center; border: 1px solid var(--color-text); cursor: pointer; } .tour-rental-list>ul li:before { position: absolute; top: 15px; right: 10px; font-family: var(--font-family-icon); font-size: 9px; transform: rotate(180deg); content: '\e905'; } .tour-rental-list>ul li a { color: var(--color-text); } .tour-rental-list>ul li:focus, .tour-rental-list>ul li:hover { background-color: var(--color-text); } .tour-rental-list>ul li:hover a { color: var(--color-white); } .tour-rental-list>ul li.active { background-color: var(--color-text); } .tour-rental-list>ul li.active a, .tour-rental-list>ul li.active:before { color: var(--color-white); } .tour-rental-list>ul li.active:before { top: 19px; right: 8px; font-size: 5px; transform: unset; content: '\e903'; } .tab-content ul li{ list-style: disc; } .tab-content ol li{ list-style: decimal; } .tab-content ol, .tab-content ul{ padding-left: 16px; } /* ### tour-info ### */ .tour-info { margin-bottom: 10px; padding: 27px 26px 30px; line-height: 1.8; border: 1px solid var(--color-light-blue); border-left: 4px solid var(--color-green); background-color: var(--color-white); } .tour-info p { margin-bottom: 15px; font-size: 14px; } /* ### short ### */ .short { margin-bottom: 25px; padding: 20px 15px; background-color: var(--color-white); } .short h3 { margin-bottom: 13px; } .short p { margin-bottom: 25px; } .short ul { margin-bottom: 4px; padding: 0; display: flex; flex-wrap: wrap; } .short li { margin-bottom: 5px; padding-left: 27px; position: relative; display: flex; width: 100%; font-weight: 300; } .short li img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 23px; height: 30px; object-fit: contain; } .short .quick { margin: 25px 0; padding: 20px 15px; font-family: var(--font-family-heading), sans-serif; font-size: 18px; font-weight: 700; text-align: center; color: var(--color-white); background-color: var(--color-primary); } .short .title { font-weight: 700; } .short .map { margin-top: 40px; margin-bottom: 5px; } .short .map iframe{ width: 100%; } /* ### facilities ### */ .facilities { margin-bottom: 25px; padding: 20px 15px; background-color: var(--color-white); } .facilities h3 { margin-bottom: 13px; } .facilities p { margin-bottom: 25px; } .facilities-holder { display: flex; flex-wrap: wrap; max-width: 910px; } .facilities ul { margin-bottom: 15px; padding: 0; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; gap:20px; } .facilities li { margin-bottom: 6px; padding-left: 32px; position: relative; display: flex; align-items: center; font-weight: 300; width: 100%; } .facilities li.cut { opacity: 0.3; } .facilities li img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 26px; height: 26px; object-fit: contain; } /* ### care ### */ .care { margin-bottom: 25px; padding: 20px 15px; background-color: var(--color-white); } .care h3 { margin-bottom: 13px; } .care p { margin-bottom: 25px; } .care-item { margin-bottom: 8px; border: 1px solid #f0f3f6; } .care-item:last-of-type { margin-bottom: 35px; } .care-heading { padding-right: 40px; position: relative; display: flex; align-items: center; cursor: pointer; } .care-item-image { margin-right: 10px; } .care-heading h5 { font-family: var(--font-family-heading); } .care-heading:after { position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 15px; font-weight: 300; color: var(--color-white); background-color: #263544; content: '+'; } .care-heading.active:after { content: '-'; } .care-open { padding: 25px 29px 0; } .care-list { width: var(--w-full); } .care-list li { padding-left: 9px; position: relative; } .care-list li:before { position: absolute; top: 2px; left: 0; font-size: 14px; font-weight: 500; content: '-'; } /* ### price ### */ .price { margin-bottom: 25px; padding: 20px 15px; background-color: var(--color-white); } .price h3 { margin-bottom: 13px; } .price p { margin-bottom: 25px; } .price .tour-date-table table tr:nth-child(even) { background-color: var(--color-blue); } /* ### experience ### */ .experience { padding-bottom: 150px; background-color: var(--color-blue); } .experience.is-alt { background-color: var(--color-white); } .experience-block { margin-bottom: 40px; } .experience-content { width: var(--w-full); } .experience-link { width: var(--w-full); } .experience .swiper { overflow: visible; } .experience .swiper-button-prev:after, .experience .swiper-button-next:after { display: none; } .experience .experience-next, .experience .experience-prev { width: 40px; height: 40px; font-size: 9px; color: #73767b; background-color: rgba(255, 255, 255, 0.8); } .experience .experience-prev { right: 13px; transform: rotate(180deg); } .experience-image { position: relative; } .experience-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } .experience-icon { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.8); transform: translate(-50%, -50%); } .experience-icon img { width: 45px; height: 45px; } /* ### property ### */ .property { margin-bottom: 40px; padding-top: 40px; padding-bottom: 42px; background-color: var(--color-blue); } .property-holder { display: grid; grid-template-columns: auto; column-gap: 16px; row-gap: 20px; } .property-title { margin-bottom: 30px; max-width: 800px; line-height: 1.57; } .property.is-alt { margin-bottom: 0; background-color: var(--color-white); } .property.is-alt .card-property { border: 1px solid var(--color-light-blue); height: 100%; } .property.is-alt .card-property p { font-weight: 300; } .property-link { margin-top: 20px; display: flex; justify-content: center; } /* ### card-property ### */ .card-property { display: block; width: var(--w-full); color: var(--color-black); overflow: hidden; } .card-property .label { padding: 5px 10px 3px; position: absolute; top: 10px; left: 0; display: inline-flex; justify-content: center; min-width: 120px; font-size: 14px; font-weight: 500; background-color: var(--color-white); } .card-property .label.right { right: 0; left: unset; } .card-property-image { position: relative; overflow: hidden; } .card-property-image img { width: var(--w-full); transition: var(--base-duration); } .card-property-text { padding: 27px 20px 29px; background-color: var(--color-white); } .card-property-text ul { margin-bottom: 25px; } .card-property-text ul > li { margin-bottom: 6px; padding-left: 23px; position: relative; } .card-property-text ul > li img { position: absolute; top: 5px; left: -2px; } .card-property .button { display: block; font-size: 14px; } .card-property:hover .button { border-color: var(--color-red); background-color: var(--color-red); } .card-property:hover .link { text-decoration: none; } .card-property:hover .card-property-image img { transform: scale(1.05); } /* ### blog ### */ .blog { margin-bottom: 60px; padding-top: 40px; padding-bottom: 40px; background-color: var(--color-blue); } .blog-title { margin-bottom: 32px; max-width: 800px; line-height: 1.57; } .blog-column { margin-bottom: 16px; } /* ### card-blog ### */ .card-blog { display: block; width: 100%; color: var(--color-black); overflow: hidden; height: 100%; } .card-blog-image { position: relative; overflow: hidden; } .card-blog-image img { width: 100%; height: 252px; transition: var(--base-duration); } .card-blog-image span { padding: 6px 38px 1px 39px; position: absolute; top: 10px; left: 0; font-size: 14px; text-transform: uppercase; color: #263544; background-color: var(--color-white); } .card-blog-text { padding: 25px; background-color: var(--color-white); height: calc(100% - 252px); display: flex; flex-direction: column; } .card-blog-text h3 { margin-bottom: 1px; } .card-blog-title span { margin-bottom: 15px; display: block; font-size: 14px; font-weight: 300; color: #263544; } .card-blog-text ul { margin-bottom: 25px; } .card-blog-text ul > li { margin-bottom: 6px; padding-left: 23px; position: relative; } .card-blog-text ul > li img { position: absolute; top: 5px; left: -2px; } .card-blog-text p { margin-bottom: 29px; line-height: 1.6; } .card-blog-price { margin-bottom: 10px; line-height: 1.4; color: #263544; } .card-blog-price em { display: block; font-size: 14px; font-weight: 300; font-style: normal; } .card-blog-price span { font-size: 24px; font-weight: 700; } .card-blog-bottom{margin-top: auto;} .card-blog-bottom .button { display: block; width: 100%; min-width: 200px; font-weight: 300; } .card-blog:hover .card-blog-image img { transform: scale(1.05); } .card-blog:hover .button { border-color: var(--color-red); background-color: var(--color-red); } .card-blog:hover .link { text-decoration: none; } .vakantie_icon_holder{ display: flex; width: 100%; justify-content: space-between; } .vakantie_icon_holder .vakantie_icon_holder_vast{ display: flex; width: 100%; justify-content: flex-start; gap:6px; align-items: center; margin-bottom: 10px!important; } .vakantie_icon_holder .vakantie_icon_holder_vast li{ width: 32px; height: 32px; position: relative; } .vakantie_icon_holder .vakantie_icon_holder_vast li:not(:last-child):after { position: absolute; top: 6px; right: -2px; font-weight: 700; color: #010103; content: '+'; } .vakantie_icon_holder .vakantie_icon_holder_optioneel{ display: flex; width: 100%; justify-content: flex-start; gap:6px; align-items: center; margin-bottom: 10px!important; } .vakantie_icon_holder .vakantie_icon_holder_optioneel li{ height: 32px; display: flex; justify-content: space-between; align-items: center; } .vakantie_icon_holder .vakantie_icon_holder_optioneel li>span{ opacity: 0.3; } .vakantie_icon_holder .vakantie_icon_holder_optioneel .tooltip { position: relative; display: flex; height: 32px; align-items: center; justify-content: center; } .vakantie_icon_holder .vakantie_icon_holder_optioneel .tooltip span.tooltip-text { padding: 5px 10px; position: absolute; top: 25px; z-index: 1; visibility: hidden; width: 174px; font-size: 14px; text-transform: initial; color: var(--color-white); border-radius: 6px; background-color: var(--color-black); right: 0px; opacity: 1; } .vakantie_icon_holder .vakantie_icon_holder_optioneel .tooltip:hover .tooltip-text { visibility: visible; } .vakantie_icon_holder .vakantie_icon_holder_optioneel .tooltip img{ opacity: 0.3; } .vakantie_icon_holder_onder ul{ width: 100%; display: flex; justify-content: flex-start; gap:10px; flex-wrap: wrap; } .vakantie_icon_holder_onder ul li{ display: flex; justify-content: flex-start; gap:4px; align-items: center; } .vakantie_icon_holder_onder ul li img{ max-height: 18px; top:2px; } .vakantie_icon_holder img{ max-height: 24px; } .vakantie_icon_holder .vakantie_usps{ margin-bottom: 10px!important; } .vakantie_icon_holder_single{ display: flex; width: 100%; justify-content: space-between; flex-direction: column; } .vakantie_icon_holder_single .vakantie_icon_holder_vast{ display: flex; width: 100%; justify-content: center; gap:12px; align-items: center; margin-bottom:0px!important; padding-top:0px!important; padding-bottom: 0px!important; border:none!important; } .vakantie_icon_holder_single .vakantie_icon_holder_vast li{ width: 22px; height: 22px; position: relative; } .vakantie_icon_holder_single .vakantie_icon_holder_vast li:not(:last-child):after { position: absolute; top: 4px; right: -10px; font-weight: 700; color: #010103; content: '+'; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel{ display: flex; width: 100%; justify-content: center; gap:6px; align-items: center; margin-bottom: 0px!important; padding-top:0px!important; padding-bottom: 0px!important; border:none!important; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel li{ height: 32px; display: flex; justify-content: space-between; align-items: center; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel li>span{ opacity: 0.3; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel .tooltip { position: relative; display: flex; height: 32px; align-items: center; justify-content: center; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel .tooltip span.tooltip-text { padding: 5px 10px; position: absolute; top: 25px; z-index: 1; visibility: hidden; width: 174px; font-size: 14px; text-transform: initial; color: var(--color-white); border-radius: 6px; background-color: var(--color-black); right: 0px; opacity: 1; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel .tooltip:hover .tooltip-text { visibility: visible; } .vakantie_icon_holder_single .vakantie_icon_holder_optioneel .tooltip img{ opacity: 0.3; } .vakantie_icon_holder_single .vakantie_icon_holder_onder ul{ width: 100%; display: flex; justify-content: flex-start; gap:10px; flex-wrap: wrap; } .vakantie_icon_holder_single .vakantie_icon_holder_onder ul li{ display: flex; justify-content: flex-start; gap:4px; align-items: center; } .vakantie_icon_holder_single .vakantie_icon_holder_onder ul li img{ max-height: 16px; top:2px; } .vakantie_icon_holder_single .vakantie_icon_holder img{ max-height: 24px; } /* ### reviews ### */ .reviews { padding-bottom: 50px; padding-top: 50px; } .reviews-title { margin-bottom: 32px; max-width: 800px; line-height: 1.57; } .reviews-holder { margin-bottom: 35px; display: grid; grid-template-columns: auto; column-gap: 16px; row-gap: 20px; } .reviews-button { text-align: center; } .card-reviews { padding: 30px 20px; text-transform: none; color: #263544; background-color: var(--color-blue); } .card-reviews-top { margin-bottom: 18px; display: flex; justify-content: space-between; font-size: 14px; } .card-reviews-top span { font-weight: 300; text-transform: uppercase; } .card-reviews-stars i { font-size: 12px; color: var(--color-yellow); } .card-reviews-text p { margin-bottom: 28px; } .card-reviews-text .link { margin-bottom: 23px; display: block; font-weight: 300; } .card-reviews-bottom { position: relative; display: flex; align-items: center; } .card-reviews-bottom:after { position: absolute; top: 50%; right: 0; font-family: var(--font-family-icon); font-size: 22px; transform: translateY(-50%); content: '\e908'; } .card-reviews-bottom-left { margin-right: 10px; } .card-reviews-bottom-right { font-size: 14px; line-height: 1; } .card-reviews-bottom-right p { margin-bottom: 0; } .card-reviews-bottom-right span { font-weight: 300; } /* ### contact ### */ .contact { padding-top: 40px; padding-bottom: 40px; background-color: var(--color-blue); } .contact-holder { margin: 0 -8px; } .contact-left { margin-bottom: 15px; padding: 0 8px; width: var(--w-full); } .contact-right { padding: 0 8px; width: var(--w-full); } .contact-right-info { height: var(--h-full); background-color: var(--color-white); } .contact-person-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } .contact-person-info { padding: 25px 28px; } .contact-person-info h4 { margin-bottom: 17px; } .contact-person-details { margin: 20px 0 22px; font-weight: 300; line-height: 1.9; color: #353633; } .contact-person-details li a { color: inherit; transition: var(--base-duration); } .contact-person-details li a:focus, .contact-person-details li a:hover { color: var(--color-primary); } .contact-social-icons { display: flex; gap: 20px; } .contact-social-icons li a i { font-size: 28px; color: var(--color-primary); transition: var(--base-duration); } .contact-social-icons li a:hover i, .contact-social-icons li a:focus i { color: var(--color-red); } .contact #gform_wrapper_3 .gform_fields{ flex-wrap: wrap; gap:0; } .contact #gform_wrapper_3 .gform_fields .gfield{ width: 100%;} .contact #gform_wrapper_3 .gform_fields .gfield--input-type-textarea{ width:100%; } .contact #gform_wrapper_3 .gform-field-label a{ color: var(--color-text); text-decoration: underline; } .contact #gform_wrapper_3 .gform-field-label a:hover{ color: var(--color-red); text-decoration: none; } .contact #gform_wrapper_3 #field_submit{ width: 100%; } /* ### card-exclusive ### */ .card-exclusive { margin-bottom: 22px; display: flex; flex-wrap: wrap; width: var(--width); margin-top: 40px; } .card-exclusive strong { font-size: 18px; font-weight: 600; } .card-exclusive .list { width: 43.5%; } .card-exclusive .list ul { list-style: none; } .card-exclusive .list ul > li { padding-bottom: 1px; padding-left: 22px; position: relative; font-size: var(--font-base); } .card-exclusive .list ul > li:after { position: absolute; top: 0px; left: 0; font-family: var(--font-family-icon); font-size: 16px; color: var(--color-green); content: '\ea10'; } .card-exclusive .cross ul > li:after { top: 0px; left: 0; font-size: 16px; color: #cbcbcb; content: '\ea0f'; } .card-exclusive .cross { padding-left: 20px; } /* ### form ### */ .card-form { padding: 20px 24px; height: var(--h-full); background-color: var(--color-white); } .card-form-title { margin-bottom: 10px; line-height: 2; } .card-form-title h2 { margin-bottom: 0; } .card-form-title em { margin-bottom: 17px; display: block; font-size: 18px; font-weight: 400; line-height: 1.4; } .card-form-title p { margin-bottom: 0; } .card-form-field label { font-family: var(--font-family-heading), sans-serif; font-size: 18px; font-weight: 700; line-height: 1.8; } .card-form-field { margin-bottom: 10px; } .card-form-checkbox { margin-bottom: 15px; display: flex; gap: 6px; align-items: center; } .card-form-checkbox label { font-size: 12px; font-weight: 300; } .card-form-checkbox label a { text-decoration: underline; color: inherit; } .card-form-checkbox label a:focus, .card-form-checkbox label a:hover { text-decoration: none; } .card-form-tnc .check { margin-bottom: 20px; } .check label a { text-decoration: underline; color: var(--color-text); transition: var(--base-duration); } .check label a:focus, .check label a:hover { text-decoration: none; color: var(--color-primary); } .card-form-tnc button { padding: 14px 21px 13px; width: 100%; font-weight: 300; } /* ### travel ### */ .travel { padding-top: 40px; padding-bottom: 50px; } .travel-left { position: relative; width: var(--w-full); } .travel-first { margin-bottom: 20px; } .travel-first img { width: var(--w-full); border: 10px solid var(--color-white); height:auto;} .travel-second { position: unset; width: var(--w-full); } .travel-second img { width: var(--w-full); border: 10px solid var(--color-white); height:auto} .travel-right { padding: 40px 10px 0; width: var(--w-full); line-height: 2; } .travel-right h2 { margin-bottom: 0; } .travel-right em { margin-bottom: 17px; display: block; font-size: 18px; font-weight: 400; line-height: 1.4; } .travel.is-alt { background-color: var(--color-blue); } /* ### booking ### */ .booking { margin-bottom: 40px; } .booking-title { margin-bottom: 34px; max-width: 800px; } .booking-person-image { position: relative; } .booking-person-image img { border-radius: 100%; max-width: 100%; height: auto; } .booking-item { margin-bottom: 50px; } .booking-left { margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; } .booking-right { padding: 35px 25px 25px; font-weight: 300; line-height: 1.7; background-color: var(--color-blue); } .booking-right h3 { font-style: italic; } .booking-person-name { margin: -47px auto 0; padding: 10px 20px; position: relative; z-index: 2; min-width: 280px; font-family: var(--font-family-heading), sans-serif; font-size: 18px; text-align: center; color: var(--color-white); background-color: var(--color-primary); } /* ### location ### */ .location { margin-top: -80px; } .location-item { margin-bottom: 15px; } .location-item:last-child { margin-bottom: 0; } /* ### card-location ### */ .card-location { position: relative; display: block; } .card-location:hover .card-location-image img { transform: scale(1.05); } .card-location:hover span { border-color: var(--color-red); background-color: var(--color-red); } .card-location-image { overflow: hidden; } .card-location-image img { width: var(--w-full); transition: var(--base-duration); height: 260px; object-fit:cover; } .card-location span { position: absolute; bottom: 10px; left: 50%; display: flex; align-items: center; justify-content: center; min-width: 250px; font-family: var(--font-family-heading), sans-serif; font-size: 16px; font-weight: 700; transform: translateX(-50%); } .card-location span img { margin-right: 8px; height: 27px;width: 27px; object-fit: contain; } /* ### usp ### */ .usp-wrap { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid var(--color-light-blue); border-top: 1px solid var(--color-light-blue);} .usp .swiper-slide { display: flex; align-items: unset !important; justify-content: center; opacity: 0 !important; width: var(--w-full); text-align: center; } .usp .swiper-slide-active { opacity: 1 !important; } .usp .swiper-slide img { margin-right: 10px; } /* ### chance ## */ .chance { padding-top: 50px; padding-bottom: 50px; display: flex; flex-direction: column-reverse; flex-wrap: wrap; } .chance-content { padding: 30px; width: var(--w-full); color: var(--color-white); background-color: var(--color-primary); } .chance-image { width: var(--w-full); } .chance-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; } /* ### register ### */ .register { margin-bottom: 40px; } .register-box { padding: 30px 20px 0; border: 2px solid var(--color-primary); } .register-left { margin-bottom: 30px; } .register-left h2 { margin-bottom: 19px; } .register-left p { margin-bottom: 15px; line-height: 1.6; } .register-right img { margin: 0 auto; object-fit:contain; } .register-form { border-radius: var(--border-radius); background-color: var(--color-white); } .register-field { margin-bottom: 16px; } .register-field:last-child { margin-bottom: 0; } .register-field .button { padding: 11px 10px 10px; width: var(--w-full); height: var(--h-full); } .register-book { margin-bottom: -40px; pointer-events: none; } /* ### ideal ### */ .ideal { padding-top: 30px; padding-bottom: 30px; } .ideal-content { margin-bottom: 32px; max-width: 800px; } .ideal .location { margin-top: 0; margin-bottom: 15px; } .ideal .location-item { margin-bottom: 20px; } .ideal .card-location span { bottom: 30px; min-width: 250px; font-size: 18px; } .ideal-link { display: flex; justify-content: center; } /* ### think ### */ .think { padding-bottom: 50px; } .think-content { margin-bottom: 32px; max-width: 800px; } .think-link { margin-top: 15px; display: flex; justify-content: center; } .think .swiper { overflow: unset; } .think .swiper-controller { margin-top: 50px; position: unset; display: none; flex-wrap: wrap; justify-content: space-between; width: var(--w-full); } .think .swiper-button-prev, .think .swiper-button-next { position: unset; } .think .swiper-button-prev:after, .think .swiper-button-next:after { display: none; } .think .think-next, .think .think-prev { width: 40px; height: 40px; font-size: 9px; color: var(--color-white); background-color: var(--color-gray-secondary); } .think .think-prev { transform: rotate(180deg); } .think .swiper-slide{ height: auto!important; } .think .think-item{ height: 100%; } .think .card-reviews{ height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .think .card-reviews-text{ flex: auto; } /* ### reizen ### */ .reizen { padding-top: 40px; padding-bottom: 30px; background-color: var(--color-blue); } .reizen-content { margin-bottom: 32px; max-width: 800px; } .reizen-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .reizen-column { margin-bottom: 16px; padding: 0 8px; width: var(--w-full); } /* ### card-reizen ### */ .card-reizen { position: relative; display: block; width: var(--w-full); height: var(--h-full); } .card-reizen:hover .card-reizen-image img { transform: scale(1.05); } .card-reizen:hover .button { border-color: var(--color-red); background-color: var(--color-red); } .card-reizen-image { width: var(--w-full); height: 250px; overflow: hidden; } .card-reizen-image img { width: var(--w-full); height: var(--h-full); object-fit: cover; transition: var(--base-duration); max-height: 340px; } .card-reizen .button { position: absolute; bottom: 0; left: 0; width: var(--h-full); font-family: var(--font-family-heading), sans-serif; } /* ### help ### */ .help { position: relative; text-align: left; background-color: var(--color-primary); } .help-holder { padding: 40px 0; position: relative; color: var(--color-white); border-radius: var(--border-radius); overflow: hidden; } .help-text { margin: 0 auto; position: relative; z-index: 1; max-width: 812px; } .help-text h2 { margin-bottom: 17px; } .help-text p { margin-bottom: 20px; line-height: 1.9; } .help-text ul > li { margin-bottom: 15px; } .help-text ul > li:last-child { margin-bottom: 0; } .help-text .button { width: 100%; } .help-image { display: none; } /* ### destination ### */ .destination { margin-top: 27px; padding-top: 60px; padding-bottom: 60px; background-color: var(--color-blue); } .destination-column { margin-bottom: 40px; display: flex; align-items: center; } .destination-column:last-child { margin-bottom: 0; } .destination-text { line-height: 2; } .destination-text h2 { margin-bottom: 0; } .destination-subtitle { margin-bottom: 9px; } .destination-list{ width: 100%; } .destination-list li { margin-bottom: 10px; } .destination-list .button { padding-top: 11px; padding-bottom: 11px; position: relative; width: 100%; color: var(--color-text); border: 1px solid var(--color-text); } .destination-list .button i { position: absolute; top: 50%; right: 10px; font-size: 10px; transform: translateY(-50%) rotate(-180deg); } .destination-list .button:focus, .destination-list .button:hover { color: var(--color-white); border: 1px solid var(--color-text); background-color: var(--color-text); } /* ### specialist ### */ .specialist { padding-top: 60px; padding-bottom: 60px; } .specialist-image { margin-bottom: 40px; padding: 10px; background-color: var(--color-blue); } .specialist-image img { width: 100%; } .specialist-text h2 { margin-bottom: 0; } .specialist-subtitle { margin-bottom: 21px; } .specialist-nav { display: none; } .specialist-nav li { font-weight: 500; color: var(--color-text); transition: var(--base-duration); cursor: pointer; } .specialist-tab-btn.active, .specialist-tab-btn:focus, .specialist-tab-btn:hover { color: var(--color-primary); } .specialist-tab-content { padding-top: 22px; padding-bottom: 25px; display: none; line-height: 2; } .specialist-tab-content.active { display: block; } .specialist-accordion-title { padding-top: 12px; padding-bottom: 10px; font-weight: 500; color: var(--color-text); border-top: 1px solid var(--color-light-blue); border-bottom: 1px solid var(--color-light-blue); transition: var(--base-duration); cursor: pointer; } .specialist-accordion-title.active, .specialist-accordion-title:focus, .specialist-accordion-title:hover { color: var(--color-primary); } /* ### combination ### */ .combination { margin-bottom: 60px; padding-top: 60px; padding-bottom: 60px; background-color: var(--color-blue); } .combination h2 { margin-bottom: 0; } .combination-subtitle { margin-bottom: 21px; } .combination-row { display: flex; flex-wrap: wrap; align-items: end; } .combination-left { order: 2; width: 100%; } .combination-right { margin-bottom: 40px; order: 1; width: 100%; } .combination-column { margin-bottom: 16px; } .combination-column:last-child { margin-bottom: 0; } .lees_verder{ color: var(--color-red) } /* ### card-client ### */ .card-client { text-align: center; } .card-client-image img { margin: 0 auto; height:auto;} .card-client-text { padding: 20px 10px 13px; font-size: 14px; font-weight: 300; background-color: var(--color-white); } .card-client-text h3 { margin-bottom: 2px; } .card-client-text p { margin-bottom: 0; } /* ### card-combination ### */ .card-combination { display: block; width: 100%; height: 100%; color: var(--color-text); background-color: var(--color-white); } .card-combination-image img { width: 100%; } .card-combination-text { padding: 24px 25px; line-height: 2; } .card-combination-text h3 { margin-bottom: 0; } .card-combination-text span { margin-bottom: 9px; display: block; font-size: 14px; font-weight: 300; } .card-combination-text p:last-child { margin-bottom: 0; } /* ### winter ### */ .winter { padding-top: 60px; padding-bottom: 60px; background-color: var(--color-blue); } .winter-column { margin-bottom: 40px; } .winter-column:last-child { margin-bottom: 0; } /* ### card-winter ### */ .card-winter { line-height: 2; } .card-winter h2 { margin-bottom: 0; } .card-winter p:last-child { margin-bottom: 0; } .card-winter-subtitle { margin-bottom: 9px; } .card-winter-image { margin-bottom: 32px; padding: 10px; background-color: var(--color-white); } .card-winter-image img { width: 100%; height: auto; max-height: 420px; object-fit:cover; } /* ### language ### */ .language { margin-bottom: 60px; padding-top: 60px; padding-bottom: 60px; background-color: var(--color-blue); } .language-text { margin-bottom: 40px; max-width: 810px; line-height: 1.6; } .language-column { margin-bottom: 30px; } .language-column li { margin-bottom: 2px; } .language-column li a { color: var(--color-text); transition: var(--base-duration); } .language-column li a:hover, .language-column li a:focus { text-decoration: underline; color: var(--color-primary); } .language-column:last-child { margin-bottom: 0; } /* ### card-accordion ### */ .card-accordion-item { margin-bottom: 20px; background-color: var(--color-blue); width: 100%; } .card-accordion-item.is-alt { background-color: var(--color-white); } .card-accordion-title { padding: 15px 30px; position: relative; } .card-accordion-content { padding: 0 30px; } .card-accordion-content ul, .card-accordion-content ol{ padding-left: 16px; margin-bottom: 25px; } .card-accordion-content ul li{ list-style: disc;font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text);} .card-accordion-content ol li{ list-style: decimal;font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text); } .card-accordion-content p { margin-bottom: 0; padding-bottom: 25px; } .card-accordion-title h4 { margin-bottom: 0; } .card-accordion-title h4:after { position: absolute; top: 15px; right: 30px; content: '+'; } .card-accordion-item.open .card-accordion-title h4:after { content: '-'; } .card-accordion-item.open .card-accordion-body { padding: 15px 30px; display: block; max-height: fit-content; transition: all 0.4s ease; } /* ### brief ### */ .brief { margin-bottom: 40px; padding-top: 40px; } .brief-holder { margin-bottom: 12px; } .brief-left { margin-bottom: 30px; line-height: 1.6; } .brief-left ul, .brief-left ol{ padding-left: 16px; margin-bottom: 25px; } .brief-left ul li{ list-style: disc;font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text);} .brief-left ol li{ list-style: decimal;font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text); } .brief-image { border: 10px solid var(--color-blue); } .brief-image img { width: 100%; height: 100%; object-fit: cover; } .brief-button-holder { display: flex; flex-wrap: wrap; gap: 17px; } .brief-button-holder .button { width: 100%; } .brief-button-holder .button.outline { border: 2px solid var(--color-primary); } /* ### accommodation ### */ .accommodation { margin-bottom: 38px; padding-top: 38px; padding-bottom: 40px; background-color: var(--color-blue); } .accommodation-top { margin-bottom: 40px; } .accommodation-title { margin-bottom: 20px; line-height: 1.6; } .accommodation-title p { margin-bottom: 0; } .accommodation-filter { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; } .accommodation-filter label { margin-right: 10px; font-family: var(--font-family-heading), sans-serif; font-size: 18px; font-weight: 700; } .accommodation-column { margin-bottom: 10px; } .accommodation-button-holder { margin-top: 20px; display: flex; justify-content: center; } /* ### faq ### */ .faq { margin-bottom: 60px; } .faq-box { padding: 60px 20px 40px; background-color: var(--color-blue); } .faq-holder { margin: 0 auto; max-width: 1164px; } .faq-wrap { margin-bottom: 40px; padding-bottom: 18px; border-bottom: 1px solid var(--color-light-blue); } .faq-wrap:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .faq-text { margin-bottom: 31px; max-width: 810px; line-height: 1.6; } .faq-accordion-heading { font-weight: 700; } .faq-accordion-item { margin-bottom: 20px; border: 1px solid var(--color-light-blue); } .faq-accordion-title { padding: 12px 30px 10px 10px; position: relative; font-weight: 300; cursor: pointer; } .faq-accordion-title:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: var(--base-duration); content: '+'; } .faq-accordion-title.active:after { content: '-'; } .faq-accordion-content { padding: 10px 10px 20px; font-weight: 300; } .faq-accordion-text p:last-child { margin-bottom: 0; } /* ### crossing ### */ .crossing { margin-bottom: 80px; } .crossing-box { padding: 60px 20px; background-color: var(--color-blue); } .crossing-content { margin: 0 auto; max-width: 1164px; line-height: 1.6; } .crossing-title { margin-bottom: 1px; font-weight: 700; } .crossing-content ul { margin-bottom: 27px; } .crossing-content .button { padding: 10px 15px; width: 100%; } /* ### gravity forms ### */ #gform_fields_1{ position: relative; display: flex; gap:10px; justify-content: space-between; align-items: flex-end; flex-direction: column; padding: 10px 10px 60px 10px;} #gform_fields_1 #field_1_1{ position: absolute; left:0; bottom: 0; width: 100%; } #gform_fields_1 #field_1_3{ width: 100%; } #gform_fields_1 #field_submit{ width: 100%; } #gform_fields_1 #gform_submit_button_1 { color: var(--color-primary); background-color: var(--color-white); border: 2px solid var(--color-primary); } #gform_fields_1 #gform_submit_button_1:focus, #gform_fields_1 #gform_submit_button_1:hover { background-color: var(--color-primary); color: var(--color-white); } #gform_fields_2{ flex-direction: column; padding-bottom: 60px; position: relative; } #gform_fields_2 #gform_submit_button_2 { color: var(--color-primary); background-color: var(--color-white); border: 2px solid var(--color-primary); } #gform_fields_2 #gform_submit_button_2:focus, #gform_fields_2 #gform_submit_button_2:hover { background-color: var(--color-primary); color: var(--color-white); } #field_2_4{ position: absolute;bottom: 0; } #field_2_4 a{ color: var(--color-text); text-decoration: underline; } #gf_page_steps_4{ flex-direction: column; justify-content: space-between; align-items: flex-start; } #gf_page_steps_4 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_4 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_4 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_4 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_4 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_4 .gform_fields .gfield--width-quarter{ width: 24%; } #gform_wrapper_4 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_4 .gform_fields #input_4_10{ column-count: 2; } #gform_wrapper_4 .gform_fields #input_4_12{ column-count: 2; } #gform_wrapper_4 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: row; } #gform_wrapper_4 .gform_next_button{ width: 48%; } #gform_wrapper_4 .gform_previous_button{ width: 48%; } #gform_wrapper_4 #gform_next_button_4_29{ margin-left: auto; } #gform_wrapper_4 .ginput_left{ width: 48%; } #gform_wrapper_4 .ginput_right{ width: 48%; } #gform_wrapper_4 .gf_clear_complex{ display: none; } #gf_page_steps_5{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_5 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_5 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_5 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_5 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_5 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_5 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_5 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_5 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_5 .gform_fields #input_5_10{ column-count: 1; } #gform_wrapper_5 .gform_fields #input_5_12{ column-count: 1; } #gform_wrapper_5 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_5 .gform_next_button{ width: 100%; } #gform_wrapper_5 .gform_previous_button{ width: 100%; } #gform_wrapper_5 #gform_next_button_5_63{ margin-left: auto; } #gform_wrapper_5 .ginput_left{ width: 100%; } #gform_wrapper_5 .ginput_right{ width: 100%; } #gform_wrapper_5 .gf_clear_complex{ display: none; } #gform_wrapper_5 .gfield--input-type-hidden{ display: none; } #input_5_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_17{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_17 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_17 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_17 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_17 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_17 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_17 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_17 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_17 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_17 .gform_fields #input_17_10{ column-count: 1; } #gform_wrapper_17 .gform_fields #input_17_12{ column-count: 1; } #gform_wrapper_17 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_17 .gform_next_button{ width: 100%; } #gform_wrapper_17 .gform_previous_button{ width: 100%; } #gform_wrapper_17 #gform_next_button_17_63{ margin-left: auto; } #gform_wrapper_17 .ginput_left{ width: 100%; } #gform_wrapper_17 .ginput_right{ width: 100%; } #gform_wrapper_17 .gf_clear_complex{ display: none; } #gform_wrapper_17 .gfield--input-type-hidden{ display: none; } #input_17_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_8{ flex-direction: column; justify-content: space-between; align-items: flex-start; } #gf_page_steps_8 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_8 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_8 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_8 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_8 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_8 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_8 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_8 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_8 .gform_fields #input_8_10{ column-count: 1; } #gform_wrapper_8 .gform_fields #input_8_12{ column-count: 1; } #gform_wrapper_8 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; } #gform_wrapper_8 .gform_next_button{ width: 100%; } #gform_wrapper_8 .gform_previous_button{ width: 100%; } #gform_wrapper_8 #gform_next_button_8_123{ margin-left: auto; } #gform_wrapper_8 .ginput_left{ width: 100%; } #gform_wrapper_8 .ginput_right{ width: 100%; } #gform_wrapper_8 .gf_clear_complex{ display: none; } #gform_wrapper_8 .gfield--input-type-hidden{ display: none; } #input_8_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_10{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_10 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_10 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_10 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_10 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_10 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_10 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_10 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_10 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_10 .gform_fields #input_10_10{ column-count: 1; } #gform_wrapper_10 .gform_fields #input_10_12{ column-count: 1; } #gform_wrapper_10 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_10 .gform_next_button{ width: 100%; } #gform_wrapper_10 .gform_previous_button{ width: 100%; } #gform_wrapper_10 #gform_next_button_10_123{ margin-left: auto; } #gform_wrapper_10 .ginput_left{ width: 100%; } #gform_wrapper_10 .ginput_right{ width: 100%; } #gform_wrapper_10 .gf_clear_complex{ display: none; } #gform_wrapper_10 .gfield--input-type-hidden{ display: none; } #input_10_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_11{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_11 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_11 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_11 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_11 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_11 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_11 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_11 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_11 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_11 .gform_fields #input_11_10{ column-count: 1; } #gform_wrapper_11 .gform_fields #input_11_12{ column-count: 1; } #gform_wrapper_11 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_11 .gform_next_button{ width: 100%; } #gform_wrapper_11 .gform_previous_button{ width: 100%; } #gform_wrapper_11 #gform_next_button_11_123{ margin-left: auto; } #gform_wrapper_11 .ginput_left{ width: 100%; } #gform_wrapper_11 .ginput_right{ width: 100%; } #gform_wrapper_11 .gf_clear_complex{ display: none; } #gform_wrapper_11 .gfield--input-type-hidden{ display: none; } #input_11_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_12{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_12 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_12 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_12 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_12 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_12 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_12 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_12 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_12 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_12 .gform_fields #input_12_10{ column-count: 1; } #gform_wrapper_12 .gform_fields #input_12_12{ column-count: 1; } #gform_wrapper_12 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_12 .gform_next_button{ width: 100%; } #gform_wrapper_12 .gform_previous_button{ width: 100%; } #gform_wrapper_12 #gform_next_button_12_123{ margin-left: auto; } #gform_wrapper_12 .ginput_left{ width: 100%; } #gform_wrapper_12 .ginput_right{ width: 100%; } #gform_wrapper_12 .gf_clear_complex{ display: none; } #gform_wrapper_12 .gfield--input-type-hidden{ display: none; } #input_12_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_13{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_13 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_13 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_13 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_13 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_13 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_13 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_13 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_13 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_13 .gform_fields #input_13_10{ column-count: 1; } #gform_wrapper_13 .gform_fields #input_13_12{ column-count: 1; } #gform_wrapper_13 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_13 .gform_next_button{ width: 100%; } #gform_wrapper_13 .gform_previous_button{ width: 100%; } #gform_wrapper_13 #gform_next_button_13_63{ margin-left: auto; } #gform_wrapper_13 .ginput_left{ width: 100%; } #gform_wrapper_13 .ginput_right{ width: 100%; } #gform_wrapper_13 .gf_clear_complex{ display: none; } #gform_wrapper_13 .gfield--input-type-hidden{ display: none; } #input_13_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_14{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_14 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_14 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_14 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_14 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_14 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_14 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_14 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_14 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_14 .gform_fields #input_14_10{ column-count: 1; } #gform_wrapper_14 .gform_fields #input_14_12{ column-count: 1; } #gform_wrapper_14 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_14 .gform_next_button{ width: 100%; } #gform_wrapper_14 .gform_previous_button{ width: 100%; } #gform_wrapper_14 #gform_next_button_14_123{ margin-left: auto; } #gform_wrapper_14 .ginput_left{ width: 100%; } #gform_wrapper_14 .ginput_right{ width: 100%; } #gform_wrapper_14 .gf_clear_complex{ display: none; } #gform_wrapper_14 .gfield--input-type-hidden{ display: none; } #input_14_42_container{ flex-direction: column; margin-bottom: 0px!important; } #gf_page_steps_15{ flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 30px; margin-bottom: 30px; } #gf_page_steps_15 .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } #gf_page_steps_15 .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #ec1e23; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} #gf_page_steps_15 .gf_step.gf_step_active .gf_step_number{background-color: #ec1e23; color: #ffffff; } #gform_wrapper_15 .gform_fields{ flex-wrap: wrap; } #gform_wrapper_15 .gform_fields .gfield--width-half{ width: 100%; } #gform_wrapper_15 .gform_fields .gfield--width-third{ width: 100%; } #gform_wrapper_15 .gform_fields .gfield--width-quarter{ width: 100%; } #gform_wrapper_15 .gform_fields selcet{ background-color: transparent; } #gform_wrapper_15 .gform_fields #input_15_10{ column-count: 1; } #gform_wrapper_15 .gform_fields #input_15_12{ column-count: 1; } #gform_wrapper_15 .gform_page_footer{ display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap:20px; } #gform_wrapper_15 .gform_next_button{ width: 100%; } #gform_wrapper_15 .gform_previous_button{ width: 100%; } #gform_wrapper_15 #gform_next_button_15_63{ margin-left: auto; } #gform_wrapper_15 .ginput_left{ width: 100%; } #gform_wrapper_15 .ginput_right{ width: 100%; } #gform_wrapper_15 .gf_clear_complex{ display: none; } #gform_wrapper_15 .gfield--input-type-hidden{ display: none; } #input_15_42_container{ flex-direction: column; margin-bottom: 0px!important; } .gform_page_fields .spacer{ display: none; } .gfield-choice-input{ min-width: 20px; min-height: 20px; } fieldset{ border: none!important; } #gform_wrapper_1 .gform_required_legend, #gform_wrapper_2 .gform_required_legend{ display: none; } .gf_page_steps{ display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; margin-bottom: 20px; } .gf_step { display: flex; justify-content: center; align-items: center; margin-bottom: 10px; font-size: 12px; padding-right: 6px; } .gf_step .gf_step_number{ width: 30px; height: 30px; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; display: block; border: 2px solid #fa7815; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin-right: 6px;} .gf_step.gf_step_active .gf_step_number{background-color: #fa7815; color: #ffffff; } .gform_wrapper .gfield_label, .gform_wrapper .ginput_product_price_label{ font-weight: 700; padding-bottom: 4px; display: block; } .gform_wrapper .hidden_label .gfield_label{ display: none; } .gform_wrapper .screen-reader-text{ display: block;height: 0; width: 0; overflow: hidden; } .gform_wrapper .gfield_required_asterisk{ color: #ff0000; } .gform_wrapper .gform_page_fields{ padding-bottom: 20px; } .gform_wrapper .gform_fields{ display: flex; justify-content: space-between; gap:6px; align-items: flex-end; } .gform_wrapper .gform_fields .gfield{ width: 100%; margin-bottom: 12px; } .gform_wrapper .ginput_container_email{ display: flex; justify-content: space-between;} .gform_wrapper .ginput_left{ width: 100%; margin-bottom: 12px; } .gform_wrapper .ginput_right{ width: 100%; margin-bottom: 12px; } .gform_wrapper .gform_fields .gfield.gform_hidden{ width: 0px; height: 0px; overflow: hidden; } .gform_wrapper .gform_fields .gfield.gfield--width-full{ width: 100%;} .gform_wrapper .gform_page_footer{ width: 100%; display: flex; flex-direction: column; justify-content: space-between; } .gform_wrapper .gform_page_footer .button{ width: 100%; font-weight: 700; margin-bottom: 10px; } .gform_wrapper h3{ margin-bottom: 0px; } /* .gform_wrapper input[type='checkbox'] { padding: 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: var(--border-radius); background-color: transparent; -webkit-appearance: none; } .gform_wrapper input[type='checkbox']:checked:before { display: block; width: 12px; height: 12px; border-radius: var(--border-radius); background-color: var(--green); content: ''; } .gform_wrapper input[type='radio'] { padding: 0; display: flex; align-items: center; justify-content: center; min-width: 20px; min-height: 20px; width: 20px; height: 20px; border: 1px solid var(--gray); border-radius: 50%; background-color: transparent; -webkit-appearance: none; } .gform_wrapper input[type='radio']:checked:before { display: block; min-width: 18px; min-height: 18px; width: 18px; height: 18px; border-radius: 50%; background-color: var(--dark-green); border: 1px solid var(--dark-green); content: ''; } */ .gform_wrapper .gfield_checkbox .gchoice{ display: flex; align-items: center;} .gform_wrapper .gfield_checkbox .gchoice input{ margin-right: 12px; } .gform_wrapper .gfield_radio .gchoice{ display: flex; align-items: center;} .gform_wrapper .gfield_radio .gchoice input{ margin-right: 12px; } .gform_wrapper .ginput_container_consent{ display: flex; align-items: center;} .gform_wrapper .ginput_container_consent input{ margin-right: 12px; } .gform_wrapper .ginput_container_number .instruction{ display: none; } .gform_wrapper .ginput_product_price_label{ display: none; } .gform_wrapper .gfield_list_header{ display: flex; justify-content: space-between; } .gform_wrapper .gfield_list_header .gfield_header_item{ width: 25%; min-width: 25%; font-weight: 700; padding-left: 2px; padding-right: 2px;} .gform_wrapper .gfield_list_group{ display: flex; justify-content: space-between; position: relative; padding-bottom: 20px; margin-bottom: 10px; } .gform_wrapper .gfield_list_group .gfield_list_cell{ width: 25%; min-width: 25%; padding-left: 2px; padding-right: 2px; } .gform_wrapper .gfield_list_group .gfield_list_icons{ position: absolute; bottom:0px; right:0; display: flex; justify-content: space-between; width: 100%; } .gform_wrapper .gfield_list_group .gfield_list_icons button{ padding: 6px; width: var(--width); min-height: 22px;font-family: var(--font-family-base);font-size: var(--font-size-base);text-align: center;text-decoration: var(--line-decoration);color: var(--white);border: 0;border-radius: var(--radius);background-color: var(--orange);transition: var(--duration);cursor: pointer; max-width: 140px; } .gform_wrapper .gfield_error .gfield_label{ color: #ff0000!important; } .gform_wrapper .validation_message{ display: none!important; } .gform_wrapper .gform_submission_error { color: #ff0000!important; font-size: 18px; font-weight: 400;} .gfield_description, .gform-field-label--type-sub{ color: #858684; } .gform_required_legend{ font-style: italic; } .gchoice .gform-field-label{ display: flex; gap:10px; } .tooltip_icoon{ display: flex;align-items: center; justify-content: center; width: 20px; height: 20px; font-family: var(--font-family-heading), sans-serif; font-size: 12px; font-weight: 700; border: 2px solid #b1b1b1; border-radius: var(--w-full);} #gfield_description_5_43{ font-style: italic; } .gfield_select { background: url('images/arrow-down.svg') no-repeat center right 10px var(--color-white); } #submit_popup_afdeklaag{ display: none; position: fixed; left: 0; top: 0; width: 100%; justify-content: center; align-items: center; height: 100vh; z-index: 10000000; background-color: rgba(0,0,0,0.7); } #submit_popup{ position: relative; padding: 30px; background-color: #ffffff; border: 2px solid #ec1e23; width: 100%; max-width: 820px; } #submit_popup_inhoud{ display: flex; flex-direction: column; justify-content: center; text-align: center; } #popup_knoppen{ display: flex; justify-content: center; gap:20px; flex-direction: column; } .popup_btn{ display: flex; justify-content: center; gap:10px; position: relative;} .popup_btn .submit_popup_info_icon{ display: inline-block; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #ffffff; border:1px solid #ffffff; cursor: help; transition: all 0.35s; } .popup_btn.outline .submit_popup_info_icon{ color: #ec1e23; border:1px solid #ec1e23; } .popup_btn.outline:hover .submit_popup_info_icon{ color: #ffffff; border:1px solid #ffffff; } #popup_bevestigen_btn .popup_tooltip{ position: absolute; width: 300px; bottom: 60px; left: 0; background-color: #dedede; padding: 10px; color: #1a202c; z-index: 100; } #popup_verwerpen_btn .popup_tooltip{ position: absolute; width: 300px; bottom: 60px; right: 0; background-color: #dedede; padding: 10px; color: #1a202c; z-index: 100; } .ui-datepicker {background-color: #ffffff; border: 1px solid #cccccc; border-radius: 5px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-family: Arial, sans-serif; font-size: 14px; padding: 10px;} .ui-datepicker-title {font-weight: bold; margin-bottom: 10px;text-align: center;} .ui-datepicker th {text-transform: uppercase;font-size: 12px;color: #666666;padding: 5px;} .ui-datepicker td {text-align: center;padding: 5px;} .ui-datepicker td a {display: block; padding: 8px;background-color: #f9f9f9; border: 1px solid transparent;border-radius: 3px;color: #333333; text-decoration: none;} .ui-datepicker td a:hover {background-color: #0073e6; color: #ffffff; } .ui-datepicker td .ui-state-active {background-color: #0073e6; color: #ffffff; border: 1px solid #005bb5;} .ui-datepicker .ui-datepicker-today a {background-color: #d9f0ff; border: 1px solid #80cfff; color: #0073e6;} .ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { display: none;} .ui-datepicker-prev, .ui-datepicker-next {position: absolute;top: 10px;width: 30px;height: 30px;background-color: #f5f5f5;border: 1px solid #cccccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;color: #333;font-size: 14px; text-decoration: none; } .ui-datepicker-prev {left: 10px;} .ui-datepicker-next { right: 10px;} .ui-datepicker-prev::after {content: '←'; font-size: 16px;color: #333; display: none;} .ui-datepicker-next::after {content: '→';font-size: 16px;color: #333; display: none;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover {background-color: #e0e0e0;border-color: #999999;} .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { display: inline-block;width: auto; padding: 5px 30px 5px 10px;font-size: 14px;font-family: Arial, sans-serif;background-color: #ffffff;border: 1px solid #cccccc;border-radius: 5px;appearance: none;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;position: relative;} .ui-datepicker select.ui-datepicker-month::after, .ui-datepicker select.ui-datepicker-year::after {content: '▼';font-size: 12px;color: #333333;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none; } .ui-datepicker select.ui-datepicker-month:hover,.ui-datepicker select.ui-datepicker-year:hover {background-color: #f5f5f5;border-color: #999999;} .ui-datepicker{ width: auto!important; } #ui-datepicker-div{ display: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-color: #c1d5b2; color: #ffffff; background-image: none; } .ui-datepicker-unselectable>span{ padding: 8px!important; } /* ### gravity forms ### */ .personen_input_holder{ display: flex; } .min_personen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } .min_personen_input:hover{ background-color: #bd1e21; } .plus_personen_input{ display: flex; width: 48px; height: 48px; justify-content: center; align-items: center; cursor: pointer; background-color: #ec1e23; transition: all 0.3s; color: #ffffff; font-size: 22px; font-weight: 700; } .plus_personen_input:hover{ background-color: #bd1e21; } .personen_input{text-align: center; width: calc(100% - 96px); } /* ### footer ### */ .footer { overflow: hidden; width: 100%; } .footer-information { padding-top: 30px; padding-bottom: 30px; display: flex; flex-wrap: wrap; border-bottom: 1px solid rgba(1, 1, 3, 0.1); } .footer-holder { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid rgba(1, 1, 3, 0.1); } .footer-gap, .footer-item { margin-bottom: 18px; width: 100%; border: 1px solid rgba(1, 1, 3, 0.6); border-radius: var(--border-radius); } .footer-item:last-child { margin-bottom: 0; } .footer-info { padding: 0 20px 10px 41px; } .footer-info > li { margin-bottom: 5px; position: relative; font-size: 14px; color: rgba(1, 1, 3, 0.6); } .footer-info > li:last-child { margin-bottom: 0; } .footer-info > li > a { position: relative; color: var(--color-black); transition: var(--base-duration); } .footer-info > li > a:focus, .footer-info > li > a:hover { color: var(--color-primary); } .footer-info > li > a.tel { position: unset; font-size: 20px; } .footer-info > li > a img { position: absolute; top: 4px; left: -30px; } .footer-title { padding: 10px; position: relative; font-family: var(--font-family-heading), sans-serif; font-size: 18px; font-weight: 700; } .footer-title:after { position: absolute; top: 50%; right: 10px; font-family: var(--font-family-icon), sans-serif; font-size: 6px; transform: translateY(-50%); transition: var(--base-duration); content: '\e900'; } .footer-title.active:after { transform: rotate(90deg); } .footer-form { margin-bottom: 8px; padding: 0 15px; } .footer-input { margin-bottom: 10px; } .footer-input input { padding: 10px; color: rgba(1, 1, 3, 0.8); border: 1px solid var(--color-blue); } .footer-input input::placeholder { color: rgba(1, 1, 3, 0.8); } .footer-submit .button { padding: 9px 20px 8px; width: var(--w-full); } .footer-check { padding-left: 26px; position: relative; display: inline-block; font-size: 12px; color: rgba(0, 0, 0, 0.6); } .footer-check input[type='checkbox'] { position: absolute; top: -2px; left: 0; border: 1px solid var(--color-blue); } .footer-check input[type='checkbox']:checked:after { background-color: var(--color-blue); } .footer-check span { display: inline-block; } .footer-check a { text-decoration: underline; color: rgba(0, 0, 0, 0.6); transition: var(--base-duration); } .footer-check a:focus, .footer-check a:hover { text-decoration: none; color: var(--color-black); } .footer-social-media { padding: 0 15px 15px; display: flex; align-items: center; } .footer-social-media > li { margin-right: 20px; } .footer-social-media > li:last-child { margin-right: 0; } .footer-social-media > li a { position: relative; color: var(--color-primary); transition: var(--base-duration); } .footer-social-media > li a:focus, .footer-social-media > li a:hover { color: var(--color-red); } .footer-social-media i { font-size: 28px; } .footer-column ul { padding: 0 10px 10px; } .footer-column ul > li { margin-bottom: 6px; } .footer-column ul > li:last-child { margin-bottom: 0; } .footer-column ul > li > a { color: #010103; transition: var(--base-duration); } .footer-column ul > li > a:focus, .footer-column ul > li > a:hover { text-decoration: underline; color: var(--color-primary); } .footer .w-50 { width: var(--w-full); } .footer .check { padding: 0 15px 15px; } .hidden-menu { display: none; } /* ### copyright ### */ .copyright { padding-top: 8px; padding-bottom: 8px; } .copyright-item { margin-bottom: 10px; } .copyright-item:last-child { margin-bottom: 0; } .copyright-nav { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: center; } .copyright-nav > li { font-size: 14px; font-weight: 300; } .copyright-nav > li:after { margin: 0 10px; display: inline-block; width: 1px; height: 12px; vertical-align: middle; background-color: var(--color-black); content: ''; } .copyright-nav > li:last-child:after { display: none; } .copyright-nav > li > a { color: var(--color-black); transition: var(--base-duration); } .copyright-nav > li > a:focus, .copyright-nav > li > a:hover { text-decoration: underline; color: var(--color-primary); } .copyright-logo { display: flex; align-items: center; justify-content: center; } .copyright-logo > li { margin-right: 6px; } .copyright-logo > li:last-child { margin-right: 0; } .copyright-partners { display: flex; align-items: center; justify-content: center; } .copyright-partners > li { margin-right: 6px; font-size: 14px; font-weight: 300; } .copyright-partners > li:last-child { margin-right: 0; } .sticky_footer_btn{ position: fixed; z-index: 1000000; width: 100%; left:0; bottom:0; padding: 10px; background-color: #ffffff; display: flex; justify-content: space-between; align-items: center; } .sticky_btn_pusher{ width: 100%; height: 68px; } .sticky_footer_btn .tour-features-text{ margin-bottom: 0px; padding: 6px;font-size: 14px; } .sticky_footer_btn .tour-features-text strong{ font-size: 14px; } .sticky_footer_btn .button{ padding-left: 12px; padding-right: 12px;font-size: 14px;} .reis_filter_mobiel{ margin-bottom: 20px; } .reis_filter_holder{ display: none; } #mobile_filter_btn_holder{ display: flex; align-items: center; height: 48px; cursor: pointer; flex-grow: 1; border: 1px solid rgba(225, 232, 240, 0.9); background-color: #ffffff; } #mobile_filter_btn{height: 48px; width: 100%; padding-left: 10px; padding-right: 10px;display: flex; justify-content: center; gap:10px; align-items: center; } #mobile_filter_btn img{ width: 21px; height: auto; } #sort_filter_holder{ display: flex; justify-content: space-between; gap:10px; width: 100%; } #sticky_footer_holder_single_api{ position: fixed; bottom:0px; left:0px; width: 100%; padding: 10px; background-color: #ffffff; z-index: 100000; display: flex; justify-content: center; align-items: center; } #sticky_footer_btn_single_api{ width: 100%; max-width: 100%; } /* #Media Queries ================================================== */ @media only screen and (min-width: 479px) { .facilities-holder ul { } .care-heading { position: relative; display: flex; align-items: center; cursor: pointer; } .care-item-image { margin-right: 30px; width: auto; } .care-heading h5 { font-family: var(--font-family-heading); font-size: 16px; } .care-heading:after { position: absolute; top: 30px; right: 19px; } .facilities li { width: 100%; } } @media only screen and (min-width: 768px) { .wrapper { padding-top: 60px; } .sub-title { font-size: 18px; } .banner { padding-top: 88px; padding-bottom: 273px; } .banner-content h1 { font-size: var(--font-size-h1); } .banner.is-alt { padding-top: 170px; padding-bottom: 150px; text-align: unset; } .banner.inner { padding-top: 80px; padding-bottom: 80px; } .banner.inner .banner-content { margin-right: 0; margin-left: 0; width: 100%; max-width: 100%;position: relative; z-index: 2; } .holiday-filter-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .holiday-filter-column { padding: 0 8px; width: 50%; } .location { margin: -150px -8px 0; display: flex; flex-wrap: wrap; justify-content: center; } .location-item { padding: 0 8px; width: 50%; } .card-location span { min-width: 300px; font-size: 20px; } .chance { padding-top: 80px; padding-bottom: 80px; flex-direction: unset; } .chance-content { width: 55%; } .chance-image { width: 45%; } .register-box { padding: 30px 30px 0; } .register-form { margin: 0 -8px; display: flex; flex-wrap: wrap; } .register-field { margin-bottom: 0; padding: 0 8px; width: 33.33%; } .register-left p { margin-bottom: 23px; } .register-right { position: relative; } .property { margin-bottom: 80px; padding-top: 75px; padding-bottom: 82px; } .property-holder { display: grid; grid-template-columns: auto auto; } .property-link { margin-top: 35px; display: flex; justify-content: center; } .blog-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .blog { margin-bottom: 100px; padding-top: 72px; padding-bottom: 78px; } .blog-column { padding: 0 8px; width: 50%; } .reviews { padding-bottom: 77px; } .reviews-holder { grid-template-columns: auto auto; } .contact { padding-top: 20px; padding-bottom: 80px; } .contact-right-info { display: flex; } .contact-person-info { padding: 35px 40px; } .card-form { padding: 34px 40px; height: var(--h-full); background-color: var(--color-white); } .card-form-group { margin: 0 -13px; display: flex; justify-content: space-between; } .card-form-field { margin-bottom: 10px; padding: 0 13px; } .card-form-tnc { margin-top: 3px; display: flex; justify-content: space-between; } .card-form-tnc button { width: auto; min-width: 298px; } .card-form-tnc .check { margin-bottom: 2px; } .w-50 { width: 50%; } .travel { padding-top: 78px; padding-bottom: 78px; } .accommodation { margin-bottom: 72px; padding-top: 72px; padding-bottom: 80px; } .accommodation-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .accommodation-column { padding: 0 8px; width: 50%; } .accommodation-filter { display: flex; flex-wrap: wrap; align-items: center; } .accommodation-filter select { width: 37.2%; } .booking-right { padding: 45px 40px 25px; } .card-reviews { padding: 28px 30px 30px; } .ideal { padding-top: 75px; padding-bottom: 75px; } .ideal .location-item { width: 50%; } .help { text-align: center; } .help-holder { padding-top: 73px; padding-bottom: 74px; } .help-text ul { display: flex; justify-content: center; } .help-text ul > li { margin-right: 16px; margin-bottom: 0; } .help-text ul > li:last-child { margin-right: 0; } .help-text .button { width: auto; min-width: 260px; } .holidays-left { margin-bottom: 0; } .holidays-item { margin-bottom: 20px; padding: 27px 20px 30px; } .holidays-right { padding: 28px 20px; } .holidays-right .usp { margin-bottom: 33px; } .holidays-right .usp-wrap { padding-bottom: 27px; } .holidays-select { margin-bottom: 20px; width: 40%; } .holidays-column { margin: 0 -15px; display: flex; flex-wrap: wrap; } .holidays-list-item { padding: 0 15px; width: 100%; } .holidays-list-holder { padding: 0 15px; width: 50%; } .card-holidays-info-right .button { padding-right: 10px; padding-left: 10px; display: unset; width: auto; } .experiences-right { padding: 34px 40px; } .text-block { margin-bottom: 79px; } .text-block-holder { padding: 50px; } .text-block-column { margin: 0 -8px 41px; padding-top: 5px; display: flex; flex-wrap: wrap; } .text-block-item { padding: 0 8px; width: 50%; } .text-block-column.is-alt { margin: 0 -9px 7px; padding-top: 0; } .text-block-column.is-alt .text-block-item { padding: 0 9px; width: 33.33%; } .share li:first-child { margin-right: 10px; width: auto; } .author { margin-bottom: 75px; flex-direction: row; justify-content: space-between; } .author-content { width: 70%; } .author-image { margin-bottom: 0; display: unset; width: 25%; } .news { margin-bottom: 80px; } .news-holder { margin: 0 -7px 14px; display: flex; flex-wrap: wrap; } .news-column { padding: 0 7px; width: 50%; } .card-news-content { padding: 23px 31px 26px; } .review-heading-block { margin-bottom: 26px; padding-right: 35px; padding-left: 35px; } .review-block .breadcrumbs { justify-content: center; } .banner-grid { margin: 0 -7px; display: flex; justify-content: space-between; } .banner-grid-column { padding: 0 7px; width: 50%; } .banner-grid-holder { margin: 0 -3px; display: flex; justify-content: space-between; } .brief { margin-bottom: 80px; } .brief-accordion-holder { margin: 0 -8px; display: flex; } .brief-accordion-left { padding: 0 8px; width: 100%; display: flex;justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .tour h1 { font-size: 40px; } .tour-tab { margin-bottom: 30px; top: 80px; } .tour-date-table .hide { display: block; } .tour-date-table .show { display: none; } .tour-date-table table th { padding-left: 19px; } .tour-date-table table th span.mobile { display: none; } .tour-date-table table td { padding: 11px 17px 5px; min-width: 171px; font-size: 16px; } .tour-date-table .table-text { display: flex; justify-content: space-between; } .tour-date-table .table-text a { display: block; } .banner-grid-image:nth-child(2), .banner-grid-image:nth-child(3) { display: block; } .tour-program.is-sec .tour-program-info { padding: 0 40px; } .think { padding-bottom: 75px; } .reizen { padding-top: 80px; padding-bottom: 80px; } .reizen-column { width: 50%; } .card-reizen-image { height: unset; } .destination { margin-top: 27px; padding-top: 75px; padding-bottom: 81px; } .destination-row { margin: 0 -20px; display: flex; flex-wrap: wrap; } .destination-column { margin-bottom: 0; padding: 0 20px; width: 50%; } .destination-text p { margin-bottom: 25px; } .destination-list { margin: 0 -8px; display: flex; flex-wrap: wrap; } .destination-list li { padding: 0 8px; width: 50%; } .specialist { padding-top: 80px; padding-bottom: 80px; } .specialist-nav { padding-top: 13px; padding-bottom: 11px; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid var(--color-light-blue); border-bottom: 1px solid var(--color-light-blue); } .specialist-tab-content .button { min-width: 220px; } .specialist-accordion-title { display: none; } .specialist-tab-content { padding-bottom: 0; } .combination { margin-bottom: 80px; padding-top: 73px; padding-bottom: 80px; } .combination-holder { margin: 0 -8px; display: flex; flex-wrap: wrap; } .combination-column { margin-bottom: 0; padding: 0 8px; width: 33.33%; } .combination-left { width: auto; } .winter { padding-top: 75px; padding-bottom: 66px; } .winter-row { margin: 0 -10px; display: flex; flex-wrap: wrap; } .winter-column { margin-bottom: 0; padding: 0 10px; width: 50%; } .language { margin-bottom: 80px; padding-top: 73px; padding-bottom: 97px; } .language-row { margin: 0 -20px; display: flex; flex-wrap: wrap; } .language-column { padding: 0 20px; width: 50%; } .language-text { margin-bottom: 54px; } .crossing { margin-bottom: 80px; } .crossing-box { padding: 73px 20px 80px; } .crossing-content .button { padding: 10px 30px; width: auto; } .faq { margin-bottom: 80px; } .faq-box { padding: 73px 20px 61px; } .faq-wrap { display: flex; flex-wrap: wrap; } .faq-accordion-heading { padding-right: 20px; width: 30.5%; } .faq-accordion { width: 69.5%; } .tour-program .tour-program-travels ul.tabs { display: flex; } .tour-date { margin-bottom: 73px; padding-bottom: 70px; } .tour-program { margin-bottom: 73px; padding-bottom: 60px; } .tour-program ul > li { width: unset; min-width: 220px; } .tour-program-item { padding: 37px 30px 30px; } .tour-program-item:after { top: 36px; right: 30px; width: 24px; height: 24px; } .tour-program-block { margin: 0 -5px 30px; display: flex; justify-content: space-between; } .tour-program-column { padding: 5px; width: 50%; } .tour-program-bg { display: flex; justify-content: space-between; } .tour-program-heading { padding: 40px; width: 68%; } .tour-program-height { width: 31.3%; height: auto; } .tour-program-image { width: var(--w-full); height: var(--h-full); object-fit: cover; } .tour-program.is-alt { margin-bottom: 75px; padding-bottom: 48px; } .tour-program.is-alt .tour-program-heading { padding: 38px; } .tour-accommodations-bg { padding: 36px 30px 30px 39px; } .tour-accommodations-holder { display: flex; justify-content: space-between; } .tour-accommodations-info { width: 50%; } .tour-accommodations-image { width: 45%; } .tour-accommodations-image img { width: var(--w-full); height: auto; } .tour-practical-wrap { margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; } .tour-practical-info { width: 55%; } .tour-practical-image { width: 43.6%; } .tour-activities { margin-bottom: 73px; } .tour-activities .experiences { margin-bottom: 80px; } .tour-rental-list>ul { display: flex; justify-content: space-between; } .facilities-holder ul { } .care-listing { display: flex; } .care-list { width: 33.33%; } .experience-block { margin-bottom: 10px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .experience-content { width: 65%; } .experience-link { width: 30%; text-align: right; } .footer-social-media { padding-top: 5px; } .brief-button-holder { flex-wrap: nowrap; } .review-block h2 { text-align: center; } #gform_fields_1{ padding-bottom: 60px; gap:6px;} .contact #gform_wrapper_3 .gform_fields .gfield{ width: 48%;} .contact #gform_wrapper_3 .gform_fields .gfield--input-type-textarea{ width:100%; } .contact #gform_wrapper_3 .gform_fields{ flex-wrap: wrap; gap:0; } .contact #gform_wrapper_3 #field_submit{ width: 35%; } .card-accordion-item { width: 49%; } .facilities li { width: calc(50% - 20px); } .short li { width: 50%;} #gf_page_steps_4 { flex-direction: row; } #gf_page_steps_5 { flex-direction: row; } #gform_wrapper_5 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_5 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_5 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_5 .gform_fields #input_5_10{ column-count: 2; } #gform_wrapper_5 .gform_fields #input_5_12{ column-count: 2; } #gform_wrapper_5 .gform_next_button{ width: 48%; } #gform_wrapper_5 .gform_previous_button{ width: 48%; } #gform_wrapper_5 .ginput_left{ width: 48%; } #gform_wrapper_5 .ginput_right{ width: 48%; } #gform_wrapper_5 .gform_page_footer{flex-direction: row; } #input_5_42_container{ flex-direction: row; } #gf_page_steps_17 { flex-direction: row; } #gform_wrapper_17 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_17 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_17 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_17 .gform_fields #input_17_10{ column-count: 2; } #gform_wrapper_17 .gform_fields #input_17_12{ column-count: 2; } #gform_wrapper_17 .gform_next_button{ width: 48%; } #gform_wrapper_17 .gform_previous_button{ width: 48%; } #gform_wrapper_17 .ginput_left{ width: 48%; } #gform_wrapper_17 .ginput_right{ width: 48%; } #gform_wrapper_17 .gform_page_footer{flex-direction: row; } #input_17_42_container{ flex-direction: row; } #gf_page_steps_8 { flex-direction: row; } #gform_wrapper_8 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_8 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_8 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_8 .gform_fields #input_8_10{ column-count: 2; } #gform_wrapper_8 .gform_fields #input_8_12{ column-count: 2; } #gform_wrapper_8 .gform_next_button{ width: 48%; } #gform_wrapper_8 .gform_previous_button{ width: 48%; } #gform_wrapper_8 .ginput_left{ width: 48%; } #gform_wrapper_8 .ginput_right{ width: 48%; } #gform_wrapper_8 .gform_page_footer{flex-direction: row; } #input_8_42_container{ flex-direction: row; } #gf_page_steps_10 { flex-direction: row; } #gform_wrapper_10 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_10 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_10 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_10 .gform_fields #input_10_10{ column-count: 2; } #gform_wrapper_10 .gform_fields #input_10_12{ column-count: 2; } #gform_wrapper_10 .gform_next_button{ width: 48%; } #gform_wrapper_10 .gform_previous_button{ width: 48%; } #gform_wrapper_10 .ginput_left{ width: 48%; } #gform_wrapper_10 .ginput_right{ width: 48%; } #gform_wrapper_10 .gform_page_footer{flex-direction: row; } #input_10_42_container{ flex-direction: row; } #gf_page_steps_11 { flex-direction: row; } #gform_wrapper_11 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_11 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_11 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_11 .gform_fields #input_11_10{ column-count: 2; } #gform_wrapper_11 .gform_fields #input_11_12{ column-count: 2; } #gform_wrapper_11 .gform_next_button{ width: 48%; } #gform_wrapper_11 .gform_previous_button{ width: 48%; } #gform_wrapper_11 .ginput_left{ width: 48%; } #gform_wrapper_11 .ginput_right{ width: 48%; } #gform_wrapper_11 .gform_page_footer{flex-direction: row; } #input_11_42_container{ flex-direction: row; } #gf_page_steps_12 { flex-direction: row; } #gform_wrapper_12 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_12 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_12 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_12 .gform_fields #input_12_10{ column-count: 2; } #gform_wrapper_12 .gform_fields #input_12_12{ column-count: 2; } #gform_wrapper_12 .gform_next_button{ width: 48%; } #gform_wrapper_12 .gform_previous_button{ width: 48%; } #gform_wrapper_12 .ginput_left{ width: 48%; } #gform_wrapper_12 .ginput_right{ width: 48%; } #gform_wrapper_12 .gform_page_footer{flex-direction: row; } #input_12_42_container{ flex-direction: row; } #gf_page_steps_13 { flex-direction: row; } #gform_wrapper_13 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_13 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_13 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_13 .gform_fields #input_13_10{ column-count: 2; } #gform_wrapper_13 .gform_fields #input_13_12{ column-count: 2; } #gform_wrapper_13 .gform_next_button{ width: 48%; } #gform_wrapper_13 .gform_previous_button{ width: 48%; } #gform_wrapper_13 .ginput_left{ width: 48%; } #gform_wrapper_13 .ginput_right{ width: 48%; } #gform_wrapper_13 .gform_page_footer{flex-direction: row; } #input_13_42_container{ flex-direction: row; } #gf_page_steps_14 { flex-direction: row; } #gform_wrapper_14 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_14 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_14 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_14 .gform_fields #input_14_10{ column-count: 2; } #gform_wrapper_14 .gform_fields #input_14_12{ column-count: 2; } #gform_wrapper_14 .gform_next_button{ width: 48%; } #gform_wrapper_14 .gform_previous_button{ width: 48%; } #gform_wrapper_14 .ginput_left{ width: 48%; } #gform_wrapper_14 .ginput_right{ width: 48%; } #gform_wrapper_14 .gform_page_footer{flex-direction: row; } #input_14_42_container{ flex-direction: row; } #gf_page_steps_15 { flex-direction: row; } #gform_wrapper_15 .gform_fields .gfield--width-half{ width: 48%; } #gform_wrapper_15 .gform_fields .gfield--width-third{ width: 31%; } #gform_wrapper_15 .gform_fields .gfield--width-quarter{ width: 23%; } #gform_wrapper_15 .gform_fields #input_15_10{ column-count: 2; } #gform_wrapper_15 .gform_fields #input_15_12{ column-count: 2; } #gform_wrapper_15 .gform_next_button{ width: 48%; } #gform_wrapper_15 .gform_previous_button{ width: 48%; } #gform_wrapper_15 .ginput_left{ width: 48%; } #gform_wrapper_15 .ginput_right{ width: 48%; } #gform_wrapper_15 .gform_page_footer{flex-direction: row; } #input_15_42_container{ flex-direction: row; } .gform_wrapper h3{margin-bottom: 20px!important; } .experiences-item-holder .experiences-item-column{ width: calc(33.33% - 10px);} .gform_wrapper .gform_page_footer .button{ width: 48%; font-weight: 700; margin-bottom: 10px; } .banner-content.align_left{text-align: left;} .tour-program-heading h2{font-size:28px; } #gform_fields_2{ flex-direction: row; padding-bottom: 40px; position: relative; } .reis_filter_mobiel{ display: none; } .reis_filter_holder{ display: flex; } #sticky_footer_btn_single_api{ width: 100%; max-width: 240px; } } @media only screen and (min-width: 1025px) { .banner.inner { padding-top: 104px; padding-bottom: 180px; } .banner.inner h1 { max-width: 670px; } .banner-row { margin: 0 -8px; display: flex; flex-wrap: wrap; } .banner-column { margin-bottom: 0; padding: 0 8px; width: 16.6666%; } .banner { min-height: 320px; } .banner.is-alt { padding-top: 125px; padding-bottom: 135px; } .banner-column:last-child label { display: block; } .banner-column .button { margin-top: 0; } .usp-wrap { padding-top: 25px; padding-bottom: 25px; } .location-item { margin-bottom: 0; width: 33.33%; } .chance-content { padding: 53px 60px 50px; width: 60%; } .chance-image { width: 40%; } .holiday-filter-column { padding: 0 8px; width: 16.6%; } .holiday-filter-item { margin-bottom: 0; } .think .swiper-controller { margin-top: 0; position: absolute; top: -58px; right: 0; display: flex; max-width: 100px; } .property-holder { display: grid; grid-template-columns: auto auto auto; } .blog { margin-bottom: 261px; } .blog-column { width: 33.33%; } .card-blog-text { padding: 25px 29px 25px 31px; } .reviews-holder { grid-template-columns: auto auto auto; } .booking { margin-bottom: 80px; } .booking-item { margin-bottom: 20px; display: flex; } .booking-left { margin-bottom: 0; width: 33%; } .booking-right { width: 67%; } .accommodation-column { width: 33.33%; } .accommodation-top { margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between; } .accommodation-title { margin-bottom: 5px; width: 58%; } .accommodation-filter { justify-content: flex-end; width: 42%; } .experiences-holder { display: flex; } .experiences-left { width: 40%; } .experiences-right { width: 60%; } .experiences-item-holder { margin: 0 -8px 20px; display: flex; } .experiences-item-column { padding: 0 8px; } .experiences-item-text { padding: 34px 41px; background-color: var(--color-blue); } .experiences-item-text p:last-child{ padding-bottom: 0px; margin-bottom: 0px; } .experiences-item-text h3 { margin-bottom: 32px; } .travel-holder { display: flex; } .travel-left { padding-top: 10px; width: 50%; } .travel-right { padding: 62px 10px 30px 32px; width: 50%; } .travel-second { position: absolute; right: 0; bottom: -40px; display: flex; justify-content: end; } .travel-first { margin-bottom: 0; } .travel-first img { width: unset; } .travel-second img { width: unset; } .travel.is-alt { padding-bottom: 120px; } .travel.is-alt .travel-holder { flex-direction: row-reverse; } .travel.is-alt .travel-first { display: flex; justify-content: end; } .travel.is-alt .travel-second { display: flex; justify-content: start; } .card-holidays { padding-bottom: 0; } .holidays-item { margin-bottom: 20px; padding: 27px 30px 30px; } .holidays-right { padding: 28px 40px 76px; } .holidays-column { margin: unset; display: unset; } .holidays-list-item { padding: unset; width: var(--w-full); } .holidays-list-holder { padding: unset; width: var(--w-full); } .holidays-wrap { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .holidays-text { width: 76%; } .holidays-select { margin-bottom: 0; width: 22.5%; } .card-holidays-holder { display: flex; flex-wrap: wrap; justify-content: space-between; } .card-holidays-left { width: 35%; } .card-holidays-right { padding: 15px 10px; width: 64%; } .card-holidays-info { padding-top: 10px; } .card-holidays-info-left { margin-bottom: 0; width: 58%; } .card-holidays-info-full { margin-bottom: 0; width: 100%; } .card-holidays-info-left p { margin-bottom: 7px; } .card-holidays-info-column { margin-bottom: 10px; padding-top: 10px; } .card-holidays-icon { margin-bottom: 10px; width: 47%; } .card-holidays-info-right { width: 34.5%; } .card-holidays-info-right ul { margin-bottom: 37px; padding-top: 2px; display: block; } .card-holidays-info-right .button { padding-right: 10px; padding-left: 10px; } .card-holidays-bottom .button { display: block; width: auto; } .card-holidays-price { display: flex; justify-content: flex-end; width: 48%; } .card-holidays-bottom { display: flex; align-items: center; justify-content: space-between; } .card-holidays.is-alt .card-holidays-bottom { display: block; } .text-block-holder { padding: 73px 119px; } .news-column { width: 33.33%; } .reizen-column { width: 40%; } .reizen-column.left { width: 60%; } .specialist-image { width: 50%; } .combination-left { padding-top: 10px; order: 1; width: 24.2%; } .combination-right { margin-bottom: 0; padding-left: 15px; order: 2; width: 75.8%; } .card-combination-text { padding: 24px 30px 47px; } .card-winter-image { margin-top: 59px; } .tour-program-travels { display: block; } .tab-title { display: none; } .tour-tab select.phone { display: none; } .tour-tab { padding: 24px 19px; border: 1px solid var(--color-light-blue); } .tour-tab > ul { display: flex !important; justify-content: space-between; height: auto !important; overflow: visible !important; } .tour-tab-links { opacity: 1 !important; max-height: unset; } .tour-tab li .active { text-decoration: underline; color: var(--color-primary); } .tour-accommodations-info { width: 61%; } .tour-accommodations-image { width: 34.6%; } .short { margin-bottom: 40px; padding: 25px 30px; } .short p { margin-bottom: 20px; } .short ul { justify-content: space-between; } .short li { margin-right: 20px; margin-bottom: 0; width: auto; } .short li img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 23px; height: 30px; object-fit:contain; } .short .quick { margin: 35px 0 40px; padding: 22px 15px; } .short .map { margin-top: 62px; } .facilities { margin-bottom: 40px; padding: 25px 30px 20px; } .facilities p { margin-bottom: 30px; } .facilities li {padding-left: 32px; position: relative; display: flex; font-weight: 300; } .facilities-holder { justify-content: space-between; } .facilities-holder ul { } .care { margin-bottom: 40px; padding: 25px 30px 20px; } .care p { margin-bottom: 30px; } .price { margin-bottom: 40px; padding: 25px 30px 20px; } .price p { margin-bottom: 30px; } .experience-content { width: 58%; } .experience-link { width: 20%; } .brief-holder { display: flex; justify-content: space-between; } .brief-left { margin-bottom: 0; padding: 22px 0; width: 52%; } .brief-right { width: 45%; } .brief-button-holder { flex-wrap: wrap; } .footer-information { padding-top: 72px; padding-bottom: 51px; } .footer-information .footer-title { margin-bottom: 10px; } .footer-item { margin-bottom: 0; width: 27.5%; border: 0; border-radius: 0; } .footer-item.w-50 { padding-left: 4px; width: 45%; } .footer-item.w-30 { padding-left: 50px; width: 27%; } .footer-title { margin-bottom: 6px; padding: 0; } .footer-title:after { display: none; } .footer-form { padding: 0 280px 0 0; position: relative; } .footer-info { padding: 0 0 0 31px; } .footer-input { margin-bottom: 0; } .footer-submit { position: absolute; top: 0; right: 0; } .footer-submit .button { width: auto; min-width: 265px; } .hidden-menu { padding: 0; display: block !important; height: auto !important; } .footer-holder { margin: 0 -10px; padding-top: 73px; padding-bottom: 71px; display: flex; flex-wrap: wrap; } .footer-column { margin-bottom: 0; padding: 0 10px; width: 25%; } .footer-gap { border: 0; border-radius: 0; } .footer-gap:last-child { margin-bottom: 0; } .footer .check { padding: 0; } .footer-social-media { padding: 0; } .footer-column ul { padding: 0; } .copyright { display: flex; align-items: center; justify-content: space-between; } .copyright-item { margin-bottom: 0; display: flex; align-items: center; justify-content: center; } .copyright-nav { margin-bottom: 0; } .copyright-logo { padding-left: 21px; } .experiences-item-holder.resort_part{ flex-wrap: wrap; gap:10px; justify-content: flex-start; flex-direction: row; } .experiences-item-holder.resort_part .experiences-item-column{ width: calc(33.33% - 10px); margin-bottom: 10px; } #gform_fields_1{flex-direction: row; padding: 0px; padding-bottom: 40px;} } @media only screen and (min-width: 1199px) { .wrapper { padding-top: 96px; } .header { padding-top: 0; padding-bottom: 0; display: flex; justify-content: center; } body.active .header { transform: translateY(-96px); } .header-logo { position: absolute; top: 0; left: 0; } .header-logo a { max-width: 96px; } .header-menu ul > li { padding-right: 6px; padding-left: 6px; } .header-menu>ul > li:first-child { padding-left: 240px; } .header-menu>ul > li:last-child { padding-right: 240px; } .header-menu { display: block; margin-left: -150px;} .mobile-menu { display: none; } .banner-spotlight { margin-top: 0; margin-left: auto; position: absolute; top: 50%; right: 15px; z-index: 1; max-width: 350px; transform: translateY(-56%); } .banner-column label { font-size: 18px; } .location { margin: -200px -8px 0; } .usp .swiper-slide { opacity: 1 !important; width: 33.33%; } .chance-content { padding: 53px 60px 50px; width: 67.5%; } .chance-image { width: 32.5%; } .register { margin-bottom: 0; } .register-box { padding: 51px 58px 56px; display: flex; flex-wrap: wrap; } .register-left { margin-bottom: 0; width: 57%; } .register-right { width: 43%; } .register-book { margin-bottom: 0; position: absolute; top: -115px; right: auto; left: 8px; width: var(--w-full); } .review-block { padding-bottom: 0; } .holidays-left { margin-bottom: 0; padding: unset; position: unset; bottom: unset; left: unset; z-index: unset; width: unset; height: auto; background-color: transparent; transform: unset; transition: unset; overflow: unset; } .holidays-left .close-btn { display: none; } .filter-sticky { display: none; } .holidays-right { padding: 28px 20px 76px; width: 65%; } .card-holidays-info-column { margin-bottom: 10px; padding-top: 10px; display: block; } .card-holidays-icon { margin-bottom: 5px; width: var(--w-full); } .card-holidays-left { width: 37%; } .card-holidays-info-left p { margin-bottom: 10px; } .card-holidays-info-right ul { margin-bottom: 20px; } .card-holidays-info-right { padding-right: 0; width: 38.5%; } .card-holidays-right { padding: 8px 10px; width: 63%; } .card-holidays-bottom .button { padding-right: 10px; padding-left: 10px; } .card-holidays.is-alt .card-holidays-bottom { display: flex; align-items: center; justify-content: space-between; } .card-holidays.is-alt .card-holidays-right { padding: 24px 25px 22px 30px; } .card-holidays.is-alt .card-holidays-info-right ul { margin-bottom: 17px; } .experience { padding-bottom: 100px; } .experiences-left { width: 32.6%; } .experiences-right { width: 67.4%; } .ideal .location-item { width: 25%; } .ideal .card-location span { min-width: 280px; } .property-holder { display: grid; grid-template-columns: auto auto auto auto; } .property.is-alt .property-holder { grid-template-columns: 32% 32% 32%; } .card-blog-price { margin-bottom: 0; } .card-blog-bottom { display: flex; align-items: flex-start; justify-content: space-between; } .card-blog-bottom .button { width: unset; } .contact-holder { margin: 0 -8px; display: flex; } .contact-left { margin-bottom: 0; width: 75%; } .contact-right { width: 25%; } .contact-right-info { display: block; } .booking-left { width: 24%; padding-right: 20px; padding-left: 20px; } .booking-right { padding: 55px 60px 25px; width: 76%; } .travel-left { width: 57%; } .travel-right { width: 43%; } .author-content { width: 81%; } .author-image { width: 16%; } .banner-grid-holder { margin: 0 -6px; } .banner-grid-item { padding: 0 5px; } .specialist-row { display: flex; flex-wrap: wrap; align-items: start; } .specialist-image { margin-bottom: 0; width: 41%; } .specialist-text { padding-top: 10px; padding-left: 30px; width: 59%; } .tour-tab { top: 96px; } .tour { padding-bottom: 0; } .tour-holder { display: flex; justify-content: space-between; } .tour-left { width: 74.7%; } .tour-program-item { padding: 27px 28px 28px 39px; } .tour-right { position: relative; width: 24.2%; } .tour-right-content { position: sticky; top: 100px; } .tour-features { position: sticky; top: 100px; } .brief-left { padding: 43px 0 10px 0; width: 57%; } .brief-right { width: 41%; } .brief-button-holder .button { width: auto; } .facilities li {width: calc(25% - 20px); } .header-logo a { display: block; width: 100px; height: 100px; } .header-logo img { width: 100px; height: 100px; } .sticky_footer_btn{ position: relative; width: 100%; left:auto; bottom:auto; padding: 0px; background-color: transparent; display: block; } .sticky_btn_pusher{ display: none; } .sticky_footer_btn .tour-features-text{ margin-bottom: 18px; padding: 0px; } .sticky_footer_btn .tour-features-text strong{ font-size: 24px; } .sticky_footer_btn .button{ padding-left: 30px; padding-right: 30px; font-size: 16px; } #sticky_footer_holder_single_api{ display: none; } .resultaten_tonen{ display: none; } #mobile_filter_btn_holder{ display: none; } #sort_filter_holder{ width: 22%; } } @media only screen and (min-width: 1420px) { .centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); } .header-menu ul > li { padding-right: 6px; padding-left: 6px; } .header-menu>ul > li:first-child { padding-left: 240px; } .header-menu>ul > li:last-child { padding-right: 240px; } .header-menu ul > li > a { font-size: 18px; } .header-menu .button { font-size: var(--font-size-base); } .header-logo a { max-width: 100px; } body.active .header { transform: translateY(-99px); } .card-property-text { padding: 25px 31px 29px; } .card-property-text .button { font-size: 16px; } .holidays-list-item { margin-bottom: 19px; } .holidays-list-holder { margin-bottom: 19px; } .card-holidays-holder { align-items: unset; } .card-holidays-info-column { margin-bottom: 23px; padding-top: 20px; display: flex; } .card-holidays-icon { margin-bottom: 0; width: 100%; } .card-holidays-info-left { margin-bottom: 15px; width: 60%; font-size: var(--font-size-base); } .card-holidays-info-left p { margin-bottom: 20px; } .card-holidays-info-left p:last-of-type { margin-bottom: 3px; } .card-holidays-left { width: 30.8%; } .card-holidays-right { padding: 24px 30px 9px 0; width: 66%; } .card-holidays-info { padding-top: 0; } .card-holidays-info-right li { margin-right: 0; } .card-holidays-bottom .button { padding-right: 16px; padding-left: 16px; } .card-holidays-price { margin-bottom: 0; width: 55.2%; font-size: 24px; } .holidays-left { width: 24%; } .holidays-right { padding: 28px 40px 76px; width: 74.7%; } .card-holidays-info-right { width: 23.4%; } .card-holidays-info-right ul { margin-bottom: 17px; } .holidays-link-btn { padding-top: 15px; } .card-holidays.is-alt .card-holidays-button { width: 51%; } .tour-program-heading { padding: 57px 20px 25px 58px; } .tour-program.is-alt .tour-program-heading { padding: 57px 20px 25px 58px; width: 65%; } .tour-program.is-alt .tour-program-height { width: 32.3%; } .tour-program.is-sec .tour-program-image { height: 100%; display: flex; } .text-block-holder { padding: 73px 119px 53px; } .text-block-column { margin-bottom: 20px; } .banner-grid-holder { margin: 0 -6px; } .banner-grid-item { padding: 0 7px; } .specialist-text { padding-top: 36px; padding-left: 66px; } .banner-spotlight { margin-left: 360px; right: auto; left: 50%; } .copyright { display: flex; align-items: center; justify-content: space-between; } .copyright-item { margin-bottom: 0; } .tour-tab { top: 99px; } .header-menu { margin-left: 0px;} } @media only screen and (min-width: 1550px) { .header-menu ul > li { padding-right: 21px; padding-left: 21px; } .help-image { position: absolute; top: 0; left: 0; display: block; } .help-image.right { position: absolute; top: 0; right: 0; left: unset; } .card-holidays-info-right .button { padding-right: 18px; padding-left: 18px; } } @media only screen and (min-width: 1660px) { .header-menu ul > li { padding-right: 31px; padding-left: 31px; } .header-menu>ul > li:first-child { padding-left: 240px; } .header-menu>ul > li:last-child { padding-right: 240px; } .help-image { position: absolute; top: 0; left: 0; display: block; } .help-image.right { position: absolute; top: 0; right: 0; left: unset; } .card-holidays-info-right .button { padding-right: 18px; padding-left: 18px; } } .gfield_consent_label a { color:var(--color-red)!important; text-decoration:underline!important; } .pum-theme-31014 .pum-content, .pum-theme-standaard-thema .pum-content p { line-height:1.8; } .cstm-popup-left { width:60%; float:left; display:block; } .cstm-popup-right { width:40%; float:right; display:block; } @media only screen and (max-width: 768px) { .cstm-popup-left { width:100%; float:none; display:block; } .cstm-popup-right { display:none; } }