.loader {
  float: none;
  position: fixed;
  left:50%; top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 2em;
  display: block;
  width:1em;
  height: 1em;
  line-height: 1em;

}


@font-face {
    font-family: 'masqualeroregular';
    src: url('../fonts/masqualero-regular-webfont.woff2') format('woff2'),
         url('../fonts/masqualero-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sackers_gothic_stdheavy';
    src: url('../fonts/sackersgothicstd-heavy-webfont.woff2') format('woff2'),
         url('../fonts/sackersgothicstd-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fenice_pro_itcregular';
    src: url('../fonts/feniceproitc-webfont.woff2') format('woff2'),
         url('../fonts/feniceproitc-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'sterreheim';
  src:  url('../fonts/sterreheim.eot?n0r5jb');
  src:  url('../fonts/sterreheim.eot?n0r5jb#iefix') format('embedded-opentype'),
    url('../fonts/sterreheim.ttf?n0r5jb') format('truetype'),
    url('../fonts/sterreheim.woff?n0r5jb') format('woff'),
    url('../fonts/sterreheim.svg?n0r5jb#sterreheim') 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: 'sterreheim' !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;
}

.sh-logo1:before {
  content: "\e900";
}
.sh-logo2:before {
  content: "\e901";
}
.sh-wapen:before {
  content: "\e902";
}
.sh-beeldmerk_s:before {
  content: "\e903";
}
.sh-ster:before {
  content: "\e904";
}
.sh-arrow_down:before {
  content: "\e905";
}
.sh-close:before {
  content: "\e906";
}
.sh-min:before {
  content: "\e907";
}
.sh-instagram{top: 0.06em; position: relative; display: inline-block;}
.sh-instagram:before {
  content: "\e908";

}
.sh-facebook:before {
  content: "\e909";
  font-size: 0.9em;
}
.sh-linkedin:before {
  content: "\e90a";
   font-size: 0.9em;
}
.sh-plus:before {
  content: "\e90b";
}
.sh-arrow_left:before {
  content: "\e90c";
}
.sh-arrow_right:before {
  content: "\e90d";
}
.sh-button_line2:before {
  content: "\e90e";
}
.sh-btn1:before {
  content: "\e90f";
}
.sh-button_left1:before {
  content: "\e910";
}
.sh-button_line1:before {
  content: "\e911";
}
.sh-button_right1:before {
  content: "\e912";
}
.sh-button2:before {
  content: "\e913";
}
.sh-button3:before {
  content: "\e914";
}




.container{ opacity: 0; overflow:hidden;  }
.animate .container{opacity: 1; transition:opacity 0.8s ease 0.1s;}
.animate .loader{opacity: 0; transition:opacity 0.4s ease 0s;}


html { 
  -webkit-text-size-adjust: 100%; 
  position: relative; 
  float: left; 
  width: 100%; 
  font-size: 17px; 
  font-weight: 400; 
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll; 
}

/*::-webkit-scrollbar {
    display: none;
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	height: auto;

}

body{	
	position: relative;
	float: left; 
	display: block;
	font-family: 'masqualeroregular', sans-serif;
	font-size: 1em;
	line-height: 1.15em;
  height: auto;
	font-weight: 400;
	margin:0; padding: 0; 
	width: 100%;
	color: #000;
	background-color: #fff;

}

* {
  -webkit-tap-highlight-color: transparent;
}

/* Optioneel: verwijder focus outlines voor muisklikken */
*:focus {
  outline: none;
}

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


input, textarea{  font-size: 1em; border-radius: 0; border: 1px solid; padding: 0.5em 1em;  font-size: 1em; line-height: 1.98em; font-family:'masqualeroregular', sans-serif; }
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: underline; }
.noline a{text-decoration: none;}
i, cite, em, var, dfn {
    font-style:normal;
}
b, strong {font-family: inherit; font-weight: 400;  }

p strong{font-size: 1.2em;}

ul, li{position: relative;  display: inline-block;}

article ul li{margin-bottom:0.3em; font-size: 1.1em; line-height: 1.68em; font-family:'masqualeroregular', sans-serif; box-sizing:border-box; padding-left:1.4em; }
article ul li::before{position: absolute; left: 0; top: 0.5em; width: 9px; height: 9px; border-radius: 50%; content: ""; background-color: #C7C0B5;}
article .slick-slider ul li::before{display: none;}

article ul{margin-bottom: 1.98em;}
article ul:last-child{margin-bottom: 0;}

button {
  position: relative; float: left;
  background: transparent;
    background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
  font-size: 1em;
}

section, div, header, main, footer, nav, article, ol, ul, li, p, img, blockquote, form, button, input, label, h1, h2, h3, h4 ,h5, h6{position: relative;  float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ margin-bottom: 1.98em; font-size: 1.1em; line-height: 1.68em; font-family:'masqualeroregular', sans-serif;  }
p:last-child{margin-bottom: 0;}
p a, article ul li a{display: inline-block; position: relative; text-decoration: underline;}
.smaller{font-size: 0.85em;}
article img{margin-bottom: 1.3rem;}
article img:last-child{margin-bottom: 0rem;}

/* basics */
h1, h2, h3, h4, h5, h6{font-weight:400;  line-height: 1.15em; font-family: 'fenice_pro_itcregular', sans-serif; letter-spacing: -0.05em;}
h1{ font-size:4.29em; line-height: 0.9em; margin-bottom: 2rem; }
h2{ font-size:3.76em; line-height: 0.9em; margin-bottom: 2rem; }
h3{ font-size:1.75em; line-height: 0.9em; margin-bottom: 0.8rem; margin-top:0.8rem; }
h4{ font-size:1.64em; line-height: 1.17em; margin-bottom: 0.7rem;letter-spacing: 0em; }
h5{ font-size:1em;  font-family:'masqualeroregular', sans-serif;  text-transform: uppercase; line-height: 1.17em; margin-bottom: 1.6rem;letter-spacing: 0em;  }

article h2{font-size: 2.9em;}
label{font-size: 1em;  margin-bottom: 0.6rem;}

blockquote{font-size: 2.9rem;line-height: 1.1em; letter-spacing: -0.02em;margin-bottom: 2rem; margin-top: 2rem;  }
blockquote p{font-size: 1em;}

.smalltitle{font-size: 1.5em; line-height: 1.15em; margin-bottom: 1.1rem;}

.floatr{position: relative; width:auto; float: right; display: block;}
.floatl{position: relative; width:auto; float: left; display: block;}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*/////////////// Basics ///////////////*/

.abso{position: absolute; top:0; left: 0; width:100%; height:100%;}
.middle{ position:absolute; left:50%; top: 50%; width: auto; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.acenter{text-align: center;}
.aright{text-align: right;}

.b{}
.b15{width: 15%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b70{width: 70%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b42{width: 42%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b55{width: 55%;}
.b58{width: 58%;}
.b55{width: 55%;}
.b45{width: 45%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 106em; }
.widthmediumlarge{float: none; margin: 0 auto; width: 100%; max-width: 76em; }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:66em;  }
.widthmediumsmall{float: none; margin: 0 auto; width: 100%; max-width:60em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 55em; }
.widthquitesmall{float: none; margin: 0 auto; width: 100%; max-width: 50em;  }
.widthextrasmall{float: none; margin: 0 auto; width: 100%; max-width: 40em;  }

.paddingr1{padding-right: 1em;}
.paddingr2{padding-right: 2em;}

.paddingx05{ padding-left: 0.5rem; padding-right: 0.5rem;}
.paddingx1{ padding-left: 1rem; padding-right: 1rem;}
.paddingx125{ padding-left: 1.25rem; padding-right: 1.25rem;}
.paddingx15{ padding-left: 1.5rem; padding-right: 1.5rem;}
.paddingx2{ padding-left: 2rem; padding-right: 2rem;}
.paddingx3{ padding-left: 3rem; padding-right: 3rem;}
.paddingx4{ padding-left: 4rem; padding-right: 4rem;}
.paddingx5{ padding-left: 5rem; padding-right: 5rem;}

.paddingy05{ padding-bottom: 0.5rem; padding-top: 0.5rem;}
.paddingy1{ padding-bottom: 1rem; padding-top: 1rem;}
.paddingy15{ padding-bottom: 1.5rem; padding-top: 1.5rem;}
.paddingy2{ padding-bottom: 2rem; padding-top: 2rem;}
.paddingy3{ padding-bottom: 3rem; padding-top:3rem;}
.paddingy4{ padding-bottom: 4rem; padding-top: 4rem;}
.paddingy5{ padding-bottom: 5rem; padding-top: 5rem;}

.paddingleft1{ padding-left: 1rem;}
.paddingright1{ padding-right: 1rem;}
.paddingleft2{ padding-left: 2rem;}
.paddingright2{ padding-right: 2rem;}
.paddingleft3{ padding-left: 3rem;}
.paddingright3{ padding-right: 3rem;}
.paddingleft4{ padding-left: 4rem;}
.paddingright4{ padding-right: 4rem;}

.paddingbottom1{ padding-bottom: 1rem;}
.paddingbottom15{ padding-bottom: 1.5rem;}
.paddingbottom2{ padding-bottom: 2rem;}
.paddingbottom3{ padding-bottom: 3rem;}
.paddingbottom4{ padding-bottom: 4rem;}
.paddingbottom5{ padding-bottom: 5rem;}
.paddingbottom6{ padding-bottom: 6rem;}
.paddingbottom7{ padding-bottom: 7rem;}
.paddingbottom8{ padding-bottom: 8rem;}

.paddingtop1{ padding-top: 1rem;}
.paddingtop15{ padding-top: 1.5rem;}
.paddingtop2{ padding-top: 2rem;}
.paddingtop3{ padding-top: 3rem;}
.paddingtop4{ padding-top: 4rem;}
.paddingtop5{ padding-top: 5rem;}
.paddingtop6{ padding-top: 6rem;}
.paddingtop7{ padding-top: 7rem;}
.paddingtop8{ padding-top: 8rem;}

.marginbottom05{margin-bottom: 0.5rem;}
.marginbottom1{margin-bottom: 1rem;}
.marginbottom15{margin-bottom: 1.5rem;}
.marginbottom2{margin-bottom: 2rem;}
.marginbottom3{margin-bottom: 3rem;}
.marginbottom4{margin-bottom: 4rem;}
.marginbottom5{margin-bottom: 5rem;}
.marginbottom6{margin-bottom: 6rem;}
.marginbottom7{margin-bottom: 7rem;}
.marginbottom8{margin-bottom: 8rem;}

.margintop05{margin-top: 0.5rem;}
.margintop1{margin-top: 1rem;}
.margintop15{margin-top: 1.5rem;}
.margintop2{margin-top: 2rem;}
.margintop3{margin-top: 3rem;}
.margintop4{margin-top: 4rem;}
.margintop5{margin-top: 5rem;}

.maxw1{max-width: 6rem;}
.maxw2{max-width: 18rem;}
.maxw3{max-width: 27rem;}
.maxw4{max-width: 40rem;}
.maxw5{max-width: 48rem;}
.maxw6{max-width: 58rem;}
.maxw7{max-width: 70rem;}
.maxw8{max-width: 80rem;}

.maxw20{max-width: 20em;}
.maxw30{max-width: 30em;}
.maxw36{max-width: 36em;}
.maxw50{max-width: 50em;}
.maxw55{max-width: 55em;}
.maxw60{max-width: 60em;}
.maxw65{max-width: 65em;}

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

.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flexmiddle{display: flex; flex-flow: row wrap; align-items: center;}
.flex .slick-track{display: flex!important; flex-flow: row wrap; align-items: stretch;}
.flex .slick-slide{ height: inherit !important;}
.flex .slick-slide > div{height: 100%;}
.flex .slick-slide > div > .newsitem{height: 100%; display: block;}
.flex .slick-slide > div > .newsitem > .innernews{height: 100%; display: block;}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}

.viceversa .b50{float: right;}
.viceversa.flex, .viceversa  .flex{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}

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

.outermain{min-height: 1vh;}


.bigp p{font-size: 3rem; line-height: 1.07em; letter-spacing: -0.02em; text-wrap: pretty;}

.mediump p{font-size: 1.8rem; line-height: 1.07em; letter-spacing: -0.02em; text-wrap: pretty;}
.mediump + p{margin-top: 1.2em;}
.balance{text-wrap: pretty;}

.textbigger h2{font-size: 5rem;}

.red{color: #D94D01;}

.btn{position: relative; display: inline-block; text-decoration: none; white-space: nowrap; width: auto; opacity: 1; min-width: 9em; transition: opacity 0.4s ease 0.3s, transform 0.4s ease 0.3s;  }
.btn span{position: relative; display: inline-block; z-index: 2; font-size: 0.7em; font-family: 'sackers_gothic_stdheavy', sans-serif; letter-spacing: 0em; text-transform: uppercase; text-decoration: none;}
.btngroup{display:inline-flex;
  align-items:center;
  justify-content:left;}
.acenter .btngroup{display:inline-flex;
  align-items:center;
  justify-content:center;}

.btn1{
 height:2.38em;
  padding:0 2.6em;
  border:0;
  cursor:pointer;
  color:#fff;
  background:#D94D01;
  transition: background .2s ease;
  /* SVG vorm als mask (stretcht mee met breedte/hoogte) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20179%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.89543%200.895431%200%202%200L176.93%200C178.034%200%20178.93%200.89543%20178.93%202V14.4399C178.93%2014.9935%20178.7%2015.5224%20178.296%2015.9006L175.995%2018.0521C175.133%2018.859%20175.153%2020.2337%20176.04%2021.0141L178.251%2022.9605C178.682%2023.3402%20178.93%2023.887%20178.93%2024.4617V37C178.93%2038.1046%20178.034%2039%20176.93%2039L2%2039C0.895434%2039%200%2038.1046%200%2037L0%2024.931C0%2024.3742%200.232126%2023.8426%200.640526%2023.4641L2.58093%2021.6658C3.3905%2020.9156%203.4392%2019.6513%202.68974%2018.8409L0.531715%2016.5076C0.189873%2016.138%200%2015.6531%200%2015.1496L0%202Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20179%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.89543%200.895431%200%202%200L176.93%200C178.034%200%20178.93%200.89543%20178.93%202V14.4399C178.93%2014.9935%20178.7%2015.5224%20178.296%2015.9006L175.995%2018.0521C175.133%2018.859%20175.153%2020.2337%20176.04%2021.0141L178.251%2022.9605C178.682%2023.3402%20178.93%2023.887%20178.93%2024.4617V37C178.93%2038.1046%20178.034%2039%20176.93%2039L2%2039C0.895434%2039%200%2038.1046%200%2037L0%2024.931C0%2024.3742%200.232126%2023.8426%200.640526%2023.4641L2.58093%2021.6658C3.3905%2020.9156%203.4392%2019.6513%202.68974%2018.8409L0.531715%2016.5076C0.189873%2016.138%200%2015.6531%200%2015.1496L0%202Z'%20fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn1:hover{background-color: #EA5606;}

.btn3{
 height:2.38em;
  padding:0 2.6em;
  border:0;
  cursor:pointer;
  color:#fff;
  background:#000;
  transition: background .2s ease;
  /* SVG vorm als mask (stretcht mee met breedte/hoogte) */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20179%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.89543%200.895431%200%202%200L176.93%200C178.034%200%20178.93%200.89543%20178.93%202V14.4399C178.93%2014.9935%20178.7%2015.5224%20178.296%2015.9006L175.995%2018.0521C175.133%2018.859%20175.153%2020.2337%20176.04%2021.0141L178.251%2022.9605C178.682%2023.3402%20178.93%2023.887%20178.93%2024.4617V37C178.93%2038.1046%20178.034%2039%20176.93%2039L2%2039C0.895434%2039%200%2038.1046%200%2037L0%2024.931C0%2024.3742%200.232126%2023.8426%200.640526%2023.4641L2.58093%2021.6658C3.3905%2020.9156%203.4392%2019.6513%202.68974%2018.8409L0.531715%2016.5076C0.189873%2016.138%200%2015.6531%200%2015.1496L0%202Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20179%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.89543%200.895431%200%202%200L176.93%200C178.034%200%20178.93%200.89543%20178.93%202V14.4399C178.93%2014.9935%20178.7%2015.5224%20178.296%2015.9006L175.995%2018.0521C175.133%2018.859%20175.153%2020.2337%20176.04%2021.0141L178.251%2022.9605C178.682%2023.3402%20178.93%2023.887%20178.93%2024.4617V37C178.93%2038.1046%20178.034%2039%20176.93%2039L2%2039C0.895434%2039%200%2038.1046%200%2037L0%2024.931C0%2024.3742%200.232126%2023.8426%200.640526%2023.4641L2.58093%2021.6658C3.3905%2020.9156%203.4392%2019.6513%202.68974%2018.8409L0.531715%2016.5076C0.189873%2016.138%200%2015.6531%200%2015.1496L0%202Z'%20fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;

  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.btn3:hover{background-color: #EA5606;}

.btn2{
  height:2.35em;
  padding:0 2.6em;
  border:0;
  cursor:pointer;

  /* layout */
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  /* geen mask hier! */
  background:transparent;
  color:#000; /* tekstkleur (pas aan) */
}

/* dit is je “knop-vorm” laag */
.btn2::before{
  content:"";
  position:absolute;
  inset:0;
  background:#000;
  transition: background .2s ease;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20264%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M261.435%2038V39L2%2039V38L261.435%2038ZM262.435%2037V24.6924C262.435%2024.3406%20262.25%2024.0145%20261.948%2023.834L259.017%2022.0811C257.1%2020.9351%20257.062%2018.1711%20258.947%2016.9736L261.971%2015.0527C262.26%2014.8693%20262.435%2014.5511%20262.435%2014.209V2C262.435%201.44772%20261.987%201%20261.435%201L2%201C1.44772%201%201%201.44772%201%202L1%2014.9199C1%2015.2382%201.15165%2015.5382%201.4082%2015.7266L4.18066%2017.7627C5.88621%2019.0152%205.79373%2021.5925%204.00293%2022.7197L1.4668%2024.3154C1.17609%2024.4985%201%2024.8185%201%2025.1621L1%2037C1%2037.5523%201.44771%2038%202%2038V39C0.895432%2039%200%2038.1046%200%2037L0%2025.1621C0%2024.5177%200.310052%2023.9154%200.828125%2023.541L0.93457%2023.4697L3.4707%2021.873C4.66453%2021.1215%204.72588%2019.4034%203.58887%2018.5684L0.816406%2016.5322C0.303301%2016.1554%200%2015.5565%200%2014.9199L0%202C0%200.895431%200.895431%200%202%200L261.435%200C262.539%200%20263.435%200.895431%20263.435%202V14.209L263.431%2014.3369C263.39%2014.972%20263.048%2015.5535%20262.507%2015.8975L259.483%2017.8184L259.369%2017.8955C258.229%2018.73%20258.291%2020.4825%20259.529%2021.2227L262.461%2022.9756C263.065%2023.3367%20263.435%2023.9887%20263.435%2024.6924V37C263.435%2038.1046%20262.539%2039%20261.435%2039V38C261.987%2038%20262.435%2037.5523%20262.435%2037Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20264%2039'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M261.435%2038V39L2%2039V38L261.435%2038ZM262.435%2037V24.6924C262.435%2024.3406%20262.25%2024.0145%20261.948%2023.834L259.017%2022.0811C257.1%2020.9351%20257.062%2018.1711%20258.947%2016.9736L261.971%2015.0527C262.26%2014.8693%20262.435%2014.5511%20262.435%2014.209V2C262.435%201.44772%20261.987%201%20261.435%201L2%201C1.44772%201%201%201.44772%201%202L1%2014.9199C1%2015.2382%201.15165%2015.5382%201.4082%2015.7266L4.18066%2017.7627C5.88621%2019.0152%205.79373%2021.5925%204.00293%2022.7197L1.4668%2024.3154C1.17609%2024.4985%201%2024.8185%201%2025.1621L1%2037C1%2037.5523%201.44771%2038%202%2038V39C0.895432%2039%200%2038.1046%200%2037L0%2025.1621C0%2024.5177%200.310052%2023.9154%200.828125%2023.541L0.93457%2023.4697L3.4707%2021.873C4.66453%2021.1215%204.72588%2019.4034%203.58887%2018.5684L0.816406%2016.5322C0.303301%2016.1554%200%2015.5565%200%2014.9199L0%202C0%200.895431%200.895431%200%202%200L261.435%200C262.539%200%20263.435%200.895431%20263.435%202V14.209L263.431%2014.3369C263.39%2014.972%20263.048%2015.5535%20262.507%2015.8975L259.483%2017.8184L259.369%2017.8955C258.229%2018.73%20258.291%2020.4825%20259.529%2021.2227L262.461%2022.9756C263.065%2023.3367%20263.435%2023.9887%20263.435%2024.6924V37C263.435%2038.1046%20262.539%2039%20261.435%2039V38C261.987%2038%20262.435%2037.5523%20262.435%2037Z'%20fill='black'/%3E%3C/svg%3E");

  -webkit-mask-size:96% 96%;
          mask-size:96% 96%;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-position:center;
          mask-position:center;

  z-index:0;
}

/* de tekstlaag: altijd zichtbaar, “boven” het mask */
.btn2 span{
  position:relative;
  z-index:1;
  color:#000;      
   transition: color .2s ease;      /* tekstkleur op zwarte knop */
  line-height:1;
  pointer-events:none;   /* optioneel: klik blijft op button */
}

/* voorbeeld hover: verander alleen de masked background */
.btn2:hover::before{
  background:#EA5606!important;
}
.btn2:hover span{
  color:#EA5606!important;
}

.btn.inview{ transform: translateY(0em); opacity: 1;}
.btn:last-child{margin-right: 0; margin-bottom:0; }


.z-index{z-index: 98;}
.overflow{overflow: hidden;      /* maakt containing block voor fixed */}

.sticky{position:sticky; top:5em;}

.headline{height: 25px; position: fixed; z-index: 98; left: 0; top: 0; width: 100%; background-color: #391812;transition: opacity 0.3s ease, background-color 0.3s ease 0s, color 0.3s ease 0.3s;}



.bgbeige{background-color: #EEEAE4!important;  }
.bgoffwhite{background-color: #F5F2EF; }

.bgblack{background-color: #141313!important; color: #fff; }
.bgblack .hamburger .streepjes span{background-color: #fff;}
.bgwhite{background-color: #fff!important; color: #000;}

.bgblack .btn2 span{color: #fff; }
.bgblack .btn2::before{background-color: #fff; }

.page-black .headline{background-color: #000;}
.page-black{background-color: #141313;}
.page-black header{background-color: #141313;}

.page-beige{background-color: #EEEAE4;}
.page-beige header{background-color: #EEEAE4;}

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

.slickie-next{position: absolute; right: 2em; width: 7em; z-index: 2; height: 2em; bottom: -0.5em; cursor: pointer;}
.slickie-next::after{position: relative; display: inline-block; top:-0.36em;content: "\e90d"; font-family: "sterreheim"; font-size:6.8em; line-height: 1em; color:inherit; opacity:1; float:right; }
.slick-disabled{opacity: 0; transition: opacity 0.3s ease;}
.slickie-prev{position: absolute; left:2em; width: 7em; z-index: 2; height: 2em; bottom: -0.5em; cursor: pointer;}
.slickie-prev::after{position: relative; display: inline-block; top:-0.36em; content: "\e90c"; font-family: "sterreheim"; font-size: 6.8em; line-height: 1em; color:inherit; opacity:1; }
.slick-dots li{float: none; display: inline-block; width: 14px; height: 14px;}
.slick-dots li button::before {height: 9px; width: 9px;}
.slick-dots{bottom:1.8em; left: 0;}

/*/////////////// Harmonica ///////////////*/

.harmonica{margin-top: 1rem; margin-bottom: 2.3rem;}
.harmonica:first-child{margin-top: 0;}
.harmonica:last-child{margin-bottom: 0;}
.harmonica-item{margin-bottom: 0.3rem; border-bottom: 1px solid #707070; padding-bottom: 1.2rem;}
.harmonica-title {cursor: pointer; font-size:3.45rem; font-family: 'fenice_pro_itcregular', sans-serif; letter-spacing: -0.05em;  line-height: 1em; padding: 1.6rem 0 1rem 0; transition: color 0.5s ease 0.2s;  }
.harmonica-title::after{position: absolute; right: 0; margin-top: 0.1em; top: 50%; transform: translateY(-50%) rotate(0deg);  content: "\e906"; font-size: 0.6em; font-weight: 100; font-family: "sterreheim"; line-height: 1em; display: block;  width: 1em; height: 1em; transition: transform 0.2s ease 0.2s; transform-origin:50% 50%; }
.harmonica-title.active{transition: color 0.5s ease 0s}
.harmonica-title.active::after{ transform: translateY(-50%) rotate(-45deg); transition: transform 0.2s ease;}
.harmonica-content { display: none; padding: 1rem 0 2rem 0rem;}
.harmonica-content p{}
/*/////////////// Video ///////////////*/

.blockvideo .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.blockvideo .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.video .videoWrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.video .videoWrapper .desktopvideo,
.video .videoWrapper .mobilevideo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.video .videoWrapper .desktopvideo iframe,
.video .videoWrapper .mobilevideo iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.video .videoWrapper img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* --- Custom play button overlay --- */
.video #playPauseOverlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
}

.video .playButton {
  display: none;
}

.video .playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  z-index: 11;
  background-size: cover;
}

.video .playButton.hidden {
  display: none;
}

.video #playIcon {
  width: 0;
  height: 0;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-bottom: 3.2em solid #EFEFE7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  box-shadow: 0px 6px 15px -15px rgba(0,0,0,0.20);
  cursor: pointer;
}

#vimeoPlayer {
  opacity: 0;
  transition: opacity 1.2s ease 0s;
}

#vimeoPlayer.visible {
  opacity: 1;
}

.video .videoWrapper .mobilevideo {
  display: none;
}

/*/////////////// Header ///////////////*/

.pusher{height: calc(8em + 25px); }

header{position: fixed; top:25px; z-index: 99; height: auto; background-color: #fff;  user-select: none; opacity: 0;  transform: translateY(0px); transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);}
.notop header{transform: translateY(-25px); transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1); box-shadow: 0px -4px 20px 2px rgba(0,0,0,0.1);}
header .inner{height: 7.8em; transition: height 0.6s ease 0s;}
.notop header .inner{height:5em;transition: height 0.3s ease 0s;}

.open .headline, .open2 .headline{ background-color: #141313;transition: opacity 0.3s ease, background-color 0.3s ease 0s, color 0.3s ease 0.1s;}
.open header, .open2 header{ background-color: #141313!important; color: #fff; transition: opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1), background-color 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0s, color 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0.1s, transform 0.3s cubic-bezier(0.37, 0, 0.63, 1), height 0.3s cubic-bezier(0.37, 0, 0.63, 1); }

.logo{position: absolute; left:50%; top:50%; overflow: hidden; transform: translate(-50%, -50%); display: block; z-index: 2;  height: 1.74em; line-height: 1em;}
.logo i{font-size:18em; line-height: 0.1em; position: relative; display: inline-block; }

.open .logo, .open2 .logo{color: #fff; transition: color 0.3s ease 0.1s;}
.open .hamburger .streepjes span, .open2 .hamburger .streepjes span{background-color: #fff; transition: background-color 0.3s ease 0s;}
.animate header{opacity: 1;}

.hamburger{ position:absolute; cursor: pointer; color: inherit; font-size: 1.8em; height: 0.6em; width:1.3em; display: none; line-height:1em; user-select: auto; left:0; top:50%; transform: translateY(-50%); cursor:pointer; transition: opacity 0.3s ease; }

.open .hamburger{display: block;}
.hamburger:hover .streepjes{height: 60%;}
.open .hamburger:hover .streepjes, .open2 .hamburger:hover .streepjes{height: 100%;}
.hamburger .streepjes{position: absolute; width: 100%; height: 100%;  top:50%; transform: translateY(-50%); opacity: 1; transition: height 0.1s cubic-bezier(0.65, 0, 0.35, 1) 0s, opacity 0.3s ease;}
.hamburger .streepjes span{position: absolute; width: 100%; height: 1px; background-color: #000; left: 0;}
.hamburger .streepjes span:first-child{top: 0; transition: all 0.3s ease;}
.hamburger .streepjes span:last-child{bottom: 0; transition: all 0.3s ease;}

.open .hamburger .streepjes span:first-child, .open2 .hamburger .streepjes span:first-child{top: 0; transform: rotate(45deg); top:50%; bottom: auto;  }
.open .hamburger .streepjes span:last-child, .open2 .hamburger .streepjes span:last-child{bottom: 0; transform: rotate(-45deg);top:50%; bottom: auto; }

.languages{font-size: 1em; user-select: none; position: relative; float: right; width: auto; z-index: 2; margin-top:0em; color: inherit; font-family: 'masqualeroregular', 'sans-serif'; }
.languages ul{ background-color: #fff; border: 1px solid; padding: 0.65em 1.2em 0.65em 1.2em; position: absolute; z-index: 99; pointer-events: none; top: 2.1em; opacity: 0; clear: both; right: 0em; border-radius: 3px; width: 9.2em; text-align: right; transform: translateY(-2em); transition: z-index 0s ease 1s, opacity 0.2s ease, transform 0.2s ease; }
.languages ul li{float: left; clear: both; display: block; text-align: left; width: 100%;  }
.languages ul li a{text-transform: uppercase; letter-spacing:0em; text-transform: uppercase; color:#000; font-size: 0.82em; font-family: 'masqualeroregular', 'sans-serif;'; text-decoration: none; border:0; }
.languages ul li.active::after{position: absolute; right: -0.3em; top: -0.07em; display: inline-block; font-family: 'masqualeroregular'!important; content: "\2713"; color:inherit; font-size: 1em;}
.languages .activelang{text-decoration: none; white-space: nowrap; cursor: pointer; border: 1px solid; font-size: 1em;border-radius: 3px;  font-size: 0.82em; text-transform: uppercase; position: relative; float: right; padding: 0.15em 0.4em 0.1em;}
.languages .activelang .fullname{display: none;}
.languages .activelang .codename{display: block;}
.languages .activelang span{position: relative; float: left;}
.langopen .languages ul{display: block;  pointer-events:auto; opacity: 1; transform: translateY(0); transition: z-index 0s ease, opacity 0.3s ease, transform 0.3s ease;}
.languages .sh-arrow_down { position: relative; font-size: 0.7em; display: inline-block; float: right; margin-left: 0.6em; top: 0.4em;  width: 1em; height: 0em; }

header .languages{position: absolute; right: 0em; top: 50%; transform: translateY(-50%);}
.page-home header .languages{display: none;}
.open2.page-home header .languages{display: block;}

nav a{text-decoration: none;}



.mainnav{top:50%; transform: translateY(-50%);height: 2.2rem; transition: opacity 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.3s;}
.mainnav a{font-size: 0.7rem; font-family: 'sackers_gothic_stdheavy'; line-height: 1em; text-transform: uppercase; white-space:nowrap; padding:1em 0em; margin:0 1em; }
.mainnav .group.g1{position: absolute; display: block; right:50%; width: 50%; padding-right: 10em; padding-left: 5%; display: flex; flex-flow: row nowrap; justify-content: space-evenly;}
.mainnav .group.g2{position: absolute; display: block; left:50%; width: 50%; padding-left: 10em; padding-right: 5%; display: flex; flex-flow: row nowrap; justify-content: space-evenly;}
.navi{position: absolute; width: 100%; color: #fff;  overflow: hidden; top:0; opacity: 0; transform: translateY(-100%); z-index: 92; transition: transform 0s cubic-bezier(0.37, 0, 0.63, 1) 0.6s, opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0s; pointer-events:none;  }
.navi .inner{position: relative; margin-top:0em; min-height: 100svh;  }
.navi h3{margin-top: 0;}
.navi2{position: absolute; width: 100%; color: #fff;  overflow: hidden; top:0; opacity: 0; transform: translateY(-100%); z-index: 92; transition: transform 0s ease 0.6s, opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0s; pointer-events:none;  }
.navi2 .inner{position: relative; margin-top:0em; min-height: 100svh;  }
.open .navi2, .open2 .navi{opacity: 1; overflow: visible; pointer-events:auto; transform: translateY(0); transition: transform 0s cubic-bezier(0.37, 0, 0.63, 1), opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0s; }
.navi .btn1{color: #000; background-color: #EEEAE4;}
.map img{object-fit: cover; min-height: 50svh;}
.navi2 .map img{min-height:21em;}
.open2 .mainnav {opacity: 0; transition: opacity 0.3s ease 0s;}
.open2.page-home .hamburger{display: block;}


.extrainfo h3{font-size: 0.75rem; font-family: 'sackers_gothic_stdheavy'; text-transform: uppercase; line-height: 0.9em; margin-bottom: 1.3rem; margin-top: 0;}
.extrainfo h3 i{margin-right: 0.4em;}
.extrainfo .column{width: 33%; min-width: 13em; margin-bottom: 4em;}

.btnssticky{position: absolute; top:50%; margin-top:-5.6em; z-index: 2;}
.infobtn{width: auto;  font-size: 0.82em; position: relative; float: left; text-decoration: none; white-space: nowrap; cursor: pointer; text-transform: uppercase;}
.infobtn i{font-size: 1.9em; line-height: 1em; top: 0em; position: relative; display: block; float: left; margin-right: 0.55em;}
.infobtn span{position: relative; display: block; float: left; line-height: 1em; top:0.55em; }
.mobilenav a{position: relative; float: left; clear: both; display: inline-block; font-size: 0.75rem; font-family: 'sackers_gothic_stdheavy'; line-height: 1em; text-transform: uppercase; white-space:nowrap; padding:0em 0em; margin:0 0 2em; }
.socials{white-space: nowrap;}
.socials a{margin-right: 0.7em; font-size: 1.5em; color: #EEEAE4; text-decoration: none;}




.navi2 .mobilenav a{font-size: 1.2em;}
.navi2 .extrainfo{margin-top: 1rem;}
.navi2 .extrainfo .column{width: 100%;}

nav a.active,  .no-touch nav a:hover, .no-touch .socials a:hover{color:#D94D01;}

/*/////////////// Blocks ///////////////*/

.blockintrovideo .video{padding-bottom: 58%;}
.blockintrovideo .btngroup{ position: absolute; bottom:5rem; left:0; z-index: 2;}
.blockintrovideo .wapen{position: absolute; font-size:14em;  width: 1em; height: 1em; line-height: 1em; right: -6.1rem; bottom: -2.4rem; z-index: 2;}
.blockintrovideo .wapen i{color: #D94D01; }
.blockintrovideo .video .videoWrapper{overflow: hidden;}
.blockintrovideo .video .videoWrapper img{position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; object-fit: cover;}
.blockintrovideo .btngroup{ justify-content:center;}
.blockintrovideo .videoWrapper img.desktopimg{display: block;}
.blockintrovideo .videoWrapper img.mobileimg{display: none;}

.s-ster{position: absolute; right: 10%; top:50%; transform: translateY(-50%); width: 1em; text-align:center; font-size: 7em;}

.contain .thumb img {object-fit: contain;}

.blockphototext .btngroup{display:inline-flex;align-items:center; justify-content:left;}
.blockphototext .thumb {aspect-ratio: 8/5;}
.blockphototext .extrainfo .column{width: 50%;}
.blockphototext .socialnieuwsbrief{margin-bottom: 1rem;}
.blockphototext .socialnieuwsbrief h5{font-size: 0.75rem; font-family: 'sackers_gothic_stdheavy'; text-transform: uppercase; line-height: 0.9em; margin-bottom: 0.6rem;}
.blockphototext .wereservebtn{position: absolute; left: -2em; display: block; top:50%; }
.blockphototext .wereservebtn2{display: none; margin-top: 2em;}


.block5050uitgelicht .thumb{padding-bottom: 124%;}
.block5050uitgelicht .thumb::after{position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.33; content: ""; left: 0; top: 0;}
.block5050uitgelicht .cont{color: #fff;}
.block5050uitgelicht .cont .title{white-space: nowrap;}
.block5050uitgelicht .btn2 span{color: #fff; }
.block5050uitgelicht .btn2::before{background-color: #fff; }
.block5050uitgelicht .btngroup{ justify-content:center;}

.block100uitgelicht .thumb{padding-bottom:54%;}
.block100uitgelicht .thumb::after{position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.33; content: ""; left: 0; top: 0;}
.block100uitgelicht .cont{color: #fff; width: auto; text-align: center;}
.block100uitgelicht .cont .title{white-space: nowrap; width: auto; display: inline-block; float: none;}
.block100uitgelicht .cont .title h2{width: auto; text-align: left;}
.block100uitgelicht .btn2 span{color: #fff; }
.block100uitgelicht .btn2::before{background-color: #fff; }
.block100uitgelicht .btngroup{ justify-content:center;}

.blocknews .newsitem{width: 25%; padding:0 0.75em 3em;}
.blocknews .newsitem .innernews{ border: 1px solid; padding: 1em;}
.blocknews .newsitem .thumb{padding-bottom: 138%; background-color: #222;}
.blocknews .newsitem .cont{margin-top: 1.7em;}
.blocknews .newsitem .cont h4{}
.blocknews .slick-dots{bottom: -0.2em; z-index: 0;}
.blocknews .slick-dots li button::before { color: #000000; }
.blocknews .slick-dots li.slick-active button::before { color: #000000; background-color: #000; }

.blocksocial .socials a{color: inherit; font-size: 2.8em;}
.blocksocial .bigger{font-size: 1.2em;}
.blocksocial a{position: relative;}
.blocksocial h2{margin-bottom: 0.5rem;}

.blockstory .thumb{padding-bottom: 60%; margin-bottom: 2rem; background-color: #222;}
.blockstory .cont{margin-bottom: 4rem;}
.blockstory .slick-track, .blockstory .slick-list{overflow: visible!important;}
.blockstory .slick-slide{opacity: 0.2; transition: opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0.5s;}
.blockstory .slick-slide.slick-active, .blockstory .slick-slide.slick-current{opacity: 1; transition: opacity 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0.5s; }

.blockphoto .thumb{padding-bottom: 62%;}

.blockphotoslider .thumb{padding-bottom: 62%;}

.blockdefaultintro .thumb{padding-bottom: 44%;}
.blockdefaultintro .thumb img.desktopimg{display: block;}
.blockdefaultintro .thumb img.mobileimg{display: none;}

.containright .bphoto img{object-fit: contain; object-position: right center;}

.blockwapen .wapen{position: relative; float: none; color: #D94D01; display: inline-block; font-size:14em; width: 1em; height: 1em; line-height: 1em;z-index: 2;}
.blockwapen2 .wapen{position: relative; float: none; color: inherit; display: inline-block; font-size:10em; width: 1em; height: 1em; line-height: 1em;z-index: 2;}


.blockgallery .thumb{margin-bottom: 4em;}
.blockgallery .thumb:last-child{margin-bottom: 0;}
.blockgallery .t1{padding-bottom: 86%; margin-top:-15%;}
.blockgallery .t2{padding-bottom: 76%;}
.blockgallery .t3{padding-bottom: 130%;}
.blockgallery .t4{padding-bottom: 170%;}

.blockdruiven .druifitem{width: 33%;}
.blockdruiven .druifitem .innerdruif{padding:1em;}
.blockdruiven .druifitem .thumb{padding-bottom: 160%; background-color: #F5F2EF;}
.blockdruiven .druifitem .thumb img{object-fit: contain; object-position: right center; width: 66%; height: 70%; left: 17%; top: 10%; mix-blend-mode: darken;}
.blockdruiven .druifitem .cont{position: absolute; text-align: center; bottom: 0; left: 0;}
.blockdruiven .druifitem .cont .title{margin-bottom: 2em;}
.blockdruiven .druifitem .cont .title h4{margin-bottom: 0.2rem;}
.blockdruiven .druifitem .cont .title h5{font-size: 0.7rem;font-family: 'sackers_gothic_stdheavy'; line-height: 1em; text-transform: uppercase; white-space: nowrap;}

.blockphototext3 .thumb{padding-bottom: 135%; background-color: #F5F2EF;}
.blockphototext3 .thumb img{object-fit: contain; object-position: center center; width: 80%; height: 80%; left: 10%; top: 10%; mix-blend-mode: darken;}
.blockphototext3 .bphoto .linenrs .linenr{position: absolute; left: 0; width: 100%; height: 1px; background-color: #000; top:50%;}
.blockphototext3 .bphoto .linenrs .linenr span{position: absolute; right: -0.5em; width: 1em; height: 1em; background-color: #000; color: #fff; top:-0.5em; text-align: center; line-height: 1em; border-radius: 50%;}

.blockphototext3 .bphoto .linenrs .linenr:nth-child(1){top:44%;}
.blockphototext3 .bphoto .linenrs .linenr:nth-child(2){top:58%;}
.blockphototext3 .bphoto .linenrs .linenr:nth-child(3){top:72%;}
.blockphototext3 .bphoto .linenrs .linenr:nth-child(4){top:86%;}


.blockphotoslider .slick-dots{position: relative; bottom: auto; margin-top: 2em; z-index: 0;}
.blockphotoslider .slick-dots li button::before { color: #000000; }
.blockphotoslider .slick-dots li.slick-active button::before { color: #000000; background-color: #000; }
.blockphotoslider.bgblack .slick-dots li button::before { color: #EEEAE4; }
.blockphotoslider.bgblack .slick-dots li.slick-active button::before { color: #EEEAE4; background-color: #EEEAE4; }

.blockdruiven .slick-dots{position: relative; bottom: auto; margin-top: 1em; z-index: 0;}
.blockdruiven .slick-dots li button::before { color: #000000; }
.blockdruiven .slick-dots li.slick-active button::before { color: #000000; background-color: #000; }


.blockcta.bgwhite .bgwhite{background-color: #EEEAE4!important; color: #000;}
.blockcta h2{margin-bottom: 1rem;}


.accordion .acco{margin-top: -1px;}

.accordion .accotitle {padding: 1.25em 1.6em 1em 0rem; color: inherit; border-top: 1px solid ; border-bottom: 1px solid ; cursor: pointer;}
.accordion .accotitle span{text-align: left; position: relative; display: inline-block; font-size: 1.64em; line-height: 1.1em; color: inherit; margin-bottom: 0; font-family: 'fenice_pro_itcregular', sans-serif; letter-spacing: -0.05em;}

.accordion .accotitle:after {

  font-family: "sterreheim";
  content: "\e90b"; 
  font-size:1.5rem;
  color: inherit;
  width: 1.4em; text-align: right;
  position: absolute;
  top: 1.3rem; right: 0; 
  -webkit-transition:-webkit-transform 0.3s ease;
  transition:-webkit-transform 0.3s ease;
  -o-transition:transform 0.3s ease;
  transition:transform 0.3s ease;
  transition:transform 0.3s ease, -webkit-transform 0.3s ease;

}

.accordion  .acco.active .accotitle:after {
   
  top: 1.35rem;
  content: "\e907"; 

}

.accordion .panel {

  padding: 0em 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;

}

.accordion .panel .cont{padding: 1.4em 0 2.6em 1.3em;  }

.accordion .active .panel{max-height: 80em;-webkit-transition: max-height 1s ease;-o-transition: max-height 1s ease;transition: max-height 1s ease;}

article .block:first-child h1{margin-top: 3.6rem;}


/*/////////////// Age popup ///////////////*/

html.agevisible .container{
    overflow: hidden;
    height: 100vh;
}

.agevisible .mainnav{opacity: 0; transition: opacity 0s ease;}

.agecheck .errortext{display: none;}
.agecheck{position: fixed; z-index: 98; width:100svw; height: 100svh; }
.agecheck .agebg{background-color: #fff;}
.agecheck .agepopup{ padding: 1em; max-width:34em!important; width:100%!important; opacity:0; }
.animate .agecheck .agepopup{opacity: 1; transition: opacity 0.5s ease;}
.agecheck .agepopup .inner{padding: 1.5em 1.5em;background-color: #141313;color: #EEEAE4; text-align: center;  border-radius: 0.4rem;}
.agecheck .agepopup h2{font-size: 2.3em; line-height: 1.1em; margin:0.9rem 0 1.8rem;}
.agecheck .options{display: flex;flex-direction: row; gap: 1em;}
.agecheck .options .option{width:50%; background-color: #EEEAE4; cursor: pointer; color: #000; position: relative; float: none; display: inline-block; font-size: 0.8rem; font-family: 'sackers_gothic_stdheavy'; line-height: 1em; text-transform: uppercase; white-space: nowrap;  }
.agecheck .options .option span{display: inline-block; position: relative;}
.agecheck .agepopup .errortext h2{margin-bottom: 0.4rem;}
.page-black .agecheck .agebg{background-color: #141313;}
.page-black .agecheck .agepopup .inner{border: 1px solid #444;}

.page-beige .agecheck .agebg{background-color: #EEEAE4;}

.agecheck .options .option1{
  height: 3.35em;
  padding: 1em 2.8em;
  border: 0;
  cursor: pointer;
  transition: background .2s ease;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20241%2045'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.895429%200.895431%200%202%200L238.198%200C239.303%200%20240.198%200.895431%20240.198%202V17.3316V22.9927V26.6723V42.1563C240.198%2043.2608%20239.303%2044.1563%20238.198%2044.1563L2%2044.1563C0.895432%2044.1563%200%2043.2608%200%2042.1563L0%2028.6204C0%2027.7887%200.514709%2027.0438%201.29265%2026.7497L6.65803%2024.721C8.3323%2024.0879%208.39559%2021.7428%206.75789%2021.0204L1.19279%2018.5654C0.467806%2018.2456%200%2017.5279%200%2016.7355L0%202Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20241%2045'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.895429%200.895431%200%202%200L238.198%200C239.303%200%20240.198%200.895431%20240.198%202V17.3316V22.9927V26.6723V42.1563C240.198%2043.2608%20239.303%2044.1563%20238.198%2044.1563L2%2044.1563C0.895432%2044.1563%200%2043.2608%200%2042.1563L0%2028.6204C0%2027.7887%200.514709%2027.0438%201.29265%2026.7497L6.65803%2024.721C8.3323%2024.0879%208.39559%2021.7428%206.75789%2021.0204L1.19279%2018.5654C0.467806%2018.2456%200%2017.5279%200%2016.7355L0%202Z'%20fill='black'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.agecheck .options .option1:hover{
  background-color: #EA5606;
}

.agecheck .options .option2{
  height: 3.35em;
  padding: 1em 2.8em;
  border: 0;
  cursor: pointer;
  transition: background .2s ease;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20241%2045'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.895429%200.895431%200%202%200L238.467%200C239.572%200%20240.467%200.895431%20240.467%202V15.9536C240.467%2016.7833%20239.955%2017.5269%20239.18%2017.8224L232.895%2020.2178C231.16%2020.8791%20231.184%2023.3422%20232.932%2023.9692L239.143%2026.1971C239.937%2026.4822%20240.467%2027.2355%20240.467%2028.0797V42.1563C240.467%2043.2608%20239.572%2044.1563%20238.467%2044.1563L1.99999%2044.1563C0.895424%2044.1563%200%2043.2608%200%2042.1563L0%2027.2385L0%2022.1435L0%2018.0392L0%202Z'%20fill='black'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20viewBox='0%200%20241%2045'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M0%202C0%200.895429%200.895431%200%202%200L238.467%200C239.572%200%20240.467%200.895431%20240.467%202V15.9536C240.467%2016.7833%20239.955%2017.5269%20239.18%2017.8224L232.895%2020.2178C231.16%2020.8791%20231.184%2023.3422%20232.932%2023.9692L239.143%2026.1971C239.937%2026.4822%20240.467%2027.2355%20240.467%2028.0797V42.1563C240.467%2043.2608%20239.572%2044.1563%20238.467%2044.1563L1.99999%2044.1563C0.895424%2044.1563%200%2043.2608%200%2042.1563L0%2027.2385L0%2022.1435L0%2018.0392L0%202Z'%20fill='black'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.agecheck .options .option2:hover{
  background-color: #EA5606;
}
/*/////////////// footer ///////////////*/

footer .map img{object-fit: cover; min-height: 30em;}
footer a{text-decoration: none;}
footer .mobilenav a{margin-bottom: 1.6em}
footer .extrainfo .column{margin-bottom: 0;}
footer .logocontainer{text-align: center; margin-bottom: 4em;}
footer .logo2{position: relative; overflow: hidden;  width: auto; float: none; display: inline-block; z-index: 2;  height: 8em; line-height: 1em;}
footer .logo2 i{font-size:12em; line-height: 0.6em; position: relative; display: inline-block; color: #EEEAE4;}
footer .legal a{margin-left: 2.2em;}
footer .extranavmobile{display: none;}

/*/////////////// Animatie triggers ///////////////*/


img.lazyload {opacity: 0;transition: opacity 0.6s cubic-bezier(0.37, 0, 0.63, 1);}
img.lazyload.fade-in { opacity: 1;}
.slick-slider img.lazyload{opacity: 0;}
.slick-slider img.lazyload.fade-in{opacity: 1;transition: opacity 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.6s;}

.otgs-development-site-front-end{display: none!important;}

/*/////////////// Media Queries ///////////////*/

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

  .s-ster{font-size: 8em;}

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

  .blockphoto .thumb{padding-bottom: 50%;}
  .blockphototext .inner, .blockphoto .inner, .blockgallery .inner{padding-left: 2em; padding-right: 2em;}
}

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

  html{font-size: 18px;}
  .s-ster{font-size: 9em;} 

}

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

}

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

}

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

 

}

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

  html{font-size: 17px;}

}

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

  html{font-size: 16px;}

}

@media screen and (max-width: 1580px) {
  html{font-size: 15px;}
  .widthmediumlarge{ max-width:70em;}
  .blockphototext .s-ster{font-size: 8em; right: 7%;}
  
}

@media screen and (max-width: 1480px) {
  
  html{font-size: 15px;}
  
}

@media screen and (max-width: 1420px) {
  
  .blockphototext .s-ster{font-size: 8em; right: 3%;}

}

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

  
  h1{font-size: 4em;}
  .blockgallery .paddingright4{padding-right: 2.5rem;}
  .blockgallery .paddingright2{padding-right: 1.25rem;}
  .blockgallery .paddingleft2{padding-left: 1.25rem;}
  .blockgallery .thumb{margin-bottom: 2.5rem;}
  .blockphototext  .s-ster{right: 1%; font-size: 7em;}
 
}


@media screen and (max-width: 1265px) {
  .btnssticky .paddingx4{padding-left:2em; padding-right: 2em;}
  .blockphototext  .s-ster{right: 0%;}
}

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

  h1{font-size: 3.8em;}
  .blockintrovideo .wapen{display: none!important;}
  
  .infobtn span{display: none;}
  .block5050uitgelicht .cont .title{font-size: 0.9em;}
  
  .blockphototext .s-ster{display:none; }
  footer .b40{width: 25%;}
  footer .b60{width: 75%;}
  footer .map img{min-height: 30em;}

}

@media screen and (max-width: 1120px) {
  h1,h2{font-size: 3.4em;}
  .mainnav{display: none;}
  .hamburger{display: block;}
  .btnssticky{display: none;}
  .page-home header .languages{display: block;}
  .block5050uitgelicht .cont .title{font-size: 0.8em;}

  .blocknews .newsitem{width: 33%; padding:0 0.75em 3em;}

}

@media screen and (max-width: 950px) {
  
  h1,h2{font-size: 3.8em;}
  
  .blockdefaultintro .thumb img.desktopimg{display: none;}
  .blockdefaultintro .thumb img.mobileimg{display: block;}
  .blockdefaultintro .thumb{padding-bottom: 80%}
  .blockphototext1 .b50{width: 100%;}
  .blockphototext1 .b50 .thumb{padding-bottom: 80%;}
  .blockphototext1 .b50.bphoto{margin-bottom: 4em;}
  .blockphototext3 .b50{width: 100%;}
  .blockphototext3 .b50 .thumb{padding-bottom: 130%;}
  .blockphototext3 .b50.bphoto{margin-bottom: 4em;}
  .blockphototext1{padding-top: 0; padding-bottom: 4em;}
  .blockphototext1 .b50.bphoto{margin-bottom: 3em;}
  .blockphototext1.contain{padding-top: 3em; padding-bottom: 4em;}
  .blockphototext1.contain .b50.bphoto{margin-bottom: 3em}
  .block5050uitgelicht .cont .title{font-size: 0.7em;}
  
  .blockphoto .thumb {padding-bottom: 80%;}
  .block100uitgelicht .thumb {padding-bottom: 60%;}
  footer .b40{display: none;}
  footer .b60{width: 100%; padding-left: 0;}
  footer .extrainfo{padding-left: 2em; box-sizing: border-box;}
  footer .lowside{margin-top: 3em;}
  .blockdefaultintro + .blockphototext .bphoto{display: none;}
  article .blockphototext:first-child h1{margin-top: 0rem;}
  .blockphototext3 .bphoto .linenrs .linenr span{position: absolute; right: auto; left: 0em; width: 1em; height: 1em; background-color: #000; color: #fff; top:-0.5em; text-align: center; line-height: 1em; border-radius: 50%;}
  .blockphototext3 .bphoto .linenrs .linenr{width: calc(100% - 2rem); left: 1rem;}
  .blocknews .newsitem{width: 50%; padding:0 0.75em 3em;}
  .blockdefaultintro .inner{padding-left: 0; padding-right: 0;}
  .blockintrovideo .inner{padding-left: 0; padding-right: 0;}
  .blockphototext .wereservebtn2{display: block;}
  .blockphototext .wereservebtn{display: none; left: 50%; transform: translateX(-50%); top:auto; bottom: 4em; width: auto;}

}

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

  .block5050uitgelicht .b50{width: 100%;}
  .block5050uitgelicht .cont .title {font-size: 1em;}
  .block100uitgelicht .cont .title {font-size: 1em;}
  .blocksocial .bigger{font-size: 1em;}
  .blockwapen .wapen{ font-size:12em;}
  .blockgallery .paddingright4{padding-right: 1.5rem;}
  .blockgallery .paddingright2{padding-right: 0.75rem;}
  .blockgallery .paddingleft2{padding-left: 0.75rem;}
  .blockgallery .thumb{margin-bottom: 1.5rem;}

}

@media screen and (max-width: 800px) {
  h1,h2{font-size: 3.6em;}
  .paddingx2{padding-left: 1em; padding-right: 1em;}

  header .languages{right: 0;}
  .blockphototext2 .b50{width: 100%;}

  .blockphototext2{padding-top: 3em; padding-bottom: 4em;}
  .blockphototext2 .b50 .thumb img{max-width: 35em; left: 50%; transform: translateX(-50%);}
  .blockphototext2 .b50 .thumb{padding-bottom: 0; height: auto; margin-bottom: 3em;}
  .blockphototext2 .bphoto{padding-left: 1em; padding-right: 1em;}
  .blocknews.blocknewshome .paddingx125{padding-left: 0; padding-right: 0;}
  .blocksocial .bigger{font-size: 0.9em;}
  .blocknews .title{font-size: 0.9em; margin-bottom: 0.5em;}
  .blocksocial .socials a{font-size: 2.2em; }
 .blocktext .text{text-align: left;}
}

@media screen and (max-width: 680px) {
  h1,h2{font-size: 3.6em;}
  .navi .b60, .navi .b40{width: 100%; padding-right: 0;}
  .navi2 .b50{width: 100%; padding-right: 0;}
  .navi .pusher, .navi2 .pusher{display: none;}
  .navi .introtekst{margin-top: 11em;}
  .navi2 .extrainfo{margin-top: 9em;}
  .extrainfo .column{margin-bottom: 3em;}
  .navi .socials, .navi2 .socials{margin-bottom: 2em;}
  .map img{min-height: auto;}
  .blockintrovideo .video{padding-bottom: 135%;}
  .blockintrovideo .videoWrapper img.desktopimg{display: none;}
  .blockintrovideo .videoWrapper img.mobileimg{display: block;}
  .video .videoWrapper .desktopvideo {display: none;}
  .video .videoWrapper .mobilevideo {display: block;}
  .video .videoWrapper .mobilevideo iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250%;
    height: 100%;
    transform: translate(-50%, -50%);
  }
  .btn1, .btn2{padding:0 1.8em;}
  header .inner {height: 5em;}
  .pusher {height: calc(5em + 25px);}
  
  .blockintrovideo .btngroup{ position: absolute; bottom:-4.9rem; left:0; z-index: 2;}
  .navi2 .mobilenav a{width: 100%; text-align: center; font-size: 1em;}
  .navi2 .socials{text-align: center;}
  .navi2 .socials a{margin: 0 0.4em;}
  .navi2  .map img{height: 56svw; min-height: 0;}
  .navi2 .inner2{display: block!important;}
  .navi2 .inner{display: block!important;}
  .block5050uitgelicht .cont .title{font-size: 0.9em;}
  .block100uitgelicht .cont .title{font-size: 0.9em;}
  .blocksocial {padding-bottom: 1em;}
  .blocksocial .b50{width: 100%; margin-bottom: 6em;}
  .blocksocial .socialinner{max-width: 22em; margin: 0 auto; float: none;}
  .blocknews .newsitem .thumb{width: calc(100% + 1em); left: -0.5em; top:-0.5em; margin-bottom: -0.5em;}
  .blockstory .thumb{padding-bottom: 80%;}
  .blockphotoslider .thumb{padding-bottom: 80%;}
  .blockdefaultintro .thumb{padding-bottom: 100%}

}

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

  .blockgallery{padding-top: 2em; padding-bottom: 2em;}
  .blockgallery .b45{width: 50%; margin-bottom: 1.5em;}
  .blockgallery .t1{padding-bottom:110%; margin-top:0%;}
  .blockgallery .b30{width: 50%; margin-bottom: 1.5em;}
  .blockgallery .b30 .column{padding-right: 0;}
  .blockgallery .t3{padding-bottom: 110%; width: 78%;}
  .blockgallery .b25{width: 50%; margin-bottom: 1.5em; padding-right: 1.5em}
  .blockgallery .b25 .column{padding-left: 0;}
  .blockgallery .t4{display: none;}
  footer .extrainfo .column{width: 50%;  margin-bottom: 3em;}
  footer .lowside{display: none;}
  footer .extranavmobile{display: block;}
  footer .extranavmobile .copyright{ margin-top: 6.4em;}
  footer .inner{padding-top: 5em; padding-bottom: 1em}

}

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

  h1, h2{font-size: 3.4em;}
  article h2{font-size: 2.7em}
  .logo{font-size: 0.8em;}
  .hamburger .streepjes{height: 80%;}
  .blocknewshome{padding-top: 4em; padding-bottom: 4em;}
  .blockstory{padding-top: 6em; padding-bottom: 7em;}
  .blockstory .title{text-align: center; box-sizing: border-box; padding-right: 4em; padding-left: 4em;margin-bottom: 0.5em;}
  .blockphototext .b50.btext .paddingx4{padding-left: 1em; padding-right: 1em;}
  .blocktext .btext .paddingx4{padding-left: 1em; padding-right: 1em;}
  .blockcta .paddingx4{padding-left: 1em; padding-right: 1em;}
   .blocknewsoverview .newsitem{padding-bottom: 2rem;}
}

@media screen and (max-width: 470px) {   
  
  h1, h2{font-size: 3.2em;}
  article h2{font-size: 2.5em}
  .block5050uitgelicht{padding-top: 1em; padding-bottom: 1em;}
  .block5050uitgelicht .inner{padding-left: 0; padding-right: 0;}
  .block100uitgelicht{padding-top: 1em; padding-bottom: 1em;}
  .block100uitgelicht .inner{padding-left: 0; padding-right: 0;}

  .slickie-next{right: 1em;}
  .slickie-prev{left: 1em;}
  .blockphototext2{padding-top: 2em}
  .blockphototext2 .b50 .thumb{margin-bottom: 2em;}
  .blocknewsoverview .inner{padding-left: 0.6rem; padding-right: 0.6rem;}
  .blockdruiven .druifitem .innerdruif{padding-left: 0.6rem; padding-right: 0.6rem;}
  .headline{display: none;}
   header{top:0; overflow: visible;}
  
  .pusher{height: calc(5em + 0px);}
  .notop header{transform: translateY(0);}
  .blockcta .ctacontent{padding-left: 2em; padding-right: 2em; padding-top: 2.6em; padding-bottom: 2.6em;}
   .blockcta .ctacontent h2{margin-bottom: 1rem;}
}

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

  h1, h2{font-size: 3.2em;} 
  article h2{font-size: 2.4em}
  .agecheck .agepopup h2{font-size: 2em;}
  .blocknews .newsitem{padding: 0 0.4em 3em;}
  .blockstory .title{text-align: center; box-sizing: border-box; padding-right: 2em; padding-left: 2em; }
  footer .extrainfo{padding-left: 1em;}
  footer .extrainfo .column{min-width: 11em;}
  .blocknewsoverview .newsitem{width: 100%;}
  h1:last-child{margin-bottom: 0;}
  .blocknews .newsitem .cont {margin-top: 1.4em;}
  .blocknews .title{margin-bottom: 0;}
  .blocknews .title h4{margin-bottom: 0.2rem;}
  .blockwapen2 .wapen{font-size: 7.6em;}

}

@media screen and (max-width: 390px) {
   article h2{font-size: 2.2em}
  }

@media screen and (max-width: 360px) {
  
  h1, h2{font-size: 3em;} 
  article h2{font-size: 2.1em}
  .btn1, .btn2{font-size: 0.9em;}
  .logo{font-size: 0.7em;}
  .block5050uitgelicht .cont .title{font-size: 0.8em;}
  .block100uitgelicht .cont .title{font-size: 0.8em;}
  footer .extrainfo{padding-left: 0em;}

}

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

  footer .extrainfo{padding-left: 2em;}

}