:root{--font-inter:'Inter', sans-serif}:root{--dark-background:hsl(210, 30%, 12%);--light-background:hsl(205, 25%, 92%);--accent-dark-background:hsl(210, 35%, 18%);--accent-light-background:hsl(205, 30%, 98%);--dark-shadow:hsl(0, 0%, 8.7%);--light-shadow:hsl(0, 0%, 80%);--dark-blue:hsl(210, 45%, 25%);--blue:hsl(205, 50%, 45%);--light-blue:hsl(200, 55%, 65%);--red:hsl(358.97, 46.61%, 50.78%);--teal:hsl(185, 40%, 50%);--orange:hsl(28.26, 87.57%, 65.29%);--yellow:hsl(50.27, 83.46%, 73.92%);--invert:1}:root[data-darkmode=enabled],:root:has(.switch__input:checked){--background:var(--dark-background);--accent-background:var(--accent-dark-background);--inverse-accent-background:var(--accent-light-background);--shadow:var(--dark-shadow);--text-color:var(--light-background);--accent-color:var(--blue);--dark-accent:var(--dark-blue);--light-accent:var(--light-blue);--link:var(--red);--visited:var(--teal);--invert:0}:root{--background:var(--light-background);--accent-background:var(--accent-light-background);--inverse-accent-background:var(--accent-dark-background);--shadow:var(--light-shadow);--text-color:var(--dark-background);--accent-color:var(--blue);--dark-accent:var(--dark-blue);--light-accent:var(--light-blue);--link:var(--red);--visited:var(--teal)}.nautical-primary{color:var(--blue)}.nautical-dark{color:var(--dark-blue)}.nautical-light{color:var(--light-blue)}.nautical-accent{color:var(--red)}html{font-size:100%;box-sizing:border-box;position:relative;height:100%;width:100%}*,*::before,*::after{box-sizing:inherit}a{text-decoration:none}body{max-width:100%;margin:0;padding:0;font-family:var(--font-inter);background:var(--background);color:var(--text-color)}body,header,.nav,.nav__submenu{transition:background-color .4s}.visually-hidden{position:absolute;left:-1e4px;top:auto;width:1px;height:1px;overflow:hidden}.no-transition{transition:none!important}html{text-align:left;text-justify:inter-word}h1,h2,h3{margin-block:.3125rem}h1{font-size:1.5rem;margin-bottom:.1875rem;color:var(--accent-color)}@media(min-width:67em){h1{font-size:1.75rem}}h2{margin-top:1.5625rem;font-size:1.5rem;color:var(--text-color)}a,a:visited,a:active{text-decoration:none}a{color:var(--red)}a:focus,a:hover{color:var(--blue)}.body{display:grid;grid-template-areas:"header header header" "banner banner banner" "main   main   main" "footer footer footer";grid-template-columns:1fr auto 1fr;grid-template-rows:max-content max-content 1fr max-content;height:100%}.container{padding:0 1.5625rem;max-width:69.375rem;margin:0 auto 2.875rem;width:100%}@media(min-width:67em){.container{padding:0}}.nomargin{margin:0}.noselect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none!important;opacity:0!important}.showing{display:block!important;opacity:1!important}.screen-reader-text{height:1px;width:1px;position:absolute!important;clip:rect(1px,1px,1px,1px);overflow:hidden}.screen-reader-text:hover,.screen-reader-text:active,screen-reader-text:focus{display:block;top:5px;left:5px;width:auto;height:auto;padding:15px;background-color:#c7c6c6;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#0a153f;font-size:1em;font-weight:700;line-height:normal;text-decoration:none;z-index:100000}.header{grid-area:header;width:100%}:root:has(.switch__input:checked) .logo-light{display:block}:root:has(.switch__input:checked) .logo-dark{display:none}.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;top:0;width:100%;min-height:5rem;background:var(--background);text-align:left;line-height:30px;justify-content:space-between}@media(min-width:50em){.nav{padding:0 2.5rem;gap:1.25rem}}.nav__menu-checkbox{display:none}.nav__logo{grid-column:1;top:0;height:100%;width:2.5rem;padding:.3125rem;display:block;z-index:99;max-height:5rem}@media(min-width:67em){.nav__logo{z-index:110}}.nav__logo a{z-index:99;transition:filter .4s ease}@media(min-width:50em){.nav__logo a{position:absolute;scale:1}}.nav__logo img{transform:rotate(90deg);transform-origin:left top;margin-left:4.375rem;height:4.375rem;z-index:110;transition:transform .3s ease,margin .3s ease}.nav__logo img.logo-light{display:none}@media(min-width:50em){.nav__logo img{margin-left:1.875rem}}@media(min-width:67em){.nav__logo img{transform:none;margin-left:0}}.nav-darkmode-toggle{display:none}@media(min-width:50em){.nav-darkmode-toggle{display:block;width:5rem}}.nav .switch{position:absolute;left:calc(50% - 1.5em);top:calc(2.5rem - .75em);margin:auto;z-index:1000}@media(min-width:50em){.nav .switch{position:relative;top:auto;left:auto;grid-column:3}}.nav__mobile-burger{display:block;padding-right:.3125rem;grid-column:3;font-size:2.5rem;font-weight:900;z-index:110;color:var(--accent-color);cursor:pointer;transition:transform .3s ease}@media(min-width:50em){.nav__mobile-burger{display:none}}.nav__menu{width:100%;display:grid;grid-column:1/-1;background-color:var(--background);margin:auto;position:relative;gap:.9375rem;grid-template-columns:auto;grid-template-rows:repeat(6,auto);justify-content:stretch;list-style:none;align-items:center;border-bottom:1px solid var(--text-color);padding-inline:.9375rem;z-index:100;max-height:0;overflow:hidden;opacity:0;padding-top:0;padding-bottom:0;transition:max-height .4s ease-in-out,opacity .4s ease-in-out,padding .4s ease-in-out}@media(min-width:50em){.nav__menu{background-color:initial;grid-column:2!important;grid-row:1/-1;max-height:none;opacity:1;overflow:visible;padding-top:0;padding-bottom:0;padding-inline:.3125rem;row-gap:0;display:grid;padding:0;grid-template-columns:repeat(5,max-content);border-bottom:none;justify-content:end;grid-column:3}}@media(min-width:67em){.nav__menu{column-gap:1.5625rem}}.nav__menu a,.nav__menu label{display:inline-block;width:100%;font-size:1em;color:var(--accent-color);font-weight:bolder;cursor:pointer;transition:color .3s ease}.nav__menu a:hover,.nav__menu a:focus-visible,.nav__menu a:active,.nav__menu label:hover,.nav__menu label:focus-visible,.nav__menu label:active{color:var(--light-accent);text-decoration:none}.nav__dropdown{position:relative}.nav__dropdown-checkbox{display:none}.nav__dropdown label{position:relative;padding-right:1.25rem}.nav__dropdown label::after{content:"▼";position:absolute;right:0;font-size:.7em;transition:transform .3s ease}@media(min-width:50em){.nav__dropdown label::after{content:"";display:none}}.nav__submenu{display:block;background:var(--background);margin-left:1.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}@media(min-width:50em){.nav__submenu{display:none;max-height:none;margin-left:auto;position:absolute;padding-top:.3125rem;padding-inline:.625rem;left:-.625rem;border-radius:.625rem;z-index:1000;opacity:0;transform:translateY(-10px);transition:transform .3s ease}}.nav__submenu ul{display:grid;padding-left:0;grid-gap:0;grid-template-columns:1fr;grid-template-rows:auto;align-content:center;list-style:none;text-wrap:nowrap}.nav__submenu ul li a{width:100%;transition:all .3s ease}@media(min-width:50em){.nav__submenu ul li a{padding-block:.3125rem}}@media(min-width:50em){.nav__dropdown:hover .nav__submenu,.nav__dropdown:focus-within .nav__submenu{display:block;opacity:1;transform:translateY(0)}}.nav__menu-checkbox:checked~.nav__menu{max-height:62.5rem;opacity:1;padding-top:1.25rem;padding-bottom:1.25rem}.nav__menu-checkbox:checked~.nav__mobile-burger{transform:rotate(90deg)}.nav__dropdown-checkbox:checked~.nav__submenu{max-height:31.25rem}.nav__dropdown-checkbox:checked+label::after{transform:rotate(180deg)}.footer{grid-area:footer;align-self:self-end;padding-inline:2.5rem}.content{padding-block:.3125rem;grid-area:main}.columns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:1.5625rem}.column{flex:1 0 22.5rem;background-color:var(--accent-background);border-radius:.3125rem;box-shadow:0 10px 15px 0 var(--shadow);padding:.625rem;min-height:6.25rem}.columns.column-fit>.column{height:fit-content}.form{display:grid;grid-template-areas:"Name" "Mail" "Message" "Button" "Disclaimer";grid-template-columns:1fr;grid-template-rows:repeat(5,auto);gap:.5rem;border-radius:.5rem;border:2px solid #2f4f4f;padding:1.25rem;max-width:52ch}.form__section{width:100%}.form__section__name{grid-area:"Name"}.form__section__mail{grid-area:"Mail"}.form__section__message{grid-area:"Message"}.form__section__message textarea{resize:vertical}.form__section__button{grid-area:"Button"}.form__section__button button{cursor:pointer;background-color:var(--red);color:var(--background);padding:.625rem 1.25rem;border:solid .0625rem #3800a0;border-radius:.5rem;float:right;width:max-content;font-weight:700}.form__section__button button:hover{background-color:var(--blue)}.form__section__disclaimer{grid-area:"Disclaimer"}.form__section__disclaimer p{margin:.9375rem 0 0}.form__section__input__area{border:solid .0625rem #3800a0;border-radius:.5rem;width:100%;padding:.5rem;margin:0}.maps{border-radius:.5rem;border:2px solid #2f4f4f;width:100%;max-width:52ch;height:32.0625rem}.banner{max-height:31.25rem;height:calc(100vh - 25rem);grid-area:banner;background-image:url(/images/Tibrag-onderweg.jpg);background-size:cover;background-position:50% 75%}*{border:0;box-sizing:border-box;margin:0;padding:0}:root{--hue:223;--trans-dur:0.4s;--trans-timing:cubic-bezier(0.65, 0, 0.35, 1)}input{color:hsl(var(--hue),10%,10%);font:1em/1.5 sans-serif}.switch,.switch__input{-webkit-tap-highlight-color:transparent}.switch__input,.switch__input:before{background-color:hsl(var(--hue),10%,10%)}.switch__input{border-radius:.75em;cursor:pointer;display:block;width:3em;height:1.5em;transition:background-color var(--trans-dur)var(--trans-timing);-webkit-appearance:none;appearance:none}.switch__input:before{border-radius:50%;content:"";display:block;position:absolute;top:.125em;left:.125em;width:1.25em;height:1.25em;transition:background-color var(--trans-dur)var(--trans-timing),transform var(--trans-dur)var(--trans-timing)}.switch__icon,.switch__icon-part{display:block;position:absolute;top:0;left:0}.switch__icon{background-color:hsl(var(--hue),10%,90%);border-radius:50%;overflow:hidden;pointer-events:none;top:.125em;left:.125em;width:1.25em;height:1.25em;transition:transform var(--trans-dur)var(--trans-timing)}.switch__icon-part{transition:box-shadow var(--trans-dur)var(--trans-timing),transform var(--trans-dur)var(--trans-timing)}.switch__icon-part--1,.switch__icon-part--2,.switch__icon-part--3{border-radius:50%}.switch__icon-part--1{background-color:hsl(var(--hue),10%,90%);top:calc(50% - .375em);left:calc(50% - .375em);width:.75em;height:.75em}.switch__icon-part--2{background-color:hsl(var(--hue),10%,10%);top:calc(50% - .4375em);left:calc(50% - .0625em);width:.5em;height:.5em;transform:translate(-.1875em,.1875em)scale(.2)}.switch__icon-part--3{box-shadow:0 0 0 .625em hsl(var(--hue),10%,10%)inset;width:1.25em;height:1.25em;transform:scale(.25)}.switch__icon-part--3~.switch__icon-part{background-color:hsl(var(--hue),10%,10%);border-radius:.0625em;top:50%;left:50%;width:.125em;height:.1875em;transform-origin:50% 0}.switch__icon-part--4{transform:translateX(-50%)rotate(0)translateY(.25em)}.switch__icon-part--5{transform:translateX(-50%)rotate(45deg)translateY(.25em)}.switch__icon-part--6{transform:translateX(-50%)rotate(90deg)translateY(.25em)}.switch__icon-part--7{transform:translateX(-50%)rotate(135deg)translateY(.25em)}.switch__icon-part--8{transform:translateX(-50%)rotate(180deg)translateY(.25em)}.switch__icon-part--9{transform:translateX(-50%)rotate(225deg)translateY(.25em)}.switch__icon-part--10{transform:translateX(-50%)rotate(270deg)translateY(.25em)}.switch__icon-part--11{transform:translateX(-50%)rotate(315deg)translateY(.25em)}.switch__sr{overflow:hidden;position:absolute;width:1px;height:1px}.switch__input:checked{background-color:hsl(var(--hue),10%,90%)}.switch__input:checked:before,.switch__input:checked~.switch__icon{transform:translateX(1.5em)}.switch__input:checked~.switch__icon .switch__icon-part--2{transform:translate(0,0)scale(1)}.switch__input:checked~.switch__icon .switch__icon-part--3{box-shadow:0 0 0 .25em hsl(var(--hue),10%,10%)inset;transform:scale(1)}.switch__input:checked~.switch__icon .switch__icon-part--4{transform:translateX(-50%)rotate(0)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--5{transform:translateX(-50%)rotate(45deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--6{transform:translateX(-50%)rotate(90deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--7{transform:translateX(-50%)rotate(135deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--8{transform:translateX(-50%)rotate(180deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--9{transform:translateX(-50%)rotate(225deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--10{transform:translateX(-50%)rotate(270deg)translateY(.625em)scale(0)}.switch__input:checked~.switch__icon .switch__icon-part--11{transform:translateX(-50%)rotate(315deg)translateY(.625em)scale(0)}.quicklinks{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:1.5625rem}.quicklinks .quicklink{flex:1 1 9.375rem;background-color:var(--accent-background);box-sizing:border-box;border-radius:.9375rem;box-shadow:0 10px 15px 0 var(--shadow);padding:0;max-width:100%;min-height:8.75rem;overflow:clip;transition:transform .2s}.quicklinks .quicklink:hover{transform:scale(1.05)}.quicklinks .quicklink_header{position:relative;display:grid;grid-template-columns:1fr 10fr 1fr;grid-template-rows:1fr;height:100%;background-color:var(--accent-dark-background);color:var(--accent-color);padding:.625rem;align-items:center;justify-content:center}@media(min-width:67em){.quicklinks .quicklink_header{background-color:var(--inverse-accent-background);height:45%}}.quicklinks .quicklink_header_title{grid-area:1/2;padding:.9375rem;text-align:center;z-index:3}.quicklinks .quicklink_header_icon{position:absolute;color:var(--dark-background);font-size:6.25rem;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}@media(min-width:67em){.quicklinks .quicklink_header_icon{color:var(--text-color)}}.quicklinks .quicklink_header_arrow{text-align:center;grid-area:1/3}.quicklinks .quicklink_content{display:none;visibility:hidden;padding:.625rem;background-color:var(--accent-background);font-size:1.125rem;color:var(--text-color);text-align:center}@media(min-width:67em){.quicklinks .quicklink_content{display:block;visibility:visible}}@media(min-width:67em){.quicklinks .quicklink{flex:0 1 15.625rem;aspect-ratio:1/1.5;min-height:18.75rem}}