@charset "UTF-8";
/*FONTS*/
@font-face {
  font-family: "Oswald";
  src: url("../webfonts/Oswald-Regular.eot");
  src: url("../webfonts/Oswald-Regular.eot?#iefix") format("embedded-opentype"), url("../webfonts/Oswald-Regular.woff2") format("woff2"), url("../webfonts/Oswald-Regular.woff") format("woff"), url("../webfonts/Oswald-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*COLORS*/
/*ALGEMEEN*/
h1, h2, h3, h4, h5, h6 {
  font-family: "goudy-old-style", serif;
}
p, li, .djc_introdescription {
  font-family: "myriad-pro", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 200;
  color: #565656;
}
ul {
  list-style-type: none;
}
/*NAVBAR*/
.mob {
  display: none;
}
.desk {
  display: block;
}
.finder {
  display: block !important;
}
.device-xl .uk-navbar-container .uk-navbar-right {
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
}
.uk-navbar-container {
  background-image: url(../../../images/elements/bg-donker.jpg) !important;
  background-color: #312F2F !important;
}
.uk-navbar-container .uk-navbar-left, .uk-navbar-container [class*=uk-navbar-center] {
  flex-direction: column-reverse;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-toggle {
  color: #FFFFFF;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-toggle svg {
  width: 25px;
  height: 25px;
  font-weight: 700;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item {
  width: 100%;
  padding-top: 40px;
  justify-content: flex-end;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-grid {
  width: 675px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-search {
  border: 1px solid #FFFFFF;
  position: relative;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-search:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../../../images/elements/loop.svg);
  background-repeat: no-repeat;
  right: 10px;
  top: 12px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-search .uk-search-input {
  border-bottom: none;
  height: 48px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 14px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-search .uk-search-input::placeholder {
  color: #DDDDDD;
  font-size: 14px;
  line-height: 14px;
  font-style: italic;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button {
  background-color: #DE7950;
  color: #FFFFFF;
  font-family: "myriad-pro", sans-serif;
  font-size: 0px;
  font-weight: 400;
  width: 100%;
  padding: 5px 0px 5px 20px;
  text-transform: unset;
  position: relative;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button .uk-icon {
  display: none;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button:hover {
  background-color: #312F2F;
  color: #FFFFFF;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button:after {
  content: "Winkelwagen:";
  font-size: 17px !important;
  position: absolute;
  left: 43px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button .total {
  font-size: 17px !important;
  position: absolute;
  right: 10px;
}
.uk-navbar-container .uk-navbar-right .uk-navbar-item .uk-button:before {
  font-size: 17px !important;
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  background-image: url(../../../images/elements/winkelmand-copy.svg);
  background-repeat: no-repeat;
  left: 15px;
  bottom: 13px;
}
.uk-navbar-container .uk-navbar-nav {
  gap: clamp(1.25rem, calc(-5.5rem + 8vw), 2.5rem);
  height: 100px;
}
.uk-navbar-container .uk-navbar-nav .uk-active a:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  bottom: 31px;
  left: -20px;
}
.uk-navbar-container .uk-navbar-nav li:before {
  display: none;
}
.uk-navbar-container .uk-navbar-nav li a {
  color: #FFFFFF;
  font-family: "Oswald", sans-serif;
  font-size: clamp(1rem, calc(0.438rem + 0.75vw), 1.188rem);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.63px;
  position: relative;
}
.uk-navbar-container .uk-navbar-nav li a:hover:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  bottom: 31px;
  left: -20px;
  display: block;
}
.uk-navbar-container .uk-navbar-left a {
  border-bottom: 2px solid #FFFFFF;
}
/*HEADER*/
.header-b1 h1 {
  font-size: 121px;
  letter-spacing: -2.27px;
  line-height: 75px;
  color: #312F2F;
  font-weight: 900;
}
.header-b1 h2 {
  font-weight: 900;
  font-size: 69px;
  line-height: 50px;
  letter-spacing: -1.2px;
  color: #DDDDDD;
}
.header-b2 {
  background: linear-gradient(to top, #fff 50%, transparent 50%), url(../../../images/elements/bg-licht.jpeg) no-repeat center;
  background-size: cover;
}
.header-b2 img {
  aspect-ratio: 1.6666666667;
  object-fit: cover;
  max-height: 650px;
}
.item-245 a:before {
  display: none;
}
.ph-cart-small-attribute {
  font-size: 16px;
}
.finder > p:first-of-type * {
  display: none;
}
.finder .uk-article {
  font-family: "myriad-pro", sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 200;
  color: #565656;
}
.finder .uk-article .uk-link-reset {
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  font-weight: 900;
  color: #312F2F;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.finder .uk-article .uk-link-reset:hover:before {
  content: "";
  position: absolute;
  width: -webkit-fill-available;
  height: 3px;
  background: #312F2F;
  bottom: 0;
}
.finder .word .uk-search-default .uk-search-input {
  border-bottom: 1px solid #000000;
  font-family: "myriad-pro", sans-serif;
  font-size: 20px;
  color: #312F2F;
}
.finder .word .uk-button-primary {
  background-color: #312F2F;
  color: #FFFFFF;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-transform: unset;
  position: relative;
}
.finder .word .uk-button-primary:hover {
  border: solid 1px #000000;
  background-color: #FFFFFF;
  color: #000000;
}
.finder .word .uk-button-default {
  background-color: #FFFFFF;
  color: #312F2F;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-transform: unset;
  position: relative;
  border: solid 1px #312F2F;
}
.finder .word .uk-button-default:hover {
  border: solid 1px #312F2F;
  background-color: #312F2F;
  color: #FFFFFF;
}
/*MAIN*/
.usp {
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  position: relative;
  z-index: 1;
}
.usp .uk-list {
  padding: 20px 0px;
  display: grid;
  grid-template-columns: 170px 190px 360px 280px 380px;
  justify-items: center;
  align-items: center;
}
.usp .uk-list .el-item {
  margin-top: 0px;
  position: relative;
}
.usp .uk-list .el-item:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px;
  width: 1px;
  background-color: #C8ECDC;
}
.usp .uk-list .el-item:last-child::before {
  display: none;
}
.usp .uk-list .el-item p {
  color: #589E75;
}
.usp .uk-list .el-item img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}
.uk-drop {
  background-image: url(../../../images/elements/bg-donker.jpg) !important;
  background-color: #312F2F !important;
  border: 1px solid #DDDDDD;
}
.uk-drop li a {
  color: #FFFFFF !important;
  font-family: "Oswald", sans-serif;
  font-size: 19px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.63px;
  position: relative;
}
.uk-drop li a:hover:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  bottom: 12px;
  left: -20px;
}
.uk-drop .uk-active a:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  bottom: 13px;
  left: -20px;
}
.main-b1 h2 {
  font-weight: 900;
  font-size: 64px;
  line-height: 68px;
  letter-spacing: 1.2px;
  color: #312F2F;
}
.main-b1 h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 23px !important;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #312F2F;
}
.main-b1 p {
  font-size: 21px !important;
}
.main-b1 .uk-button {
  background-color: #312F2F;
  color: #FFFFFF;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 15px 90px 15px 60px;
  line-height: 24px;
  text-transform: unset;
  position: relative;
}
.main-b1 .uk-button:hover:before {
  right: 30px;
  transition: all 0.3s ease-in-out;
}
.main-b1 .uk-button:before {
  content: "";
  position: absolute;
  width: 45px;
  height: 25px;
  mask: url(../../../images/elements/pijltje.svg);
  mask-repeat: no-repeat;
  background-size: cover;
  right: 40px;
  top: 20px;
  background-color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}
.body:not(.device-xl) .main-b2 .uk-slidenav-container {
  display: none;
}
.main-b2 .uk-slider {
  margin-right: -8%;
  margin-left: 16%;
}
.main-b2 .uk-slider .uk-slidenav-previous {
  background-color: #FFFFFF;
  background-image: url(../../../images/elements/pijltje.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 30px;
  margin-right: 5px;
  rotate: 180deg;
}
.main-b2 .uk-slider .uk-slidenav-previous svg {
  display: none;
}
.main-b2 .uk-slider .uk-slidenav-next {
  background-color: #FFFFFF;
  background-image: url(../../../images/elements/pijltje.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 30px;
  margin-left: 5px;
}
.main-b2 .uk-slider .uk-slidenav-next svg {
  display: none;
}
.main-b2 .uk-position-top-right {
  right: 8%;
}
.main-b2 h2 {
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  font-weight: 900;
  color: #312F2F;
}
.main-b2 h3 {
  font-family: "Oswald", sans-serif;
  font-size: 23px;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
}
.main-b3 img {
  aspect-ratio: 0.8;
  object-fit: cover;
  object-position: top;
}
.main-b3 h2 {
  font-weight: 900;
  font-size: 69px;
  letter-spacing: -1.29px;
  line-height: 50px;
  color: #DDDDDD;
}
.main-b3 h3 {
  margin-top: 0px;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b3.v2 h2 {
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b3.v2 .uk-accordion .uk-open .uk-accordion-title::before {
  content: "_";
  height: 36px;
  margin-top: -17px;
}
.main-b3.v2 .uk-accordion .uk-accordion-title {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 27px;
  letter-spacing: -0.5px;
  line-height: 30px;
  color: #312F2F;
}
.main-b3.v2 .uk-accordion .uk-accordion-title::before {
  float: left;
  color: #589E75;
  background-image: none;
  content: "+";
  font-size: 45px;
  font-weight: 100;
  height: 30px;
  width: 35px;
}
.main-b3.v2 .uk-accordion .el-item {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 0px solid #e5e5e7;
}
.main-b3.v2 .uk-accordion .uk-accordion-content {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-left: 50px;
}
.main-b4 {
  position: relative;
}
.main-b4 img {
  aspect-ratio: 0.7;
  object-fit: cover;
}
.main-b4 h2 {
  font-weight: 900;
  font-size: 69px;
  letter-spacing: -1.29px;
  line-height: 50px;
  color: #DDDDDD;
}
.main-b4 h3 {
  margin-top: 0px;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b4 li {
  position: relative;
}
.main-b4 li:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  top: 8px;
  left: -30px;
}
.main-b4.v2 .col1 img {
  margin-top: 175px;
}
.main-b4.v2 .col2 img {
  object-position: 20%;
}
/*GALLERY*/
.gallary img {
  height: 600px;
  object-fit: cover;
}
.gallary .col1 .uk-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto 1fr;
  gap: 30px 0px;
}
.gallary .col1 .uk-grid > div:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}
.gallary .col1 .uk-grid > div:nth-child(3) {
  grid-column: span 1;
  grid-row: span 2;
}
.gallary .col1 .uk-grid > div:nth-child(2), .gallary .col1 .uk-grid > div:nth-child(4) {
  grid-column: span 1;
  grid-row: span 1;
}
.gallary .col1 .uk-grid > div:nth-child(2) img, .gallary .col1 .uk-grid > div:nth-child(4) img {
  height: 285px;
}
/*POP-UP*/
.eb-custom {
  top: 210px !important;
}
.eb-custom .eb-dialog {
  display: none;
}
.eb-custom .eb-header {
  text-align: left;
  font-family: "goudy-old-style", serif;
  color: #FFFFFF;
  opacity: 1;
  font-size: 30px;
  font-weight: 700;
}
.eb-custom .eb-content H3 {
  font-family: "goudy-old-style", serif;
  text-align: left;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #FFFFFF;
  opacity: 1;
  margin-bottom: -5px;
}
.eb-custom .eb-content p, .eb-custom .eb-content div {
  font-family: "myriad-pro", sans-serif;
  font-size: 21px;
  line-height: 30px;
  font-weight: 200;
  color: #FFFFFF;
  opacity: 1;
  text-align: left;
  margin-bottom: 15px;
}
.main-b5 .col1 img {
  aspect-ratio: 0.7;
  object-fit: cover;
}
.main-b5 .col2 img {
  aspect-ratio: 2;
  object-fit: contain;
  width: 275px;
}
.main-b5 h2 {
  font-weight: 900;
  font-size: 69px;
  letter-spacing: -1.29px;
  line-height: 50px;
  color: #DDDDDD;
}
.main-b5 h3 {
  margin-top: 0px;
  font-weight: 900;
  font-size: 36px !important;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b5 li {
  position: relative;
}
.main-b5 li:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url(../../../images/elements/blob.svg);
  background-repeat: no-repeat;
  bottom: 6px;
  left: -30px;
}
.main-b5.v2 img {
  aspect-ratio: 1.6666666667;
  object-fit: cover;
  width: 100%;
}
.main-b5.v2.v3 h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 23px !important;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #312F2F;
  padding-bottom: 10px;
}
.main-b5.v2.v3 h2 {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 51px;
  letter-spacing: -1.2px;
  line-height: 53px;
  color: #312F2F;
}
.main-b5.v2.v3 .uk-card {
  background-color: #FFFFFF;
  border: 0px;
}
.main-b5.v2.v3 .uk-card .uk-card-body {
  border-right: 1px #DE7950 solid;
  border-bottom: 1px #DE7950 solid;
  border-top: 1px #DE7950 solid;
}
.main-b5.v2.v3 .uk-card .uk-button {
  background-color: #312F2F;
  color: #FFFFFF;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 15px 60px;
  line-height: 24px;
  text-transform: unset;
  width: fit-content;
}
.main-b5.v2.v3.v4 h3 {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 36px !important;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
  text-transform: unset;
}
.main-b5.v2.v3.v4 .uk-card {
  background-color: transparent !important;
  padding: 60px;
}
.main-b5.v2.v3.v4 .col1 .uk-card {
  padding: 60px 60px 60px 0px;
}
.main-b5.v2.v3.v4 .col2 .uk-card {
  padding: 60px 0px 60px 60px;
}
.main-b5.v2.v3.v4.v5 h2 {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 36px !important;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b5.v2.v3.v4.v5 h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #312F2F;
}
.main-b5.v2.v3.v4.v5 img {
  min-height: 600px;
}
.tips h3 {
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #FFFFFF;
  position: relative;
  padding-bottom: 65px;
}
.tips h3:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background-image: url(../../../images/elements/quotes.svg);
  background-repeat: no-repeat;
  bottom: -10px;
}
.tips p {
  font-family: "goudy-old-style", serif;
  font-weight: 900 !important;
  font-size: 21px !important;
  letter-spacing: -0.4px;
  line-height: 32px !important;
  color: #DDDDDD !important;
}
.tips .uk-slidenav-previous {
  background-color: #FFFFFF;
  background-image: url(../../../images/elements/pijltje.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 40px;
  margin-right: 5px;
  rotate: 180deg;
  transform-origin: top;
}
.tips .uk-slidenav-previous svg {
  display: none;
}
.tips .uk-slidenav-next {
  background-color: #FFFFFF;
  background-image: url(../../../images/elements/pijltje.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 40px;
  margin-left: 5px;
}
.tips .uk-slidenav-next svg {
  display: none;
}
.tips ol {
  list-style-type: none !important;
  padding-left: 0px;
}
.tips ol li {
  font-family: "myriad-pro", sans-serif;
  font-size: 23px;
  font-weight: 300 !important;
  line-height: 40px;
  letter-spacing: 2.65px;
  color: #FFFFFF;
}
.main-b6 h2 {
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
}
.main-b6 .uk-card-primary {
  background-image: url(../../../images/elements/bg-donker.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.main-b6 .uk-card-primary h3 {
  font-family: "goudy-old-style", serif !important;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  text-transform: none;
  color: #FFFFFF;
}
.main-b6 .uk-card-primary .el-meta {
  font-family: "oswald", sans-serif;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.main-b6 .uk-card-primary p {
  color: #FFFFFF;
}
.main-b6 .dubbel-panel p {
  column-count: 2;
}
.main-b6 img {
  height: 300px;
  object-fit: cover;
}
.main-b6 h3 {
  font-family: "Oswald", sans-serif;
  font-size: 23px;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 10px;
}
.main-b6 .uk-card-default {
  border: 1px solid #DE7950;
  background-image: url(../../../images/elements/bg-light.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
}
.main-b6 .uk-card-default h3 {
  font-family: "goudy-old-style", serif !important;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
  text-transform: none;
}
.main-b6 .uk-card-default .el-meta {
  font-family: "oswald", sans-serif;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #312F2F;
}
.main-b6 .uk-card-default p {
  font-weight: 400;
}
.main-b7 .uk-card-primary {
  background-image: url(../../../images/elements/bg-donker.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.main-b7 .uk-card-primary .uk-card-body {
  padding: 20px 40px;
}
.main-b7 .uk-card-primary h2 {
  font-family: "goudy-old-style", serif !important;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
}
.main-b7 .uk-card-primary p {
  font-family: "oswald", sans-serif;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 26px;
  text-transform: uppercase;
  color: #FFFFFF;
}
.locatie {
  background: linear-gradient(to bottom, #fff 50%, transparent 50%), url(../../../images/elements/bg-donker.jpg) no-repeat center;
  background-size: 100%;
  background-position: bottom;
}
.locatie h2 {
  font-family: "goudy-old-style", serif !important;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #312F2F;
  margin-bottom: 20PX;
}
.locatie h3 {
  font-family: "oswald", sans-serif;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #312F2F;
}
.locatie p, .locatie .el-content {
  margin-top: 0px;
  font-family: "goudy-old-style", serif;
  color: #312F2F;
}
/*WEBSHOP*/
.sidemenu ul .jstree-open .jstree-ocl {
  font-family: serif !important;
  transition: all 0.3s ease-in-out;
}
.sidemenu ul .jstree-open .jstree-ocl:before {
  content: "-" !important;
}
.sidemenu ul .jstree-open .jstree-children i:before {
  content: "" !important;
}
.sidemenu ul .jstree-leaf .jstree-ocl:before {
  content: "" !important;
}
.sidemenu ul .jstree-node, .sidemenu ul .jstree-closed {
  margin: 20px 0px;
  background-repeat: no-repeat !important;
  background-image: none !important;
  border-bottom: 0px solid #DDDDDD !important;
}
.sidemenu ul .jstree-node a, .sidemenu ul .jstree-closed a {
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
  color: #565656;
  position: relative;
}
.sidemenu ul .jstree-node a:before, .sidemenu ul .jstree-closed a:before {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 375px;
  height: 1px;
  background-color: #565656;
}
.sidemenu ul .jstree-node .jstree-icon, .sidemenu ul .jstree-closed .jstree-icon {
  background-image: none !important;
  width: 0px;
}
.sidemenu ul .jstree-node .jstree-ocl, .sidemenu ul .jstree-closed .jstree-ocl {
  float: right;
  color: #589E75;
  font-size: 45px;
  font-weight: 100;
  display: inline-block;
  height: 30px;
  width: 35px;
  font-family: "goudy-old-style", serif;
  transition: all 0.3s ease-in-out;
}
.sidemenu ul .jstree-node .jstree-ocl:before, .sidemenu ul .jstree-closed .jstree-ocl:before {
  content: "+";
}
.sidemenu ul .jstree-node .jstree-clicked, .sidemenu ul .jstree-node .jstree-hovered, .sidemenu ul .jstree-closed .jstree-clicked, .sidemenu ul .jstree-closed .jstree-hovered {
  background: transparent;
  box-shadow: none;
  color: #565656;
}
.sidemenu ul .jstree-node .jstree-children, .sidemenu ul .jstree-closed .jstree-children {
  padding: 20px 0px 0px;
}
.sidemenu ul .jstree-node .jstree-children .jstree-node, .sidemenu ul .jstree-closed .jstree-children .jstree-node {
  margin: 0px;
}
.sidemenu ul .jstree-node .jstree-children .jstree-ocl:before, .sidemenu ul .jstree-closed .jstree-children .jstree-ocl:before {
  content: "";
}
.sidemenu ul .jstree-node .jstree-children .jstree-leaf a, .sidemenu ul .jstree-closed .jstree-children .jstree-leaf a {
  font-weight: 400;
  font-size: 18px;
  line-height: 34px;
  color: #565656;
}
.sidemenu ul .jstree-node .jstree-children .jstree-leaf a:before, .sidemenu ul .jstree-closed .jstree-children .jstree-leaf a:before {
  background-color: transparent;
}
.related.products .uk-card {
  border: 0px;
}
.related.products .uk-card:hover {
  box-shadow: none;
}
.related.products .uk-card .el-content {
  padding: 0px;
}
.related.products .uk-card img {
  object-fit: contain;
  height: 50px;
  width: 100%;
}
.related.products .uk-heading-bullet {
  font-family: "oswald", sans-serif !important;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  color: #312F2F !important;
}
.related.products .uk-button-small {
  background-color: #312F2F;
  color: #312F2F;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 3px 20px 3px 20px;
  text-transform: unset;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.related.products .uk-button-small:before {
  content: "Terug";
  position: absolute;
  color: #FFFFFF;
  right: 0;
  left: 0;
}
.related.products .uk-button-small:hover {
  background-color: #DE7950;
  color: #DE7950;
}
.related.products .addtocart-button {
  background-color: #C8ECDC;
  color: #000000;
  font-family: "myriad-pro", sans-serif;
  font-size: 17px;
  font-weight: 400;
  padding: 5px 40px 5px 70px;
  text-transform: unset;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.related.products .addtocart-button:hover {
  background-color: #312F2F;
  color: #FFFFFF;
}
.related.products .addtocart-button:hover:before {
  background: #FFFFFF;
}
.related.products .addtocart-button:before {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  mask: url(../../../images/elements/winkelmand-copy.svg);
  mask-image: url(../../../images/elements/winkelmand-copy.svg);
  mask-repeat: no-repeat;
  background: #312F2F;
  background-size: cover;
  left: 40px;
  bottom: 13px;
}
.related.products .ph-image-full {
  aspect-ratio: 1;
  object-fit: cover;
}
.related.products .uk-form select {
  width: 70%;
}
.related.products .uk-form span, .related.products .uk-form select, .related.products .uk-form option {
  font-family: "myriad-pro", sans-serif;
  font-size: 21px;
  line-height: 24px;
  font-weight: 400;
  color: #565656;
}
.related.products .warning span {
  position: relative;
  background-color: #DE7950 !important;
  border-radius: 0px;
  padding: 10px 30px 10px 50px;
  color: #FFFFFF;
  height: fit-content;
  font-family: "myriad-pro", sans-serif;
  font-size: 16px;
  letter-spacing: 0.85px;
  width: fit-content;
}
.related.products .warning span:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(../../../images/elements/info-icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  left: 20px;
  top: 14px;
}
.related.products .el-item {
  aspect-ratio: 1 !important;
}
.related.products .el-item li {
  width: 100%;
}
.related.products .el-item li img {
  object-fit: cover;
}
.related.products h1, .related.products h2 {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 38px;
  color: #312F2F;
}
.related.products h3, .related.products .uk-h3, .related.products .djc_price_value, .related.products .djc_price_unit, .related.products .djc_price_label {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 27px;
  letter-spacing: -0.5px;
  line-height: 30px;
  color: #312F2F;
}
.uk-pagination li a, .uk-pagination li span {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #565656;
}
.uk-pagination li a .uk-pagination-next, .uk-pagination li span .uk-pagination-next {
  font-family: "goudy-old-style", serif;
  font-size: 20px;
}
.uk-pagination li a .uk-pagination-next:before, .uk-pagination li span .uk-pagination-next:before {
  content: ">";
}
.uk-pagination li a .uk-pagination-next svg, .uk-pagination li span .uk-pagination-next svg {
  display: none;
}
.related {
  min-height: 100px;
}
.products .uk-flex-middle {
  align-items: flex-start;
}
.products .el-item {
  border: 1px solid #DDDDDD;
}
.ph-header, .com-users-registration__form legend {
  font-size: 64px;
  letter-spacing: -1, 2px;
  line-height: 50px;
  font-weight: 900;
  color: #312F2F;
}
.ph-checkout-cart-image, .text, .ph-checkout-cart-product, .ph-checkout-cart-quantity, .ph-checkout-cart-brutto {
  font-size: 20px;
  font-weight: 700;
  color: #565656;
  line-height: 30px;
  font-family: "myriad-pro", sans-serif !important;
}
.ph-box-header {
  display: none;
}
.ph-checkout-btn-login {
  margin-top: 20px;
}
.ph-checkout-icon-spec-finished {
  background: #589E75;
  font-family: "oswald", sans-serif;
  margin: 0px -12px 0px 2px;
  font-size: 20px;
}
.uk-alert-success, .uk-alert-danger {
  background-color: #C8ECDC;
  color: #312F2F;
  font-family: "myriad-pro", sans-serif;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  border-color: #C8ECDC;
}
joomla-alert[type=success] {
  background-color: #C8ECDC !important;
}
.ph-checkout-icon-spec-pending {
  background: #DE7950;
  font-family: "oswald", sans-serif;
  margin: 0px -12px 0px 2px;
  font-size: 20px;
}
.ph-item-attributes-box .uk-float-left {
  display: none;
}
.product-detail ul {
  padding: 0px;
}
.product-detail ul li {
  margin: 5px 0px;
  border-bottom: 1px solid #DDDDDD;
}
.product-detail ul li:last-child {
  border-bottom: 0px;
}
.ph-checkout-cart-title a, .ph-cart-shipping-txt, .cart_products div, .alert-message, .com-users-registration__form .control-group label, .ph-checkout-checkbox-confirm, .ph-checkout-box-action div div, .ph-checkout-billing-row div, .ph-cart-empty, .mod-login__remember label, .ph-cart-subtotal-netto-txt, .ph-cart-total-txt, .form-control:where(input), .form-select:not([multiple])[size="1"], .form-select:where(select):not([multiple]):not([size]), .uk-input, .uk-select:not([multiple]):not([size]) {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #565656;
  font-family: "myriad-pro", sans-serif;
}
.uk-button-danger, .btn-danger {
  background-color: #DE7950;
  font-family: "myriad-pro", sans-serif;
}
.uk-button-danger:hover, .btn-danger:hover {
  color: #DE7950;
  border: 1px solid #DE7950;
}
.mod-login__remember, .ph-right-border {
  padding-top: 20px;
}
.joomla-alert--close {
  font-size: 2.1rem !important;
}
.ph-checkout-cart-row-item .uk-button-success {
  position: relative;
  background-color: #C8ECDC;
}
.ph-checkout-cart-row-item .uk-button-success .pc-si-refresh {
  display: none;
}
.ph-checkout-cart-row-item .uk-button-success:before {
  content: "";
  font-family: "Font Awesome 6 Pro";
  font-size: 18px;
  font-weight: 300;
  color: #000000;
}
.pc-si {
  stroke: #000000 !important;
}
.uk-button-success {
  background-color: #C8ECDC;
  color: #000000;
  padding: 5px 10px;
}
.uk-button-success:hover {
  background-color: #DE7950;
  color: #FFFFFF;
}
.uk-button-success:hover .pc-si {
  stroke: #FFFFFF !important;
}
.uk-button-success .pc-si {
  stroke: #000000 !important;
}
.ph-checkout-confirm:hover .pc-si {
  stroke: #000000 !important;
}
.ph-checkout-confirm .pc-si {
  stroke: #FFFFFF !important;
}
.mod-login__remember {
  padding-bottom: 20px;
}
h3, .ph-checkout-confirm-row .ph-box-header, .vmCartModule_container .uk-modal-title {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 27px !important;
  letter-spacing: -0.5px;
  line-height: 30px;
  color: #312F2F;
}
.vmCartModule_container .uk-modal-title {
  font-size: 42px !important;
}
.ph-cart-subtotal-netto, .ph-checkout-cart-brutto, .ph-cart-total, .ph-checkout-payment-brutto, .ph-checkout-shipping-brutto {
  font-family: "oswald", sans-serif !important;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  color: #312F2F !important;
}
.ph-checkout-confirm-row .form-control:where(textarea), .ph-checkout-confirm-row .form-control:where(textarea):focus {
  background: #f9f9f9;
  margin: 10px 0px;
  border-radius: 5px;
}
.ph-checkout-checkbox-confirm {
  padding-right: 0px;
  padding-bottom: 10px;
}
.ph-checkout-box-action-raw {
  margin: 0px;
  padding: 0px;
}
.ph-cart-total {
  font-weight: 700;
}
.mn_winkelmand .tm-main .uk-container > div:last-of-type {
  display: none !important;
}
.ph-checkout-confirm-box-row .row .ph-checkout-confirm-row {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ph-checkout-confirm-box-row .row .ph-checkout-confirm-row .ph-box-header {
  padding: 10px 0px 10px 40px;
  border-radius: 4px 4px 0 0;
  border: #f0f0f0 1px solid;
}
.ph-checkout-confirm-box-row .row .ph-checkout-confirm-row .uk-textarea {
  background-color: #F9F9F9;
  border: #f0f0f0 1px solid;
  border-radius: 0 0 4px 4px;
}
.phItemCartUpdateBoxForm .bootstrap-touchspin-injected {
  display: none;
}
.bootstrap-touchspin-injected {
  padding: 0px 0px 20px;
}
.bootstrap-touchspin-injected .uk-input {
  border-bottom: 1px solid #000000;
  margin-right: 10px;
  height: inherit;
  font-family: "oswald", sans-serif;
}
.bootstrap-touchspin-injected .input-group-btn-vertical {
  border: 1px solid #000000;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-up {
  background-color: #FFFFFF;
  padding: 0px 10px;
  border: none;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-up:hover {
  background-color: #589E75;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-up:hover .pc-si {
  stroke: #FFFFFF !important;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-up .pc-si {
  stroke: #589E75 !important;
  font-size: 22px;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-down {
  background-color: #FFFFFF;
  padding: 0px 10px;
  border: none;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-down:hover {
  background-color: #DE7950;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-down:hover .pc-si {
  stroke: #FFFFFF !important;
}
.bootstrap-touchspin-injected .bootstrap-touchspin-down .pc-si {
  stroke: #DE7950 !important;
  font-size: 22px;
}
.ph-checkout-confirm-row .ph-box-header {
  display: block;
}
.pc-info-view + div + div {
  display: none !important;
}
#cartmodal .remove-product {
  display: none;
}
#cartmodal .bottom-row {
  display: flex;
  flex-direction: column;
}
#cartmodal .bottom-row > div {
  width: 100%;
}
.pc-modal .uk-close {
  color: #000000;
}
.pc-modal .uk-close svg {
  width: 20px;
  height: 20px;
}
.pc-modal .uk-modal-dialog {
  padding: 25px;
  font-family: "myriad-pro", sans-serif;
}
.pc-modal .uk-modal-dialog a {
  background-color: #312F2F;
}
.pc-modal .uk-modal-dialog a:hover {
  background-color: #FFFFFF;
  color: #000000;
  font-weight: 700;
}
.related h2 {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  text-transform: unset !important;
  color: #312F2F;
}
.related h2::before {
  display: none;
}
.related .el-item {
  position: relative;
  background-color: #FFFFFF;
  padding: 10px;
  transition: all 0.5s ease-in-out;
}
.related .el-item:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.related .el-item img {
  object-fit: cover;
  margin-top: 0px !important;
  aspect-ratio: 1;
}
.related .el-item .el-title {
  margin: 0px 10px 20px !important;
  padding-top: 10px;
}
.related .el-item .el-title p {
  margin-bottom: 0px;
}
.related .el-item .el-product-price1 {
  margin: 0px 5px !important;
  padding-top: 5px;
  text-align: right;
}
.related .el-item .el-product-price1 {
  font-family: "oswald", sans-serif !important;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  color: #312F2F;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.related .el-item .el-content {
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  color: #565656;
  font-family: "myriad-pro", sans-serif;
  padding: 0px 10px 45px;
  margin-top: 0px;
}
.related .el-item .uk-button {
  position: absolute !important;
  content: "";
  background-image: url(../../../images/elements/GroupCopy6.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 35px;
  height: 40px;
  left: 10px;
  bottom: 10px;
  font-size: 0px;
}
/*FOOTER*/
.footer-b1 {
  position: relative;
  overflow: hidden;
}
.footer-b1:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../../../images/elements/bg-donker.jpg) no-repeat center center;
  background-size: cover;
  transform: scaleY(-1);
}
.footer-b1 h3 {
  font-family: "oswald", sans-serif;
  font-weight: 400;
  font-size: 23px;
  letter-spacing: 2px;
  line-height: 34px;
  text-transform: uppercase;
  color: #FFFFFF !important;
}
.footer-b1 .uk-card-default {
  background-color: transparent;
  border: dashed 2px #565656;
  padding: 12px;
}
.footer-b1 .uk-card-default .el-meta {
  font-family: "goudy-old-style", serif;
  font-weight: 900;
  font-size: 36px;
  letter-spacing: -0.7px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 20PX;
  text-transform: none;
  margin-top: 5px !important;
  margin-bottom: 0px;
}
.footer-b1 .uk-card-default .el-content {
  margin-top: 5px !important;
}
.footer-b1 a {
  color: #FFFFFF;
  line-height: 40px;
}
.footer-b1 .contact a {
  color: #FFFFFF;
  line-height: 0px;
}
.footer-b1 .contact p:nth-child(1) a:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../../../images/elements/phone.svg);
  background-repeat: no-repeat;
  left: -40px;
  top: 5px;
}
.footer-b1 .contact p:nth-child(2) a:before {
  content: "";
  position: absolute;
  width: 23px;
  height: 22px;
  background-image: url(../../../images/elements/mail.svg);
  background-repeat: no-repeat;
  background-size: cover;
  left: -40px;
  bottom: 2px;
}
.footer-b1 .adres {
  padding-left: 25px;
}
.footer-b1 .adres::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../../../images/elements/pointer.svg);
  background-repeat: no-repeat;
  left: 0px;
  top: 5px;
}
.footer-b1 p {
  color: #FFFFFF !important;
}
.footer-b1 hr {
  border: dashed 2px #565656;
}
.footer-b1 .verzenden p {
  color: #DDDDDD;
  font-size: 17px;
  font-weight: 400;
  font-style: italic;
  line-height: 24px;
}
.footer-b1 .betalen img {
  height: 75px;
  width: fit-content;
}
.footer-b1 .webshop {
  position: relative;
}
.footer-b1 .webshop:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../../../images/elements/bag-icon.svg);
  background-repeat: no-repeat;
  left: 9px;
  top: 7px;
}
.footer-b1 .openingstijd {
  position: relative;
}
.footer-b1 .openingstijd:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(../../../images/elements/tijd-icon.svg);
  background-repeat: no-repeat;
  left: 9px;
  top: 7px;
}
.copy {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.copy p {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 24px;
  color: #565656;
}
@media (orientation: portrait) {
  .device-lg .uk-navbar-left a {
    margin: 15px 0px;
  }
  .device-lg .uk-navbar-right .uk-navbar-item {
    padding-top: 0px;
    width: 54px;
  }
  .device-lg .uk-navbar-right .uk-navbar-item .uk-button {
    padding: 0px;
    width: 54px;
    height: 50px;
  }
  .device-lg .uk-navbar-right .uk-navbar-item .uk-button .uk-icon {
    display: none;
  }
  .device-lg .uk-navbar-right .uk-navbar-item .uk-button:after {
    content: "";
    left: 0px;
  }
  .device-lg .uk-navbar-right .uk-navbar-item .uk-button .total {
    display: none;
  }
  .device-lg .uk-navbar-right .uk-navbar-item .uk-button:before {
    font-size: 17px !important;
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url(../../../images/elements/winkelmand-copy.svg);
    background-repeat: no-repeat;
    left: 15px;
    bottom: 13px;
  }
}