body { margin: 0; padding: 0; background: #f0f7e8; font-family: "Archivo", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; }
.container { width: 100%; float: left; clear: both; margin: 0; padding: 40px 0; }
body.reserveren { background: #fff; }
main { padding-bottom: 60px; }
main:has(.container) { padding-bottom: 0; }
main:has(.container) .container:last-child { padding-bottom: 60px; }
.wrapper, ul.main-nav, ul.top-nav { max-width: 1280px; }
ul.main-nav li, .mobile-nav ul li { text-transform: uppercase; }
h1, h2, h3 { font-weight: 600; color: #004193; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; }
header { position: fixed; top: 0; left: 0; width: 100%; height: 70px; background: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0.5) 100%); z-index: 8000; }
header.has-logo { background: rgba(0,0,0,0.5); }
header .wrapper:not(.mobile-nav) { padding: 0 20px; position: relative; max-width: 1280px; }
.logo { z-index: 9999; text-indent: -9999px; position: relative; margin: 17px 0 0 0; width: 161px; height: 46px; background-size: 100%; background-repeat: no-repeat; background-image: url(../images/fixeau-logo.png); background-position: top left; }
nav { width: 100%; position: absolute; left: 0; padding-right: 20px; }
nav ul { list-style-type: none; }

ul.main-nav { width: 100%; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; position: fixed; z-index: 9999; margin: 0 auto; list-style-type: none; padding: 0; left: 0; right: 0; top: 26px; text-align: right; height: 30px; }
ul.main-nav li { display: inline; margin: 0 15px -20px 15px; padding: 0; }
ul.main-nav li.has-children { position: relative; }
ul.main-nav li.has-children a:first-child::after { content: ''; width: 12px; height: 7px; display: inline-block; margin: 0px 0 0 7px; top: -2px; position: relative; background: url(../images/arrow-down.png); background-size: 100%;}
ul.main-nav li a:link, ul.main-nav li a:visited { color: #fff; text-decoration: none; font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 400; }
ul.main-nav li:not(.right) a:link, ul.main-nav li:not(.right) a:visited { padding-bottom: 3px; /* was 20px */ border-bottom: 3px dashed; border-color: transparent; }
ul.main-nav li a:hover, ul.main-nav li a:active, ul.main-nav li.here a, ul.main-nav li.parent-here a { text-decoration: none; color: #fff; border-color: #fff !important; transition: border-color 0.3s ease;  }
/*ul.main-nav li ul span { width: 100000%; left: -5000%; height: 100%; background: #2e98fc; display: block; position: absolute; top: 0; }*/
ul.main-nav li ul { height: 0; padding: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all .2s linear; list-style-type: none; margin: 0; top: 40px; left: -100vw; padding-left: 100vw !important; width: 5000%; background: #2e98fc !important; position: absolute; box-sizing: border-box; background: none; }
/* NEW ROLLOVER */ ul.main-nav li.has-children:hover ul { height: auto; opacity: 1; visibility: visible; padding: 20px 20px 20px 20px; }
ul.main-nav li ul li { width: 100%; text-align: left; display: block; margin: 0 0 0 0; padding: 20px 0 20px 20px !important; border-left: 2px solid rgba(255,255,255,0.5); }
ul.main-nav li ul li a:link, ul.main-nav li ul li a:visited { color: #fff; opacity: 0.5; text-decoration: none; position: relative; padding: 0; }
ul.main-nav li ul li a:hover, ul.main-nav li ul li a:active, ul.main-nav li ul li.here a { color: #fff; text-decoration: none; opacity: 1; }
ul.main-nav li.right { position: absolute; right: 0px; margin-right: 0; }
ul.main-nav { pointer-events: none; }
ul.main-nav li { pointer-events: auto; }

.main-image { margin-bottom: 60px; width: 100%; pointer-events: none; }
.big-logo { text-indent: -9999px; z-index: 9999; width: 329px; height: 200px; transition: all 0.2s; background-image: url(../images/geniet-large-shadow-compressed.png); background-repeat: no-repeat; background-size: 329px 200px; position: absolute; top: 120px; left: 10px; }
.big-logo.is-fixed { width: 100px; height: 61px; background-size: 100px 61px; }

.btn:link, .btn:visited, .btn { position: relative; display: inline-block; font-size: 16px !important; line-height: 22px; font-weight: 400 !important; text-decoration: none; color: #000 !important; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-style: normal; background: #fec601; text-transform: uppercase; padding: 12px 24px 12px 24px; border-radius: 100px; }
.btn.with-arrow:link, .btn.with-arrow:visited, .btn.with-arrow { padding-right: 50px; }
.btn:hover, .btn:active { color: #fff; opacity: 0.9; padding-right: 50px; }
.btn:after { content: ''; background: url(../images/arrow-right-black.png); width: 25px; height: 15px; background-position: top right; background-size:  25px 15px; position: absolute; opacity: 1; top: 16px; right: 13px; transition: all 0.2s; }
.btn:after { width: 0; }
.btn.with-arrow:after { opacity: 1; width: 25px; right: 15px; }
.btn:hover{ padding-right: 50px; transition: ease-in-out 0.1s; }
.btn:hover:after { right: 15px; width: 25px; }
.btn.with-arrow:hover:after { opacity: 1; right: 13px; }
.btn.with-arrow:hover:after { width: 20px; right: 18px; transition: all 0.2s; }
.btn.outline:after { background-image: url(../images/arrow-right-black.png); }
.btn.outline.white:after { background-image: url(../images/arrow-right-black.png); }
h2:has(.btn) { position: relative; width: 100%; }
h2 .btn { position: absolute !important; transform: scale(0.7); right: -18px; top: 7px; }
.make-column { flex-direction: column; }
.booking { margin: 0 0 20px 0; position: relative; background: #f7f7f7; border: 1px solid #eee; padding: 20px 20px 0 20px; border-radius: 5px; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; color: #333; letter-spacing: 0.2; font-size: 14px; max-width: 100%; }
.booking p { margin: 0 0 20px 0; }
.booking .btn { position: absolute; top: 15px; right: -5px; transform: scale(0.7); }
.old-booking { opacity: 0.5; }
.old-booking:hover { opacity: 1; }

.btn.outline:link, .btn.outline:visited, .btn.outline { background: none; border: 2px solid #fec601; color: #000 !important; }
.btn.outline:hover, .btn.outline:active { /*background: #2e98fc; color: #fff !important;*/ }
.btn.outline.with-arrow { padding-right: 50px; }
.btn.outline.white { border: 2px solid #fff; }
.btn.outline.white:hover, .btn.outline.white:active { background: #fff; color: #000 !important; }
.btn.green:link, .btn.green:visited, .btn.green { background: #68af21; color: #fff !important; }
.btn.green:after { background-image: url(../images/arrow-right-white.png); }
.no-arrow:hover:after { display: none; opacity: 0; }
.submit-btn:not(.fieldset .submit-btn) { margin-left: 20px; }
.fieldset .submit-btn { margin-top: 0; }
.no-arrow:hover { padding-right: 24px; }
.btn.outline.no-arrow:hover, .btn.outline.no-arrow:active { background: #fec601 !important; }
ul.main-nav li .btn { display: inline; }
main p .btn { top: 10px; }
.btn.large { padding: 20px 30px; border-radius: 15px; }
.btn.icon:hover { padding-right: 24px; }
.btn.icon:hover:after { display: none; }
.btn.large.icon:hover { padding-right: 30px; }
.btn.icon i { width: 16px; height: 16px; background-size: 16px 16px; top: 0px; text-indent: -9999px; position: relative; display: inline-block; margin: 5px 15px -2px 0; }
.btn.large.icon i { width: 30px; height: 30px; background-size: 30px 30px; margin: -2px 15px -8px 0px; top: -4px; }
.icon .clock { background-image: url(../images/clock-icon.png); }
.icon .add { background-image: url(../images/add-icon.png); }
.remove-btn:link, .remove-btn:visited { transform: scale(0.7); background: #cf2323 !important; margin: 0; transform-origin: center left; }
.icon .remove { background-image: url(../images/add-icon.png); transform: rotate(45deg) scale(0.8); }

.center { text-align: center; }
main ol, main ul { margin: 0 0 20px 17px; padding: 0; }
main ol { list-style-type: none; margin-left:0; }
main ol:not(.flickity-page-dots) li { position: relative; padding: 0 0 10px 30px !important; }
main ol:not(.flickity-page-dots) li:before { content: ''; width: 20px; height: 20px; background-image: url(../images/list-check.png); background-size: 20px 20px; display: inline-block; margin: 0 10px 10px 0; top: 13px; position: relative; }
main p, footer p, main .col ol, main .col ul, footer ol, footer ul { font-size: 16px; line-height: 32px; }
main .col ol:not(.flickity-page-dots) li:before { top: 4px; left: 0; position: absolute; }
main p.small { font-size: 12px; line-height: 19px; }
main p.large { font-size: 18px; line-height: 28px; }
main h1, footer h1, h2.h1, h2.large { font-size: 54px; line-height: 64px; margin: 0 0 20px 0; }
h2.large { font-size: 68px; line-height: 82px; }
main h2, footer h2, h3.h2, h1.h2 { font-size: 44px; line-height: 58px; margin: 0 0 20px 0; }
main h3, footer h3 { font-size: 30px; line-height: 40px; margin: 0 0 20px 0; }
h4 { font-size: 20px; line-height: 30px; color: #68af21; margin: 0 0 10px 0; }
main .col.title, main .col.quote { background: none; }
main .col.title:after, main .col.quote:after { content: ''; height: 2px; background: #d5e5ea; width: 70%; margin: 0 auto; display: block; }
main .title h1, main .title h2 { text-align: center; margin: 0 0 40px 0; }
main .quote h1, main .quote h2 { text-align: center; margin: 0 0 60px 0; letter-spacing: 0.03em; color: #2e98fc; text-transform: none; font-family: "Archivo", sans-serif; font-optical-sizing: auto; font-weight: 400; font-size: 28px; line-height: 38px; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; }
main strong, main b { font-weight: 600; }
main .col.text { background: none; max-width: 800px; margin: 0 auto 20px auto; }
.sep { height: 2px; background: #d5e5ea; width: 70%; margin: 0 auto 20px auto; display: block; }

.mobile-nav { background: #000; width: 100%; position: absolute; top: 0; left: 0; padding: 120px 0 0 0 !important; max-width: 100%; }
.mobile-nav .col { background: none !important; text-align: center; padding: 0 !important; }
.mobile-nav ul { margin: 0; padding: 0; margin-left: -40px; }
.mobile-nav ul li { width: 100%; text-align: center; display: block; margin: 0 0 40px 0; padding-left: 10px; }
.mobile-nav ul li ul { padding: 20px 0 1px 0; background: rgba(255,255,255,0.1); margin: 20px 0 0 0; display: none; }
.mobile-nav ul li ul li { margin-bottom: 20px; position: relative; }
.mobile-nav ul li a:link, .mobile-nav ul li a:visited { color: #fff; text-decoration: none; font-size: 18px; border-bottom: 3px dashed transparent; padding-bottom: 3px; line-height: 20px; text-transform: uppercase; font-weight: 400; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; }
.mobile-nav ul li a:hover, .mobile-nav ul li a:active, .mobile-nav ul li.here a, .mobile-nav ul li.parent-here a { text-decoration: none; color: #fff; border-color: #fff !important; transition: border-color 0.2s ease; }
.mobile-nav ul li.has-children a:first-child { padding-left: 19px; }
.mobile-nav ul li.has-children a:first-child::after { content: ''; width: 12px; height: 7px; display: inline-block; margin: 0px 0 0 7px; top: -2px; position: relative; background: url(../images/arrow-down-white.png); background-size: 100%;}
.mobile-nav ul li.has-children ul li a:first-child { padding-left: 0; }
.mobile-nav ul li.has-children ul li a:first-child::after { display: none; }
.mobile-nav ul li.has-children:hover ul { display: block !important; }
.mobile-nav ul.small { margin-left: -10px !important; text-align: center; width: calc(100% + 10px); }
.mobile-nav ul.small li { display: inline-block; width: auto; padding: 0 10px; }
.mobile-nav ul.small li a:link, .mobile-nav ul.small li a:visited { font-size: 12px; line-height: 14px; }

#menu { z-index: 9999; }

main { overflow-x: hidden; }
main.no-image { padding-top: 110px; }
.wrapper { display: flex; justify-content: flex-start; column-gap: 20px; margin-bottom: 0px; padding: 0 20px; margin-left: auto; margin-right: auto; }
.wrapper.narrow { max-width: 980px; }
.wrapper.seamless { max-width: 100%; padding: 0; }
.wrapper.col-40-60 { max-width: 100%; padding: 20px 0 80px 0; position: relative; }
.wrapper .col { flex: 1; background: none; padding: 20px; box-sizing: border-box; flex-basis: 0; border-radius: 15px; }
.wrapper.col-40-60 .wrapper { padding: 0 20px; width: 100%; max-width: 1280px; position: absolute; top: 0; left: 0; right: 0; margin-bottom: 0; }
.wrapper.col-40-60 .col { padding: 0; max-width: 40%; background: none; }
.wrapper.col-40-60 .wrapper .col:first-child { max-width: 40%; padding: 40px 10% 20px 0; }
.wrapper.col-40-60 .col:last-child { max-width: 60%; padding: 0; }
.wrapper.col-40-60 .col:last-child img { width: 100%; border-radius: 0 !important; margin: 0 !important; }
.wrapper.col-40-60 .col:last-child { border-radius: unset; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.wrapper.col-40-60 .col:last-child .flickity-viewport { margin-bottom: 30px; }
.wrapper.col-40-60 .col:last-child:not(.carousel) { overflow: hidden; }
.wrapper.no-space { column-gap: unset; margin-top: 20px; }
.wrapper.no-space .col:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.wrapper.no-space .col:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.wrapper.no-space .col { padding: 75px; }
.wrapper.max-width { max-width: 1420px; }
.wrapper.not-equal { align-items: flex-start; }
.wrapper.items { flex-wrap: wrap; margin-bottom: 0; }
.wrapper.items .col { margin-bottom: 0px; background: none; }
.wrapper.items-1 .col { flex: 0 0 calc(100% - 40px); }
.wrapper.items-2 .col { flex: 0 0 calc(50% - 10px); }
.wrapper.items-3 .col, .wrapper.center-3-cols .col { flex: 0 0 calc(33.3333% - 13.5px) !important; }
.wrapper.center-3-cols { justify-content: center; }
.wrapper.items-4 .col { flex: 0 0 calc(25% - 15px); }


.wrapper.book { margin-top: -106px; position: relative; margin-bottom: 95px; }
.top-of-page { margin-top: -156px !important; }
.wrapper.book .col.white { display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 20px; border-radius: 0; }
.wrapper.book .col.rounded { border-top-right-radius: 8px; }
.wrapper.book button.book-btn { font-size: 18px; position: absolute; bottom: -35px; cursor: pointer; width: calc(100% - 40px); left: 20px; height: 50px; line-height: 50px; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; letter-spacing: 0.6; color: #fff; text-transform: uppercase; background: #68af21; border: none; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.wrapper.book button.book-btn:hover { background: #5a971e; }
.book-content .wrapper.items { padding: 10px 0 0 0; }
.col.rounded { border-radius: 5px !important; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0.3; cursor: pointer; transform: scale(1.4); margin-right: 5px; }
input[type="date"]::-webkit-calendar-picker-indicator:hover { opacity: 0.8; }
.wrapper.book input[name="datum"], .wrapper.book input[type="number"] { width: calc(50% - 10px); border: 1px solid #ccc; background: #fff; padding: 10px 8px; height: 36px; box-sizing: border-box; border-radius: 5px; font-family: "Archivo", sans-serif; font-optical-sizing: auto; }
.wrapper.book input[name="datum"] { margin-right: 20px; }
.wrapper.book input[type="number"] { padding-right: 0; }
.wrapper.book input[type="date"] { padding-top: 7px; padding-bottom: 7px; }
.wrapper.book input::placeholder { font-family: "Archivo Narrow", sans-serif; position: relative; top: 1px; font-optical-sizing: auto; font-weight: 300; color: #999; letter-spacing: 0.2; font-size: 14px; }
.wrapper.book input[name="datum"]::placeholder { line-height: 20px; background-image: url(../images/cal-icon.png); background-repeat: no-repeat; background-position: calc(100% - 12px) 2px; background-size: 14px 14px; }
.wrapper.book input[type="number"]::placeholder { line-height: 20px; background-image: url(../images/pers-icon.png); background-repeat: no-repeat; background-position: calc(100% - 4px)  2px; background-size: 16px 16px; }
input[type=number]::-webkit-inner-spin-button { margin-right: 0px; height: 34px; }
.wrapper.book .check-label { font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; color: #333; letter-spacing: 0.2; font-size: 14px; }
.wrapper.book .grey p { line-height: 34px; margin: 0; }
.wrapper.book .col { padding: 20px; }
.wrapper.book .col .col { padding: 0; }
.wrapper.book .wrappr .col { flex-basis: 50%; }
.wrapper.book .col .col.grey { padding: 0px 20px; margin-left: 20px; border-radius: 5px; height: 36px; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; color: #333; letter-spacing: 0.2; font-size: 14px; max-width: 100%; }
.wrapper.book .col .col.grey.options-col { max-width: 90%; white-space: normal !important; height: auto; flex: none; position: relative; width: fit-content; }
.wrapper.book .col .col.grey.options-col p { display: block; width: 100%; }
.wrapper.book .col .col.grey.options-col p span.th { float: left; }
.wrapper.book .col .col.grey.options-col p span.chosen-options { padding-right: 30px; width: 100%; float: left; }
.wrapper.book .col .col.grey.options-col .edit-icon { position: absolute; top: 8px; right: 20px; }
.book-tab { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.book-content { margin: 0 0 0 0; }
.wrapper.book .col .book-content .col.grey { margin: 0 0 20px 20px; white-space: nowrap; flex-grow: 0; }
.wrapper.book .col .book-content .col.grey:first-child { margin-left: 0; }
.book-btn:link, .book-btn:visited { width: calc(50% + 20px); float: left; color: #fff; text-decoration: none; background: rgba(0,0,0,0.3); margin-top: -80px; height: 50px; text-align: center; text-transform: uppercase; line-height: 50px; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; letter-spacing: 0.6; font-size: 18px; }
.book-btn:not(.active):hover { background: rgba(0,0,0,0.6); }
.book-btn[rel=vergaderen], .book-btn[rel=profiel] { border-top-left-radius: 8px; margin-left: -20px; }
.book-btn[rel=restaurant], .book-btn[rel=wijzig] { border-top-right-radius: 8px;  margin-right: -20px; }
.book-btn.active { background: #fff; color: #000; }
.book-btn.rounded { margin-left: -20px; border-top-left-radius: 8px; }
.small-book-btn { font-size: 11px !important; }
.ui-datepicker { font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-style: 14px; }
.wrapper.book .col .col.grey .th { font-weight: 600; margin: 0 10px 0 20px; }
.wrapper.book .col .col.grey .th:first-child { margin-left: 0; }
.book-tab h3 { width: 100%; margin-top: 10px; }

.progress { float: left; pointer-events: none; clear: both; display: flex; width: 100%; justify-content: space-between; margin: 0 0 30px 0; box-sizing: border-box; position: relative; }
.progress .step { max-width: 40px; height: 40px; box-sizing: border-box; width: 40px; flex-basis: 40px; border-radius: 40px; position: relative; text-align: center; padding-top: 4px; color: #fff; font-size: 18px; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 300; text-decoration: none !important; }
.progress .step::after { border: 4px solid #ccc; content: ''; width: 16px; height: 16px; border-radius: 20px; position: absolute; top: 5px; left: 4px; }
.progress::after { position: absolute; top: 50%; margin-top: -2px; height: 4px; background: #68af21; left: 0; content: ''; z-index: 1; }
.progress::before { position: absolute; top: 50%; margin-top: -2px; height: 4px; background: #ccc; right: 0; content: ''; width: 100%; z-index: 1; }
.progress.steps-3[rel="2"]::after { width: 50%; }
.progress.steps-3[rel="3"]::after { width: 100%; }
.progress.steps-3[rel="2"]::before { width: 50%; }
.progress.steps-3[rel="3"]::before { width: 0; }

.progress.steps-4[rel="2"]::after { width: 33%; }
.progress.steps-4[rel="3"]::after { width: 67%; }
.progress.steps-4[rel="4"]::after { width: 100%; }
.progress.steps-4[rel="2"]::before { width: 67%; }
.progress.steps-4[rel="3"]::before { width: 33%; }
.progress.steps-4[rel="4"]::before { width: 0; }

.progress a { background: #fff; z-index: 4; color: rgba(255,255,255,0); border: 4px solid #fff; }
.progress[rel="1"] a[rel="step1"], .progress[rel="2"] a[rel="step1"], .progress[rel="2"] a[rel="step2"], .progress[rel="3"] a[rel="step1"], .progress[rel="3"] a[rel="step2"], .progress[rel="3"] a[rel="step3"], .progress[rel="4"] a[rel="step1"], .progress[rel="4"] a[rel="step2"], .progress[rel="4"] a[rel="step3"], .progress[rel="4"] a[rel="step4"], .progress a.active { background: #68af21; color: rgba(255,255,255,1); }
.progress[rel="1"] a[rel="step1"]::after, .progress[rel="2"] a[rel="step1"]::after, .progress[rel="2"] a[rel="step2"]::after, .progress[rel="3"] a[rel="step1"]::after, .progress[rel="3"] a[rel="step2"]::after, .progress[rel="3"] a[rel="step3"]::after, .progress[rel="4"] a[rel="step1"]::after, .progress[rel="4"] a[rel="step2"]::after, .progress[rel="4"] a[rel="step3"]::after, .progress[rel="4"] a[rel="step4"]::after, .progress a.active::after { display: none !important; }
.edit-icon:link, .edit-icon:visited { opacity: 0.15; width: 18px; height: 18px; display: inline-block; background-size: 18px 18px; background-image: url(../images/edit-icon.png); text-indent: -9999px; position: relative; top: 8px; margin: 0 -10px 0 20px; background-repeat: no-repeat; }
.edit-icon:hover, .edit-icon:active { opacity: 0.7; }

.table { min-width: 100%; flex-basis: 100%; display: table; border-left: 1px solid #ccc; margin: 0 0 20px 0; }
.table .tr { display: table-row; }
.table .tr.white-space { height: 4px; position: relative; }
.table .tr.white-space::before { content: ''; position: absolute; left: -1px; width: calc(100% + 2px); background: #fff; height: 4px; }
.table .tr .td { display: table-cell; min-height: 40px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px; vertical-align: middle; font-size: 14px; line-height: 20px; }
.table .tr .td.square { width: 40px; text-align: center; }
.table .tr .td.price.right { width: 100px; text-align: right; }
.wrapper.book .table .checkbox label { margin-left: 0; padding-left: 0; width: 100%; height: 40px; }
.wrapper.book .table .checkbox label .checkmark { left: 12px; top: 12px; }
.table .tr select { pointer-events: none; opacity: 0.3; position: relative; left: 51px; top: 10px; }
.table .tr input:checked ~ select { pointer-events: inherit; opacity: 1; }
.table .td.name { padding-left: 10px; cursor: pointer; }
.table small, form small { color: #777; font-style: italic; }
form small { margin-bottom: 20px; float: left; width: 100%; }

main a:link, main a:visited { color: #2e98fc; text-decoration: none; transition: all 0.2s;; }
main a:hover, main a:active { color: #000; text-decoration: underline; }
a.black:link, a.black:visited { color: #000; }

.dialog { display: none; }

.item img { width: 100%; margin: 0 0 20px 0; border-radius: 15px; }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #000; text-decoration: none; }
h2 a:hover, h2 a:active, h3 a:hover, h3 a:active { color: #004193; text-decoration: none; }
.item h3 { font-family: "Archivo", sans-serif; font-optical-sizing: auto; letter-spacing: 0; text-transform: none; }
.col img { max-width: 100%; border-radius: 15px; margin: 0 0 30px 0; }
.less-wide img { border-radius: 15px; margin-left: -20px; }
.col.img-75 img { max-width: 75%; }
.col.img-50 img { max-width: 50%; }
.team-wrapper img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin: -20px -20px 0 -20px; width: calc(100% + 40px); max-width: calc(100% + 40px); }

.col.white { background: #fff; }
.col.green { background: #68af21; }
.col.yellow { background: #fec601; }
.col.blue { background: #004193; }
.col.grey { background: #f7f7f7; border: 1px solid #eee; }
.col.with-border { border: 1px solid #eee; padding: 20px 20px 0 20px !important; }
.col.light-green { background: #f0f7e8; }
.col.light-blue { background: #eff5f7; }
.col.no-bg { background: none; }
.container.white { background: #fff; }
.container.green { background: #68af21; }
.container.light-green { background: #f0f7e8; }
.container.light-blue { background: #eff5f7; }
.container.blue { background: #004193; }
.container.yellow { background: #fec601; }
.white-text * { color: #fff; }
.container.blue *, .col.blue *, .container.green *, .col.green * { color: #fff; }

.no-padding { padding: 0 !important; }
.less-wide { padding-right: 10% !important; }
.right { text-align: right; }
.less-wide.right { padding-left: 10% !important; padding-right: 0 !important; }
.more-left-padding { padding-left: calc(20px + 5%) !important; }

.break { flex-basis: 100%; height: 0; display: block; width: 100%; clear: both; }
.break-10 { height: 10px; }
.break-20 { height: 20px; }
.break-40 { height: 40px; }
.break-60 { height: 60px; }
.break-80 { height: 80px; }
.break-100 { height: 100px; }
.break-120 { height: 120px; }

.col.full-img img { width: calc(100% + 150px); margin: -75px -75px -75px -75px; max-width: 200%; }
.no-space .col:first-child img.full { border-top-left-radius: 15px; border-top-right-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 0; }
.no-space .col:last-child img.full { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 15px; }

input[type='checkbox']:not(:checked) ~ div.mobile-nav { display: none; }
nav input[type='checkbox'], nav label { display: none; }
.hamb { cursor: pointer; float: right; padding: 5px 0 25px 55px; z-index: 3001; position: relative; margin-right: 20px; display: block; margin-top: 30px; display: none; }
.hamb-label { left: 0; top: -5px; position: absolute; display: none; font-size: 14px; font-weight: 600; color: #fff; transition: all .2s ease-out; }
.hamb-line { background: #fff; display: block; height: 1px; position: relative; width: 34px; }
.hamb-line::before, .hamb-line::after{ background: #fff; content: ''; display: block; height: 100%; position: absolute; transition: all .2s ease-out; width: 100%; }
.hamb-line::before{ top: 9px; }
.hamb-line::after{ top: -9px; }

#menu:checked ~ .hamb .hamb-line { background: transparent; z-index: 9999; }
#menu:checked ~ .hamb .hamb-line::before { transform: rotate(-45deg); top:0; background: #fff; }
#menu:checked ~ .hamb .hamb-line::after { transform: rotate(45deg); top:0; background: #fff; }
#menu:checked ~ .hamb:hover .hamb-line::before { background: #fff; }
#menu:checked ~ .hamb:hover .hamb-line::after { background: #fff; }
#menu:checked ~ .logo { background-position: bottom left; }
#menu:checked ~ .hamb * { color: #fff !important; }
#menu:checked ~ .hamb:hover * { color: #fff !important; }

footer { background: #68af21; padding: 40px 0 0 0; position: relative; z-index: 0; margin: 0; }
footer .col { background: none !important; }
footer .col * { color: #fff; }
footer .col ul.nav { list-style: none; margin: 0 0 20px 0; padding: 0; }
footer .col ul.nav li { line-height: 40px; padding: 0; }
footer li a:link, footer li a:visited { text-decoration: none; color: #fff; }
footer li a:hover, footer li a:active { text-decoration: underline; color: #fff; }
footer p { margin-bottom: 30px; }
footer .container { padding: 0; margin: -20px 0 0 0; }
footer .white * { color: #000; }
footer .container .wrapper { margin-bottom: 0; }
footer .container .col { margin: 0; padding: 10px 0; }
footer .container p { margin: 0; display: inline-block; }
footer .wrapper { margin-bottom: 0; }

.some:link, .some:visited { background: #fff; text-indent: -9999px; border-radius: 5px; width: 34px; height: 34px; display: inline-block; margin: 0 10px 10px 0; background-position: center center; background-size: 28px 28px; background-repeat: no-repeat; }
.some:hover, .some:active { opacity: 0.9; }
.some.youtube { background-image: url(../images/youtube-icon.jpg); }
.some.linkedin { background-image: url(../images/linkedin-icon.jpg); }
.some.instagram { background-image: url(../images/social-insta-icon.jpg); }
.some.facebook { background-image: url(../images/social-facebook-icon.jpg); }
.some.x { background-image: url(../images/x-icon.jpg); }
.some.bluesky { background-image: url(../images/bluesky-icon.jpg); }

.team-wrapper h4 { margin-bottom: 8px; }
.team-wrapper p { margin: 0 0 3px 0; }
.team-wrapper { align-items: flex-start; column-gap: 60px; }
.team-wrapper .col { padding-bottom: 15px; flex-basis: calc(33.33% - 40px); flex-grow: 0; flex-shrink: 0; margin-bottom: 40px; }

.icon-link:link, .icon-link:visited { text-decoration: none; color: #000; }
.icon-link:hover, .icon-link:active { text-decoration: underline; }
.icon-link i { border-radius: 15px; height: 30px; background-color: #fff; margin: -10px 10px 0 0; position: relative; top:  10px; display: inline-block; width: 30px; background-size: 15px 15px; background-position: center center; background-repeat: no-repeat; }
.icon-link i.phone { background-image: url(../images/phone-icon.png); }
.icon-link i.mail { background-image: url(../images/mail-icon.png); }

.col.carousel { border-radius: unset; margin-bottom: 20px; padding-bottom: 25px !important; }
.col.carousel .flickity-viewport { border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; }
ol.flickity-page-dots { list-style-type: none; margin: 0 auto; width: 100vw; text-align: center; }
.col.carousel ol.flickity-page-dots { position: absolute; bottom: 0; left: calc(-70% - 10px); }
ol.flickity-page-dots li.dot:before { display: none; }
ol.flickity-page-dots li.dot { width: 50px; height: 4px; background: #d2e9fe; border-radius: 4px; opacity: 1; }
ol.flickity-page-dots li.dot.is-selected { background: #2e98fc; }

.col.logos { margin-bottom: 40px; padding: 0 40px; }
.logos img { border-radius: 0 !important; }
.col.logos .carousel-cell img { width: 100%; }
.col.logos .carousel-cell { width: 12%; margin: 0 1%; }

.col.scroller { background: none; border-radius: unset; margin-bottom: -20px; padding: 0 0 55px 0; }
.col.scroller h3 { margin-bottom: 0; margin-top: -10px; }
.col.scroller .carousel-cell { width: 23%; box-sizing: content-box; background: none; margin: 0 1% 0 0; padding: 0 0 0 3%; display: flex; flex-direction: column;  align-items: stretch; min-height: 100%; }
.scroller ol.flickity-page-dots { bottom: 0; }
.scroller .carousel-cell .inner { position: relative; display: flex; flex-direction: column; flex-grow: 1; padding-bottom: 50px; }
.scroller .carousel-cell .btn.outline, .item.product .btn.outline { position: absolute; bottom: 0; left: 0; height: 50px; box-sizing: border-box; }
.item.product { display: flex; flex-direction: column; flex-grow: 1; padding: 0 0 90px 0 !important; align-items: stretch; position: relative; }
.item.product .btn.outline  { left: 0px; bottom: 40px; }
.item.news { padding-bottom: 40px; }
.scroller .carousel-cell p .btn, .item.product p .btn { top: 0; }

.wrapper.tab-wrapper { margin-bottom: 60px; }
.wrapper.tab-wrapper .col { background: none; padding-right: 100px; }
.wrapper.tab-wrapper .tabs { max-width: 45%; padding-top: 0; padding-left: 0; }
.tab:link, .tab:visited { float: left; transition: all 0.2s; width: 100%; text-decoration: none; box-sizing: border-box; display: block; border-radius: 15px; background-color: #fff; padding: 20px 20px; margin: 0 0 20px 0; }
.tab * { opacity: 0.4; color: #68af21; }
.tab:hover, .tab:active, .tab.active { background-color: #68af21; }
.tab:hover *, .tab:active *, .tab.active * { opacity: 1; color: #fff; }
.tab img { float: left; width: 90px; height: 90px; border-radius: 200px; margin: 0 40px 0 0; }
.tab h4 { margin: 0 0 10px 0; padding: 0; font-weight: 600; font-size: 18px; line-height: 26px; text-decoration: none; }
.tab small { font-size: 14px; text-decoration: none; }

.tab-content { display: none; padding-left: 40px; padding-top: 0; margin-top: -30px; }
.tab-wrapper .tab-content:first-child { display: block;  }
.tab-content h3 { color: #68af21; }

/* Forms */

fieldset p { margin-top: -5px; }
form .col .wrapper { width: 100%; }
form fieldset { background: #f7f7f7 !important; }
form .col.with-border { margin-bottom: 20px; }
form fieldset .fieldset { margin: 0px 0 20px 0 !important; }
fieldset legend, fieldset h3 { font-size: 20px; line-height: 30px; color: #68af21; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; font-weight: 600; padding: 0 8px; margin-left: -8px; }
fieldset h3 { margin-bottom: 10px; }
form .fieldset { margin: 0 0 30px 0; width: 100%; float: left; padding: 0; }
::placeholder { color: #bcbcbc; opacity: 1; font-family: "Archivo Narrow", sans-serif; font-optical-sizing: auto; }
form .btn { cursor: pointer; }
form button.btn { border: none; }
form .field, form textarea { background: #fff; color: #000; border: 1px solid #eee; border-radius: 10px; padding: 10px; font-size: 14px; line-height: 21px; width: 100%; font-family: "Archivo", sans-serif; font-optical-sizing: auto; }
form textarea { min-height: 100px; max-width: 100%; }
.white form .field { border-color: #ccc; }
form:not('.book-tab') label { font-weight: 500; width: 100%; margin: 0 0 10px 0; display: inline-block; }
label.error { display: none !important; }
input.error::placeholder, textarea.error::placeholder { color: #cf2323; }
input.error { border-color: #cf2323 !important; background-color: #ffe5e5 !important; }
.wrapper.book .col .col.grey:has(.error):not(.col-50) { border-color: #cf2323 !important; background-color: #ffe5e5 !important; }
*:focus { outline: none; }
.other { display: none; }
.fieldset .select { position: relative; }
.fieldset select { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; font-size: 14px; line-height: 21px; width: 100%; height: 43px; border: 1px solid #eee; background: #fff; border-radius: 10px; padding: 0 20px 0 20px; }
.fieldset .select::after{ content:""; position:absolute; z-index:2; right:15px; top:50%; margin-top:-2px; height:0; width:0; border-top:6px solid #004193; border-left:6px solid transparent; border-right:6px solid transparent; pointer-events:none; }
.field-50 { width: 30% !important; margin-right: 15px; display: inline-block; color: #888 !important; cursor: not-allowed; background: #eee !important; border: 1px solid #ddd !important; padding: 5px 10px !important; font-size: 12px !important; }
.field-50::placeholder { color: #888 !important; }
.field-r { margin-right: 0 !important; }
p.checkbox { margin: 0 0 -5px 0; }
p.checkbox:has(.error) { color: #cf2323 !important; }
p.checkbox:has(.error) a { color: #cf2323 !important; text-decoration: underline !important; }
.map { height: 400px; margin: 0 0 20px 0; border-radius: 10px; width: 80%; }
/*.leaflet-pane .leaflet-pane:not(.leaflet-marker-pane) { filter: grayscale(100%); opacity: 0.8; }*/
.leaflet-marker-icon { cursor: move !important; }
.leaflet-control a { text-decoration: none !important; }
.leaflet-control-attribution { display: none; }
form .btn.green { border: none; }
form fieldset .btn { margin-top: 15px; margin-right: 20px; }

.checkbox label { font-weight: 400; display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 8px; left: 0; height: 8px; width: 8px; border-radius: 40px; background-color: #fff; border: 4px solid #fff; }
.checkmark::before { position: absolute; top: -3px; left: -3px; width: calc(100% + 4px); height: calc(100% + 4px); content: ''; border-radius: 100px; border: 1px solid #ccc; }
.checkbox label:hover input ~ .checkmark { background-color: #68af21; }
.checkbox label input:checked ~ .checkmark { background-color: #68af21; }

#opstelling .checkbox label img { border-radius: 8px; border: 1px solid #eee; margin: 0 0 5px 0 !important; }
#opstelling .checkbox label { margin-right: 10px !important; padding: 0; width: calc(20% - 30px); padding-bottom: 0; text-align: center; }
#opstelling .checkbox .label { font-size: 10px; position: relative; top: -10px; text-align: center; width: 100%; display: inline-block; }
#opstelling .checkbox .checkmark { bottom: 0 !important; top: inherit; left: 50%; margin-left: -7px; }

.wrapper.book .checkbox label { margin:1px 0 0 0; display: inline-block; margin-left: 20px; padding-right: 0px; }
.wrapper.book p.checkbox { margin: 0 0 10px 0; }
.wrapper.book p.checkbox label:not(.wrapper.book .one-two.grey p.checkbox label) { margin-left: 0; }
.wrapper .col-50 { max-width: 50% !important; margin-right: auto !important; margin-left: auto !important; height: auto !important; }

#receipt table { width: 100%; text-align: left; }
#receipt table tr td, #receipt table tr th { border-bottom: 1px solid #eee; padding: 5px 5px 5px 0; }
#receipt table tr td:last-child { text-align: right; }
#receipt table tr:last-child td, #receipt table tr:last-child th, #receipt table tr th.empty { border-bottom: none; }

@media (max-width: 1400px) {

@media (max-width: 1420px) {
  /*.wrapper.col-40-60 .col:first-child { padding-left: 20px !important; }*/
  ul.main-nav li.right { right: 20px; }
}

@media (max-width: 1280px) {
  .big-logo { width: 247px; height: 150px; background-size: 247px 150px; }
}

@media (max-width: 1100px) {
  .big-logo { width: 165px; height: 100px; background-size: 165px 100px; }
}

@media (max-width: 850px) {
  .book .one-two { width: 100% !important; min-width: 90% !important; }
  .book .grey { margin-left: 0 !important; margin-top: 20px; }
}

@media (max-width: 950px) {
  .main-nav .right { display: none; }
  ul.main-nav { text-align: right; }
  .big-logo { width: 100px !important; height: 61px !important; background-size: 100px 61px !important; top: 5px !important; }
}
@media (min-width: 769px) {
	.mobile-nav { display: none; }
}
@media (max-width: 768px) {
body { overflow-x: hidden; }
.hamb { display: block; }
.desktop-only { display: none; }
.main-nav, .top-nav { display: none; }
.wrapper { width: 100%; box-sizing: border-box; flex-direction: column; }
.wrapper.reverse-order { flex-direction: column-reverse; }
.wrapper .col { min-width: 100%; max-width: 100% !important; width: 100% !important; padding: 0px 20px; }
.wrapper .item.product { padding-bottom: 90px; }
.wrapper.col-40-60 { flex-direction: column; padding: 0px 0 10px 0; }
.wrapper.col-40-60 .wrapper { position: relative; width: 100%; min-width: 100%; }
.wrapper.col-40-60 .wrapper .col:first-child { padding: 20px; }
.wrapper.col-40-60 .col:last-child { padding: 20px; }
.wrapper.col-40-60 .col:last-child img { width: 100%; border-radius: 15px; }
.wrapper.reverse-order { flex-direction: column-reverse; }
.wrapper.tab-wrapper { flex-direction: column; display: block; }
.wrapper.tab-wrapper .col { max-width: 100%; padding: 0; }
.wrapper.tab-wrapper .tab { width: calc(33.33% - 10px); padding: 10px 20px 10px 20px; margin-right: 15px; }
.wrapper.tab-wrapper .tab img { width: 30px; height: 30px; margin: 0 0 10px 0; }
.wrapper.tab-wrapper .tab small { padding-left: 50px; display: none; margin: 0 0 10px 0; }
.wrapper.tab-wrapper .tab:last-child { margin-right: 0; }
.wrapper.tab-wrapper .col:last-child { padding: 0; }
.wrapper.tab-wrapper .tab h4 { padding-left: 50px; margin-top: 0; min-height: 52px; display: none; }
.tab-content { padding: 0; }
#map1, #map2 { width: 100%; }
.carousel { overflow: visible !important; }
.wrapper.col-40-60 .col:last-child img{ border-radius: 15px !important; }
.wrapper.col-40-60 .col:last-child { border-radius: 15px !important; }
.homepage .wrapper.col-40-60 .col:last-child img{ border-radius: 0 !important; }
.homepage .wrapper.col-40-60 .col:last-child { border-radius: 0 !important; padding: 0 0 20px 0; }
.col.logos .carousel-cell { width: 31%; }
.wrapper.col-40-60 .col:last-child:not(.carousel) { overflow: visible; }
.wrapper.no-space, .wrapper.center-3-cols { flex-direction: column; }
.wrapper.no-space .col:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.wrapper.no-space .col:last-child { border-radius: 0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.wrapper.no-space .col { padding: 20px 40px; overflow:visible; }
.wrapper.no-space .full-img { padding:25px; }
.col.scroller .carousel-cell { width: 80%; padding: 0 0 0 5%; }
.no-space .col:first-child img.full { width: calc(100% + 50px); margin: -25px -25px -25px -25px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; }
.no-space .col:last-child img.full { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.wrapper.no-space .col:last-child { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 15px; }
.col.less-wide { padding: 20px !important; }
.less-wide img { margin-left: 0; }
footer { padding: 20px 0 0 0; }
footer .wrapper { flex-direction: column; margin-bottom: 0; }
footer .wrapper .col { float: left; clear: both; overflow: visible; margin: 0 0 10px 0; padding: 0; }
footer .container { margin-top: -30px; padding: 10px 0; }
footer .container .col { margin: 0; }
.mobile-nav { min-height: calc(200vh - 70px); overflow-y: scroll; overflow-x: hidden; }
.wrapper .col-50 { max-width: 100% !important; }

.homepage main .col.quote:after { display: none; }
.homepage main .col.quote h1 { margin-bottom: -20px; }

.wrapper.book { margin-top: -60px; margin-bottom: 37px; }

/* finetunen sk*/
main p, footer p, main .col ol, main .col ul, footer ol, footer ul { line-height: 25px; }
main h1, footer h1, h2.h1, h2.large { font-size: 34px; line-height: 48px; margin: 0 0 10px 0; }
h2.large { font-size: 34px; line-height: 48px; }
main h2, footer h2, h3.h2, h1.h2 { font-size: 28px; line-height: 38px; margin: 0 0 10px 0; }
main h3, footer h3 { font-size: 24px; line-height: 34px; }
main .quote h1, main .quote h2 { font-size: 20px; line-height: 32px; }
.wrapper.col-40-60 { max-width: 100%; padding: 20px 0 20px 0; position: relative; }
.col.full-img img { width: calc(100% + 50px); margin: -25px -25px -25px -25px; }
.wrapper.col-40-60 .wrapper .col:first-child { padding: 10px 10% 20px 0; }
.wrapper.no-space .col:not(.full-img) { padding: 25px; }
.col.logos { padding: 0 0px; }
.btn:link, .btn:visited, .btn { font-size: 14px !important; }
.wrapper.form { padding: 0; }
.container { padding: 20px 0; }
.break-10 { height: 5px; }
.break-20 { height: 10px; }
.break-40 { height: 20px; }
.break-60 { height: 30px; }
.break-80 { height: 40px; }
.break-100 { height: 50px; }
.break-120 { height: 60px; }
.wrapper.book .checkbox label { margin-top: 5px; }
.checkmark { top: 4px; }
h2 .btn { top: -2px; transform: scale(0.6); right: -22px; }
.booking .btn { position: relative; top: 0; left: -22px; float: left; clear: both; margin: 0 0 20px 0; }
}