@CHARSET "UTF-8";

@font-face {
  font-family: 'Beacon';
  src:url('/gsdfw/includes/webfonts/beacon/Beacon.ttf.woff') format('woff'),
  url('/gsdfw/includes/webfonts/beacon/Beacon.ttf.svg#Beacon') format('svg'),
  url('/gsdfw/includes/webfonts/beacon/Beacon.ttf.eot'),
  url('/gsdfw/includes/webfonts/beacon/Beacon.ttf.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

:Root{
  --base-white: #fff;
  --light-gray: #eee;
  --desmaak-green: rgba(174, 198, 184, 0.9);
  --desmaak-green-transparant: rgba(174, 198, 184, 0.3);
  --desmaak-brown: #726659;
  --desmaak-dark-brown: #41302d;
  --desmaak-green-hover: #81A691;
  --intense-green: #00A768;
  --gray-accent: #999;
  --standout: #7DABC9;
  --standout-hover: #5994BA;

  --desmaak-font-h: 'Beacon';
  --desmaak-font-std: "Open Sans", sans-serif;
}

body {
  color: #726659;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
}

.main {
  background: url(../images/background.jpg);
 }


a  {
  color: black;
}

a:hover, a:focus {
  color: black;
}

.max-width{
  margin: auto;
  max-width: min(90vw, 1100px);
}

.standout-text {
  color: var(--desmaak-brown);
  font-style: italic;
  font-size: 1.4em;
  font-weight: 1000;
  min-width: 250px;
}

.standout-text-small {
  color: var(--desmaak-brown);
  font-style: italic;
  font-size: 1.15em;
  font-weight: 1000;
}

.transparant-green-bg {
  background: var(--desmaak-green-transparant);
}


.inputerror, .inputerror .btn {
  border: 1px solid #A94442 !important;
}

.inputerror.bootstrap-select {
  border: inherit !important;
}

.basic-flex-column {
  display: flex;
  flex-direction: column;
}

.basic-flex-row {
  display: flex;
  align-items: baseline;
  gap: 1em;
  flex-wrap: wrap;
}

.alert-danger {
  background: var(--desmaak-brown);
  color: white;
  font-size: 1.1em;
  font-weight: bold;
}

.alert-success {
  background: var(--desmaak-green);
  color: white;
  font-size: 1.1em;
  font-weight: bold;
}

.top-icon{
  font-size: 2rem;
  margin-top: 0.3rem;
}

.shopping-menu {
  display: flex;
  justify-content: center;
  width: 60vw;
  gap: 0.5em;
  font-size: 2.3rem;
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1001;
}

.selectpicker {
  border-radius: 2px;
}

.bootstrap-select.btn-group .dropdown-menu {
  z-index: 1000000;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 370px;
}

.navbar-brand {
  display: none;
  height: 70px;
  padding: 5px 10px;
}
.navbar-brand img {
  height: 70px;
}
.navbar-custom .navbar-toggle .icon-bar {
  background: #aec6b8;
}
.navbar-toggle {
  border-color: #aec6b8;
}

.card-total {
  display: inline-block;
  line-height: 1.05em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  background-color: var(--base-white);
  border-color: var(--intense-green);
  border-style: solid;
  border-width: 1px;
  color: var(--intense-green);
  border-radius: 50%;
  position: relative;
  right: 15px;
  top:5px;
  margin-right: -15px;
  font-size: 0.9em;
}


#about {
  padding-top: 0;
  background: url(../images/background.jpg);
}

a.logo_other {
  float:left;
  padding: 15px;
  opacity: 0.4;
}
a.logo_other img {
  height: 52px;
}
a.logo_other:hover {
  transition: opacity 0.3s ease-in-out 0s;
  opacity: 1;
}

.navbar-transparent {

}

.navbar-custom {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
  font-size: 14px;
  background: url(../images/background_header.jpg);
}
.navbar-custom span {
  letter-spacing: 0;
  color: #4e3f3c;
}

.dropdown-menu {
  font-size: 14px;
}

#navbar_wrap {
  background-color:rgba(174, 198, 184, 0.9);
  width: 100%;
}

.navbar-custom .dropdown-menu {
  background: rgba(174, 198, 184, 0.9);
}
.navbar-custom .dropdown-menu > li > a {
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.125s ease-in-out 0s;
}

.navbar-custom .nav li > a.active  {
  color: white;
}
.navbar-custom .nav li > a {
  font-weight: 600;
  color: #4e3f3c;
  text-transform: uppercase;
}


h1 {
  font-family: "Beacon", sans-serif;
  font-size: 66px;
}

.highlight {
  font-weight: bold;
  font-size: 1.3em;
  font-style: italic;
}

.margin-top-1em {
  margin-top: 1em;
}

.medium-txt {
  font-size: 16px;
}

.flag {
  padding-right: 10px;
}

.bg-dark {
  background-color: rgb(174, 198, 184);
}

#features {
  padding: 0 0 0 0;
}

#folder {
  margin: 0 50px 30px 50px;
}

#folder_txt {
  padding-top: 60px;
}

.module-tiny {
  padding: 20px 0;
}

.navbar-custom + .main {
  margin-top: 140px;
}
nav + .main {
  margin-top: 140px;
}

.font-alt {
  font-family: "Open Sans", sans-serif;
  text-transform: none;
}

.alt-features-icon {
  background:url(../images/flag.png) no-repeat 0 3px;
}

.alt-features-item {
  margin: 40px 0 0 0;
}



#footer_contact {
  background: url(../images/background.jpg);
  border-top: 5px solid #aec6b8;
}

#footer_contact a {
  color: #726659;
}
.fa.fa-facebook, .fa.fa-whatsapp, .fa.fa-twitter, .fa.fa-youtube, .fa.fa-instagram, .fa.fa-linkedin {
  border: 1px dotted #c2c2c2;
  font-size: 16px;
  padding: 5px 0;
  margin: 5px 10px 5px 0;
  background-color: #4862A3;
  color: white;
  border-radius: 5px;
  width: 30px;
  text-align: center;
}

#leftcolumn.fallbackimage {
  background-repeat: no-repeat;
  border-radius: 4px 4px 0 0;
  min-height: 350px;
  margin: 20px 0 0 0;
}
ul.arrow_list, ul.arrow_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.arrow_list li {
  padding: 0 0 4px 25px;
}
ul.arrow_list li ul li {
  padding: 0 0 4px 20px;
}
ul.arrow_list i.fa-arrow-circle-right {
  margin: 1px 0 0 -25px;
  font-size: 17px;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
}
ul.arrow_list li > a:hover {
  transition: all 0.3s ease 0s;
  color: #82B53B;
}
ul.arrow_list li > a:hover i.fa-arrow-circle-right, ul.arrow_list li.active > a i.fa-arrow-circle-right {
  transition: all 0.3s ease 0s;
  color: #82B53B;
}
.icon-tags {
  margin-right: 10px;
  color: #726659;
}
.tags a {
  color: #726659;
  background: none;
}
.tags a:hover {
  color: black;
  background: none;
}
.hs-caption-button{
  position: absolute;
  width: 160px;
  height: 75px;
  color:#f00;
  left: 50%;
  bottom: 0;
  margin-left: -80px;
  z-index: 12;
  text-align: center;
}
.hs-caption-button-left{
  float:left;
  width:30px;
  height: 75px;
  background-image: url("../images/hs-caption-button-left.png");
}
.hs-caption-button-right{
  float:left;
  width:30px;
  height: 75px;
  background-image: url("../images/hs-caption-button-right.png");
}
.hs-caption-button-center{
  float:left;
  width:100px;
  height: 75px;
  border-top-left-radius:30px;
  -webkit-border-top-left-radius:30px;
  -moz-border-top-left-radius:30px;
  border-top-right-radius:30px;
  -webkit-border-top-right-radius:30px;
  -moz-border-top-right-radius:30px;
  background-color: #fff;
}
.hs-caption-button-center-arrow{
  width: 30px;
  height: 56px;
  margin-top: 13px;
  margin-left:35px;
  background-image: url("../images/ijs_down.png");
}
#home .flex-control-nav{
  bottom: 100px;
}
.slider-image-txt {
  text-align: left;
  padding: 5px 15px 5px 30px;
  background-color: rgba(205,53,24,0.7);
  margin: 0 30px 60px 30px;
  display: inline-block;
  letter-spacing: 10px;
  font-size: 32px;
}
.slider-wheater h4 {
  font-size: 26px;
}
.slider-wheater {
  margin: 0 30px 60px 30px;
  padding: 5px 15px 15px 15px;
  display: inline-block;
  background-color: rgba(205,53,24,0.85);
  text-align: left;
  font-size: 20px;
}
.slider-wheater ul {
  padding-left: 20px;
}
.slider-wheater li {
  text-align: left;
}

.slider-small {
  max-height: 60vh;
}

.caption-content {
  vertical-align: bottom;
  text-align: left;
}


div.errorbox ul,
div.warningbox ul,
div.alert ul {
  padding: 0 20px;
  margin: 5px 0 0 0;
}
.asterisk {
  color: #A94442;
  display: inline;
}

.work a {
  overflow: auto;
}
.work-show {
  padding: 13px 0 7px 0;
  opacity: 1;
  top: calc(50% - 30px);
  position: absolute;
  text-align: center;
  overflow: hidden;
  color: #41302d;
  background: rgba(255, 255, 255, .8);
  margin: 0 15px;
  width: calc(100% - 30px);
  display: block;
  font-family: "Beacon", sans-serif;
  font-size: 50px;
  line-height: 1;
}
#newsheader {
}
.testimonial-text {
  font-size: 26px;
  font-style: italic;
  font-weight: 700;
}
.testimonial-caption {
  font-weight: 700;
}
.btn.btn-d {
  background: #41302d;
}
.btn.btn-d:hover {
  background: black;
  color: white;
}
#ijskar .callout-title {
  padding-top: 20px;
}
#ijskar .callout-btn-box {
  padding-top: 15px;
}

#special_menu {
  width: 120px;
  height: 30px;
  margin: 0 85px 0 45px;
}
.navbar-nav {
  padding-left: 70px;
}
#special_menu a {
  background-image: url("../images/logo.png");
  width: 177px;
  height: 161px;
  top: -73px;
  position: absolute;
}
.navbar-header {
  height: 80px;

}
.parent_in_subpage {
  display: none;
}


.brand_filter {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #aec6b8;
}
.brand_filter a {
  display: block;
  text-align: center;
  width: 100%;
}
a.brand_titel {
  font-weight: 500;
  font-size: 16px;
  padding: 3px;
  background-color: #FBFBFB;
  border-radius: 0 0 3px 3px;
}

.brand_filter:hover {
  border-color: #726659;
  color: #726659;
}
.active_brand {
  border: 1px solid #726659;
}
#filter {
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 15px;
}
/** Products vert start **/
.content-description {
  font-size: 1.2em;
  font-style: italic;
  text-align: center;
}

.products-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1em;
}

.products-card {
  width: clamp(5em, 538px, 90vw);
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.products-card:hover .products-image-and-title {
  transform: scale(1.1);
  overflow: hidden;
}

.products-image-and-title {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.6fr 1fr;
  justify-items: center;
  align-items: baseline;
  width: 100%;
  max-height: 329px;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
  /*border: solid 2px var(--desmaak-green);*/
}

.products-overlay-title {
  background-color: rgba(255, 255, 255, 0.8);
  grid-row: 2 / 3;
  grid-column: 1 / 1;
  z-index: 1;
  overflow: hidden;
  /*width: 100%;*/
}

.products-overlay-title > h2 {
  margin: 0.4em 0.6em;
  color: var(--desmaak-dark-brown);
  font-family: var(--desmaak-font-h);
  font-size: 2.5em;
  overflow: hidden;
  text-align: center;
}

.products-image {
  grid-row: 1 / 3;
  grid-column: 1 / 1;
  width: 100%;
  max-height: 329px;
  height: 329px;
  object-fit: cover;
  overflow: hidden;
}

.products-image > img {
  height: inherit;
  width: inherit;
  /*position: absolute;*/
}

.products-info {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 5%;

}

.products-text {
  height: 100px;
  width: 100%;
  color: var(--desmaak-brown);
  font-style: italic;
  font-size: 1.15em;
}

.products-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("../images/hmm-circle.png");
  background-size: min(20vw,100px) min(20vw,100px);
  background-repeat: no-repeat;
  width: min(35vw,150px);
  height: min(20vw,100px);
  margin-left: 25px;
  position: relative;
  bottom: calc((min(20vw,100px))/2);
  z-index: 1;
}

.products-price-old{
  color: white;
  font-size: min(3vw, 1em);
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin-right: min(10vw, 1.5em);
}

.products-price-value {
  color: white;
  font-size: min(5vw, 1.8em);
  font-style: italic;
  font-weight: bold;
  text-align: center;
  margin-right: min(7vw, 0.5em);
}

.products-page-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("../images/hmm-circle.png");
  background-size: 100px 100px;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  /*margin-left: 25px;*/
  /*position: relative;*/
  /*bottom: calc((min(20vw,100px))/2);*/
}

.products-page-price > * {
  text-align: center;
  margin-right: 0;
  width: 100%;
  font-size: 1.8em;
}

.products-page-buttons {
  display: flex;
  gap: 2em;
  flex-wrap: wrap;
}

.productpage-container {
  display: flex;
  flex-direction: row;
  gap: 2em;
  padding: 3em 0;
}

.productpage-column {
  width: 50vw;
}

.productpage-column.left {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
}

.productpage-column.right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.productpage-info {
  width: 500px;
  /*width: max(24vw, 500px);*/
  /*margin-left: 5vw;*/
}

.productpage-text > * {
  text-decoration: none;
  font-style: italic;
}

.productpage-image {
  width: 100%;
  /*padding-top: 2em;*/
  /*width: 49vw;*/
}

.productpage-extra-images {
  display: flex;
  width: 49vw;
  margin-left: 50vw;
  justify-content: space-evenly;
}

.productlinks-container{
  display: flex;
  justify-content: center;
  gap: 2em;
  margin: 2em;
  margin-top: 0;
}

@media only screen and (max-width: 850px) {
  .productpage-container {
    display: flex;
    flex-direction: column-reverse;
  }

  .productpage-column {
    width: 100%;
  }

  .productpage-column.left {
    display: flex;
    justify-content: center;
    padding: 1em;
  }

  .productpage-extra-images {
    width: 100%;
    margin-left: 0;
  }
}







.product-col {
  padding: 15px 15px 10px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
  min-height: 325px;
}
.ft-white {
  color: #fff !important;
}
.bg-yellow {
  background-color: #aec6b8;
}
.product-col .image img {
  max-height: 170px;
}
.product-col .caption h4.ft-green{
  height: 60px;
}
.product-col .caption .description{
  height: 46px;
}
.price-2-digits-ft-size{
  font-size:24px;
}
.price-3-digits-ft-size{
  font-size:24px;
}
.price-4-digits-ft-size{
  font-size:20px;
}
.price-5-digits-ft-size{
  font-size:17px;
}
.price-6-digits-ft-size{
  font-size:17px;
}
.price-7-digits-ft-size{
  font-size:14px;
}
.discountflag{
  padding:5px 10px;
  font-weight: bold;
  position: absolute;
  top:20px;
  left:40px;
  border-radius:5px;
}
.price-dot-circle{
  border-radius: 37.5px;
  padding:22px 10px;
  height: 75px;
  width: 75px;
  position: absolute;
  top: 5px;
  right:20px;
  color: black;


}
/** Products vert end **/
/* -------------------------------------------------------------------
Multi-columns-row: div rijen netjes lijnen
------------------------------------------------------------------- */

.multi-columns-row .first-in-row {
  clear: left;
}

.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {

  .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }

  .navbar-custom .nav li a.itemresp {
    display: none;
  }
  .shopping-menu {
    top: 20px;
    right: 0;
    justify-content: flex-end;
    width: 80vw;
    max-width: 1050px;
    margin:auto;
  }
}

@media (min-width: 992px) {

  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }

}

@media (min-width: 1200px) {

  .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
  .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
  .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

  .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
  .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
  .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }

  .topmenu {
    padding-right: 36px !important;
  }
  .pull-left.topmenu {
    padding: 0 65px 0;
  }
  .pull-right.topmenu {
    padding: 0;

  }
}

.fa.fa-twitter {
  background-color: #1DA1F2;
}

.fa.fa-youtube {
  background-color: #E62117;
}
.fa.fa-whatsapp {
  background-color: #00991D;
}
.fa.fa-linkedin {
  background-color: #0A66C2;
}
.fa.fa-facebook:hover, .fa.fa-whatsapp:hover, .fa.fa-twitter:hover {
  border: 1px solid #726659;
}


/********************* MEDIA *********************/

@media (max-width: 1199px) {
  a.navbar-brand {
    max-width: 300px;
  }
  a.logo_other img {
    height: 34px;
  }

  .navbar-brand  {
    display: block;

  }
  .navbar-nav {
    padding-left: 0;
  }
  #special_menu {
    display: none;
  }


}
@media (max-width: 767px) {
  .slider-wheater {
    display: none;
  }

  a.logo_other {
    display: none;
  }
  .navbar-custom {
    border-bottom: 1px solid #aec6b8;
  }
  .navbar-custom + .main {
    margin-top: 80px;
  }
  .footer img {
    margin: 10px 0;
  }

  .map-as-image{
    margin-bottom: 15px;
  }
  .parent_in_subpage {
    display: list-item;
  }

}

@media (min-width: 768px) {
  .openingstijden-mobile {
    display: none;
  }

  .navbar-transparent {
    padding-bottom: 0;
    padding-top: 0;
  }
  .navbar-nav>li>a {
    padding: 15px 18px
  }
}


.rightblock {
  background-color: white;
  border:1px solid #DDD;
  margin-bottom: 10px;
}
.rightblock > h4 {
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
  font-size: 36px;
  font-family: "Beacon", sans-serif;
}

.rightblock > h5 {
  margin: 10px 0 0 0;
  padding: 0 0 10px 20px;
  font-weight: 600;
  border-bottom:1px solid #DDD;
  color: #585858;
  font-size: 14px;
}

.rightblock h5 {
  font-weight: 600;
}

.rightblock > div {
  padding: 10px 20px 10px 20px;
}

.rightblock ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
.rightblock_dealers {
  border-radius: 5px 5px 0 0;
}
.rightblock_dealers .focus_text {

  font-size: 14px;
  font-weight: normal;
}

.rightblock_dealers ul.usps {
  margin-top: 15px;
}
.rightblock_dealers ul.usps li {
  padding: 3px 0;
}
.rightblock_dealers ul.usps i {
  font-size: 17px;
  padding: 3px 0;
  color: #B43929;
}
.rightblock_dealers ul.usps {
  margin-left: 2em;
}
.pagegallery-slider {
  position: relative;
}

.jena-border a {
  margin-bottom: 15px;
  display: block;
}

@media (max-width: 767px) {
  .widget {
    margin-bottom: 0; !important;
  }
}


/********************* CONTACT MAP *********************/

#gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
#gmap iframe,
#gmap object,
#gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gdirections {
  width:100%;
}

.adp-text {
  padding-left: 30px;
}
.map-as-image{
  max-width:555px;
  height: 306px;
  background-image: url("../images/landkaart.png");
  background-position: center;
}
.contenttxt ul, .contenttxt ol {
  padding-left: 20px;
}

.form-control {
  text-transform: none;
}
.input-group-addon {
  border-color: #EAEAEA;
}
#leftmenu {
  padding: 25px 20px 20px 20px;
  border-radius: 4px 4px 0 0;
}

#leftmenu a {
  color: #585858;
  font-weight: 600;
}
#leftmenu li.active > a, #leftmenu li > a:hover {
  color: #82B53B;
}


/* -------------------------------------------------------------------
COOKIES
------------------------------------------------------------------- */
#c-cookies {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
  display: none;
}
#c-cookies .cookies {
  text-align: center;
}

#c-cookies .cookies_wrapper {
  background-color: rgba(44,51,54,.9);
  color: #fff;
  padding: 30px;
  display: block;
}
#c-cookies p {
  color: #fff;
  position: relative;
  padding-right: 10px;
  margin: 0;
}
#c-cookies .cc-btn-close {
  padding: 5px;
  border: 1px solid rgb(174, 198, 184);
  border-radius: 5px;
  z-index: 1000000;
  color: rgb(174, 198, 184);
}
#c-cookies a {
  color: rgb(174, 198, 184);
}
/* -------------------------------------------------------------------
COOKIES END
------------------------------------------------------------------- */



.topitem {
  padding-left: 20px;
  /*text-transform: uppercase;*/
  /*font-style: italic;*/
  font-weight: 600;
  color: #4e3f3c;
}

.icecream {
  padding-left: 20px;
  /*text-transform: uppercase;*/
  /*font-style: italic;*/
  font-weight: 600;
  color: var(--desmaak-green-hover);
  position: relative;
  left: 56px;
  transform: rotate(35deg);
  z-index: -1;
  bottom: 16px;
}

.topitem.small {
  font-size: 12px;
}
.topitem.small a {
  color: #4e3f3c;
}

.topitem.medium, .topitem.medium a {
  font-size: 15px;
  color: #4e3f3c;
  transition: all 0.2s;
}

.topitem.medium a:hover {
  color: #fff;
}



/* Winkelmandje */
.container_payment_head{
  padding-top: 3em;
  display: flex;
  flex-direction: column;
}

.btn-vw {
  width: 50ch;
  display: inline-block;
}

.basket-container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1em;
  /*gap: 1em;*/
}

.login-container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1em;
  gap: 1em;
}

.spacer-1rem {
  height: 1rem;
}

.spacer-3rem {
  height: 3rem;
}


.login-list {
  flex: 3 3 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5em;
}

.gegevens {
  margin-top: 2em;
}

.gegevens > h3 {
  padding-bottom: 0.5em;
  border-bottom: solid 1px var(--desmaak-green);
}

.inputfield {
  /*display: flex;*/
  /*flex-wrap: wrap;*/
  /*justify-content: center;*/
  /*gap: 0.5em;*/
  padding-top: 1em;
}

.inputfield > label {
  min-width: 20ch;
  margin-top: 1em;
}


.inputfield-sex {
  min-width: min(90vw, 600px);
  border: 1px var(--desmaak-green) solid;
  padding: 0.4em 1em;
  border-radius: 2px;
}

.inputfield-user {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  align-items: baseline;
  gap: 1em;
  padding-top: 1em;
}

.inputfield-user > input {
  min-width: min(90vw, 600px);
  border: 1px var(--desmaak-green) solid;
  padding: 0.4em 1em;
  border-radius: 2px;
}

.inputfield-user > label {
  min-width: 25ch;
}

.inputfield-names {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 1em;
  min-width: min(90vw, 600px);
}

.inputfield-names > input {
  border: 1px var(--desmaak-green) solid;
  padding: 0.4em 1em;
  border-radius: 2px;
}

.inputfield-voornaam {
  width: 20ch;
  flex-grow: 2;
}

.inputfield-tussenvoegsel {
  width: 8ch;
  flex-grow: 0;
}

.inputfield-achternaam {
  width: 25ch;
  flex-grow: 4;
}

.inputfield-straat {
  width: 25ch;
  flex-grow: 4;
}

.inputfield-nr {
  width: 8ch;
  flex-grow: 0;
}

.inputfield-plaats {
  width: 25ch;
  flex-grow: 4;
  margin-top: 1em;
}

.inputfield-postcode {
  width: 12ch;
  flex-grow: 0;
}

.inputfield-country {
  padding-top: 1em;
}

.inputfield-country > * {
  min-width: min(90vw, 40ch);
  width: 100%;
  border: 1px var(--desmaak-green) solid;
  padding: 0.4em 1em;
  border-radius: 2px;
}

.login-form {
  max-width: 800px;
  margin: auto;
}

.forgotpw {
  color: var(--standout);
}

.basket-item-list {
  flex: 3 3 600px;
  min-width: min(70vw, 400px);

}

.basket-totals-overview {
  flex: 1 1 150px;
  display: flex;
  flex-direction: column;
  padding: 1em;
  padding-top: 0;

}

.basket-totals-overview > div {
  /*padding: 1em;*/
  /*padding-top: 0;*/
  border-radius: 0.3em;
  display: flex;
  flex-direction: column;
  align-content: center;
  text-align: center;
  gap: 0.5em;

}

.basket-totals-overview > div > h4 {
  font-weight: bold;
}

.basket-totals-overview > div > p {
  font-size: 1.2em;
  margin-bottom: 0;
}

.shoppingcart-small {
  display: flex;
  text-align: left;
  max-width: 50ch;
  margin: auto;
}

.shoppingcart-small-desc{
  width: 25ch;
  flex-grow: 1;
}

.shoppingcart-small-size{
  width:4ch;
}

.shoppingcart-small-price{
  width: 6ch;
  text-align: right;
}


.btn-desmaak-green {
  background: var(--desmaak-green);
  display:inline-block;
  text-align: center;
  color: var(--base-white);
  transition: all 0.2s;
  border: none;
  padding: 0.2em 0.2em;
}

.btn-desmaak-green:hover {
  background: var(--desmaak-green-hover);
  color: var(--base-white);
}

.btn-desmaak-round-brown {
  background: var(--desmaak-brown);
  border-radius: 50%;
  height: 100px;
  width: 100px;
  border: none;
  color: white;
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  transition: all 0.2s;
}

.btn-desmaak-round-brown:hover {
  background: var(--desmaak-dark-brown);
}

.btn-desmaak-blue {
  background: var(--standout);
  color: var(--base-white);
  letter-spacing: 0.1em;
  font-size: 1.15em;
  font-weight: bold;
  display:inline-block;
  padding: 0.6em 3em;
  border: none;
  /*border-radius: 1px;*/
  transition: all 0.2s;
}

.btn-desmaak-blue:hover {
  background: var(--standout-hover);
}

.btn-desmaak-brown {
  background: var(--desmaak-brown);
  color: var(--base-white);
  letter-spacing: 0.1em;
  display:inline-block;
  padding: 0.2em;
  border: none;
  /*border-radius: 1px;*/
  transition: all 0.2s;
  text-align: center;
}

.btn-desmaak-brown:hover {
  background: var(--desmaak-dark-brown);
  color: var(--base-white);
}

.btn-desmaak-white {
  color: var(--desmaak-green-hover);
  background: var(--base-white);
  letter-spacing: 0.1em;
  font-size: 1.15em;
  display:inline-block;
  padding: 0.6em 3em;
  border: 1px solid var(--light-gray);
  border-radius: 2px;
  transition: all 0.2s;
  width: 100%;
  text-align: center;
}

.btn-desmaak-white:hover {
  background: var(--light-gray);

}

.btn-desmaak-simple {
  background: none;
  border: none;
  color: var(--desmaak-brown);
  font-weight: bolt;
  font-size: 1.1em;
  transition: all 0.2s;
}

.btn-desmaak-simple:hover {
  color: var(--desmaak-dark-brown);
  /*text-decoration: underline;*/
}

.horizontal-line {
  height: 2px;
  width: 100%;
  background: var(--desmaak-brown);
  margin-bottom: 0.5rem;
}

.text-input-desmaak-simple {
  font-weight: normal;
  border: solid 1px var(--desmaak-green);
  border-radius: 2px;
  min-width: 30ch;
  padding: 0.5em;
}


.basket-item-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 1em;
  gap: 1em;
  /*border-bottom: 1px solid var(--desmaak-green);*/
}

.basket-item-flex > a {
  margin: auto;
}

.basket-item-vertical-flex{
  display:flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-evenly;
  align-items: flex-start;
  padding: 1em 2em;
  background: var(--desmaak-green-transparant);
}

.subtitel-choco-letter {
  line-height: 1.1em;
  font-size: 0.8em;
  color: var(--gray-accent);
  font-style: italic;
}

.basket-item-flex-data {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-between;
  width: 100%;
}

.basket-item-flex-data > * {
  font-weight: 600;
}

.basket-product-img {
  width: 180px;
}

@media only screen and (max-width: 650px) {
  .basket-product-img {
    width: 100%;
  }

  .basket-item-flex {
    gap: 0;
  }
}

.basket-buttons {
  display: flex;
  gap: 1.5em;
  align-items: baseline;
}

.plusmin-flex {
  display: flex;
  border: 1px solid var(--desmaak-green);
  border-radius: 2px;
}

.plusmin-flex > * {
  width: 2em;
  height: 2em;
  border: none;
  text-align: center;
}

.plusmin-flex > input {
  border-left: 1px solid var(--desmaak-green);
  border-right: 1px solid var(--desmaak-green);
  background: inherit;
}

.price-items {
  display: flex;
  flex-direction: column;
}

.price-items > * {
  display: flex;
}

.price-items > * > p {
  width: 12ch;
  margin: 0;
}

.border-bottom {
  border-bottom: solid 1px var(--desmaak-green);
}

.basket-picker {
  padding: 2em;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 2em;
}

#pickup_date {
  font-size: 1.15em;
}

.pay-overview-datacontainer {
  padding: 0.7em;
  margin: 1em;
}
.pay-overview-datacontainer > h4 {
  font-weight: bold;
  margin-top: 0;
}

.remark-field > * {
  width: 100%;
  height: 6em;
  overflow: hidden;
  border-color: var(--desmaak-green);
  padding: 0.5em;
  border-radius: 3px;
  resize: none;
}

.pwreset-div {
  max-width: min(90vw, 400px);
}

.letters {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-bottom: 2em;
}

.letter {
  display: flex;
  width: 9ch;
  justify-content: space-between;
  align-items: baseline;
  margin-right: 1em;
}

.letter > input {
  width: 7ch;
  background: var(--desmaak-green-transparant);
  border: none;
  padding: 0.2em;
  padding-left: 0.8em;
  margin-left: 0.5em;
  font-size: 1.1em;
  color: var(--desmaak-brown);
  font-weight: bold;
  font-style: italic;
}

/************************* Slider **********************/
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  justify-self: center;
  align-self: center;
}

.slider-image {
  /*height: calc(100vw*0.6);*/
  /*max-height: 80vh;*/
  width: 100%;
  object-fit: cover;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 35%;
  width: auto;
  padding: 10% 3% 10% 3%;
  margin-top: -22px;
  color: var(--desmaak-brown);
  font-weight: bold;
  font-size: 2em;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: var(--desmaak-dark-brown);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dots-container {
  position: relative;
  bottom: min(15vw, 50px);
  overflow: visible;
  height: 0;
}

.dot {
  cursor: pointer;
  height: 0.4em;
  width: 0.4em;
  margin: 0 0.3em;
  background-color: var(--desmaak-brown);
  border-radius: 50%;
  display: inline-block;
  transition: all 0.6s ease;
}

.active-dot, .dot:hover {
  background-color: var(--desmaak-brown);
  transform: scale(1.8);
}


/* Fading animation */
.fade-slide {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next, .text {font-size: 11px}
}


.grid-overlay-thumbs {
  display: grid;
  grid-template-columns: 40px auto 40px;
  /*margin: 1em;*/
}

.productimage-thumbs-container {
  display: flex;
  overflow-x: auto;
  grid-column: 1 / span 3;
  grid-row: 1 / 1;
  gap: 1em;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  width: 100%;
  place-self: center;

}
.productimage-thumbs-container::-webkit-scrollbar { width: 0 !important }

.productimage-thumb-image {
  width: 200px;
  height: 120px;
  object-fit: cover;
  cursor: pointer;
}

.scroll-button {
  z-index: 1;
  border: none;
  background: none;
  color: var(--base-white);
  height: 100px;
  width: 100%;
  align-self: center;
  cursor: pointer;
}
.scroll-left {
  grid-column: 1;
  grid-row: 1 / 1;
}

.scroll-right {
  grid-column: 3;
  grid-row: 1 / 1;
}

/* slider end*/