/*

  .poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.Inter Tight-tight-<uniquifier> {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}


*/

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

}
.otgs-development-site-front-end{display: none!important;}
.page-contact .loader{ 
    border: 0.2em solid #1A1919; /* Light grey */
    border-top: 0.2em solid #FAE4A9; /* Blue */
    border-radius: 50%;}

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

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


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

.di-logo2:before {
  content: "\e909";
}
.di-logo1:before {
  content: "\e900";
}
.di-menu1:before {
  content: "\e901";
}
.di-menu2:before {
  content: "\e902";
}
.di-close:before {
  content: "\e903";
}
.di-arrow:before {
  content: "\e908";
}
.di-arrow_down_small:before {
  content: "\e904";
}
.di-instagram:before {
  content: "\e905";
}
.di-facebook:before {
  position: relative;
  content: "\e906";
   font-size: 0.9em;
   top: -0.07em;
}
.di-linkedin:before {
  position: relative;
  content: "\e907";
  font-size: 0.9em;
  top: -0.06em;
}



.container{ opacity: 0; overflow: hidden;}
.animate .container{opacity: 1; transition:opacity 0.7s 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: overlay; 
}

/*::-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: 'Inter Tight', sans-serif; 
  font-weight:500;
  font-size: 1em;
  line-height: 1.6em;
  height: auto;
  margin:0; padding: 0; 
  width: 100%;
  color: #24272A;
  background-color: #F3F2EF;
  min-height: 10em;
}


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


input, textarea{  font-size: 1em; border-radius: 0;}
input[type=checkbox]{width: auto; margin: 0;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

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

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

button {
  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{position: relative; float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ font-size: 1em; line-height: 1.8em; margin-bottom: 1.8em; letter-spacing:0.02em; font-family: 'Inter Tight', sans-serif; }
p:last-child{margin-bottom: 0;}
p strong{font-weight:600;}
p a, article ul li a{display: inline-block; position: relative; text-decoration: underline;}
.smaller{font-size: 0.85em;}
article img{margin-bottom: 1.8rem;}
article img:last-child{margin-bottom: 0rem;}
/* basics */


h1, h2, h3, h4, h5, h6{ position: relative; float: left; font-family: 'Inter Tight', serif; font-weight:500; clear: both; width: 100%; letter-spacing: 0.02em; line-height: 1.2em;  }
h1{font-size:2.625em; margin-bottom: 2rem}
h2{font-size:2em; margin-bottom: 1.3rem; }
h3{font-size:1.5em; margin-bottom:1rem;}
h4{font-size:1.25em; margin-bottom:1rem; }
h5{font-size:1em; margin-bottom:1.6rem; }

legend{ position: relative; float: left; font-family: 'Inter Tight', serif; font-weight:500; clear: both; width: 100%; letter-spacing: 0.02em; line-height: 1.2em; font-size:2em; margin-top: 1em; margin-bottom:1em; }

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

.viceversa .b50{float: right;}

.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 90.5em; }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:70em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 55em; }

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

.paddingy1{ padding-bottom: 1rem; padding-top: 1rem;}
.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;}
.paddingy6{ padding-bottom: 6rem; padding-top: 6rem;}

.paddingl1{ padding-left: 1rem;}
.paddingl2{ padding-left: 2rem;}
.paddingl3{ padding-left: 3rem;}
.paddingl4{ padding-left: 4rem;}
.paddingl5{ padding-left: 5rem;}

.paddingr1{ padding-right: 1rem;}
.paddingr2{ padding-right: 2rem;}
.paddingr3{ padding-right: 3rem;}
.paddingr4{ padding-right: 4rem;}
.paddingr5{ padding-right: 5rem;}

.paddingbottom4{padding-bottom: 3.2rem;}

.marginbottom05{margin-bottom: 0.5rem;}
.marginbottom1{margin-bottom: 1rem;}
.marginbottom2{margin-bottom: 2rem;}
.marginbottom3{margin-bottom: 3rem;}
.marginbottom4{margin-bottom: 4rem;}
.marginbottom5{margin-bottom: 5rem;}
.marginbottom6{margin-bottom: 6rem;}

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

.maxw1{max-width: 14rem;}
.maxw2{max-width: 22rem;}
.maxw3{max-width: 33rem;}
.maxw4{max-width: 44rem;}
.maxw5{max-width: 55rem;}


article ul{margin-bottom:1.6em; margin-top:0.25em; }
article ul li{padding-left: 1.6em; margin-bottom:0.6em; line-height: 1.8em; letter-spacing:0.02rem; }
article ul li::before{position: absolute; left: 0em; top: -0.15em; content: "•"; font-size: 2em; line-height: 1em; text-align: left; color: inherit;}



.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;}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}


main{min-height: 1vh;}

.viceversa .b50{float: right;}

table{position: relative; float: left; width: 100%; margin-bottom: 1.75em;}
table * {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box; /* Ensures elements are sized including border and padding */
}

.woocommerce table{width: 100%; margin-bottom: 1.3rem; font-size: 1em; text-align: left; letter-spacing: 0.02em; border-collapse: collapse; background:none; font-family: "Inter Tight"; font-weight: 500;}
.woocommerce table tr, .woocommerce table tbody{width: 100%; font-size: 1em;}
.woocommerce table td, .woocommerce table th{font-size: 1em; line-height: 1.75em; padding-top:1em; padding-bottom:1em; }
.woocommerce table td:first-child, table th:first-child{white-space: nowrap; padding-right: 0em; padding-left: 0em; max-width: 10em;}
.woocommerce table tr{background:none; border-bottom: 1px solid;}



.btn{position: relative; display: inline-block; font-family: 'Poppins', serif; font-weight:500; letter-spacing: 0.01em;}
.btnprimair{padding: 0.35em 1.1em 0.45em; background-color: #909A72; font-size: 1.375em; color:#fff!important; border: 0px solid; border-radius: 0em; transition:background-color 0.2s ease; }

.btnsecundair{padding: 0.49em 1.6em 0.49em; background-color: #24272A; font-family: 'Poppins', serif; font-size: 0.9375em; font-weight:500; color:#FFDE30; border: 0px solid; border-radius: 0.43em; transition: background 0.3s ease, color 0.3s ease; }
.no-touch .btnsecundair:hover{background: #24272A; color:#fff ; transition: background 0.1s ease, color 0.1s ease; }
.btntertiaire{font-size: 1.0625em; border-bottom: 2px solid; padding: 0.5em 0; transition: color 0.3s ease;}
.no-touch .btntertiaire:hover{color: #FFDE30; transition: color 0.1s ease;}

.btngradient1{padding: 0.49em 1.6em 0.49em; background-color: #24272A; background-image: url('../img/bg/btnbg1.jpg'); background-position: center center; background-size: 28em auto; background-repeat: no-repeat; font-family: 'Poppins', serif; font-size: 0.9375em; font-weight:500; color:#fff; border: 0px solid; border-radius: 0.43em; }
.no-touch .btngradient1:hover{background: #24272A; color:#fff ; transition: background 0.1s ease, color 0.1s ease; }

.btngradient2{padding: 0.49em 1.6em 0.49em; background-color: #24272A; background-image: url('../img/bg/btnbg3.jpg'); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; font-family: 'Poppins', serif; font-size: 0.9375em; font-weight:500; color:#fff; border: 0px solid; border-radius: 0.43em; }
.no-touch .btngradient2:hover{background: #24272A; color:#fff ; transition: background 0.1s ease, color 0.1s ease; }

.btngradient3{padding: 0.49em 1.6em 0.49em; background-color: #24272A; background-image: url('../img/bg/btnbg4.jpg'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat; font-family: 'Poppins', serif; font-size: 0.9375em; font-weight:500; color:#fff; border: 0px solid; border-radius: 0.43em; }
.no-touch .btngradient3:hover{background: #24272A; color:#fff ; transition: background 0.1s ease, color 0.1s ease; }

.btngradient4,
.wc-block-checkout__actions_row .wc-block-components-button{padding: 0.49em 1.6em 0.49em; background-color: #24272A; color: #fff!important; background-image: url('../img/bg/btnbg2.jpg'); background-position: right center; background-size: auto 110%; background-repeat: no-repeat; font-family: 'Poppins', serif; font-size: 0.9375em; font-weight:500; color:#fff; border: 0px solid; border-radius: 0.43em; }
.no-touch .btngradient4:hover{background: #24272A; color:#fff ; transition: background 0.1s ease, color 0.1s ease; }
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width{width: 100%!important; max-width: 30em; font-size: 1.125em!important; letter-spacing: 0.01em;}

.btnwhite{position: relative; float: none; display:inline-block; color: #F63B00; width: auto; font-weight:500; font-size:0.9375em; padding: 0.29em 1.3em 0.29em; color:#24272A; border: 0px solid; border-radius: 0.43em; background-color:#fff; transition: color 0.3s ease;}
.no-touch .btnwhite:hover{color:#F63B00; transition: color 0.1s ease;}
.btnwhite.active{color: #fff!important; background-color:#F63B00!important; }

.btngroup .btn{margin: 0 2em 1em 0;}
.btngroup .btn:last-child{margin-right: 0; margin-bottom: 0; }
.winkelmandtoevoeging .btngroup .btn:last-child{float: right;}

.btngroup .btnwide{width: 100%; text-align: center; box-sizing: border-box; font-size: 1.125em;}

.btngroup .btngradient4.btnwide{padding-top: 0.6em; padding-bottom: 0.7em;}


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

.logo{position: relative; float: left; display: block; z-index: 2; width: 11.7em; height: 4.8em; color: #fff;}
.logo::before{font-family: "dutch-institute"; content: "\e909"; position: absolute; left: 0; top:0; font-size: 4.85em; line-height: 1em; transform: translateY(0); transition: color 0.7s ease 0.3s, transform 0.6s ease 1s, opacity 0.6s ease 1s;}
.lang-en .logo::before{font-family: "dutch-institute"; content: "\e900"; }

header{position: fixed; z-index: 98; padding:1.8em 0em 2.0em; height: auto; transition: padding 0.3s ease; user-select: none; transition:height 0.3s ease; background-image: url('../img/bg/btnbg_desktop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: 4550px;  }
header nav{position: absolute; left: 0; top:1.6em; width: 100%; text-align: center; display:flex; flex-flow: row nowrap; justify-content:center; gap: 1em 2.7%;}
header nav a{position: relative; display: inline-block; color: #fff; letter-spacing: 0.01em; float: none; font-family: "Poppins"; font-weight:500; font-size: 1.0625em;  transition: color 0.3s ease; }
header nav a.active{color: #FFDE30; transition: color 0.1s ease;}

.page-home header{background: none;}

.no-touch header nav a:hover{color: #FFDE30; transition: color 0.1s ease;}

.no-touch .btntertiaire:hover{color: #FFDE30; transition: color 0.1s ease;}

header .floatr .btn{margin-top:1.2em; margin-right: 4em; z-index: 2;}
header .hamburger{display:none; margin-left: 0em; position: relative; cursor: pointer; font-size: 1em; float: right; margin-top:1.55em; width: 2.55em; height: 1.6em;  }
.hamburger::after{font-family: "dutch-institute"; color: #fff; font-size:20px; position: absolute; right: 0; top:0em; content: "\e901"; }

.pusher{height: 8.6em; transition:height 0.3s ease;}
.pusher2{height: 4em; transition:height 0.3s ease;}


.languages{font-size: 1em; user-select: none; position: absolute; right: 0em; top:1.85em; margin-top:0em; color: #fff;  }
.languages ul{ background-color: #24272A; border-radius: 0.43em; padding: 0.65em 1.2em 0.65em 1.2em; position: absolute; z-index: 99; pointer-events: none; top: 2.8em; opacity: 0; clear: both; right: 0em; 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{ letter-spacing:0.1em; font-size: 1em; font-family: "Poppins"; letter-spacing: 0.01em;  text-decoration: none; border:0; }
.languages ul li.active::after{position: absolute; right: -0.2em; top: -0.07em; display: inline-block;  content: "\2713"; color:#FFDE30; font-size: 1.3em;}
.languages .activelang{ white-space: nowrap; cursor: pointer; font-size: 1em; letter-spacing: 0.1em;  position: relative; width: auto; float: right; padding: 0em 0 0em; transition: color 0.3s ease;}
.languages .activelang .fullname{display: none;}
.languages .activelang .codename{display: block;}
.languages .activelang span{position: relative; float: left;}
.no-touch .languages .activelang:hover{color: #FFDE30; transition: color 0.1s ease;}
.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 .di-arrow_down_small {
  position: absolute;
  left: 50%; 
  transform: translateX(-44%);
  bottom: -1.8em;
  text-decoration: none;
  font-size: 0.35em;
}

.page-home .bg{position: fixed; z-index: 4; width: 100%; height: 38em; max-height: 38em; background-image: url('../img/bg/btnbg_desktop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: 4550px; top: 0; left: 0;transform:translateY(0); }


.notop .contentheader{ opacity: 0; transition: opacity 0.4s ease;}

.contentheader{top: 0em; z-index: 5; color: #fff; margin-top:3em; opacity: 1; top:0; transform: translateY(0); transition: opacity 0.8s ease, transform 0.8s ease, top 0s ease 0s; }
.contentheader .content{width: auto;}
.contentheader .thumb{width: 48.7em; height: 32em; position: relative; float: right;  }
.contentheader .content .btngroup{width: auto; clear: both;}

.contentheader h1{box-sizing: border-box; max-width: 10em; margin-top: -0.5rem;}
.contentheader h1 strong{color: #FFDE30;}


/*/////////////// Mobiel ///////////////*/
.backg{position: fixed; background-color: #000; opacity: 0; top:0; left: 0; width: 100%; height: 100%; top:-200%; transition: opacity 0.5s ease, top 0s ease 0.5s; }
.open .backg{position: fixed; background-color: #000; opacity: 0.5; top:0; left: 0; width: 100%; height: 100%; top:0; transition: top 0s ease, opacity 0.5s ease; }
.navi{position: fixed; width: 100%; height:100vh; right:0; color: #fff; z-index: 99;  top:0; opacity: 0; transform: translateY(-100%); transition: transform 0s ease 0.5s, opacity 0s ease 0.5s;  }
.open .navi{opacity: 1; transform: translateY(0); transition: transform 0s ease, opacity 0s ease; }
.navi .inner{min-height: 100vh; width:20em; transform: translateX(100%); background-color: #24272A; float: right; transition: transform 0.3s ease 0s}
.open .navi .inner{transform: translateX(0);  }

.navi .mobilenav{position: absolute; width:100%; height: auto; padding:0 2em; top:50%; transform: translateY(-50%) }
.navi .mobilenav a{position: relative; float:left; clear: both; font-size:1.125em; font-family: 'Poppins', serif; letter-spacing: 0.01em; font-weight: 500; line-height:1.3em; margin:0.5em 0; transition: color 0.3s ease; }
.no-touch .navi .mobilenav a:hover, .navi .mobilenav a.active{color: #FFDE30; transition: color 0.1s ease;}
.navi .close{position: absolute; top:2.2em; right:1.6em; transform: translateY(0); opacity:0; cursor: pointer; font-size: 1em; float: right; margin-top: 1em; width: 2.2em; overflow: hidden; height: 2em; transition: transform 0.3s ease; }
.navi .close::after{font-family: "dutch-institute"; color: #fff; font-size:18px; position: absolute; left: 0; top:0em; content: "\e903"; }
.open .navi .close{opacity: 1; }

.navi .mobilenav .accountbtn{background-color: #fff; color: #24272A; width: 100%; text-align: center; box-sizing: border-box; font-size: 1em; margin-top: 2em; position: relative; float: left;}
.navi .languages2{position: absolute; left: 2em; top:3.4em;}

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

.slick-list{float: left;  }
.slick-dots {
  position:absolute;
  right: 0em;
  bottom: -2em;
  display: block;
  list-style: outside none none;
  padding: 0;
  z-index: 2;
  text-align: center;
  width: auto;
}
.slick-dots li{margin: 0 0.2em ; height:14px; width:14px;}
.slick-dots li button{padding:0 0em; width:14px; height:14px;}
.slick-dots li button::before{color: #F2EDE8; opacity: 1; width:14px; height:14px;}

.slick-dots li.slick-active button::before{color: #909A72; }
.slickbtn{position: relative; cursor: pointer;}
.slickie-next{position: absolute; bottom:-2em; right:2em; width:2em; height:1em; }
.slickie-prev{position: absolute; bottom:-2em; right:5em; width:2em; height:1em;}
.slickie-next::after{position: absolute; top:-0.15em; right:0; font-size:1.4em; line-height:1em; font-family:"g"; content:"\e91a"; color:#909A72;}
.slickie-prev::after{position: absolute; top:-0.15em; left:0; font-size:1.4em; line-height:1em; font-family:"g"; content:"\e919"; color:#909A72;}


.aanbiederslider .slickbtn{position: absolute; left: -1em; top: 50%; transform: translateY(-50%); height: 1em; cursor: pointer; width: 1em; font-size: 0.8em; text-align: center; color: #24272A;}
.aanbiederslider .slickie-prev::after{font-family: "dutch-institute"; transform: rotate(180deg); content: "\e908"; line-height:1em; color:inherit; }
.aanbiederslider .slickie-next{left: auto; right:-1em;}
.aanbiederslider .slickie-next::after{font-family: "dutch-institute"; content: "\e908"; line-height:1em; color:inherit;  }
.aanbiederslider .slickie-next.slick-disabled{display: none!important;}
.aanbiederslider .slickie-prev.slick-disabled{display: none!important;}

.blockaanbieders{background-color: #fff;}
.aanbiederslider{}
.aanbiederslider .aanbieder{padding: 0 5.4em;}
.aanbiederslider .aanbieder .thumb{padding-bottom: 60%; }
.aanbiederslider .aanbieder .thumb img{object-fit: contain; }




/*////// Contentblocks ////////*/

.blockhomecursusaanbod .headgroup h2{ font-size: 2.625em; }
.cursusaanbodall {display:flex; flex-flow:column wrap; justify-content:flex-start; gap: 1em 2em; }
.cursusaanbodall.cursussenhome{flex-flow:row wrap;}
.cursusaanbodall.cursussenhome .group{width: 100%; min-width: 20em; flex: 1 1 30%; /*grow | shrink | basis */  margin-bottom: 2em;}
.cursusaanbodall.cursussenoverzicht{max-height: 70em;}
.cursusaanbodall.cursussenoverzicht .group{width: 45%; min-width: 20em; margin-bottom: 2em;}
.cursusaanbodall .group ul{width: auto;}
.cursusaanbodall .group ul li{width: auto; position: relative; float: left; clear: both; font-size: 1.125em; margin-bottom: 0.2em;}
.cursusaanbodall .group ul li a{letter-spacing: 0.02em; text-decoration: underline; transition: color 0.3s ease;}
.no-touch .cursusaanbodall .group ul li a:hover{color: #E3410E; transition: color 0.1s ease;}
.cursusaanbodall.cursussenoverzicht .group ul, .cursusaanbodall.cursussenoverzicht .group ul li{width: 100%;}
.cursusaanbodall.cursussenoverzicht .group a{width: 100%; position: relative; float: left; display: block;}
.cursusaanbodall.cursussenoverzicht .group a .cursustitel{padding-right: 5rem;}
.cursusaanbodall.cursussenoverzicht .group a .dagen{position: absolute; right: 0; top:0; background-color: #F3F2EF; padding-left: 0.3em;}

.morebtn{cursor: pointer; font-size: 1.25rem;}

.highlighteditems{display:flex; flex-flow:row wrap; justify-content:left; gap: 2em 4em; }
.highlighteditems .group{width:auto; flex: 1 1 45%; /*grow | shrink | basis */ min-width: 34em; padding: 2.8em 3em; background-color: #fff; border-radius: 0.94em;}
.highlighteditems .group .icon{width: auto; height: 1.14em; margin-right: 0.5em;}

.blockimgcontent h2{ font-size: 2.625em;}
.blockimgcontent{display:flex; flex-flow:row wrap; justify-content:left; gap: 0 0 ; border-radius: 0.94em; overflow:hidden; }
.blockimgcontent .group{width:100%; min-width: 32em; flex: 1 1 45%; /*grow | shrink | basis */  margin-bottom: 0em;  background-color: #792546; /*background-image: url('../img/bg/mainbg2.jpg'); background-size:cover; background-repeat:no-repeat;*/ }
.blockimgcontent .group .content{padding: 3.8em 4.4em; color: #fff;  }
.blockimgcontent .group .thumb{width: 100%; height: 100%; min-height: 30em;}


.slick-dots{position: absolute; right: 4em; width: auto; bottom: -2.6rem; padding: 0rem; text-align: left; z-index: 4;}
.slick-dots li button{width: 12px; color: #EBE0C2; background: #EBE0C2; height: 12px; font-size: 12px; padding: 0; border-radius: 50%; border:0px solid;}
.slick-dots li button::before{display: none;}
.slick-dots li.slick-active button{background-color: #24272A; color:#24272A; }
.slick-dots li{margin: 0 0em 0 1em; display: inline-block; width: auto; cursor: pointer;}


.blockhomeproducten{overflow: hidden;}
.catelogusslider{margin-bottom: 3em;}
.productitem a{width: 100%; }
.productitem a .thumb{padding-bottom: 144%;}

.catelogusslider .slick-dots li.slick-active button{background-color: #24272A; color: #24272A;}
.catelogusslider .slick-dots{right: 2em; bottom: -5em; z-index: 3; text-align: right;}

.catelogusslider .blogitemtitel{font-size: 1.66em; line-height: 1.1em; font-weight: 500; margin: 1rem 0 1rem;}
.blockhomeproducten .filters{ position:absolute; width:auto; right:2em; top:0.7em; text-align:right:}
.blockhomeproducten .filters .btn{margin: 0 0em 1em 1em;}


.blockhomeproducten .headgroup h2{ font-size: 2.625em; }
.productitem{letter-spacing: 0.02em; font-size: 1.125em; margin-bottom: 0.8em;}
.productitem a{float: left; clear: both;}
.productitem a.t1{text-decoration: underline; margin-bottom: 0.2em;}
.productitem .productitemtitel{margin-top: 0.6em;}
.catelogusslider{width: calc(100% + 0em);}


.blockproducten .filters .btn{margin: 0 1em 1em 0em; cursor: pointer; user-select: none;}
.blockproducten .catalogusall .productitem{width: 20%; margin-bottom: 4em;}


/*.blockhomeproducten .catelogusslider *{overflow: visible;}*/

.blockbanners .bannerslider{overflow: hidden;}
.blockbanners .bannerslider .content{z-index: 2;}
.blockbanners .bannerslider {margin-bottom: 4em;}
.blockbanners .bannerslider .banneritem{color: #fff;}
.blockbanners .bannerslider .banneritem .thumb{padding-bottom: 50%;}
.blockbanners .bannerslider .banneritem .titel1{font-size: 1.125em; margin-bottom: 1rem;}
.blockbanners .bannerslider .banneritem .titel2{font-size: 2.625em; margin-bottom: 2rem;}

.blockbanners .bannerslider .slick-dots li.slick-active button{background-color: #fff; color: #fff;}
.blockbanners .bannerslider .slick-dots{right: 4em; bottom: 3em; z-index: 3; text-align: right;}


footer{min-height: 5em; background-color:#24272A; color:#fff; }
.logo2{position: relative; float: left; display: block; width: 10em;}
.languages2{position: relative; width: auto; float: right; white-space: nowrap;}
.languages2 a{position: relative; display: inline-block; margin-left: 1em; width: 1.7em;}
footer .socials{position: absolute; width: auto; left: 50%; top: 0; transform: translatex(-50%); }
footer .socials a{width: auto; font-size: 1.5em; margin: 0 0.5em 1em; color: #fff;}
.no-touch footer .socials a:hover{color: #FFDE30;}

footer .allnav{display:flex; flex-flow:row wrap; justify-content:left; gap: 2em 4em; margin:4em 0 2em 0; }
footer .allnav .group{min-width: 10em; width: auto;}
footer .allnav .group a{position: relative; float: left; width: auto; clear: both; margin-bottom: 0.5em; letter-spacing: 0.01em; font-family: 'Poppins'; font-size: 0.9375em;}
footer .allnav .group a strong{color:#FFDE30; }
.no-touch footer .allnav .group a:hover{color: #FFDE30; transition: color 0.3s ease;}


.thumbmobile{display: none; height: 68vw; margin-bottom: 4em;}

.headgroup .btn{position: absolute; right: 0; top:0;}
.headgroup .contenttitel img{width: 0.9em; margin-right: 1.4rem; margin-top: 0.15em;}
.filtercursus{border-radius: 0.94em; background-color: #fff; padding: 2em 2em 2.2em; width: 20em; }

.filtercursus .group{margin-bottom: 1.8em;}
.filtercursus .fieldgroup {white-space: nowrap; margin-bottom: 0.4em;}
.filtercursus .fieldgroup input, .filtercursus .fieldgroup label{width: auto; position: relative; float: left; display: block;}
.filtercursus h3{margin-bottom: 1.8rem;}
.filtercursus h4{font-size: 0.9375em; margin-bottom: 0.8rem;}

.filtercursus .fieldgroup input{margin-right: 0.6em;}
.eng{font-size: 0.9375em;}
.eng img{width: 1.8em; display: inline-block; margin-right: 0.7em; bottom: -0.3em;}

.flat-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    letter-spacing: 0.02em;
    font-size: 1.125em;
}

.flat-checkbox input[type="checkbox"] {
    display: none;
}

.flat-checkbox span {
    width: 18px;
    height: 18px;
    top: 2px;
    box-shadow:0 0 0 4px #fff;
  box-sizing: border-box;
    display: inline-block;
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    margin-right: 8px;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.allcursussen .cursusaanbodallemaal{width: calc(100% - 24em); float: right;}

.flat-checkbox span::after{position: absolute;  left: 2px; top:2px; right: 2px;border-radius: 2px; bottom: 2px; content: "";}

.flat-checkbox input[type="checkbox"]:checked + span::after {
    background-color: #4B05A5; 
}

.breadcrumps .inner{white-space: nowrap;}
.breadcrumps span{position: relative; display: block; float: left; margin-right: 0.5em; letter-spacing: 0.02em;}

.tags .tag{position: relative; float: left; display: block; letter-spacing: 0.02em; margin-right: 0.7em; margin-bottom: 0.7em; line-height: 1.6em; padding:0.2em 1em; border-radius: 1em; background-color: #fff; color: inherit;}


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

.harmonica-item{margin-bottom: 0.3rem;}
.harmonica-title {cursor: pointer; font-size: 1em; line-height:inherit; padding: 0rem 0 0rem 2rem;  }
.harmonica-title::before{font-family: "dutch-institute"; content: "\e904"; position: absolute; left: 0; top: 0.6em; font-size: 0.7em; transform: rotate(-90deg); transition: transform 0.3s ease;}
.no-touch .harmonica-title:hover{color: #E3410E;  }
.harmonica-title.active{color: #24272A;  }
.harmonica-title.active::before{transform: rotate(0deg);}
.harmonica-content { display: none; padding: 0.2rem 0 2rem 0rem;}

.cursuskalender{min-width: 28em;}
.cursuskalender .reep{border-radius: 0.94em; background-color: #fff; padding: 1.2em 1.4em; margin-bottom: 0.5em; overflow: hidden;}
.cursuskalender h2 img{width: 0.9em; left: 0em; margin-right: 1rem; margin-top: 0.15em; margin-bottom: 0;}
.cursuskalender h2{margin-bottom: 0;}
.cursuskalender .reep h3{font-size: 1.25rem; margin-bottom: 1.1rem; left:-1.4rem; padding: 0 1.4rem 1.1rem; border-bottom:1px solid #F3F2EF; }
.cursuskalender .reep .date{letter-spacing: 0.02em; line-height: 1.8em; font-variant-numeric: tabular-nums;}
.cursuskalender .reep .leftside{width: calc(100% - 10rem); max-width: 22em;}
.cursuskalender .reep .rightside{width: 10rem}
.cursuskalender .volgeboekt{color: #E3410E; width: auto; text-align: right; position: absolute; right: 1.8rem; bottom: 1.6rem;}
.cursuskalender .reep .btn{margin-top: 0.6rem; width: calc(100% - 2em); text-align: center; box-sizing: border-box;}
.cursuskalender .reep .location{margin-bottom:1.8em; padding-left: 2rem; padding-right: 2rem; overflow: hidden;}
.cursuskalender .reep .extrainfo{margin-bottom:1.8em; padding-left: 2rem; padding-right: 2rem;}
.cursuskalender .reep .location::before{width: 1.21rem; height: 2rem; content: ""; position: absolute; left: 0; top: 0.2rem;  background-image: url("../img/elements/location.svg"); background-size: 100% auto; background-position: left top; background-repeat: no-repeat;}
.cursuskalender .reep .extrainfo::before{width: 1.25rem; height: 1.4rem; content: ""; position: absolute; left: 0; top: 0.22rem;  background-image: url("../img/elements/time.svg"); background-size: 100% auto; background-position: left top; background-repeat: no-repeat;}
.cursuskalender .reep .dates::before{width: 1.33rem; height: 1.4rem; content: ""; position: absolute; left: -2rem; top: 0.15rem;  background-image: url("../img/elements/calendar.svg"); background-size: 100% auto; background-position: left top; background-repeat: no-repeat;}
.teacherssmall .thumbs a{position: relative; float: left; width: 5.2em; height: 5.2em; border-radius: 0.94em; overflow: hidden; margin:0 1em 1em 0;}

.cursuskalenderbig h3{margin-bottom: 1.6rem;}
.cursuskalenderbig .reep{border-radius: 0.94em; background-color: #fff; padding: 1.4em 1.4em 0em; margin-bottom: 0.7em; overflow: hidden;}
.cursuskalenderbig .reep + h3{margin-top: 2.6rem;}
.cursuskalenderbig .reep + h2{margin-top: 4rem;}
.cursuskalenderbig .reep .column{ width:auto; margin-bottom:1.4em; }
.cursuskalenderbig .reep .column.date{min-width:8em; width: 13%;}
.cursuskalenderbig .reep .column.location{min-width:7.4em; width: 13%;}
.cursuskalenderbig .reep .column.title{min-width:15em; width:40%; margin-right: 1em;}
.cursuskalenderbig .reep .column.title span{position: relative; float: left; font-size: 1.125em; margin-top:0rem;}
.cursuskalenderbig .reep .column.title span em{font-style: normal; color: #ccc; font-size: 0.8em;}
.cursuskalenderbig .reep .column.days{min-width:6em; width: 11%;}

.cursuskalenderbig .reep .column.volgeboekt{float: right; min-width:8em; width: 9%; padding-right: 2rem;}
.cursuskalenderbig .reep .column.volgeboekt p{text-align:right; color:#E3410E;}
.cursuskalenderbig .reep .column.meerinfo{float: right; min-width:8em; width: 11%;}
.cursuskalenderbig .reep .column.meerinfo a{float: right;}
.cursuskalenderbig .reep .column p{line-height:1.6em;}
.cursuskalenderbig .reep .column.days p{min-height: 3.2em;}

.blockheader .thumb{height:70vw; max-height: 40em;}

.extranav{ padding:1em 0 1.05em; background-color: #24272A;}
.extranav nav.subnav { position: relative; text-align: center; display: flex; flex-flow: row nowrap; justify-content: center; gap: 1em 2.7%;}

.extranav nav.subnav a{position: relative; display: inline-block; color: #fff; letter-spacing: 0.01em; float: none; font-family: "Poppins"; font-weight:500; font-size: 1.0625em;  transition: color 0.3s ease; }
.extranav nav.subnav a.active{color: #FFDE30; transition: color 0.1s ease;}
.no-touch .extranav nav.subnav a:hover{color: #FFDE30; transition: color 0.1s ease;}

.blockdefault .sheet{width:100%; max-width:34em; min-width:50%; }

.blockimage .inner{position:absolute; top: 0.5em; left:100%; margin-left: 4em;}

.docenten .docent{width:20%;}
.docenten .docent .thumb{padding-bottom: 100%; margin-bottom: 1rem; border-radius: 0.94em; overflow:hidden}
.docenten .docent .docentinfo{left:50%; transform:translateX(-50%); max-width: 10em; text-align: center;}

.singe-docenten .sheet{left:30em;}
.singe-docenten .sheet .blockimage .inner{left:-30em; width: 27em; margin-left: 0;}
.singe-docenten .sheet .blockimage .inner img{border-radius:0.94em; margin-bottom: 1em;}

blockquote {  margin-bottom:4rem;}
blockquote p{font-size: 1.875em; letter-spacing:0.02em;line-height:1.3em; max-width: 27rem;}

.singe-docenten blockquote{margin-bottom: 0;}
.singe-docenten blockquote p{position: absolute; left:-30rem; max-width: 22rem; top:0;}

p + h3{margin-top:2rem;}

.page-faq .harmonica-item{margin-bottom: 0rem;}
.page-faq  .harmonica-title {cursor: pointer; font-size: 1em; line-height:inherit; width: auto; clear: both; padding: 0.2rem 0.8em 0.2rem 1.6rem; border-radius: 0.25em; background-color:#fff; margin-bottom:0.7em;  }
.page-faq  .harmonica-title h2{font-size: 1.125em; margin-bottom: 0; width: auto;}
.page-faq  .harmonica-title::before{font-family: "dutch-institute"; content: "\e904"; position: absolute; left: 0.5rem; top: 0.25em; font-size: 0.4em; transform: rotate(-90deg); transition: transform 0.3s ease;}
.no-touch .page-faq  .harmonica-title:hover{color: #E3410E;  }
.page-faq  .harmonica-title.active{color: #24272A;  }
.page-faq  .harmonica-title.active::before{transform: rotate(0deg);}
.page-faq  .harmonica-content { display: none; padding: 0.2rem 0 2rem 0rem;}

h3 + .harmonica{margin-top: 0.6rem;}

.page-account .cursuskalenderbig .reep .column.title{width: 45%;}
.page-account .cursuskalenderbig .reep .column.days{width: 18%; min-width: 10em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep{padding: 1em 1.4em 0em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column{margin-bottom: 1em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column.title{width: 60%;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column.title span{margin-top: 0.3em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column.volgeboekt{margin-top:0.2em; margin-bottom: 0.3em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column.meerinfo{width: 12%; min-width: 9em;}
.page-account .cursuskalenderbig.cursusmateriaalall .reep .column.meerinfo .btn{min-width: 5em; text-align: center;}
.page-account .cursuskalenderbig .reep .column.meerinfo{width: 18%; min-width: 11em;}
.page-account .cursuskalenderbig .reep .column.volgeboekt p{color: inherit;}

.btnannuleren{text-decoration: underline;}

header .floatr{white-space: nowrap;}
header .winkelmand{position: relative; float: none; cursor: pointer; display: inline-block; z-index: 3; top:0.7em; margin: 0em 0.6em 0 0; width: auto; font-size: 1em; line-height: 2em;color: #24272A; }
header .winkelmand img{width: 2.8em; position: relative;}
header .winkelmand span{ font-size: 0.9rem; position: absolute; left:0.15em; top: 0; line-height: 1.4em; text-align:center; width:1.14em; }

.messageopen .winkelmandtoevoeging{display: block;}
.winkelmandtoevoeging{z-index: 99; position: fixed; display: none;}
.winkelmandtoevoeging .bg3{background-color: #000; opacity: 0.5;}
.winkelmandtoevoeging .paperbox{width: 100%; max-width: 36em; background-color: #fff; padding: 1.8em 1.8em; border-radius: 0.94em;}
.winkelmandtoevoeging .close{position: absolute; right: 1rem; top: 1rem; width: 1em; height: 1em;  cursor: pointer;}
.winkelmandtoevoeging .close::after{font-family: "dutch-institute"; content: "\e903"; top:0; line-height: 1em; float: right; text-align: right;}
.winkelmandtoevoeging  .btntertiaire{font-size: 0.9375em;}



.woocommerce-cart-form{}
.woocommerce-cart-form .product-name a, .woocommerce-cart-form .product-remove a{text-decoration: underline; white-space: wrap; position: relative; display: block; float: left;}
.woocommerce-cart-form .product-quantity, .woocommerce-cart-form .product-name, .woocommerce-cart-form .product-subtotal{font-size: 1.125em;}
.woocommerce-cart-form .product-remove{font-size: 0.9375em!important;}

.woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-quantity, .woocommerce table.shop_table .product-subtotal{padding-right: 1em;}

.total-price{float: right; width: 100%; max-width: 32.4em; }
.total-price .priceline{padding: 1em 0; letter-spacing: 0.02em;  font-size: 1.125em; border-bottom: 1px solid;}
.total-price .priceline:last-child{border-bottom: 0;}

.shoppinglistcheckout .total-price{max-width: 100%;}

.checkoutbottom{width: 50%;}

.shoppinglistcheckout #subtotalprice,
.shoppinglistcheckout #vatprice,
.shoppinglistcheckout #totalprice{width:16%; min-width: 5.5em;}
.shoppinglistcheckout .product-name a{text-decoration: none;}
.shoppinglistcheckout table tbody tr:last-child{border-bottom: 3px solid;}
.shoppinglistcheckout .total-price .priceline:last-child {border-top: 2px solid;}

.messagebox{padding: 2em 2.6em; background-color: #24272A; color:#C7EFEB;}
.messagebox p:last-child{margin-bottom: 0;}

.page-checkout .headgroup .contenttitel img{width: 1.8em; top:0.3em;}
.blocktext + .faq{margin-top: 2rem;}

.formulieruitklapper{}

.waitinglistbtn{width:auto; cursor: pointer}
.formulieruitklapper{opacity: 0; max-height:0; max-width: 28em; float: left; clear: both; transition: opacity 0.5s ease, max-height 0.5s ease;}
.cursuskalender .reep .formulieruitklapper .btn{width: 100%;}
.formulieruitklapper.active{opacity: 1; max-height: 30em; margin-top:2em;}
.formulieruitklapper .wpcf7 label{font-size: 1em;}
.formulieruitklapper h2{margin-bottom:0.6em;}


/* Woocommerce */

.woocommerce-error, .woocommerce-info, .woocommerce-message{width:100%; box-sizing: border-box;color: #fff!important; background-color:#24272A; border-radius: 0.94em; padding-top:1.3em; padding-bottom: 1.3em; margin-bottom: 4em!important; border-top:0!important;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{top: 1.3em;}

.woocommerce-message + .woocommerce-message, .woocommerce-message + .woocommerce-info, .woocommerce-error + .woocommerce-info, .woocommerce-message + .woocommerce-error, .woocommerce-error + .woocommerce-message{margin-top: -5.5em;}

.wpcf7 form .wpcf7-response-output{width:100%; box-sizing: border-box;color: #fff!important; background-color:#24272A; border-radius: 0.94em; padding-top:1.3em; padding-bottom: 1.3em; padding-left: 1.5em; padding-right: 1.5em; border-top:0!important; margin: 1em 0; border:0!important}

.woocommerce .button, .wc-block-components-button, .button{
  color: #FFDE30!important; font-family: 'Poppins', serif!important; font-weight: 500!important;
  padding: 0.49rem 1.6rem 0.49rem!important;
  background-color: #24272A!important;
  font-family: 'Poppins', serif!important;
  font-size: 0.9375em!important;
  font-weight: 500!important;
  color: #FFDE30!important;
  line-height: 1.6em!important;
  border: 0px solid!important;
  border-radius: 0.43em!important;
  transition: background 0.3s ease, color 0.3s ease!important;
  width: auto!important;
}
.woocommerce table.cart td.actions .input-text{width: 13em; padding: 0.49rem 1.6rem 0.49rem!important;
  background-color: #fff!important;
  font-family: 'Poppins', serif!important;
  font-size: 0.9375em!important;
  font-weight: 500!important;}

.woocommerce .coupon{width: 100%; max-width: 20em;}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button{ margin-top: -0.3em; margin-bottom: -0.3em; }

.woocommerce-info li::before, .woocommerce-error li::before, .woocommerce-message li::before{display: none;}
.woocommerce-info li, .woocommerce-error li, .woocommerce-message li{margin-bottom: 0;}
.woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before{color: #FFDE30!important; }
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tbody td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table th{font-weight: 500; letter-spacing: 0.02em; font-size: 1.125em;}
.woocommerce table.shop_table tbody td.actions{font-size: 1em; margin-bottom: 2em;}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:disabled[disabled]{opacity: 0;}
.woocommerce table.shop_table td{border-top: 1px solid #24272A;}
.woocommerce table.shop_table th{line-height: 1.75em; padding-top: 1em; font-size: 1em; padding-bottom: 1em;}
.woocommerce table.shop_table td{padding-top: 1em; padding-bottom: 1em; padding-left: 0;  line-height: 1.75em;}
.woocommerce table.shop_table th{font-size: 1em; line-height: 1.75em; padding-left: 0; padding-top: 1em; padding-bottom: 1em;}

.woocommerce table.shop_table:first-child, .woocommerce table.shop_table:first-child {
  white-space: nowrap;
  padding-right: 0em;
  padding-left: 0em;
}

.woocommerce table.shop_table{border: 0!important}
.woocommerce-cart-form .product-remove{width: 6em;}
.woocommerce-cart-form .product-remove a{float: right;}
.woocommerce table.shop_table .product-subtotal{width: 10em;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th{border-top: 1px solid #24272A; }
.woocommerce table.shop_table td span{float: right;}
.woocommerce table.shop_table td .woocommerce-Price-currencySymbol{float: left;}

.woocommerce table.shop_table td:last-child{padding-right:0; }
.woocommerce .product-subtotal .woocommerce-Price-amount{text-align: left; float: left;}



.woocommerce .blockUI.blockOverlay{opacity: 0.9!important; background-color: #F3F2EF!important;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
float: right!important;
  width: 100%!important;
  max-width: 32.4em!important;
}

.woocommerce-table__product-table, .woocommerce table.shop_table td:last-child{text-align: right;}
.woocommerce ul.order_details li::before{display: none!important;}
.woocommerce .woocommerce-customer-details--phone{margin-bottom: 0!important;}
.woocommerce .woocommerce-customer-details address{padding: 0; border:0;}

.woocommerce-notice--success{position: relative; float: left; font-family: 'Inter Tight', serif; font-weight:500; clear: both; width: 100%; letter-spacing: 0.02em; line-height: 1.2em; font-size:2.625em; margin-bottom: 2rem}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image{display: none!important;}
.wc-block-components-order-summary .wc-block-components-product-metadata{display: none!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices{display: none!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description{padding-left: 0!important; padding-right: 0!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price, .wc-block-components-totals-item__value, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-weight: 500!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item{font-size: 1em!important;}
.wc-block-components-chip.wc-block-components-chip--radius-large{border: 0!important;}
.wc-block-components-totals-item__description ul li::before{display: none!important;}
.wc-block-components-chip .wc-block-components-chip__text{font-size: 1em!important;}
.wc-block-components-chip.wc-block-components-chip--radius-large{padding: 0.2em 0!important;}

.loginwoo .u-column1, .loginwoo .u-column2{width: 100%!important; max-width: 40em!important; float: left!important;}
.loginwoo .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{width: 100%;}



/* Stijl voor het WooCommerce wachtwoord reset formulier */
.woocommerce .woocommerce-ResetPassword {
  width: 100%;
    max-width: 30em;
    float: left; clear: both;
    padding: 0px;
}

.woocommerce .woocommerce-ResetPassword {}

.woocommerce-form-row .password-input{position: relative; float: left; width: 100%; display: block;}
.woocommerce-form-row span.required{position: relative; display: inline; float: none; width: auto;}

.woocommerce .input-text, .page-account .input-text{width: 13em; padding: 0.49rem 1rem 0.49rem!important; border: display: block;
  width: 100%;
  padding: 0.8em 1em;
  font-family: inherit;
  letter-spacing: 0.02em;
  border: 1px solid #24272A;
  color: #24272A;
  border-radius: 0;
  background-color: #fff;
  font-size: 1em;
  line-height: 1.5;
  box-sizing: border-box;;
  background-color: #fff!important;
  font-family: 'Poppins', serif!important;
  font-size: 0.9375em!important;
  font-weight: 500!important;}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{border: 0; padding:0; margin-top: 0;}
.woocommerce-form-login__rememberme{display: none!important;}

.woocommerce .woocommerce-form-login__submit{margin-top: 1em!important; margin-bottom: 1em!important}
.woocommerce-form-register__submit{margin-top: 2em!important;}
.woocommerce-form__label-for-checkbox{line-height: 1.6em!important;}
.woocommerce form .form-row .woocommerce-form__label-for-checkbox .input-checkbox{margin: 0.4em 0.6em 0em 0;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{width: 100%;}
.woocommerce form .form-row{padding: 0;}
.woocommerce-ResetPassword .woocommerce-Button{margin-top: 1em!important;}

.woocommerce-form__input-radio{width: auto; margin-top: 0.4em; margin-right: 0.5em;}
.page-account fieldset{position: relative; float: left; clear: both; width: 100%; margin-bottom: 2em;}
.page-account .button{margin-top: 2em;}

.verberg{display: none!important;}

.form-toggle-buttons button{margin-right: 1em; margin-bottom: 1em;}
.form-toggle-buttons button.active{background-color: #FFDE30 !important; color: #24272A !important;}

.page-account #shipping-form h3, .page-account #billing-form h3{display: none;}


.woocommerce-shipping-totals,
.wp-block-woocommerce-checkout-order-summary-shipping-block,
.wc-block-components-address-form__address_2-toggle,
.wc-block-checkout__shipping-option
{display: none!important;}

.wc-block-checkout__terms a{text-decoration: underline;}

.wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="password"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"]{
  font-size: 1.2em!important; letter-spacing: 0.01em;
  padding: 2em .5em 1em!important;
}
.wc-blocks-components-select .wc-blocks-components-select__select{
    font-size: 1.2em!important; letter-spacing: 0.01em;
    padding: 1em .5em 0!important;
}
.wc-blocks-components-select .wc-blocks-components-select__container{height: 4em!important;}
.wc-block-components-address-card address .wc-block-components-address-card__address-section:first-child{font-weight: 500!important;}
.wc-block-components-title.wc-block-components-title{margin-bottom: 1em!important;}

.wc-block-checkout__payment-method .wc-block-components-radio-control.disable-radio-control .wc-block-components-radio-control__option{border-bottom: 1px solid;}
.wc-block-components-radio-control-accordion-content{padding: 1.2em 16px 1em!important;}
.wc-block-components-address-card__edit{width: auto!important;}
.wc-block-components-title.wc-block-components-title{font-size: 2em!important; margin-bottom: 1.3rem!important;}
.wc-block-checkout__actions_row{margin-bottom: 4em!important;}

.englishblock{
  background-color: #EAE9E3;
  border-radius: 0.94em;
  padding: 2.8em 3em;
}

.singe-docenten .blockdefault{min-height: 45em;}
/*/////////////// Alternatieve identiteit ///////////////*/

/*
.page-home .bg{position: fixed; z-index: 4; width: 100%; height: 38em; max-height: 38em; background: none; background-color: #E2DED4; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; top: 0; left: 0;transform:translateY(0); }
.logo, .contentheader h1, .contentheader, header nav a, .contentheader h1 strong, header nav a.active{color: #24272A;}
header nav a.active{border-bottom: 1px solid;}
*/

.cmsbtn{position: fixed; left: 0em; top:0em; float: left; display: block; width: auto; text-align: left; padding: 0.35em 1.1em 0.45em; background-color: #24272A; font-size: 0.9em; z-index: 99; color:#FFDE30!important; border: 0px solid; border-radius: 0; border-bottom-right-radius: .45em; transition:background-color 0.2s ease; }

label:has(> #mailchimp_woocommerce_is_transactional) {display: none!important;}

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

@media screen and (min-width: 1200px) {
  .page-account main{
    display: flex;
    flex-flow: row nowrap;
  }
  .page-account .extranav{ width:30em; }
  .page-account .extranav nav.subnav {
    position: relative;
    text-align: left;
    padding: 4em 0 0 2em;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    gap: 1.8em 2.7%; 
  }
  .page-account .blockdefault{padding-left: 2em; padding-right: 2em;}
}
@media screen and (max-width: 1450px) {

  

}

@media screen and (max-width: 1320px) {
  
  html{font-size: 15px;}
  .blockbanners .bannerslider{width: calc(100% + 4em); left: -2em;margin-bottom: 0em;}
  .blockproducten .catalogusall .productitem{width: 25%; }
}

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

  
}

@media screen and (max-width: 1250px) {
  
  html{font-size: 14px;}
  .highlighteditems {gap: 2em 2em;}

}

@media screen and (max-width: 1150px) {
 
 .contentheader .thumb{ width: 42.7em; height: 28em;}
 .contentheader {margin-bottom: 4em;}
  .page-home .bg{background-image: url('../img/bg/btnbg_mobile.jpg'); background-size: 125% auto; }
  header{background-image: url('../img/bg/btnbg_mobile.jpg'); background-size: 125% auto;}
  .page-home header{background: none;}
  .twocolumns .b60, .twocolumns .b40{width: 50%;}
   header .btnsecundair {text-transform: capitalize;}
  header .btnsecundair span{display: none;}
}

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

  h1, .blockhomeproducten .headgroup h2, .blockhomecursusaanbod .headgroup h2, .blockimgcontent h2, .blockbanners .bannerslider .banneritem .titel2{ font-size: 2.3em; }
  
  header .btnsecundair {text-transform: capitalize;}
  header .mainnav{display: none;}
  header .hamburger{display: block;}
  header .floatr .btn { margin-right: 1.6em; }
  header .languages {display: none;}

}

@media screen and (max-width: 980px) {
 
  .page-home .bg{ height: 34em; max-height: 34em;}
  .contentheader {margin-bottom: 4em;}
  .contentheader .thumb{margin-top: 4em;  position: relative; float: left; width: 100%; height: auto; padding-bottom: 50%;}
  footer .allnav .group{min-width: 5em; width: 12em;}
  .contentheader .thumb{padding-bottom: 68%; width: calc(100% + 4em); left: -2em;}
  .notop .contentheader{top:auto; opacity: 1;  transition: opacity 0.4s ease;}
  .contentheader .thumb{display: none;}
  .thumbmobile{display: block;}
  .cursusaanbodall.cursussenoverzicht{max-height: none;}
  .cursusaanbodall.cursussenoverzicht .group{width: 100%;}
  .extranav nav.subnav { gap: 1em 5%;}
  .docenten .docent{width:25%;}
  .blockproducten .catalogusall .productitem{width: 33.33%; }
  .page-account .cursuskalenderbig .reep .column.days{clear: both;}
  .shoppinglist .product-quantity{display: none;}
}

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

  .twocolumns .b60, .twocolumns .b40{width: 100%;}
  .singe-docenten .sheet{left:0em; max-width: 100%;}
  .singe-docenten .sheet .blockimage .inner{position:relative; top: auto; left:auto; margin: 0 0 4em 0;}
  .singe-docenten blockquote p{position: relative; float: left; left:auto; max-width: 22rem; top:0; margin-bottom: 5.5rem; margin-top: 3rem; padding-left: 2rem; border-left: 1px solid;}

  .winkelmandtoevoeging .paperbox{width: 100%; max-width: 22em;}
  .winkelmandtoevoeging .paperbox .btn{margin: 0; width: 100%; text-align: center; margin-bottom: 1.3em; box-sizing: border-box;}

}

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

  .blockhomeproducten .filters{display: none;}
  .blockbanners .bannerslider .content{position: relative; left:auto; text-align: left; top: auto; transform:  translateY(0%) translateX(0%); padding: 2em 2em 8em; background:none; color:#24272A; }
  .blockbanners .bannerslider img{position: relative; width: 100%; height: auto; min-height: 66vw; object-fit: cover; left: auto; top: auto;}
  .blockbanners .bannerslider .banneritem .thumb{height: auto; padding-bottom: 0;}
  .blockbanners .bannerslider .slick-dots li.slick-active button{background-color: #24272A; color: #24272A;}
  .blockimgcontent .group .thumb{min-height: 68vw;}
  footer .socials{position: relative; float: left; width: auto; left: 50%; top: auto; margin-top: 4em; transform: translatex(-50%); }
  .filtercursus{width: 15em;}
  .cursuskalenderbig .reep .column.volgeboekt{padding-right: 1em;}
  .cursuskalenderbig .reep .column.volgeboekt p{margin-top:0.3em;}

  .allcursussen .cursusaanbodallemaal{width: calc(100% - 19em);}
  .cursuskalenderbig .reep .column.location{float: right; }
  .eng span{display: none;}
   .aanbiederslider .aanbieder{padding: 0 1.4em;}
  .blockaanbieders{overflow: hidden;}
  .aanbiederslider{width: 106%; left: -3%;}
  .aanbiederslider2 .aanbieder{padding: 0 1.4em;}
  .aanbiederslider2{width: 106%; left: -3%;}
  .aanbiederslider .slickbtn{display: none!important;}
}

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

  .blockimage .inner{position:relative; top: auto; left:auto; margin: 0 0 4em 0;}
  .blockdefault .sheet{max-width: 100%;}
  .docenten .docent{width:33.33%;}
  .page-contact .b50{width: 100%;}
  .page-account .cursuskalenderbig.cursusmateriaalall .reep .column.title{width: 100%;}

}


@media screen and (max-width: 768px) {
  .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width: 100%; margin-top: 3em;}
  .woocommerce table.shop_table .product-subtotal{width: 5em;}
}

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

  .cursuskalenderbig .reep .column.title{width:calc(100% - 8.4em);}
  .page-account .cursuskalenderbig .reep .column.title{width:100%;}
  .cursuskalenderbig .reep .column.date{margin-bottom:0.7em}
  .cursuskalenderbig .reep .column.location{margin-bottom:0}
  .cursuskalenderbig .reep .column.days{clear: both;}
  .cursuskalenderbig .reep .column.days p{min-height: 0;}
  .cursuskalenderbig .reep .column.days p{margin-top:0.3em;}
  .cursuskalenderbig .reep .column.title span{margin-top:0.5rem;}
  .blockproducten .catalogusall .productitem{width:50%; }

}

@media screen and (max-width: 650px) {
  
 footer .allnav .group{min-width: 5em; width: 10em;}
  .allcursussen .cursusaanbodallemaal{width: calc(100% ); margin-top: 3em;}
  .flat-checkbox span{width: 15px; height: 15px;}
  .filtercursus{width: 100%; max-height: 5em; overflow: hidden; cursor: pointer; transition: max-height 1s ease;}
  .filteropen .filtercursus{max-height: 80em;}
  .filtercursus h3{margin-top: -0.2em;}
  .filtercursus h3::after{position: absolute; right: 0;font-size: 0.6em; width: 1.8em; text-align: right; height: 1.8em;  font-family: "dutch-institute"; content: "\e904";}
  .filtersall{display:flex; flex-flow:column wrap; justify-content:left; gap: 0em 0em; max-height: 30em;}  
  .filtercursus .group{width:50%;}
  .highlighteditems .group{padding: 2em 2em; min-width: 100%; border-radius: 0.5em;}
  .englishblock{ padding: 2em 2em;}
  .billingdetails .b50{width: 100%;}
  .checkoutbottom{width: 100%;}
  .cursusaanbodall .group ul li{font-size: 1.32em; margin-bottom: 0.5em;}
}

@media screen and (max-width: 560px) {
  
  html{font-size: 13px;}
 
  h2{font-size: 1.8em;}
  .paddingx2{padding-left: 1.5rem; padding-right: 1.5rem;}
  .highlighteditems {gap: 1.5em 1.5em;}
  .contentheader .thumb{padding-bottom: 70%;}
  .contentheader{transition: opacity 0.5s ease 0.1s, transform 0s ease, top 0s ease 0s;}
  
  .catelogusslider .slick-dots{display: none!important;}
  .blockimgcontent .group .content{padding: 3em 2em; }
  .blockimgcontent{width: calc(100% + 3em); left: -1.5em; border-radius: 0;}
  .page-home .bg{ background-position: top center;}
  header{background-position: top center;}
  .docenten .docent{width:50%;}
  .cursuskalender .reep .leftside{width: calc(100% - 7rem); max-width: 20em;}
  .cursuskalender .reep .rightside{width: 7rem}

}

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

  html{font-size: 12px;}
  .page-account .cursuskalenderbig.cursusmateriaalall .reep .column.volgeboekt{float: left; }
  .page-account .cursuskalenderbig.cursusmateriaalall .reep .column.volgeboekt p{text-align: left;}
}

@media screen and (max-width: 360px) {
  .blockproducten .catalogusall .productitem{width:80%; left: 10%; }
}

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

  html{ font-size: 11px;}

}

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

 .docenten .docent{width:80%; left: 10%;}



}

@media screen and (max-height:950px) {
 
}

@media screen and (max-height:760px) {

}

@media screen and (max-height:720px) {

}

@media screen and (max-height:600px) {

}