.hidden { width: 0; height: 0; overflow: hidden; }

.loader { position: fixed; left: 50%; top: 50%; margin-top: -1.25em; margin-left: -1.25em; border: 0.4em solid #000; /* Light grey */ border-top: 0.4em solid #E4BDF4; /* Blue */ border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation: spin 0.4s linear infinite; animation: spin 0.4s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }


@font-face {
  font-family: 'viavia';
  src:  url('../fonts/viavia.eot?ix79cu');
  src:  url('../fonts/viavia.eot?ix79cu#iefix') format('embedded-opentype'),
    url('../fonts/viavia.ttf?ix79cu') format('truetype'),
    url('../fonts/viavia.woff?ix79cu') format('woff'),
    url('../fonts/viavia.svg?ix79cu#viavia') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'viavia' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.viavia-logo:before {
  content: "\e900";
}
.viavia-arrow_l:before {
  content: "\e901";
}
.viavia-arrow_r:before {
  content: "\e902";
}
.viavia-arrow_l2:before {
  content: "\e903";
}
.viavia-arrow_r2:before {
  content: "\e904";
}
.viavia-laguages:before {
  content: "\e905";
}
.viavia-play:before {
  content: "\e906";
}
.viavia-facebook:before {
  content: "\ea90";
}
.viavia-instagram:before {
  content: "\ea92";
}
.viavia-linkedin2:before {
  content: "\eaca";
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style: none; }

html{font-size:17px; font-weight: 400;}
body { font-family: "Figtree", sans-serif, Arial, Helvetica; font-size: 1em; line-height: 1.8em; color: #000; font-weight: 400; background-color: #fff; overflow-y: scroll; /* has to be scroll, not auto */ overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

input, textarea { font-family: "Figtree", sans-serif, Arial, Helvetica; font-weight: 400; font-size: 1em; height: 2em; line-height: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; }
input[type="text"]:focus, textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8f8f8f; opacity: 1; }
::-moz-placeholder { /* Firefox 19+ */ color: #8f8f8f; opacity: 1; }
:-ms-input-placeholder { /* IE 10+ */ color: #8f8f8f; opacity: 1; }
:-moz-placeholder { /* Firefox 18- */ color: #8f8f8f; opacity: 1; }

textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }

a { color: inherit; text-decoration: none; font-weight:inherit;}
p a { color: inherit; text-decoration: underline; width:auto; display: inline-block; float:none }
.contact p a { text-decoration: none; }

i, cite, em, var, dfn { font-style: normal; }
b, strong { font-weight: 600; font-family: "Figtree", sans-serif, Arial, Helvetica; }

p { position: relative; width: 100%; display: block; float: left; margin-bottom: 1em;  font-weight: 500; font-size: 1.18em; line-height: 1.5em; }
p:last-child { margin-bottom: 0; }

.block ul, .blockintrotekst ul{margin-bottom: 1.4em;}
.block ul li, .blockintrotekst ul li{line-height: 1.4em; font-weight: 500; font-size: 1.18em; line-height: 1.5em;  padding-left: 1.1em; margin-bottom: 0.3em;}
.block ul li:after, .blockintrotekst ul li:after{position: absolute; left: 0; top: -0.1em; width: 1em; height: 1em; line-height: 1em; content:"•"; font-size: 1.5em;}

.block ol, .blockintrotekst ol{margin-bottom: 1.4em;}
.block ol li, .blockintrotekst ol li{line-height: 1.4em; font-weight: 500; font-size: 1.18em; line-height: 1.5em;  padding-left: 1.1em; margin-bottom: 0.3em;}
.block ol li:after, .blockintrotekst ol li:after{position: absolute;  left: 0; top: -0.1em; width: 1em; height: 1em; line-height: 1em; content:"•"; font-size: 1.5em;}


article ul {
  position: relative;
  float: left;
  margin-bottom: 1em;
  width: 100%;
}
article li {
  position: relative;
  float: left;
  clear: both;
  padding-left: 1.5em;
  display: list-item;
  margin-bottom: 0.4em;
  font-size:1.1em;
  font-weight: 500;
}
article li:before {
  content: "";
  font-size: 0.6em;
  position: absolute;
  left: 0;
  top: 0.9em;
  width: 1em;
  height: 1em;
  background-color: #e3a72b;
}


blockquote { position: absolute; right: -2.6em; float: left; padding: 0; margin: 0; display: block; font-size: 1.4em; line-height: 1.3em; width: 6.6em; color: #c6c6c6; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; }

img { position: relative; float: left; width:100%; display: block;}

section, header, main, footer, nav, article, div, a, ul, li, form { position: relative; float: left; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

li { position: relative; float:none; display: inline-block; }


main { margin-bottom: 5em; }
article { position: relative; float: left; width: 100%; margin: 0; }
article img { margin-bottom: 1em; height: auto !important; }

/* blocks*/
.container { position: relative; float: left; width: 100%; display: block; transition: -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: transform 0s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0s cubic-bezier(0.77, 0, 0.175, 1); opacity: 0; overflow: hidden; }
.animate .container { opacity: 1; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.animate .loader { opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

.b { -webkit-box-sizing: border-box; box-sizing: border-box; }
.b25 { width: 25%; }
.b75 { width: 75%; }
.b70 { width: 70%; }
.b50 { width: 50%; }
.b40 { width: 40%; }
.b45 { width: 45%; }
.b30 { width: 30%; }
.b60 { width: 60%; }
.b33 { width: 33.33%; }
.b35 { width: 35%; }
.b66 { width: 66.66%; }
.b100 { width: 100%; }

.viceversa { float: right; }

.videowrapper, .videoWrapper, .vimeoWrapper { position: relative; float: left; width: 100%; padding-bottom: 56.25%; margin-bottom: 2em; height: 0; }
.videowrapper iframe, .videoWrapper iframe, .vimeoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videoWrapperheader { position: relative; float: left; width: 50%; margin-left: 25%; padding-bottom: 50%; margin-bottom: 3em; height: 0; }
.videoWrapperheader iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.middle { left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.vmiddle { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.acenter { text-align: center; }
.aleft { text-align: center; }
.aright { text-align: right; }
.fleft{float: left;}
.fright{float: right;}
.z { z-index: 10; }
.ontop { position: absolute; top: 0; left: 0; }
.noselect {user-select: none;}
.btn{user-select: none;}

/* basics */
h1, h2, h3, h4, h5, h6 { position: relative; float: left; width: 100%; font-family: "Figtree", sans-serif, Arial, Helvetica; font-weight: 500; line-height: 0.85em; -webkit-box-sizing: border-box; box-sizing: border-box; }
h1 { font-size: 3.6em; margin-bottom: 0.64em; font-weight: 600;  line-height: 1em; }
h2 { font-size: 2.1em; margin-top: 0.2em; margin-bottom: 0.8em;  line-height: 1.2em; }
h3 { font-size: 1.76em; margin-top: 0.2em; margin-bottom: 0.8em; }
h4 { font-size: 1.3em; margin-top: 0.2em; margin-bottom: 0.8em; } 
h5 { font-size: 1.2em; margin-top: 0.2em; margin-bottom: 0.8em; } 

.paddingx4{padding-left:4em; padding-right:4em;}
.paddingx3{padding-left:3em; padding-right:3em;}
.paddingx2{padding-left:2em; padding-right:2em;}
.paddingx1{padding-left:1em; padding-right:1em;}

.paddingy8{padding-top:8em; padding-bottom:8em;}
.paddingy7{padding-top:7em; padding-bottom:7em;}
.paddingy6{padding-top:6em; padding-bottom:6em;}
.paddingy5{padding-top:5em; padding-bottom:5em;}
.paddingy4{padding-top:4em; padding-bottom:4em;}
.paddingy3{padding-top:3em; padding-bottom:3em;}
.paddingy2{padding-top:2em; padding-bottom:2em;}
.paddingy1{padding-top:1em; padding-bottom:1em;}

.marginbottom5{margin-bottom: 5em;}
.marginbottom4{margin-bottom: 4em;}
.marginbottom3{margin-bottom: 3em;}
.marginbottom2{margin-bottom: 2em;}
.marginbottom1{margin-bottom: 1em;}

.margintop5{margin-top: 5em;}
.margintop4{margin-top: 4em;}
.margintop3{margin-top: 3em;}
.margintop2{margin-top: 2em;}
.margintop1{margin-top: 1em;}


.widthbig{float:none; display:block; margin:0 auto; clear: both; width:100%; max-width:96em; }
.widthbig50{float:none; display:block; margin:0 auto; clear: both; width:100%; max-width:48em; }
.widthmediumbig{float:none; display:block; margin:0 auto; clear: both; width:100%; max-width:83em; }
.widthmedium{float:none; display:block; margin:0 auto; clear: both; width:100%; max-width:50em; }
.widthsmall{float:none; display:block; margin:0 auto; clear: both; width:100%; max-width:42em; }

.fontwhite{color: #fff;}
.fontblack{color: #000;}

.bgred{background: var(--Romeinse-Radius, radial-gradient(422.53% 138.33% at 17.66% -9.15%, #E83902 0%, #E35200 100%)); color: #fff;}
.bgyellow{background: var(--Geel-radius, radial-gradient(422.53% 138.33% at 17.66% -9.15%, #D99B3F 0%, #F2B61B 100%)); color: #fff;}
.bgblue{background: var(--Paarse-radius, radial-gradient(278.92% 122.85% at 14.55% 1.89%, #1A48A1 0%, #0259AA 100%)); color: #fff;}
.bggreen{background-color: #2E6447; background: var(--Groen-Radius, radial-gradient(278.92% 122.85% at 14.55% 1.89%, #2E6447 0%, #217543 100%)); color: #fff;}

.bgwit{background-color:#fff; color: #000;}
.bgbordeaux .buttongroup .btn{background-color:#E4BDF4; color: #000000;}

.bgbordeaux{background-color:#661F36; color: #fff;}
.bgbordeaux .buttongroup .btn{background-color:#E4BDF4; color: #000000;}

.bgzand{background-color:#F7ECD6; color: #000;}
.bgzand .buttongroup .btn{background-color:#FDD535; color: #000000;}

.bglichtblauw{background-color:#E9F7F8; color: #000;}
.bglichtblauw .buttongroup .btn{background-color:#FF5428; color: #fff;}

.bgcoraal{background-color:#FF5428; color: #fff;}
.bgcoraal .buttongroup .btn{background-color:#661F36; color: #fff;}


.btnprime{position: relative; float: none; display:inline-block; color: #000; width: auto; font-weight:500; font-size:1em; padding:0 1.6em 0.1em; border-radius:1.7em; line-height:2.4em; background-color:#E4BDF4;}
.btnnormal{position: relative; float: none; display:inline-block; color: #000; width: auto; font-weight:500; font-size:1em; padding:0 1.3em 0.1em; border-radius:1.7em; line-height:2.25em; background-color:#E4BDF4; }
.btnyellow{background-color: #FDD535; color: #000}
.btnblack{background-color: #000!important; color: #fff!important;}
.btnpurple{background-color:#E4BDF4!important; color: #000!important;}

.btnleesmeer{position: relative; float: none; display:inline-block; color: #fff; width: auto; font-weight:500; font-size:1.1em; padding:0 1.2em 0.1em; border-radius:1.2em; line-height:2.2em; background-color:#E83902; }

.filters{width:auto;}

article{padding:0;}

article .buttongroup{margin-top:1em;}
.buttongroup .btn{ margin:0 0.7em 1em 0em; width:auto; float: none}
.acenter .buttongroup .btn{ margin:0 0.75em 1em; }


.thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

header { position: fixed; top: 0em; left: 0; z-index: 98; width: 100%; height: auto;  left: 0; user-select: none; transition: all 0.3s ease; background-color:#fff; transition: box-shadow 1s ease;}
header .inner{ transition: all 0.3s ease; min-height: 6.9em;}
.notop header .inner{ min-height: 4.9em;}
.notop header { box-shadow: 0px 6px 64px -15px rgba(0,0,0, 0.11); transition: box-shadow 1s ease; }

.sticky header:before, .detail header:before{transform: translateY(0); opacity: 1; transition:all 0.2s ease ; }
.navon header:before{transform: translateY(0); opacity: 1; transition:all 0.3s ease 0s ;}

header .logo { position: absolute; display: block; width: 1em; color: #fff; font-size: 5em; line-height: 1em;  padding-left: 3.9rem; transition: font-size 0.3s ease;  cursor: pointer; height: 1em; left: 0; text-align: left; top: 50%; transform: translateY(-50%); }
header .logo::after { position: absolute; left: 0; top:0; font-family: "viavia"; content: "\e900"; font-weight: 400; color: #000; line-height: 1em; font-size: 1em; width: auto; text-align: center;  }
.notop header .logo{ font-size: 4em; }

header .mainnav{color: #000; position: relative; text-align: center; float:none; margin: 1.2em auto; padding-left: 2em; padding-bottom:1em; padding-top:1em; transition:margin 0.3s ease; }
header .mainnav ul{position:relative; float:none; display: inline-block; vertical-align:top; width: auto; margin:0 1.2em 0em;}
header .mainnav ul li{position:relative;float:left; clear: both; width: auto; font-weight:500; margin: 0 0; overflow: hidden; opacity: 0.5; cursor: pointer; height: 0; transition: all 0.2s ease;}
header .mainnav ul li:first-child{font-size: 1.18em; overflow: visible; opacity: 1; height: auto; margin: 0.25rem 0;}
header .btnprime{position: absolute; right: 2.5em; top:50%; transform:translateY(-50%); }
header .mainnav ul li small{position: relative; float:right; font-size:0.5em; display:block; margin-top:0.1em; margin-left: 0.4rem;}
.no-touch header .mainnav ul li:hover .btnmore, header .mainnav ul li.active, .no-touch header .mainnav ul.singlebtn li:hover, .no-touch nav span a:hover{color:#DAA1F2!important;}
.no-touch .over header .mainnav ul li:hover .btnmore, .over header .mainnav ul li.active, .no-touch .over header .mainnav ul.singlebtn li:hover, .no-touch .over nav span a:hover{color:#fff!important;}

.notop header .mainnav{margin: 0.3em auto; }

/* Hamburger – 3 streepjes (streephoogte 2px), maten in rem */
.hamburger{
  /* Pas deze waarden naar wens aan (rem) */
  --w: 1.8rem;      /* totale breedte */
  --h: 0.8rem;      /* totale hoogte */

  --bar: 2px;       /* streephoogte = 2px, zoals gevraagd */

  position: relative;
  display: inline-block;
  width: var(--w);
  height: var(--h);
  color: #000;

  /* middelste streep */
  background-image: linear-gradient(#000, #000);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% var(--bar);
}

.hamburger::before,
.hamburger::after{
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: var(--bar);
  background: #000;
  border-radius: 999px;
}

/* bovenste en onderste streep */
.hamburger::before{ top: 0; }
.hamburger::after { bottom: 0; }

header .mainnav ul.ulon li{opacity:1!important;}
header .mainnav ul.ulon li:first-child:after{content: ""; position:absolute; bottom:-0.2em; left:0; width:100%; height:2px; background-color:#F63B00;;}
header .hamburger{display:none; position: absolute; top:50%; transform: translateY(-50%); right: 0; width:1.2em; text-align: right; height:0.8em; font-size:1.8em; color: #fff; cursor: pointer;}

.blockhomeintro .thumb{padding-bottom: 36%; min-height: 42em;}
.blockhomeintro .thumb .mobile{display:none;}
.blockhomeintro .content{position:absolute; top:0; left: 0; width:100%; height:100%;}
.blockhomeintro .inner{color: #fff; top:50%; margin-top: 1rem; transform: translateY(-50%);}
.blockhomeintro h1{ font-size: 4.7em; margin-bottom: 1rem; font-weight: 600;}

.blockhomeintro p{max-width: 33em; font-size: 2.24em; float:none; display: inline-block; font-weight: 600;}
.blockhomeintro .buttongroup{position:absolute; top:65%; margin-top:5.3em; }

.blockhomeintro .buttongroup .btn::after{position: relative; display: inline-block; margin-left: 0.8em; width: 1.2em; height: 1.2em; top: 0.25em; margin-right: -0.6em; content: "";}
.blockhomeintro .buttongroup .btn:nth-child(1)::after{background-image: url('../img/netherlands.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}
.blockhomeintro .buttongroup .btn:nth-child(2)::after{background-image: url('../img/germany.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}
.blockhomeintro .buttongroup .btn:nth-child(3)::after{background-image: url('../img/belgium.png'); background-size: 100% auto; background-repeat: no-repeat; background-position: center center;}

.detail article h1{margin-bottom:0.4em;}
.detail article h2{margin-bottom: 1.2rem;}
.blockdefaultintro .thumb{padding-bottom: 24%; min-height: 24em;}
.blockdefaultintro .content{position:absolute; top:0; left: 0; width:100%; height:100%;}
.blockdefaultintro .inner{color: #fff; top:50%; margin-top: 1em; transform: translateY(-50%);}
.blockdefaultintro h1{font-size: 2.86em; font-weight: 500; margin-bottom: 0.6em;}
.blockdefaultintro p{max-width: 33em; float:none; display: inline-block;}
.blockdefaultintro .buttongroup{position:absolute; top:60%; margin-top:6em; }


.flex{display: flex; flex-flow: row wrap; align-items: stretch;}


article .events{width:100%;}
.events{width: 50%;margin-bottom:2em; }
.events a{margin-bottom:2em;}
.events a .thumb{min-height: 11em; left:4.4em; }
.events a .picture{padding-right: 4.4em; width:20em; margin-bottom: 1em; margin-right:1em;}
.events a .content{position:relative; width:calc(100% - 21em); min-width: 14em;}
.events a .date {position: absolute; left: 0; top: 0; min-height: 3em; line-height: 1em; padding: 1.1em 1.2em; font-weight: 600; color: #000; width: 4.4em; z-index: 2; background-color: #fff; }
.events a .datetill{display: none; top: 5em; padding: 2em 1.2em 1em;}
.events a.bigevent{min-height: 11em;}
.events a.bigevent div.datetill{display: block;}
.events a.bigevent div.datetill::after{position: absolute; content: ""; height: 1.6em; width: 2px; background-color: #000; left: 50%; top:-0.3em; margin-left: -1px;}
.events a .titel1{font-size: 1.6em; font-weight:600; margin-bottom:0.6rem; line-height: 1.1em;}
.events a .titel2, .events a .titel3 { color:#661F36; font-weight: 500; font-size:1.1em; line-height: 1.1em; margin-bottom: 0.5em;}

.blockallevents .events{width:100%; display: flex; flex-flow: row wrap; justify-content:flex-start; align-content:stretch; gap: 4em 3em;}
.blockallevents a{width: 35em; margin-bottom:0em;}

.highlightedevents a .thumb{min-height: 0; padding-bottom:70%; left:0; }
.highlightedevents a .picture{padding-right: 4.4em; width:100%;}
.highlightedevents a .titel1{font-size: 2.4em; width: calc(100% - 4rem);}
.highlightedevents a .titel2{font-size: 1.44em;}
.highlightedevents a .titel3{font-size: 1.3em;}
.highlightedevents a .content{width: 100%; min-width: 100%;}
.titlecontainer{margin-bottom: 1em;}

.slick-dots{position: absolute; right: 0; width: auto!important; bottom: -6rem!important; text-align: right!important; z-index: 3; padding: 0rem 2rem!important; width: 100%; text-align: center;}
.slick-dots li button{width: 11px!important;height: 11px!important; color: #000; z-index: 3; background: #000!important;  font-size: 0.3em; padding: 0; border-radius: 50%; border:0px solid;}
.slick-dots li button::before{display: none;}
.slick-dots li.slick-active button{background-color: #FDD535!important; color:#FDD535; }
.slick-dots li{margin: 0 0.5em; width: 11px!important;height: 11px!important; display: inline-block; width: auto; cursor: pointer;}



.socials{margin: 0.5em 0 1em;}
.socials a{width: auto; font-size: 1.8em; margin-right: 0.8em;}

footer{background-color:#000; color: #fff;}
footer .logo { position: absolute; display: block; width: 1em; color: #fff; font-size: 5em; line-height: 1em;  padding-left: 0rem; transition: font-size 0.3s ease;  cursor: pointer; height: 1em; left: 0; text-align: left; top: 0; }
footer .logo::after { position: absolute; left: 0; top:0; font-family: "viavia"; content: "\e900"; font-weight: 400; color: #fff; line-height: 1em; font-size: 1em; width: auto; text-align: center;  }
footer .outer{position:relative; float: right;  width: calc(100% - 10em);}
footer .footernav{position:relative; 
	display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; gap: 2em 0em; }
footer h3{font-size: 1em; color: #fff; margin-top:0em; }
footer ul{position: relative; width: 25%; min-width: 13em; margin-top: -0.4em;}
footer ul li{width:auto; float: left; clear: both; font-weight: 500;}
footer ul li a, footer ul li h3{width: auto; display: inline-block; line-height:1.4em; margin-bottom:0.7em; }
footer ul li a{color: #E4BDF4;}
footer ul li .socials{margin: 0;}
footer ul li .socials a{font-size:1.4em; color:#fff;}
footer .logos{margin: 0 0 4em; display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; gap: 2em; }
footer .logos a{width: auto; display: inline-block; }

footer .bottomfooter{margin: 0 0 -1em; }
footer .bottomfooter .legalnav{float: right; width: auto; display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-end; gap: 2em; }
footer .bottomfooter .legalnav a{width: auto; font-weight: 500; color: #FCC73E; }
footer .bottomfooter .copyright{width: auto; font-weight: 500; float: left; margin-right:2em; }


.buttongroup{pointer-events:none}
.buttongroup .btn, .buttongroup a{pointer-events: auto;}


.languages{font-size: 1em; top:50%; transform: translateY(-50%); position: absolute; right:-1.6em; width: 3.1em; margin-top:0em; color: #000; text-decoration:none; }
.languages ul{display: none; background-color: #F7ECD6; padding: 1em 2.8em 1em 1.3em; position: absolute; top: 0; border-radius: 0.5em; clear: both; right: -0.7em; width: 9em; text-align: right; }
.languages ul li{float: left; clear: both; display: block; text-align: left; width: 100%; letter-spacing: 0em; font-weight: 500;}
.languages ul li.active::after{position: absolute; right: -1.8em; top: 0; display: inline-block; content: "✓"; }
.languages .activelang{text-decoration: underline; white-space: nowrap; cursor: pointer; font-size: 1em; text-decoration: none; font-weight: 500; line-height: 0.9em; letter-spacing: 0em; text-transform: uppercase; position: relative; float: right; padding: 0.37em 0 0.3em;}
.languages .activelang .codename{display: block;}
.languages .activelang .fullname{display: none;}
.languages .activelang span{position: relative; float: left;}
.langopen .languages ul{display: block; z-index: 99;}


article ul li a{float: none; display: inline-block; width: auto; text-decoration: underline;}

.interreg{position: absolute; right: 2em; bottom: 2em; width: 14em;}

.viabelgicakaart iframe {
  width: 100%;
  height: 700px;
  border: 0;              /* optioneel: rand weg */
  overflow: hidden;       /* verberg scrollbalken */
  display: block;         /* voorkomt extra ruimte bij inline gedrag */
}

.borderradius{border-radius: 0.6em; overflow: hidden;}


.blockbrands .features{display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 2rem; z-index: 2; margin-bottom: 4em; width: calc(100% + 4em); left: -2em;}
.blockbrands .features .title{margin-bottom: 0rem;}
.blockbrands .features .feature{font-size: 0.8em; flex: 0 0 auto!important; padding: 1em 3em; width: fit-content!important; /* Optional: ensures minimal width based on content */}
.blockbrands .features .feature .photo{height:8em; background-color: #F7ECD6;}
.blockbrands .features .feature .photo img{object-fit: contain; transform: scale(1); width: 100%; height: 100%; position: absolute; left: 0; mix-blend-mode: multiply; }


.blockbrands2 .features{display: flex; flex-flow: row nowrap; justify-content: space-between; margin-top: 2rem; margin-bottom: 4em; width: calc(100% + 4em); left: -2em;}
.blockbrands2 .features .title{margin-bottom: 0rem;}
.blockbrands2 .features .feature{ flex: 0 0 auto!important; padding: 1em 3.3em; width:auto; /* Optional: ensures minimal width based on content */}
.blockbrands2 .features .feature .photo{height:5em;}
.blockbrands2 .features .feature .photo img{object-fit: contain; transform: scale(1); width: 100%; position: absolute; left: 0; top:50%; transform: translateY(-50%);}


/*/////////////// Slick ///////////////*/

.slickie-next{position: absolute; right: -1em; width: 2em; height: 2em; top:50%; transform: translateY(-50%); cursor: pointer; color:#000;}
.slickie-next::after{position: relative; display: inline-block; content: "\e904"; font-family: "viavia"; font-size: 1.8em; line-height: 1em; color: inherit; opacity:1; float:right; }
.slick-disabled{opacity: 0; transition: opacity 0.3s ease;}
.slickie-prev{position: absolute; left:-1em; width: 2em; height: 2em; top:50%; transform: translateY(-50%);  cursor: pointer; color:#000; }
.slickie-prev::after{position: relative; display: inline-block; content: "\e903"; font-family: "viavia"; font-size:1.8em; line-height: 1em; color: inherit; opacity:1; }

.photoslider .slickie-next{right:1.4em; color: #fff;}
.photoslider .slickie-prev{left: 1.4em; color: #fff;}


figure figcaption{text-align: right; font-family: "Figtree", sans-serif, Arial, Helvetica; font-weight: 500; line-height: 1.8em; position: relative; float: left; clear: both; display: block; width: 100%;}

.blocktekstfoto.viceversa .b50{float: right;}

.blocktekstfoto2 article{max-width: 30em; float: right;}
.blocktekstfoto2.viceversa article{float: left;}
.blocktekstfoto2.viceversa{flex-direction: row-reverse;}

.blocktekstfoto2 .thumbnail, .blocktekstfoto2 .thumbnail figure, .blocktekstfoto2 .thumbnail, .blocktekstfoto2 .thumbnail figure img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.blocktekstfoto2 .thumbnail, .blocktekstfoto2 .thumbnail figure img{object-fit: cover;}

.pusher{height: 4rem;}

.blockintrofoto img{object-fit: cover; width: 100%; height: auto; max-height: 45vw; min-height: 30em;}

.activiteiten header {background-color: #DAEFF0;}
.overons header {background-color: #F7ECD6;}

.blockintrotekst p{font-weight: 600; max-width: 53rem;}


.allproducts .inner{width: calc(100% + 4em); left: -2em;}
.allproducts .product{width: 33.33%; padding:0 2em 2em;}
.allproducts .product .title{font-size: 1.88em; font-weight: 600; padding: 0.5em 0 0.6em; line-height: 1.1em;}
.allproducts .product .thumbnail{padding-bottom: 120%; }
.allproducts .product .thumbnail img{position: absolute; width: 100%; height: 100%; left:0; top: 0; object-fit: cover;}
.allproducts .product .buttongroup .btn{font-size: 0.9em;}

.allbrands .inner{width: calc(100% + 4em); left: -2em;}
.allbrands .brand{width: 33.33%; padding:0 2em 2em;}
.allbrands .brand .title{font-size: 1.47em; font-weight: 600; padding: 0.5em 0 0.2em; line-height: 1.1em;}
.allbrands .brand .description{margin-bottom: 1em;}
.allbrands .brand .description p{font-size: 0.94em; }
.allbrands .brand .thumbnail{padding-bottom: 100%; background-color:#fff; }
.allbrands .brand .thumbnail img{position: absolute; width: 100%; height: auto; left:50%; top: 50%; transform:translate(-50%, -50%); }
.allbrands .brand .buttongroup .btn{font-size: 0.9em;}


.singleproduct header{background-color: #F9F9F9;}
.singleactiviteit header{background-color: #DAEFF0;}
.block.bgwit + .block.bgwit{margin-top: -4em;}

.singleactiviteit .bgwit{background-color: #E9F7F8;}

.singleactiviteit .block.bglichtblauw, .singleactiviteit .cta.bglichtblauw{background-color: #DAEFF0;}

.eventsdatums{margin-bottom: 1rem; font-weight: 600; font-size: 1.76em;}

h1 + h2{margin-top: -1.8rem; margin-bottom: 3rem;}

/* Media queries */

@media screen and (min-width: 1450px) {  
  
}

@media screen and (min-width: 1800px) {
  

  .filtersheet{ top:2.5em;}
}

@media screen and (min-width: 2800px) {
  
}

@media screen and (max-width: 1420px) {
  html {font-size: 16px;}
  header .mainnav ul{margin: 0 1.2em;}

}

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

  
  header .mainnav ul{margin: 0 1em;}
  

}

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

    .events a .titel1{font-size: 1.66em; line-height: 1.1em;}
    .highlightedevents a .titel1{font-size: 2.22em; line-height: 1.1em;}
   
}

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

  header .hamburger{display:block;}
  header .btnprime{right:3.5rem;}
  header .mainnav{transform: translateY(-50%); position: absolute; background-color: #fff; width: calc( 100% + 4em); left: -2em; overflow: hidden; margin:0; height: 0; padding: 4em 0 7em; opacity:0; transition: all 0.3s ease}
  .navopen header .mainnav{transform: translateY(0); margin: 4.8em 0 7em 0; height: auto; opacity:1;}
  .navopen header:before{opacity:1; transform: translateY(0);}
  header .mainnav ul{width: 100%; text-align: center; margin: 0;  list-style: none; padding: 0;}
  header .mainnav ul li{text-align: center; width:auto; display: block; clear: both; margin-top: 0!important; margin-bottom:0!important; float: none; line-height: 2.6em; font-size:1.2em; padding-bottom: 0;}
  header .mainnav ul li:first-child{font-size:1.5em;}
  .navon header .mainnav ul li{height: 0; margin-top: 0!important; margin-bottom:0!important; opacity: 1; }
  .navon header .mainnav ul li:first-child{height: auto; }
  .navon header .mainnav ul li:nth-child(2){margin-top: 0!important;}
  header .mainnav ul.ulon li{height: auto!important; opacity: 1!important;}
  header .mainnav ul.ulon li:first-child::after{display: none;}
  header .mainnav ul.ulon li:first-child{color: #E83902;}
  header .mainnav ul.ulon{margin-bottom: 2em;}

  .paddingx4{padding-left:3em; padding-right:3em;}
  .paddingx3{padding-left:2.25em; padding-right:2.25em;}
  .paddingx2{padding-left:1.5em; padding-right:1.5em;}
  .paddingx1{padding-left:0.75em; padding-right:0.75em;}
/*
  .paddingy4{padding-top:3em; padding-bottom:3em;}
  .paddingy3{padding-top:2.25em; padding-bottom:2.25em;}
  .paddingy2{padding-top:1.5em; padding-bottom:1.5em;}
  .paddingy1{padding-top:0.75em; padding-bottom:0.75em;}
*/
  header .mainnav ul li small{position: absolute; right:0.7em; top:0; width: 1em; height:1em;font-size:0.5em; display:block; margin-top:0.1em; margin-left: 0.4rem;}
  .events a .titel1{font-size: 1.44em; line-height: 1.1em;}
  .highlightedevents a .titel1{font-size: 1.88em; line-height: 1.1em;}
 
  .languages{right:14.3em;}
  .allbrands .brand .thumbnail{font-size:0.8em; }
}



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

  .blockevents .events{width: 100%;}
  .blockevents .highlightedevents{margin-bottom: 1em;}
  .blogitems .slick-list{width: calc(100% + 6em); }
  .highlightedevents a .picture{padding-right: 0;}
  .blockkeepintouch .b50{width: 100%;}
  .widthbig50{max-width: 100%;}
  .allbrands .brand .thumbnail{font-size:0.7em; }
  .blockhomeintrotekst .b60 ,.blockhomeintrotekst .b40{width: 100%;}
  .blockhomeintrotekst .b60 .paddingy6{padding-top: 0; margin-top: -1.7em;}
  .blockhomeintro .thumb{min-height: 50em;}
  .blockhomeintro{z-index: 2;}
  .interreg{bottom: -8em; right: auto; left: 1.5em;}
  .blockhomeintrotekst .inner{padding-top: 3em; padding-bottom: 3.6em;}
  .blocktekstfoto .b50{width: 100%;}
  .blocktekstfoto .b50:last-child .inner{padding-top: 0; margin-top: -3em;}
    .blocktekstfoto2 {display: block;}
  .blocktekstfoto2 .b50{width: 100%;}
  .blocktekstfoto2 .b50:last-child .thumbnail{padding-bottom:65%; position: relative; float: left; }
  .allproducts .product{width: 50%;}
}

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

 .blockhomeintro .thumb .desktop{display: none;}
 .blockhomeintro .thumb .mobile{display: block;}
 .allbrands .inner{width: calc(100% + 2em); left: -1em;}
 .allbrands .brand{width: 50%;padding: 0 1em 1em;}
 .allbrands .brand .thumbnail{font-size:0.9em; }
 h1{font-size: 3em;}

}

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

  .allbrands .brand .thumbnail{font-size:0.8em; }
  .cta{padding-left: 2em; padding-right: 2em;}
  .allproducts .product .title{font-size: 1.6em;}
}

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

  html {font-size: 15px;}
  .allbrands .brand .thumbnail{font-size:0.7em; } 
  .allbrands .brand .title{font-size: 1.2em;}
  .pusher{height: 3.6rem;}
  .allproducts .product .title{font-size: 1.4em;}
  .blockhomeintro p{text-wrap: balance;}
}

@media screen and (max-width: 500px) {
 
  footer .footernav {gap: 3em 2em; margin-bottom: 4em;}
  footer ul li .socials a{margin-bottom: 0;}
  footer .footernav ul{min-width:10em; }
  footer .logos a {max-width: 9em;}
  footer .bottomfooter .legalnav{float: left;margin-top:0.2em;}
  footer .logos{margin-bottom:4em;}
  footer .footernav ul:nth-child(3){order: 6;}
  .allbrands .brand .thumbnail{font-size:0.6em; } 
  .blockbrands2 .features .feature .brand{font-size: 0.8em;}
  .blockbrands2 .features .feature{padding:1em 1.5em;}
  h1{font-size: 2.8em;}
  .allproducts .product .title{font-size: 1.2em;}
  .allbrands .brand .buttongroup{font-size: 0.9em;}
}



@media screen and (max-width: 450px) {
	
  html {font-size: 14px;}
  .allbrands .brand .thumbnail{font-size:0.5em; } 
  h1{font-size: 2.6em;}
  h2{font-size: 1.8em;}
  .pusher{height: 3.3em;}
}

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

 html {font-size: 13px;}
 .allproducts .product{width: 80%;}
 .allproducts .product .title{font-size: 1.4em;}
}


@media screen and (max-height: 750px) {
 
}
@media screen and (max-height: 670px) {
 
}
@media screen and (min-height: 800px) {
  
}
@media screen and (min-height: 1000px) {
 
}