.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: 'Gza-Semibold';
    src: url('../fonts/Gza-Semibold.woff2') format('woff2'),
         url('../fonts/Gza-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'Gza-Regular';
    src: url('../fonts/Gza-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    -webkit-text-stroke: 0;

-webkit-text-fill-color: currentColor;

color: currentColor;
}


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

.lda-logo1:before {
  content: "\e900";
}
.lda-logo2:before {
  content: "\e901";
}
.lda-club:before {
  content: "\e902";
}
.lda-zoek:before {
  content: "\e903";
}
.lda-plus:before {
  content: "\e904";
}
.lda-arrow_l:before {
  content: "\e905";
}
.lda-arrow_r:before {
  content: "\e906";
}
.lda-facebook:before {
  content: "\ea90";
}
.lda-instagram:before {
  content: "\ea92";
}
.lda-linkedin2:before {
  content: "\eaca";
}



.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: 16px; 
  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: 'Gza-Semibold', sans-serif;
	font-size: 1em;
	line-height: 1.15em;
  height: auto;
	font-weight: 400;
	margin:0; padding: 0; 
	width: 100%;
	color: #262121;
	background-color: #FCF9EC;
  background-size: 120px auto;
  background-image: url('../img/elements/grain1.png');
  background-repeat: repeat;

}

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

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

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

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

p strong{ font-size: 1.375em;}

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

article{margin-bottom: 2em;}
article ul li{margin-bottom:0.3em; font-size: 1.1em; line-height: 1.68em; font-family:'Gza-Semibold', 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: #262121;}
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: 1em; line-height: 1.5em; letter-spacing: -0.01em; font-family:'Gza-Semibold', 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: 0.89em; font-family: 'Gza-Semibold', sans-serif; letter-spacing: -0.02em;}
h1{ font-size:4.29em; line-height: 0.89em; margin-bottom: 2rem; }
h2{ font-size:2.5em; line-height: 0.89em; margin-bottom: 2rem; }
h3{ font-size:1.125em; line-height: 0.89em; text-transform: uppercase; margin-bottom: 1rem;}
h4{ font-size:1.64em; line-height: 0.89em; margin-bottom: 1rem;}
h5{ font-size:1em; line-height: 0.89em; }

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%;}

.widthextralarge{float: none; margin: 0 auto; width: 100%; max-width: 130em; }
.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;}
.maxw35{max-width: 35em;}
.maxw39{max-width: 39em;}
.maxw47{max-width: 47em;}
.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;}
.thumb.contain img{object-fit: contain;}
.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flexmiddle{display: flex; flex-flow: row wrap; align-items: center;}
.flexmiddlecenter{display: flex; flex-flow: row wrap; align-items: center; justify-content: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;}


.balance{text-wrap: pretty;}

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

.red{color: #D94D01;}

.bgbeige{ background-color: #FCF9EC; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
.bggreen{ background-color: #9B9A75; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
.bgyellow{ background-color: #F5E4B5; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
.bgblack{ background-color: #262121; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
.bgpink{background-color: #EBD7D0; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}


.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.8125em; font-family: 'Gza-Bold', sans-serif; letter-spacing: 0.06em; border-bottom: 1px solid; line-height: 1.8em; 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;}

.btn2{background-color: #F5E4B5; padding: 0.3em 0.5em 0.4em; border-radius: 3px; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}

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

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



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

.slickie-next{position: absolute; right: 2em; width: 7em; z-index: 2; height: 2em; bottom: -3rem; cursor: pointer;}
.slickie-next::after{position: relative; display: inline-block; top:0.8rem;content: "\e906"; font-family: "LDA"; font-size:1em; 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: -3rem; cursor: pointer;}
.slickie-prev::after{position: relative; display: inline-block; top:0.8rem; content: "\e905"; font-family: "LDA"; font-size:1em; 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: 8px; width: 8px; color: #262121; background:none;}
.slick-dots li.slick-active button::before{color: #262121; background-color:#262121; }
.slick-dots{bottom:-3rem; 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: 'Gza-Semibold', 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(12.25em); }

header{position: fixed; top:0px; z-index: 99; height: auto;  user-select: none; opacity: 0;  transform: translateY(0px); transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);   background-color: #FCF9EC; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
header .inner{height: 12.25em; transition: height 0.3s ease 0s;}
.notop header .inner{height:8em;transition: height 0.3s ease 0.1s;}
.notop header .logo{ font-size: 0.7em; transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1) 0s;}
.open header{ background-color: #FCF9EC; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; 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); }
.animate header{opacity: 1;}

.logo{position: absolute; left:50%; top:50%;  overflow: hidden; transform: translate(-50%, -50%); display: block; z-index: 2;  height:9em; line-height: 1em; transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);}
.logo i{font-size:9em; line-height: 1em; position: relative; display: inline-block; }

.hamburger{ position:absolute; cursor: pointer; color: inherit; font-size: 1.8em; height: 0.75em; width:1.1em; display: block; line-height:1em; user-select: auto; left:0; top:50%; transform: translateY(-50%); cursor:pointer; transition: opacity 0.3s ease; }
.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: 2px; background-color: #262121; left: 0; top:50%; transform:translateY(-50%);transition: all 0.3s ease;}
.hamburger .streepjes span:first-child{top: 0; transition: all 0.3s ease;transform:translateY(0);}
.hamburger .streepjes span:last-child{top:auto; bottom: 0; transition: all 0.3s ease; transform:translateY(0);}

.open .hamburger{display: block;}
.open .hamburger .streepjes span, .open2 .hamburger .streepjes span{ transition: all 0.3s ease 0s;}
.open .hamburger:hover .streepjes, .open2 .hamburger:hover .streepjes{height: 100%;}
.open .hamburger .streepjes span:nth-child(2){opacity: 0;}
.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{position: absolute; right: 0em; top: 50%; transform: translateY(-50%); font-size: 1em; user-select: none; width: auto; z-index: 2; margin-top:0em; color: inherit; letter-spacing: 0.06em; font-family: 'Gza-Bold', 'sans-serif'; }
.languages ul{  background-color: #F5E4B5; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; border: 1px solid; padding: 0.5em 0.8em 0.55em 0.8em; position: absolute; z-index: 99; pointer-events: none; top: 2.1em; opacity: 0; clear: both; right: 0em; border-radius: 2px; 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:#262121; font-size: 0.82em; font-family: 'Gza-Semibold', 'sans-serif;'; text-decoration: none; border:0; }
.languages ul li.active::after{position: absolute; right: -0.1em; top: -0.07em; display: inline-block; font-family: 'Gza-Semibold'!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: 2px;  font-size: 0.6875em; text-transform: uppercase; position: relative; float: right; padding: 0.2em 0.7em 0.2em; background-color: #F5E4B5; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat;}
.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; }

nav a{text-decoration: none;}

.mainnav{top:50%; transform: translateY(-50%);height: 2.76rem; transition: opacity 0.6s cubic-bezier(0.37, 0, 0.63, 1) 0.3s;}
.mainnav a{font-size: 0.9375rem; font-family: 'Gza-Bold'; letter-spacing: 0.06em; line-height: 1em; text-transform: uppercase; white-space:nowrap; padding:0.2em 0em; margin:0.8em 1em; }
.mainnav a.active{border-bottom: 1px solid;}
.mainnav .group.g1{position: absolute; display: block; right:50%; width: 50%; padding-right: 5em; 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: 5em; 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%; 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; }
.open2 .mainnav {opacity: 0; transition: opacity 0.3s ease 0s;}
.open2.page-home .hamburger{display: block;}


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


.blockintrovideo .video{padding-bottom: 46.6%;}
.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;}
.blockintrovideo .titeloverlay{position: absolute; z-index: 2; color: #EBD7D0;}

.blockintrovideo.introphoto .titeloverlay{  top:50%; transform: translateY(-50%); }
.blockintrovideo.introvideo .titeloverlay{ text-align:center;}
.blockintrovideo.introvideo .btn span{font-size:1em;}


.blockbottles .bottleitem{width: 25%; padding: 1em;}
.blockbottles .bottleitem a{position: relative; display: block;overflow: hidden; border-radius: 5px;}
.blockbottles .bottleitem .thumb{padding-bottom: 155.6%;}
.blockbottles .bottleitem .titles{position: absolute; bottom: 0em; left: 0; width: 100%; box-sizing: border-box; padding:0 2rem 2rem; text-align:center; }
.blockbottles .bottleitem .titel1{color: #FBFAF4; font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.3rem;}
.blockbottles .bottleitem .titel2{color: #FBFAF4; font-size: 1em; text-transform: uppercase; letter-spacing: 0.07em; line-height: 1.2em;margin-bottom: 0.3rem;}
.blockbottles .bottleitem .titelyear{color: #F5E4B5;font-size: 1em; text-transform: uppercase; letter-spacing: 0.07em; line-height: 1.2em;}
.blockbottles .club{position: absolute; right: 08%; top:-0.4em; font-size: 5.2em; z-index: 3; width: 1em; height: 1em; border-bottom:0; padding: 0.12em; text-decoration: none; border-radius: 50%;line-height: 1em; text-align: center; background-color: #EBD7D0;  }
.blockbottles .club i{font-size: 1em; width: 1em; height: 1em; line-height: 1em; text-align: center;}

.blockbottles .filters .filter{font-size: 0.75em; cursor: pointer; user-select: none; letter-spacing: 0.05em; line-height: 2em; border-bottom:1px solid; margin-right: 2.5em; width: auto; float: left; margin-bottom: 1em; text-transform: uppercase;}
.blockbottles .filters .filter.active{background-color: #F5E4B5;}
.blockphoto .thumb{padding-bottom: 55%;}
.blockphoto.height2 .thumb{padding-bottom: 66%;}
.blockphoto .thumb .description{position: absolute; left:14%; top: 40%; transform: translateY(-50%); max-width: 20em;}
.blockphoto .thumb .description p{color: #EBD7D0; }

.blockphoto.photosmall .thumb{padding-bottom: 0; border-radius: 5px;}
.blockphoto.photosmall .thumb img{position: relative; float: left; width: 100%; height: auto;}


.blocktextgraph .text{width: 70%;}
.blocktextgraph .graph{width: calc(30% - 1em); max-width: 24em; margin-left: 1em;}
.blocktextgraph p{font-size: 1.375em;}
.blocktextgraph .thumb{padding-bottom: 100%;}

.blockevents .eventitem{width: 33.33%; padding: 1em; }
.blockevents .eventitem a{position: relative; display: block; overflow: hidden; border-radius: 5px;}
.blockevents .eventitem .thumb{padding-bottom: 53.9%;}
.blockevents .eventitem .titles{position: relative; padding: 1.1em 1.6em 1.3em; width: 100%; box-sizing: border-box;  text-align:left;background-color: #F5E4B5; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; }
.blockevents .eventitem .titel1{color: inherit; font-size: 1.75em; letter-spacing: -0.02em; line-height: 1.2em; margin-bottom: 0.3rem;}
.blockevents .eventitem .titel2{color: inherit; font-size: 1.3125em; font-family: 'Gza-Regular', 'Gza-Semibold', sans-serif; letter-spacing: -0.02em; line-height: 1.2em; margin-bottom: 0.2rem;}

.blockevents{overflow: hidden;}
.sliderevents .slick-list{margin-left: 1em; width: 110%;}
.sliderevents .slickie-prev{display: none!important;}
.blockevents .bottomblock{pointer-events: none;}
.blockevents .bottomblock a{pointer-events:auto;}

.blockevents .allevents{width: calc(100% + 2em); left: -1em;}


.blockcollabs{}
.blockcollabs .collabitem {width: 50%;color: #FBFAF4; margin-bottom: 2rem;}
.blockcollabs .collabitem a{position: relative; float: left; width: 100%; display: block;overflow: hidden; border-radius: 5px;}
.blockcollabs .collabitem .thumb{padding-bottom: 62%;}
.blockcollabs .collabitem .titles{ width: 100%; box-sizing: border-box; padding: 2rem;}
.blockcollabs .collabitem .titles .title1{font-size: 3em; line-height: 0.89em; margin-bottom: 0.8rem;}
.blockcollabs .collabitem .titles .title2{font-size: 1.3125em;line-height: 1em;} 
.blockcollabs .collabitem .btngroup{position: absolute; text-align: center; bottom: 10%;justify-content:center;}

.blockintro p{font-size: 1.375em; line-height: 1.2em;}

.blockclubbanner, .blockclubbanner .btngroup{text-align: left; justify-content: left;}
.blockclubbanner .thumb{padding-bottom: 53.4%; border-radius: 5px;}
.blockclubbanner .description{position: absolute; top: 0; left: 0; max-width: 22em; color: #EBD7D0;}
.blockclubbanner .sticker{position: absolute; left: 0; bottom: 0; width: 1em; height: 1em; font-size: 8em; color: #F5E4B5; text-decoration: none;}
.blockclubbanner .description h2{font-size: 3.18em;}



.blockphototext .thumb{padding-bottom: 135%; border-radius: 5px;}
.blockphototext .thumb img{object-fit: cover; object-position: center center; width: 100%; height: 100%; left: 0; top: 0; }




.accordion .acco{margin-top: -1px;}
.accordion .accotitle {padding: 1.1em 1.6em 1.2em 0rem; user-select: none; 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: 'Gza-Semibold', sans-serif; letter-spacing: -0.05em;}
.accordion .accotitle:after { font-family: "LDA"; content: "\e904";  font-size:0.82rem; background-color: #EBD7D0; color: inherit; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 50%;  position: absolute; top: 1.3rem; right: 0; transition:transform 0.3s ease; }
.accordion  .acco.active .accotitle:after { top: 1.35rem; transform:rotate(-135deg);  }
.accordion .panel { padding: 0em 0; max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.accordion .panel .cont{padding: 1.4em 0 2.6em 0em;  }
.accordion .active .panel{max-height: 80em;-webkit-transition: max-height 1s ease;-o-transition: max-height 1s ease;transition: max-height 1s ease;}

.features {margin-bottom: 3rem; margin-top: 2rem;}
.features .feature{margin-top: -1px;}
.features .featuretitle {padding: 1em 1.6em 1.14em 0rem; color: inherit; border-top: 1px solid ; border-bottom: 1px solid ; cursor: pointer;}
.features .featuretitle span{text-align: left; position: relative; display: inline-block; font-size: 1.64em; line-height: 1.1em; color: inherit; margin-bottom: 0; font-family: 'Gza-Semibold', sans-serif; letter-spacing: -0.05em;}
.features .panel {padding: 0em 0;}
.features .panel .cont{padding: 1.4em 0 1.6em 0;  }
.features .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 .hamburger{display: none;}

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

.agecheck .errortext{display: none;}
.agecheck{position: fixed; z-index: 98; width:100svw; height: 100svh; }
.agecheck .agebg{}
.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: 0.8em 0.8em;background-color: #262121;color: #EEEAE4; text-align: center;  border-radius: 0.6rem;}
.agecheck .agepopup h2{font-size: 2em; line-height: 1.1em; margin:0.4rem 0 1.8rem;}
.agecheck .options{display: flex;flex-direction: row; gap: 1em;}
.agecheck .options .option{width:50%; background-color: #FCF9EC; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; cursor: pointer; color: #262121; position: relative; float: none; display: inline-block; font-size: 1rem; font-family: 'Gza-Semibold'; 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: #262121;}
.page-black .agecheck .agepopup .inner{border: 1px solid #444;}


.agecheck .options .option1{
  height: 2.8em;
  padding: 0.6em 2.8em;
  border: 0;
  cursor: pointer;
  transition: background .2s ease;
  border-radius: 4px;
  
}

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

.agecheck .options .option2{
  height: 2.8em;
  padding: 0.6em 2.8em;
  border: 0;
  cursor: pointer;
  transition: background .2s ease;
  border-radius: 4px;
 
}

.agecheck .options .option2:hover{background-color: #EBD7D0; }

.single-wine .titlegroup{margin-top: 3.6rem; margin-bottom: 2.8rem; }
.single-wine .titlegroup .year{font-family: 'Gza-Semibold'; line-height: 1em; font-weight: 400; font-size: 1.75em; text-transform: uppercase; white-space: nowrap;  margin-bottom: 1rem;}
.single-wine .titlegroup .name{font-family: 'Gza-Semibold'; line-height: 1em; font-size: 1.75em; letter-spacing: 0.07em; margin-bottom: 0.3rem; text-transform: uppercase; white-space: nowrap; color: inherit; }
.single-wine .titlegroup h1{margin-top: 0!important; font-size: 3.2em; letter-spacing: -0.02em; margin-bottom: 0.6rem!important;}
.single-wine .bphoto{}
.single-wine .bphoto .thumb{}
.wine-table {

  width: 100%;
  border-collapse: collapse;
  font-size: 1em;
  font-family: inherit;
  border-bottom:1px solid;
  table-layout: fixed;

}

.wine-table td {

  padding: 0.1em 1.6em 0.1em;
  font-size: 1em;
  font-family: inherit;
  vertical-align: middle;

}

.wine-table td:first-child {

  padding-left: 0;
  width: 50%;
  border-right: 1px solid #262121;

}

.wine-table tr:first-child td{padding-top: 1.4em;}
.wine-table tr:last-child td{padding-bottom: 1.6em;}
.wine-table td:last-child {width: 50%;}
.wine-table + p{margin-top: 1.2rem;}


/*/////////////// footer ///////////////*/


footer .logo2{position: relative; overflow: hidden;  width: auto; float: none; display: inline-block; z-index: 2; height:9.3em; line-height: 1em;}
footer .logo2 i{font-size:9.3em; line-height: 1em; position: relative; display: inline-block; float: left; box-sizing: content-box; width: auto; padding-right: 0.3em;}
footer .legal a{margin-left: 2.2em;}
footer nav a{font-size: 0.8125em; text-transform: uppercase; line-height: 1.5em; letter-spacing: 0.06em; }
footer .copyright{font-size: 0.8125em; text-transform: uppercase; line-height: 1.5em; letter-spacing: 0.06em; }
footer .bottombar{color: #FBFAF4;}

/*/////////////// 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;}
.single h1{font-size: 3.2em;}

h1 + h2{font-size: 1.875em; margin-top: -1rem; font-family: 'Gza-Regular'; margin-bottom: 3rem;}


/*/////////////// Google map ///////////////*/



/* Google Maps JS API */

input, textarea{  border-radius: 0.36rem; border:0; width: 100%; background-color: #FBFAF4; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; padding: 0.3em 1em;  font-size: 1.25em; line-height: 1.98em; font-family:'Gza-Semibold', sans-serif; }
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}
input[type=submit]{width: 100%; padding:0; margin: 0; cursor: pointer; height: 100%; background: none; position: absolute;border-radius: 0;  left: 0; top: 0;}
.blockmap .searchbtn{position: absolute; width: 1em; height: 1em;  font-size: 1.6em; right: 0.85rem;  top: 0.85rem;}
.blockmap .searchfield input[type=text]{padding-right: 2.5em; }
.blockmap .bar .floatl{width: 100%; max-width: 30em; }
.blockmap .mapall{border-radius: 0.9em; overflow: hidden;}
.blockmap .mapall .bar{padding: 1.2em;}
.blockmap .legenda{white-space: nowrap;}
.blockmap .legenda .legendaitem{position: relative; float: left; margin: 0.9em 1em 0 0.5em; width: auto; user-select: none; cursor: pointer;}
.blockmap .legenda .legendaitem span{font-size: 0.75em; text-transform: uppercase; letter-spacing: 0.05em; }
.blockmap .legenda .legendaitem img{position: relative; float: left; width: 1.3em; height: 1.3em; margin-bottom: 0; object-fit: contain; margin-right: 0.36em;}
.blockmap .mapborder{padding: 0 1.2em 1.2em 1.2em; }
.blockmap .map{border-radius: 0.36rem; overflow: hidden;}

.blockmap #reseller-search-message{width: 100%; position: relative; font-size: 1.3em; height: 3em; display: none; line-height: 3em; box-sizing: border-box; padding: 0.35em 1em 0; }
.map::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; display: block; background-size: 120px auto; background-image: url('../img/elements/grain1.png'); background-repeat: repeat; pointer-events: none;}
.map div, .map li { width: auto; position: static; float:none;}
.map .gm-style{font-family: 'Gza-Semibold', sans-serif!important; font-size:1em!important; font-weight:400!important }
.map .gm-style *{font-family: 'Gza-Semibold', sans-serif!important; }
.map .gm-style-iw-c .outercontainer{ border-bottom: 1px solid #7B7C7C;}
.map .gm-style-iw-c .outercontainer:last-child{border-bottom: 0;}
.map .gm-style-iw-c .innercontainer{padding: 1em 4em 1em 0; box-sizing: border-box;}
.map .gm-style-iw-c .gm-style-iw-ch{padding-top: 0;}
.map .gm-style-iw-c .gm-style-iw-chr{position: absolute; top:0; left: 0; width: 100%;}
.map .gm-style-iw-c .gm-style-iw-chr button{width: 2em!important; height: 2em!important; z-index: 10;}
.map .gm-style-iw-c .gm-style-iw-chr button span{width: 1.1em!important; height: 1.1em!important; margin: 7px!important;}
.map .gm-style-iw-c .innercontainer .maintitle,#map .gm-style-iw-c .innercontainer .subtitle {font-size: 1.3rem; text-align: left;}
.map .gm-style-iw-c .innercontainer .maintitle{}
.map .gm-style .gm-style-iw{font-size: inherit!important;}
.map .reseller-infowindow .type{font-size: 0.6rem;text-transform: uppercase; letter-spacing: 0.02em; color: #777658!important}
.map .reseller-infowindow{padding: 0.5em 0.5em; border-radius: 4px;}
.map .reseller-infowindow h3{font-weight: 400!important; font-size: 1.4em; text-transform: none!important; letter-spacing: -0.02em;}
.map .gm-style-iw-c a{font-size: 0.8em;}
.map .gm-style h4{font-size:1.44em!important; color: #FD5448; margin-bottom: 0.3rem!important}
.map .gm-style p{margin-bottom:0.8em;}
.map .gm-style .gm-style-iw-c{padding: 1em 1em;}
.map .gm-style-iw-c  button{top: 0!important; right: 0!important;}
.map .gm-style .gm-style-iw-t::after{display: none!important;}
.map .gm-style .gm-style-iw-c{border-radius:7px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; padding: 0.6em 0.7em!important; min-width: 13em!important; width: auto!important; max-height: auto!important;}

.map .gm-svpc{display: none!important;}
.map .gmnoprint div{box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px!important;}
.gm-style-cc div{color: #fff!important; background: none!important; display: none!important;}
.map .gm-style-iw button{right: 0.4em!important; top: 0.4em!important; opacity: 1!important;}


.blockmap .map {
    position: relative;
    width: 100%;
    min-height: 600px;
  }

  .blockmap .map img {
    max-width: none;
  }

  .gm-style .gm-style-iw-c {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: #FBFAF4;
  }

  .gm-style .gm-style-iw-d {
    overflow: hidden !important;
  }

  .gm-style .gm-style-iw-tc {
    display: none;
  }

  .reseller-infowindow {
    width: 220px;
    background: #FBFAF4;
    padding: 22px 24px 18px;
    font-family: inherit;
    color: #262121;
    position: relative;
  }

  .reseller-infowindow .type {
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 9px;
  }

  .reseller-infowindow h3 {
   
    line-height: 1;
    margin: 3px 0 4px;
   
  }

  .reseller-infowindow .place{
    font-family: 'Gza-Regular', sans-serif!important; letter-spacing: 0.02em;
  }

  .reseller-infowindow .place {
    
    margin-bottom: 0.6em;
  }

  .reseller-infowindow a {
    
  }

  .reseller-infowindow:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: 0;
    height: 0;
    margin-left: -12px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #f8f1e4;
  }

  .blockmap .legendaitem {
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s ease;
  }

   .blockmap .legendaitem span{display: inline-block; line-height: 1.8em;}

  .blockmap .legendaitem.active span,
  .blockmap .legendaitem:hover span {
    border-bottom: 1px solid;
  }

  .blockmap .searchfield {
    position: relative;
  }


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

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


}

@media screen and (min-width: 2100px) {
  .blockcollabs + .blockphoto .widthextralarge{margin-top: 4em;}
  .blockphoto .widthextralarge .inner{padding-bottom: 4em; }

}

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

}

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

}

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


}

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

}

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

  
}

@media screen and (max-width: 1630px) {
  
  h1{font-size: 3.8em;}
 
}

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

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

@media screen and (max-width: 1420px) {
  
  html{font-size: 15px;}
  .pusher{height: 11em;}
  header .inner{height:11em;transition: height 0.3s ease 0s;}
  header .logo{ font-size: 0.85em; transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);}
  
}

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

  html{font-size: 14px;}

}

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

  html{font-size: 13px;}
  .pusher{height: 8em;}
  header .inner{height:8em;transition: height 0.3s ease 0s;}
  header .logo{ font-size: 0.7em; transition: all 0.3s cubic-bezier(0.37, 0, 0.63, 1);}
  .blockclubbanner .thumb{padding-bottom: 70.4%;} 


}

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

  .blockphoto .thumb .description{position: absolute; left:6%;}
  .sliderevents .slick-list{margin-left: 0em; width: 100%;}
  .blockbottles .allbottles .bottleitem{width: 33.333%;}
  .allevents .eventitem .titles{font-size: 0.9em;}

}

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

  h1{font-size: 3.2em;}

}

@media screen and (max-width: 950px) {
   
  .mainnav{display: none;}
  .blockcollabs .collabitem {width: 100%;}
  .blockphototext .b50 {width: 100%; }
  .blockphototext .b50 .thumb {padding-bottom: 130%;}
  .blockphototext .b50.bphoto {margin-bottom: 4em;}
  .single-wine .titlegroup{margin-top: 0;}
  .allevents .eventitem{width: 50%;}
  .blockdefaultintro .thumb img.desktopimg{display: none;}
  .blockdefaultintro .thumb img.mobileimg{display: block;}
  .blockdefaultintro .thumb{padding-bottom: 100%; border-radius: 0;}
  .blockdefaultintro .inner{padding-left: 0!important; padding-right: 0!important;}

}

@media screen and (max-width: 880px) {
 
  .blockbottles .allbottles .bottleitem{width: 50%;}
    .blockclubbanner .thumb{padding-bottom: 90%;} 
}

@media screen and (max-width: 800px) {
 
  .blocktextgraph .text{width: 100%;}
  .blocktextgraph .text .inner2{padding-top:2em; }
  .blocktextgraph .graph{width: 100%; max-width: 17em; margin: 1em auto 2em; float: none;}
  .blockmap .bar .floatl{max-width: 100%;}
  .blockmap .bar .floatr{ margin: 0.7em 0;}

}

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

  .blockbottles .allbottles .bottleitem{padding: 0.75em 0.5em; }
  .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%);}
  .blockphoto .thumb .description{display: none;}
  .blockphoto .thumb{padding-bottom: 80%;}
  .blockphoto.height2 .thumb{padding-bottom: 80%;}
  .sliderevents .eventitem .titles{font-size: 0.9em;}

  .blockevents .titleblock{margin-top: 0; margin-bottom: 0;}
  footer .logo2 i{font-size:7.3em;}
  footer .logo2{height: 7.3em;}
  .blockclubbanner .thumb{padding-bottom: 140%;} 
  .blockclubbanner .inner2{padding-left: 2.6em; padding-right: 2.6em; padding-top: 3em; padding-bottom: 3em;}
  .blockclubbanner .description h2{font-size: 2.8em;}
  .blockclubbanner .description{max-width: 100%;}
  .blockclubbanner .sticker{font-size: 6em;}
  .blockclubbanner h4{font-size: 1.3em;}
  .allevents .eventitem{padding: 0.5em;}
  .blockevents .allevents{width: calc(100% + 1em); left: -0.5em;}
 

}

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

  .allevents .eventitem{width: 100%;}
   .allevents .eventitem{padding: 0.75em 0.5em;}
}

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

  .blockphoto .thumb{padding-bottom: 105%;}
  .blockphoto.height2 .thumb{padding-bottom: 105%;}
  footer .floatl{width: 100%; text-align: center; margin-bottom: 1em;}
  footer .floatr{width: 100%; text-align: center; margin-top: 1em;}
  footer .floatr a{width: 100%; text-align: center; margin-left: 0; display: inline-block; line-height: 2.2em;}
  .block .paddingx2{padding-left: 1em; padding-right: 1em;}
  .blockcollabs .collabitem{padding-left: 0; padding-right: 0;}
  .blockcollabs .collabitem .titles{font-size: 0.86em;}
  h2{font-size: 2em;}
  .blockbottles .bottleitem{padding: 0.5em;}
  .blockcollabs .collabitem{margin-bottom: 1.5em;}
  .blockbottles .filters .paddingx1{padding-left: 0.5em; padding-right: 0.5em; }
  .blockbottles .inner.paddingx1{padding-left: 0.5em; padding-right: 0.5em; }
  .blockbottles .allbottles .bottleitem .titles{font-size: 0.8em;}
  .blockbottles .bottleitem .titles{padding: 0 1rem 1.2rem;}
  .blockphototext .b50.btext .paddingx4 {padding-left: 1em; padding-right: 1em;}
}

@media screen and (max-width: 470px) {   
 
  
  .blockbottles .allbottles .bottleitem a{border-radius: 4px;}

}

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

  .blockbottles .allbottles .bottleitem .titles{font-size: 0.7em;}
}

@media screen and (max-width: 390px) {
 
  .blockbottles .allbottles .bottleitem .titles{font-size: 0.6em;}
}

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

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

  
}