@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2"), url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2"), url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --compri-black: #1b1b1b;
  --border: #e2e2e2;
  --bg-color_gray: #f8f8f8;
  --medium-gray: #8d8d8d;
  --compri-yellow: #ffe400;
  --dark-gray: #444;
  --white: white;
  --lime-green: #06af00;
  --orange: #ffa909;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: var(--compri-black);
  font-family: Titillium Web, sans-serif;
  font-size: 15px;
  line-height: 1.2;
}

h1 {
  color: var(--compri-black);
  max-width: 38ch;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Titillium Web, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  max-width: 47ch;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Titillium Web, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  color: var(--compri-black);
  max-width: 59ch;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: Titillium Web, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  color: var(--compri-black);
  max-width: 78ch;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Titillium Web, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

h5, h6 {
  color: var(--compri-black);
  max-width: 88ch;
  margin-top: 0;
  margin-bottom: 2px;
  font-family: Titillium Web, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  max-width: 95ch;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 1.7;
}

a {
  color: var(--compri-black);
  font-weight: 500;
}

ul {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 15px 20px 10px 30px;
  display: inline-block;
}

li {
  padding-bottom: 7px;
}

img {
  object-fit: contain;
  max-width: 100%;
  display: inline-block;
}

figcaption {
  color: var(--medium-gray);
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 12px;
}

.padding-right_xs {
  padding-right: 5px;
}

.padding-top_s {
  padding-top: 10px;
}

.padding-bottom_l {
  padding-bottom: 50px;
}

.padding_m {
  padding: 25px;
}

.padding-top_l {
  padding-top: 50px;
}

.padding-top_xs {
  padding-top: 5px;
}

.padding-left_s {
  padding-left: 10px;
}

.padding-right_l {
  padding-right: 50px;
}

.padding-left_xs {
  padding-left: 5px;
}

.padding-bottom_xs {
  padding-bottom: 5px;
}

.padding-top_m {
  padding-top: 25px;
}

.padding_xs {
  padding: 5px;
}

.padding_l {
  padding: 50px;
}

.padding-bottom_s {
  padding-bottom: 10px;
}

.padding-left_m {
  padding-left: 25px;
}

.flexbox-child {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.flexbox-parent {
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  position: relative;
}

.flexbox-parent.is--align-center {
  align-items: center;
}

.container_1240px {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.padding_s {
  padding: 10px;
}

.padding-right_s {
  padding-right: 10px;
}

.min-height_100px {
  min-height: 100px;
}

.padding-bottom_m {
  padding-bottom: 25px;
}

.padding-left_l {
  padding-left: 50px;
}

.padding-right_m {
  padding-right: 25px;
}

.margin-right_xs {
  margin-right: 5px;
}

.margin_m {
  margin: 25px;
}

.margin-bottom_s {
  margin-bottom: 10px;
}

.margin-top_l {
  margin-top: 50px;
}

.margin-bottom_xs {
  margin-bottom: 5px;
}

.margin_l {
  margin: 50px;
}

.margin-right_s {
  margin-right: 10px;
}

.margin-left_s {
  margin-left: 10px;
}

.margin-bottom_l {
  margin-bottom: 50px;
}

.margin-left_l {
  margin-left: 50px;
}

.margin-bottom_m {
  margin-bottom: 25px;
}

.margin-right_l {
  margin-right: 50px;
}

.margin-top_xs {
  margin-top: 5px;
}

.margin-left_m {
  margin-left: 25px;
}

.margin-top_m {
  margin-top: 25px;
}

.margin_xs {
  margin: 5px;
}

.margin-right_m {
  margin-right: 25px;
}

.margin-top_s {
  margin-top: 10px;
}

.margin-left_xs {
  margin-left: 5px;
}

.margin_s {
  margin: 10px;
}

.section {
  background-color: #fff;
  padding: 5vw 2.5vw;
}

.section.bg-color_gray {
  background-color: var(--bg-color_gray);
}

.section.bg-color_gray.overflow-hidden {
  overflow: hidden;
}

.section.bg-color_gray.hise {
  display: none;
}

.section.bg-color_yellow {
  background-color: var(--compri-yellow);
}

.section.bg-color_black {
  background-color: var(--compri-black);
}

.section.bg-color_dark-gray {
  background-color: var(--dark-gray);
}

.section.no-padding_y {
  padding-top: 0;
  padding-bottom: 0;
}

.section.text-page {
  background-color: var(--bg-color_gray);
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.overflow-hidden {
  overflow: hidden;
}

.section.is--contactpage {
  background-image: url('../images/19.jpg');
  background-position: 50%;
  background-size: cover;
}

.container_heading {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container_740px {
  width: 100%;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_color-yellow {
  border: 1px solid var(--compri-yellow);
  background-color: var(--compri-yellow);
  text-align: center;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.styleguide_color-black {
  border: 1px solid var(--compri-black);
  background-color: var(--compri-black);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.flexbox {
  flex-wrap: wrap;
  display: flex;
}

.superscript {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.styleguide_color-bg-gray {
  border: 1px solid var(--bg-color_gray);
  background-color: var(--bg-color_gray);
  text-align: center;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.divider {
  background-color: var(--border);
  width: 100%;
  height: 1px;
}

.styleguide_color-border-gray {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  text-align: center;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.navbar-wrapper {
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 110px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
}

.logo-img {
  height: 102px;
  margin-left: -6px;
  transition: transform .3s;
}

.logo-img:hover {
  transform: scale(.95);
}

.logo {
  border-bottom-style: none;
  flex: none;
  padding-left: 0;
}

.navbar-menu {
  align-items: center;
  display: flex;
  position: static;
}

.nav-link {
  border-bottom-style: none;
  align-items: center;
  height: 90px;
  padding-left: 1.25vw;
  padding-right: 1.25vw;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: static;
}

.navbar {
  background-color: #0000;
}

.nav-dropdown_list {
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  padding: 20px 2.5vw 15px;
  inset: 145px auto auto 0%;
}

.nav-top {
  background-color: var(--dark-gray);
  align-items: center;
  width: 100%;
  height: 35px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
}

.nav-dropdown_toggle {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 90px;
  padding-left: 10px;
  padding-right: 20px;
  display: flex;
}

.nav-dropdown_icon {
  margin-right: 0;
}

.nav-content {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.styleguide_color-dark-gray {
  border: 1px solid var(--compri-black);
  background-color: var(--dark-gray);
  color: #fff;
  text-align: center;
  border-radius: 5px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.nav-dropdown_wrapper {
  flex-wrap: wrap;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-dropdown_link-block {
  border-bottom-style: none;
  border-radius: 5px;
  align-items: center;
  width: 33.3333%;
  margin-bottom: 5px;
  padding-right: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.nav-dropdown_link-block:hover {
  font-weight: 600;
}

.nav-dropdown_link-block.w--current {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.small-product-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.nav-image_wrapper {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  flex: none;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  padding: 2px;
  overflow: hidden;
}

.button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--compri-yellow) #ccb600 #ccb600 var(--compri-yellow);
  background-color: var(--compri-yellow);
  color: var(--compri-black);
  border-radius: 5px;
  padding: 10px 12px 10px 15px;
  text-decoration: none;
  transition: transform .3s;
}

.button:hover {
  transform: translate(0, -2px);
}

.button.secundair {
  border-color: var(--border) silver silver var(--border);
  background-color: var(--bg-color_gray);
  color: var(--dark-gray);
}

.button.is--tab-product-page {
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.button.is--tab-product-page:hover {
  transform: none;
}

.button.is--tab-product-page.w--current {
  background-color: var(--compri-yellow);
}

.button.is-searchpage {
  min-width: 120px;
  height: 50px;
}

.flex_align-center {
  align-items: center;
  display: flex;
}

.fontawesome {
  font-family: "Fa 400", sans-serif;
}

.fontawesome.breadcrumb {
  color: var(--medium-gray);
}

.fontawesome.breadcrumb.is--reversed {
  transform: rotate(180deg);
}

.fontawesome.is-solid, .fontawesome.is--inside-responsive-nav {
  font-family: "Fa solid 900", sans-serif;
  font-weight: 400;
}

.fontawesome.icon-dashboard {
  color: var(--dark-gray);
  width: 20px;
  margin-right: 7px;
  font-family: "Fa solid 900", sans-serif;
  font-weight: 400;
}

.fontawesome.is--in-dashboard {
  color: var(--dark-gray);
  margin-bottom: -1px;
  margin-left: 6px;
  font-size: 13px;
  line-height: 1;
}

.fontawesome.breadcrumb-2 {
  color: #8d8d8d;
}

.nav-top-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-top_link {
  color: var(--white);
  border-bottom-style: none;
  margin-right: 2vw;
  font-size: 12px;
  text-decoration: none;
}

.nav-top_link:hover, .nav-top_link.portrait_hide.shoppingcart-link {
  color: var(--compri-yellow);
}

.nav-top_link.portrait_hide.shoppingcart-link:hover {
  color: var(--white);
}

.language-link {
  border-bottom-style: none;
  width: 25px;
  margin-left: 5px;
  transition: transform .2s;
}

.language-link:hover {
  background-color: #00000014;
  transform: scale(1.05);
}

.language-link.deactive {
  filter: contrast(25%) grayscale();
}

.language-link.deactive:hover {
  filter: contrast();
}

.language-wrapper {
  margin-left: 10px;
  display: flex;
}

.language-flag-img {
  object-fit: cover;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.nav-stripe {
  background-color: #0000;
  width: 100%;
  height: 2px;
}

.nav-top_left, .nav-top_right {
  align-items: center;
  display: flex;
}

.mobile-only {
  display: none;
}

.dropdown_nav-stripe {
  background-color: #0000;
  width: 100%;
  height: 2px;
}

.hero-header {
  padding: 7.5vw 2.5vw;
  position: relative;
  overflow: hidden;
}

.overlay, .overlay-responsive {
  z-index: 998;
  background-color: #444444b3;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-slider_nav {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 35px;
  display: flex;
}

.card-slider {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.card-slider_nav-icon {
  width: 12px;
  height: 20px;
}

.slide-left {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  color: var(--border);
  border-radius: 5px;
  padding: 14px 18px 14px 16px;
}

.slide-left:hover {
  background-color: var(--white);
}

.slide-right {
  border: 1px solid var(--dark-gray);
  background-color: var(--bg-color_gray);
  color: var(--dark-gray);
  border-radius: 5px;
  margin-left: 10px;
  padding: 14px 16px 14px 18px;
}

.slide-right:hover {
  background-color: var(--white);
}

.slider-content {
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  flex-direction: column;
  flex: none;
  width: 510px;
  margin-bottom: 10px;
  margin-right: 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.thumbnail-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.slider-thumbnail {
  height: 275px;
  overflow: hidden;
}

.text-color_gray-light {
  color: var(--medium-gray);
  font-weight: 400;
}

.text-color_gray-light.truncante {
  text-overflow: ellipsis;
  overflow: hidden;
}

.slider-text-wrapper {
  padding: 45px 35px;
  position: relative;
}

.logo-element {
  object-fit: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: -25px auto auto 32px;
}

.product-image_wrapper {
  flex: none;
  width: 85px;
  height: 85px;
  margin-right: 7px;
  padding: 4px;
  overflow: hidden;
}

.product_link-block {
  border-bottom-style: none;
  border-radius: 5px;
  align-items: center;
  width: 33.3333%;
  margin-bottom: 10px;
  padding-right: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.products_flex-parent {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link-styled {
  border-bottom: 1px solid var(--compri-yellow);
  font-family: Titillium Web, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.link-styled:hover {
  color: var(--compri-yellow);
}

.header-img {
  z-index: -2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
}

.header-img_wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.yellow-stripe_on-hover {
  background-color: #0000;
  width: 100%;
  height: 2px;
}

.lowercase {
  text-transform: lowercase;
}

.slider-nav-wrapper {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.footer {
  background-color: var(--compri-black);
  color: var(--white);
  padding: 55px 5vw 25px;
  font-family: Titillium Web, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.footer-link {
  color: var(--white);
  align-items: flex-start;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.footer-link:hover {
  color: var(--compri-yellow);
}

.text-color_white {
  color: var(--white);
}

.text-color_black {
  color: var(--compri-black);
}

.styleguide_text-color {
  border: 1px solid var(--bg-color_gray);
  background-color: var(--bg-color_gray);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 30px;
  display: flex;
}

.styleguide_text-color.is-dark {
  background-color: var(--compri-black);
}

.text-color_yellow {
  color: var(--compri-yellow);
}

.text-color_gray {
  color: var(--dark-gray);
}

.newletter-form {
  flex: 1;
  align-items: flex-end;
  max-width: 400px;
  margin-top: 15px;
  display: flex;
}

.search-field {
  border-style: none none solid;
  border-width: 0 0 2px 1px;
  border-color: black black var(--border) var(--border);
  background-color: #0000;
  width: 210px;
  height: 33px;
  margin-bottom: 3px;
  margin-right: 5px;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.search-field:hover, .search-field:active, .search-field:focus {
  border-color: var(--medium-gray);
}

.search-field::placeholder {
  color: var(--medium-gray);
}

.search-field.is--dashboard {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  padding-left: 12px;
}

.newsletter-form-block {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 55px;
  padding-bottom: 75px;
  display: flex;
}

.heading-large {
  margin-bottom: 6px;
  font-size: 40px;
  font-weight: 600;
}

.form {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.form-parent {
  flex-direction: row;
  width: 100%;
  max-width: 350px;
}

.form-parent.double {
  max-width: 650px;
  padding-right: 15px;
  display: flex;
}

.field-parent {
  flex: 0 auto;
}

.field-parent.margin-form {
  padding-right: 10px;
}

.field-parent.margin-form.is--expand {
  flex: 1;
}

.field-parent.is--50 {
  width: 50%;
}

.field-parent.is--expand {
  flex: 1;
}

.input-field {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 3px;
  width: 100%;
  height: 50px;
}

.input-field:hover {
  border-color: var(--medium-gray);
}

.input-field:active, .input-field:focus {
  border-color: var(--compri-yellow);
  background-color: var(--white);
}

.input-field.small {
  max-width: 65px;
}

.input-field.large {
  height: 120px;
}

.input-field.is--white {
  background-color: var(--white);
}

.form-field_double {
  width: 100%;
  display: flex;
}

.field-label {
  font-weight: 600;
}

.breadcrumb-wrapper {
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  min-height: 35px;
  padding-bottom: 2px;
  display: flex;
}

.breadcrumb {
  color: var(--medium-gray);
  margin-right: 7px;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumb:hover {
  color: var(--dark-gray);
  text-decoration: underline;
}

.breadcrumb.is-current:hover {
  color: var(--medium-gray);
  text-decoration: none;
}

.breadcrumb-item {
  align-items: center;
  display: flex;
}

.subnav {
  background-color: var(--bg-color_gray);
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: sticky;
}

.product-category_sidebar {
  width: 20%;
  min-width: 240px;
  padding-bottom: 50px;
}

.products {
  background-color: var(--bg-color_gray);
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}

.product-category_content {
  background-color: var(--white);
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.product-category_parent {
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 75px;
  display: flex;
}

.search-form {
  align-items: center;
  max-width: 400px;
  display: flex;
}

.search-form.is-centred {
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.search-form-wrapper {
  margin-bottom: 0;
}

.search-form-wrapper.is--hoofdcategorie {
  position: relative;
  bottom: -5px;
}

.search-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--compri-yellow) #ccb600 #ccb600 var(--compri-yellow);
  background-color: var(--compri-yellow);
  background-image: url('../images/search-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 5px;
  padding: 5px 14px;
  text-decoration: none;
  transition: transform .3s;
}

.search-button:hover {
  transform: translate(0, -2px);
}

.product-category-image_wrapper {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  flex: none;
  width: 45px;
  height: 45px;
  margin-right: 10px;
  padding: 2px;
  overflow: hidden;
}

.product-category-content {
  width: 100%;
  padding: 40px 50px;
}

.product-information {
  background-color: var(--white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-bottom: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

.category-product {
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  flex: none;
  align-items: center;
  width: 49%;
  padding-right: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.category-product:hover {
  font-weight: 600;
}

.product-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.product-category_sidebar-link {
  border-bottom-style: none;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 7px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.product-category_sidebar-link:hover {
  font-weight: 600;
}

.product-category_sidebar-link.w--current {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.newsletter-field {
  border-style: none none solid;
  border-width: 0 0 2px 1px;
  border-color: black black var(--compri-black) var(--border);
  background-color: #0000;
  width: 250px;
  margin-bottom: 0;
  margin-right: 12px;
  padding-top: 12px;
  padding-bottom: 15px;
  padding-left: 0;
  font-size: 18px;
}

.newsletter-field:active, .newsletter-field:focus {
  border-bottom-color: var(--compri-black);
}

.newsletter-field::placeholder {
  color: var(--dark-gray);
}

.nav-search-wrapper {
  align-items: flex-end;
  width: 33.3333%;
  height: 60px;
  padding-bottom: 5px;
  display: flex;
}

.responsive-search {
  background-color: var(--white);
  align-items: flex-end;
  display: none;
}

.product-image {
  border: 1px solid var(--border);
  object-fit: contain;
  border-radius: 5px;
  width: 100%;
  max-height: 300px;
  margin-bottom: 10px;
}

.column-wrapper {
  border-left: 1px solid var(--border);
  background-color: var(--white);
  white-space: nowrap;
  width: 100%;
  display: flex;
  overflow: auto;
}

.column-header {
  background-color: var(--dark-gray);
  color: var(--white);
  border-right: 1px solid #303030;
  width: 100%;
  padding: 10px;
  display: flex;
}

.column-row {
  border-right: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  align-items: center;
  padding: 10px;
  display: flex;
  position: relative;
}

.column-row.with-icon {
  padding-right: 38px;
}

.column {
  flex: 1;
}

.heading-small {
  font-family: Titillium Web, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.header {
  padding: 75px 2.5vw 250px;
}

.text-page_wrapper {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 50px 50px;
  position: relative;
  top: -150px;
}

.header-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-cover.corner-radius {
  border-radius: 5px;
}

.footer-header {
  color: var(--compri-yellow);
  white-space: nowrap;
  min-height: 30px;
  margin-bottom: 10px;
  font-weight: 600;
}

.footer-bottom {
  border-top: 1px solid #525252;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  font-size: 12px;
  display: flex;
}

.partner-image {
  opacity: .46;
  object-fit: contain;
  height: 30px;
  margin-left: 30px;
  display: inline-block;
}

.partner-image.c-large {
  height: 60px;
}

.footer-bottom_link {
  color: var(--medium-gray);
  border-bottom: 1px solid #525252;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  text-decoration: none;
  display: flex;
}

.footer-bottom_link:hover {
  color: var(--compri-yellow);
}

.footer-bottom_links-wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer-bottom_logos-wrapper {
  align-items: center;
  display: flex;
}

.footer-column-1 {
  flex-direction: column;
  align-items: flex-start;
  width: 35%;
  padding-right: 25px;
  display: flex;
}

.footer-column-2 {
  flex-direction: column;
  align-items: flex-start;
  width: 18%;
  padding-right: 50px;
  display: flex;
}

.footer-column-3 {
  flex-direction: column;
  align-items: flex-start;
  width: 27%;
  padding-right: 50px;
  display: flex;
}

.footer-column-4 {
  flex-direction: column;
  align-items: flex-start;
  width: 20%;
  padding-right: 50px;
  display: flex;
}

.footer-expand_button {
  border: 1px solid var(--border);
  color: var(--border);
  cursor: pointer;
  border-radius: 5px;
  margin-left: -40px;
  padding: 4px 6px;
  transition: transform .3s;
}

.footer-expand_button:hover {
  border-color: var(--compri-yellow);
  color: var(--compri-yellow);
  transform: translate(0, -2px);
}

.social-media {
  flex-wrap: wrap;
  margin-top: 14px;
  display: flex;
}

.icon_social-media {
  background-color: #525252;
  border-radius: 2px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-bottom: 5px;
  margin-right: 5px;
  transition: transform .3s;
  display: flex;
}

.icon_social-media:hover {
  background-color: var(--compri-yellow);
  transform: translate(0, -2px);
}

.icon_social-media.twitter, .icon_social-media.instagram {
  display: none;
}

.icon-footer {
  color: #fff;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.form-field_single {
  width: 100%;
}

.checkbox {
  margin-top: 3px;
}

.radio-button-field {
  margin-top: 0;
}

.form-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 270px;
  display: flex;
}

.form_dropdown-parent {
  width: 100%;
  display: inline-block;
}

.form-checkboxes {
  margin-bottom: 20px;
}

.radio-button {
  margin-top: 1px;
}

.checkbox-field.is--afhalen {
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 12px;
  padding: 10px 10px 10px 30px;
}

.form-radio-buttons {
  margin-bottom: 20px;
}

.form-select-field {
  background-color: #f8f8f8;
  border-radius: 5px;
  width: 100%;
  height: 32px;
  padding: 0 5px 1px 10px;
}

.form-select-field.large {
  height: 40px;
}

.form-select-field.small {
  height: 26px;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 1px;
}

.form-select-field.small.small-width {
  max-width: 60px;
}

.form-select {
  width: 100%;
  margin-bottom: 20px;
}

.footer-logo {
  height: 100px;
  margin-top: -6px;
  margin-bottom: 16px;
  margin-left: -6px;
}

.slider-arrows {
  align-items: center;
  margin-left: 25px;
  display: flex;
}

.header-overlay {
  z-index: -1;
  background-image: linear-gradient(#00000080, #00000080);
  width: 100%;
  height: 100%;
  position: fixed;
}

.header-subtitle {
  color: var(--white);
  max-width: 80ch;
  font-size: 18px;
  font-weight: 600;
}

.heading-title {
  color: var(--white);
  text-shadow: 1px 1px 6px #00000040;
  max-width: 30ch;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 50px;
  line-height: 1.1;
}

.hero-header-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-contact-wrapper {
  padding-left: 15px;
}

.homepage_product-image_wrapper {
  flex: none;
  width: 80px;
  height: 80px;
  padding: 4px;
  overflow: hidden;
}

.homepage-product_link-block {
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.homepage_section-2_left {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 46%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.homepage_section-2_right {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 54%;
  padding-right: 25px;
  display: flex;
}

.products-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news {
  border-style: solid;
  border-width: 1px 1px 3px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
  margin-right: 30px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.thumbnail {
  flex: none;
  width: 100%;
  max-width: 100%;
  height: 200px;
  overflow: hidden;
}

.thumbnial_text-wrapper {
  background-color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
}

.thumbnail-wrapper {
  width: 33.33%;
  padding: 15px;
}

.thumnails-parent {
  flex-wrap: wrap;
  margin-top: 15px;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.footer-parent {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.news-header {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  margin-bottom: 35px;
  display: flex;
}

.nav-compri_item-wrapper {
  flex-wrap: wrap;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-compri_item {
  width: 33.33%;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
}

.text-weight_semi-bold {
  font-weight: 600;
}

.nav-compri_item-wrapper_left {
  flex-wrap: wrap;
  width: 70%;
  padding-right: 25px;
  display: flex;
}

.nav-compri_item-wrapper_right {
  border-left: 1px solid var(--border);
  width: 30%;
  padding-top: 10px;
  padding-left: 45px;
}

.nav-compri_bewerkingen-item {
  padding-top: 25px;
}

.nav-compri_image {
  border-radius: 5px;
  height: 125px;
  margin-bottom: 10px;
  overflow: hidden;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: #ed3521;
  align-self: stretch;
  padding: 20px;
  font-size: 16px;
}

.contact-form {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.card-faq-icon-2 {
  background-color: #a7a7a7;
  width: 2px;
  min-height: 22px;
  position: absolute;
}

.success-message {
  color: #fff;
  text-align: center;
  background-color: #ffe400;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

.title.h4-size {
  color: #151515;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.455em;
}

.title.h4-size.card-location {
  margin-bottom: 9px;
  font-family: Titillium Web, sans-serif;
}

.title.h5-size {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333em;
}

.title.h5-size.card-faq {
  margin-bottom: 0;
  font-family: Titillium Web, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.667em;
}

.space.card-faq {
  height: 6px;
}

.card-faq-content-top {
  align-items: center;
  display: flex;
}

.contactpage-link {
  color: #7a7a7a;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.contactpage-link:hover {
  color: #ffe400;
}

.card-faq-icon-1 {
  background-color: #a7a7a7;
  width: 22px;
  min-height: 2px;
  position: absolute;
}

.card {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 5px 18px #2e2e2e08;
}

.card.faq {
  cursor: pointer;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  margin-bottom: 22px;
  padding: 45px;
}

.faq-wrapper {
  margin-bottom: -22px;
}

.card-faq-content-bottom {
  max-width: 577px;
  margin-left: 70px;
}

.contactpage-link-block {
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.faq-icon {
  background-color: #dfdfdf;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  min-height: 38px;
  max-height: 38px;
  margin-right: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-wrapper-large {
  border-radius: 5px;
  flex: none;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.icon-wrapper-medium {
  border-radius: 5px;
  flex: none;
  width: 35px;
  height: 35px;
  overflow: hidden;
}

.heading-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tag {
  border-style: solid;
  border-width: 2px;
  border-color: var(--border) silver silver var(--border);
  background-color: var(--bg-color_gray);
  color: var(--compri-black);
  border-radius: 99px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 3px 12px 5px 15px;
  text-decoration: none;
  transition: transform .3s;
}

.tag:hover {
  transform: translate(0, -2px);
}

.tag.is--no-link:hover {
  transform: none;
}

.product-info-wrapper {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  max-width: 400px;
  padding-right: 25px;
}

.product {
  width: 100%;
  display: flex;
}

.documentatie_tags-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 940px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.max-ch-65 {
  max-width: 65ch;
}

.section_documentatie {
  background-color: var(--bg-color_gray);
  justify-content: center;
  padding-top: 25px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  display: flex;
}

.document_link-block {
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--white);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 5px 5px 12px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.document-child {
  width: 25%;
  padding: 10px;
  display: flex;
}

.document-parent {
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.document-wrapper {
  border-bottom: 1px solid var(--border);
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.image-contain {
  width: 100%;
  height: 100%;
}

.document-image_wrapper {
  flex: none;
  width: 140px;
  height: 140px;
  padding: 4px;
  overflow: hidden;
}

.inline-image_left {
  float: left;
  object-fit: contain;
  width: 50%;
  height: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-right: 25px;
}

.article {
  width: 100%;
}

.inline-image_right {
  float: right;
  object-fit: contain;
  width: 50%;
  height: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
  margin-left: 25px;
}

.page-image_cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.page-image_contain {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-image_cover-wrapper {
  justify-content: center;
  align-items: center;
  height: 250px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.navigation {
  z-index: 999;
  background-color: var(--bg-color_gray);
  position: sticky;
  top: 0;
}

.form_success-message {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  margin-top: 15px;
  padding: 20px;
}

.popup-close_icon {
  cursor: pointer;
  width: 20px;
  transition: transform .2s ease-out;
  position: absolute;
  inset: 20px 20px auto auto;
}

.popup-close_icon:hover {
  transform: scale(1.1);
}

.popup-close_icon.is--small {
  width: 15px;
}

.pop-up_content {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  display: flex;
  position: relative;
  box-shadow: 7px 7px 20px -9px #00000080;
}

.pop-up {
  z-index: 99999999;
  background-color: #333c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pop-up_flexbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5vw;
  display: flex;
}

.heading-medium {
  font-family: Titillium Web, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.pop-up_small {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  max-width: 250px;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: auto 20px 20px auto;
  box-shadow: 7px 7px 20px -9px #00000080;
}

.text-size_small {
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5;
}

.text-size_small.margin-bottom_none {
  margin-bottom: 0;
}

.tab-pane {
  padding: 25px 15px 35px;
}

.tab-link {
  border: 1px solid var(--border);
  background-color: #f0f0f0;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 12px 15px;
}

.tab-link:hover {
  background-color: var(--white);
}

.tab-link.w--current {
  border-bottom-width: 2px;
  border-bottom-color: var(--compri-yellow);
  background-color: var(--white);
  font-weight: 600;
}

.tabs-menu {
  border-bottom: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  display: flex;
}

.productpage-tabs {
  border: 1px solid var(--border);
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.product-image_parent {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.lightbox-link {
  flex-wrap: wrap;
  display: flex;
}

.lightbox-image {
  border: 1px solid var(--border);
  object-fit: contain;
  border-radius: 5px;
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.nav-compri_link-wrapper, .full-width {
  width: 100%;
}

.location-card {
  background-color: var(--white);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
  overflow: auto;
}

.display-flex_center {
  align-items: center;
  display: flex;
}

.specifications-row {
  white-space: nowrap;
  padding: 10px;
  overflow: hidden;
}

.specifications-column {
  background-color: var(--white);
  white-space: nowrap;
  width: 100%;
  display: flex;
  overflow: auto;
}

.specifications-column.bg-color_gray {
  background-color: var(--bg-color_gray);
}

.project-blocks_wrapper {
  flex-flow: wrap;
  margin-top: 25px;
  display: flex;
}

.project-block {
  border-style: solid;
  border-width: 1px 1px 4px;
  border-color: var(--border) var(--border) var(--compri-yellow);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 32%;
  height: 100%;
  margin-bottom: 10px;
  margin-right: 1.33333%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.tags-parent {
  flex-wrap: wrap;
  margin-bottom: 5px;
  display: flex;
}

.lightbox_over-compri {
  flex-wrap: wrap;
  margin: 20px -5px;
  display: flex;
}

.lightbox_over-compri_image {
  object-fit: cover;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.lightbox_over-compri_image-wrapper {
  width: 20%;
  height: 120px;
  padding: 3px;
}

.dashboard {
  background-color: var(--bg-color_gray);
  padding: 30px 2.5vw 5vw;
}

.dashboard-sidebar {
  border-style: solid solid none none;
  border-width: 1px;
  border-color: var(--border);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 25%;
  display: flex;
  overflow: hidden;
}

.dashboard-content {
  flex-flow: wrap;
  flex: none;
  align-content: flex-start;
  align-items: flex-start;
  width: 75%;
  padding-left: 30px;
  display: flex;
}

.dashboard-wrapper {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.dashboard-item {
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
  width: 100%;
  padding: 12px 25px;
  text-decoration: none;
  transition: all .2s;
}

.dashboard-item:hover {
  border-left-width: 4px;
  border-left-color: var(--medium-gray);
  background-color: var(--bg-color_gray);
  font-weight: 600;
}

.dashboard-item.w--current {
  border-left-width: 4px;
  border-left-color: var(--compri-yellow);
  background-color: var(--bg-color_gray);
  font-weight: 600;
}

.icon-dashboard_top {
  width: 25px;
  height: 25px;
  margin-right: 7px;
}

.dashboard-thumbnail-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.dashboard-thumbnail {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 20px 20px 25px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.dashboard-thumbnail:hover {
  transform: translate(0, -2px);
  box-shadow: 0 0 15px #00000014;
}

.dashboard-block {
  flex: none;
  width: 33.333%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

.dashboard-top {
  border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
  width: 100%;
  padding: 25px 25px 10px;
  text-decoration: none;
}

.dashboard-top.w--current {
  border-left-width: 4px;
  border-left-color: var(--compri-yellow);
  font-weight: 600;
}

.dashboard-top.w--current:hover {
  background-color: var(--white);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 15vh 5vw;
  display: flex;
}

.dashboard-search {
  margin-top: 15px;
  margin-bottom: 15px;
}

.shop-count {
  background-color: var(--compri-yellow);
  color: var(--dark-gray);
  text-align: center;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.dashboard_search-form {
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.mobile-button_product-info-popup {
  border-style: solid;
  border-width: 2px;
  border-color: var(--compri-yellow) #ccb600 #ccb600 var(--compri-yellow);
  background-color: var(--compri-yellow);
  color: var(--compri-black);
  border-radius: 2px;
  margin-left: 5px;
  padding: 2px;
  font-size: 12px;
  text-decoration: none;
  transition: transform .3s;
  display: none;
  position: absolute;
  inset: 8px 8px auto auto;
}

.mobile-button_product-info-popup:hover {
  transform: translate(0, -2px);
}

.column-wrapper_in-popup {
  border-left: 1px solid var(--border);
  background-color: var(--white);
  white-space: nowrap;
  flex-direction: column;
  width: 100%;
  display: flex;
  overflow: auto;
}

.heading-xsmall {
  font-family: Titillium Web, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.dashboard-image-wrapper {
  height: 100px;
  margin-top: 15px;
  margin-bottom: 10px;
  position: relative;
}

.dashboard-link {
  align-items: center;
  display: flex;
}

.dashboard-thumb-icon {
  width: 100px;
  height: 100px;
  position: absolute;
  inset: auto auto auto -7px;
}

.alert-count {
  background-color: var(--lime-green);
  color: var(--bg-color_gray);
  text-align: center;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: flex;
}

.alert-count.in-chat {
  position: absolute;
  inset: 0% auto auto -16px;
}

.alert-count.in-chat.hidden {
  display: none;
}

.dashboard-template {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  width: 100%;
  padding: 35px;
  text-decoration: none;
  position: relative;
}

.dashboard-column_wrapper {
  background-color: var(--white);
  white-space: nowrap;
  width: 100%;
}

.dashboard-column {
  flex: 1;
  display: flex;
}

.dashboard-column.bg-color_gray {
  background-color: var(--bg-color_gray);
}

.dashboard-column.border-bottom {
  border-bottom: 1px solid var(--border);
}

.dashboard-column_header {
  background-color: var(--bg-color_gray);
  flex: 1;
  font-weight: 600;
  display: flex;
}

.dashboard-column_header.border-bottom {
  border-bottom: 1px solid var(--border);
}

.dashboard-column_row {
  white-space: nowrap;
  flex: none;
  width: 20%;
  padding: 10px;
  overflow: hidden;
}

.dashboard-column_row.is--10 {
  width: 10%;
}

.dashboard-column_row.is--30 {
  width: 30%;
}

.dashboard-column_row.is--expand {
  flex: 1;
}

.dashboard-column_row.is--5 {
  width: 5%;
}

.dashboard-column_row.is--15 {
  width: 15%;
}

.dashboard-column_row.is--40 {
  width: 40%;
}

.dashboard-column_row.is--pdf {
  align-items: center;
  width: 15%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.dashboard-column_row.is--info {
  justify-content: flex-end;
  width: 5%;
  padding-right: 16px;
  display: flex;
}

.dashboard-column_row.is--status-tag {
  align-items: center;
  width: 15%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.dashboard-column_row.is--status-tag.is--30 {
  width: 30%;
}

.dashboard-column_row.is--25 {
  width: 25%;
}

.dashboard-column_row.is--70 {
  width: 70%;
}

.dashboard-column_row.is--75 {
  width: 75%;
}

.box {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  width: 100%;
  padding: 34px;
}

.box-footer {
  border-top: 1px solid var(--border);
  margin-top: 50px;
  padding-top: 25px;
}

.stap {
  z-index: 4;
  align-items: center;
  max-width: 440px;
  margin-bottom: 75px;
  display: flex;
  position: relative;
}

.stap.is--left {
  text-align: right;
  flex-direction: row-reverse;
}

.bedankt_image-wrapper {
  border: 5px solid var(--white);
  flex: none;
  width: 220px;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
  box-shadow: 0 0 20px #00000038;
}

.bedankt_image-wrapper.is--left {
  margin-left: 20px;
  margin-right: 30px;
}

.bedankt_image-wrapper.is-levering {
  border-width: 7px;
  width: 400px;
  height: 230px;
  margin: 25px 30px 25px 20px;
}

.contact-picture {
  border: 3px solid var(--bg-color_gray);
  border-radius: 100%;
  width: 80px;
  height: 80px;
  margin-left: -1px;
  margin-right: 12px;
  overflow: hidden;
  box-shadow: 0 0 8px #00000026;
}

.contact-box {
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}

.contact-wrapper {
  border: 1px solid var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 25px 25px 30px;
}

.contact-parent {
  flex-wrap: wrap;
  display: flex;
}

.dropdown-item {
  border-bottom: 1px solid var(--border);
  position: relative;
}

.back-to-page {
  align-items: center;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.chat-picture {
  border: 3px solid var(--bg-color_gray);
  border-radius: 100%;
  flex: none;
  width: 40px;
  height: 40px;
  margin-left: -1px;
  margin-right: 5px;
  overflow: hidden;
  box-shadow: 0 0 8px #00000026;
}

.chat-message {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px 25px 10px;
  position: relative;
}

.chat-message.is--new {
  border-color: var(--lime-green);
  background-image: linear-gradient(#06af001a, #06af001a);
}

.prijslijst-productgroep {
  border-bottom-style: none;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.prijslijst-productgroep.w--current {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hide {
  display: none;
}

.prijslijst-checkbox {
  align-items: center;
  width: 33.33%;
  display: flex;
}

.prijslijst-checkbox-wrapper {
  flex-wrap: wrap;
  margin-bottom: 20px;
  display: flex;
}

.mediacenter-search {
  margin-bottom: 35px;
}

.mediacenter-result {
  border-bottom: 1px solid var(--border);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  display: flex;
}

.status-tag_orange {
  border: 1px solid var(--orange);
  background-color: var(--white);
  color: var(--orange);
  background-image: linear-gradient(#ffa90933, #ffa90933);
  border-radius: 5px;
  margin-left: 8px;
  padding: 4px 8px;
  font-weight: 600;
  display: inline-block;
}

.status-tag_green {
  border: 1px solid var(--lime-green);
  background-color: var(--white);
  color: var(--lime-green);
  background-image: linear-gradient(#06af001a, #06af001a);
  border-radius: 5px;
  margin-left: 8px;
  padding: 4px 8px;
  font-weight: 600;
  display: inline-block;
}

.form-column_child {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.stappen-bedankt {
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  padding-top: 25px;
  padding-left: 35px;
  display: flex;
  position: relative;
}

.stappen-bedankt.is--right {
  align-items: flex-start;
  padding-top: 118px;
}

.stappen-timeline {
  background-color: var(--compri-yellow);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--compri-yellow) 83%, white);
  width: 4px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.stap-dot {
  z-index: 3;
  background-color: var(--compri-yellow);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, white 37.5%, var(--compri-yellow) 37.5%, var(--compri-yellow));
  border-radius: 100%;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: -41px;
  position: absolute;
}

.stap-dot.is--left {
  right: -10px;
}

.stappen-bedankt_parent {
  justify-content: center;
  display: flex;
}

.stappen-bedankt_wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.max-ch-37 {
  max-width: 37ch;
}

.stappen-bedankt_line {
  background-color: var(--compri-yellow);
  width: 26px;
  height: 4px;
  position: absolute;
  right: 4px;
}

.stappen-bedankt_line.is--right {
  left: -26px;
  right: auto;
}

.stappen-bedankt_content {
  flex-direction: row-reverse;
  align-items: center;
  display: flex;
}

.stappen-bedankt_content.is--right {
  flex-direction: row;
}

.dashboard-blocks {
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.hidden_row-dropdown-content {
  border: 2px solid var(--dark-gray);
  background-color: var(--bg-color_gray);
  white-space: normal;
  margin-bottom: 25px;
  padding: 25px 25px 45px;
  display: none;
}

.open-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--compri-yellow) #ebd200 #ebd200 var(--compri-yellow);
  background-color: var(--compri-yellow);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 5px 6px auto auto;
}

.open-button:hover {
  transform: translate(0, -2px);
}

.download-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--compri-yellow) #ebd200 #ebd200 var(--compri-yellow);
  background-color: var(--compri-yellow);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.download-button:hover {
  transform: translate(0, -2px);
}

.fact-off-column {
  flex: 1;
  min-height: 2.5rem;
  display: flex;
}

.responsive-overlay {
  display: none;
}

.input-field_files {
  border: 2px dashed var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 25px 30px 15px;
  display: flex;
}

.input-field_files.is--white {
  background-color: var(--white);
}

.link-block-styled {
  border-bottom: 1px solid var(--compri-yellow);
  align-items: center;
  font-family: Titillium Web, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.link-block-styled:hover {
  color: var(--compri-yellow);
}

.delete-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--border) silver silver var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  padding: 4px 7px;
  font-size: 14px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 5px 90px auto auto;
}

.delete-button:hover {
  color: red;
  background-color: #ff000040;
  border-color: red;
  transform: translate(0, -2px);
}

.edit-button {
  border-style: solid;
  border-width: 2px;
  border-color: var(--border) silver silver var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: 5px 48px auto auto;
}

.edit-button:hover {
  border-color: var(--lime-green);
  color: var(--lime-green);
  background-color: #06af0033;
  transform: translate(0, -2px);
}

.delete-winkelwagen {
  border-style: solid;
  border-width: 2px;
  border-color: var(--border) silver silver var(--border);
  background-color: var(--bg-color_gray);
  border-radius: 5px;
  padding: 2px 10px;
  text-decoration: none;
  transition: transform .3s;
}

.delete-winkelwagen:hover {
  color: red;
  background-color: #ff000026;
  border-color: red;
  transform: translate(0, -2px);
}

.winkelwagen-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.winkelwagen-footer.align-right {
  justify-content: flex-end;
}

.afleveren {
  width: 100%;
}

.icon-small {
  flex: none;
  width: 20px;
  height: 20px;
}

.hidden_chat-reply {
  margin-top: 10px;
  display: none;
}

.hidden_chat-new-message {
  border: 1px solid var(--border);
  background-color: var(--white);
  border-radius: 5px;
  margin-bottom: 30px;
  padding: 20px 25px 10px;
  display: none;
  position: relative;
}

.hidden_create-new-chat_abort {
  align-items: center;
  display: none;
}

.chat-heading {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.chat-attachments {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.subnav-container {
  width: 100%;
  padding-bottom: 5px;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}

.max-width_550px {
  max-width: 550px;
}

.project-pic-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.project-pic-item {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.project-pic-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.breadcrumb-parent {
  background-color: #f8f8f8;
  border-bottom: .0625rem solid #e2e2e2;
  width: 100%;
  padding: .625rem 2.5vw .6875rem;
}

.breadcrumb-2 {
  color: #8d8d8d;
  margin-right: .4375rem;
  font-weight: 400;
  text-decoration: none;
}

.breadcrumb-2:hover {
  color: #444;
  text-decoration: underline;
}

.bread-crumb-wrapper {
  flex-wrap: wrap;
  display: flex;
}

._404-img {
  width: 5rem;
  margin-bottom: 1rem;
}

.hidden {
  display: none;
}

.search-page_input-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: .5rem;
  margin-bottom: 2rem;
  display: flex;
}

.search-page_results, .search-page_list {
  width: 100%;
  max-width: 100%;
}

.search-page_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.search-page_link {
  margin-bottom: .25rem;
  font-size: 1.05rem;
  font-weight: 700;
  display: block;
}

.search-page_url {
  color: var(--dark-gray);
}

.search-page_intro {
  margin-bottom: 0;
}

.search-page_item_img-wrapper {
  width: 25%;
  max-width: 100%;
}

.search-page_item-content {
  flex: 1;
}

.search-page_url-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .25rem;
  display: flex;
}

.search-icon_url {
  color: var(--medium-gray);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  margin-right: .15rem;
  display: flex;
}

.search-page_item-img {
  object-fit: contain;
  width: 100%;
}

.div-block {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.contact-sluitingdata {
  white-space: nowrap;
  width: 100%;
}

.contact-sluitingdata_row {
  border-bottom: 1px solid var(--border);
  display: flex;
}

.contact-sluitingdata_row.c-last {
  border-bottom-style: none;
}

.contact-sluitingdata_column {
  flex: none;
  width: 50%;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.sluitingsdata-card {
  background-color: var(--white);
  max-width: 41rem;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px;
}

.truncate-code-embed {
  display: none;
}

.thumbnail-content {
  height: 160px;
  position: relative;
  overflow: hidden;
}

.thumbnail-fade-out {
  background-image: linear-gradient(#fff0, #ffffff80 50%, #fff);
  width: 100%;
  max-width: 100%;
  height: 60px;
  position: absolute;
  inset: auto 0% 0%;
}

@media screen and (max-width: 991px) {
  .navbar-wrapper {
    height: 100px;
  }

  .logo-img {
    height: 80px;
  }

  .navbar-menu {
    border-bottom: 1px solid var(--border);
    background-color: var(--bg-color_gray);
    position: absolute;
  }

  .nav-link {
    border-bottom: 1px solid var(--border);
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 20px 5vw 20px 2.5vw;
    display: flex;
    position: relative;
  }

  .nav-link.is-dropdown {
    padding: 0 0;
  }

  .nav-dropdown_list.w--open {
    background-color: #0000;
    padding-bottom: 2.5vw;
    position: static;
  }

  .nav-dropdown_toggle {
    width: 100%;
    height: auto;
    padding: 20px 5vw 20px 2.5vw;
    display: block;
  }

  .nav-dropdown_icon {
    margin-right: 3.8vw;
  }

  .menu-button {
    width: 50px;
    height: 50px;
    padding: 0;
  }

  .menu-button.w--open {
    color: var(--compri-black);
    background-color: #0000;
  }

  .fontawesome.is--large {
    font-size: 40px;
  }

  .fontawesome.is-x {
    font-size: 40px;
    font-weight: 400;
  }

  .nav-top_link {
    margin-right: 10px;
  }

  .language-link {
    width: 30px;
    margin-left: 15px;
  }

  .language-wrapper {
    position: absolute;
    top: 73px;
    right: 90px;
  }

  .menu-button_content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px 0 0;
    display: flex;
    position: relative;
  }

  .menu-stripe {
    background-color: var(--dark-gray);
    width: 30px;
    height: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0;
  }

  .menu-button_inactive {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
  }

  .menu-button_active {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
  }

  .menu-stripe_y {
    background-color: var(--compri-black);
    width: 2px;
    height: 30px;
    margin-bottom: 4px;
    padding: 0;
    position: absolute;
    transform: rotate(45deg);
  }

  .menu-stripe_x {
    background-color: var(--compri-black);
    width: 2px;
    height: 30px;
    margin-bottom: 4px;
    padding: 0;
    position: absolute;
    transform: rotate(-45deg);
  }

  .product-category_sidebar {
    width: 30%;
    min-width: auto;
  }

  .product-category_content {
    width: 70%;
  }

  .product-category-content {
    padding-top: 0;
    padding-left: 25px;
    padding-right: 20px;
  }

  .product-information {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .category-product {
    width: 100%;
    margin-bottom: 10px;
  }

  .product-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
  }

  .product-category_sidebar-link {
    font-size: 14px;
  }

  .text-page_wrapper {
    padding: 25px;
  }

  .partner-image {
    margin-left: 0;
    margin-right: 15px;
  }

  .footer-bottom_link {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .footer-bottom_logos-wrapper {
    margin-top: 15px;
  }

  .footer-column-1 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
  }

  .footer-column-2, .footer-column-3 {
    width: 33.3333%;
    margin-bottom: 30px;
  }

  .footer-column-4 {
    width: 33.3333%;
  }

  .social-media {
    margin-top: 0;
  }

  .icon_social-media {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .form-select-field {
    max-width: 450px;
  }

  .heading-title {
    font-size: 40px;
  }

  .nav-contact-wrapper {
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2.5vw;
    display: flex;
  }

  .products-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .nav-compri_item {
    width: 50%;
  }

  .product {
    flex-direction: column;
  }

  .project-block {
    width: 48%;
    margin-right: 2%;
  }

  .lightbox_over-compri_image-wrapper {
    width: 25%;
  }

  .dashboard-block {
    width: 50%;
  }

  .dashboard-template {
    margin-left: 0;
  }

  .bedankt_image-wrapper {
    width: 180px;
    height: 120px;
  }

  .chat-message {
    margin-bottom: 15px;
    margin-left: 0;
  }

  .prijslijst-productgroep {
    font-size: 14px;
  }

  .prijslijst-checkbox {
    width: 50%;
  }

  .hidden_row-dropdown-content {
    display: none;
  }

  .responsive-overlay {
    z-index: 2;
    color: var(--bg-color_gray);
    text-align: center;
    background-image: linear-gradient(#000000bf, #000000bf);
    width: 100%;
    height: 100%;
    padding: 10vh 19px 19px;
    font-weight: 600;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .hidden_chat-new-message {
    margin-bottom: 15px;
    margin-left: 0;
  }

  .project-pic-list {
    grid-template-columns: 1fr 1fr;
  }

  .div-block {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .sluitingsdata-card {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .flexbox-parent {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-wrapper {
    height: 100px;
  }

  .navbar-menu {
    height: 100vh;
    overflow: auto;
  }

  .nav-dropdown_list.w--open {
    padding-top: 10px;
  }

  .nav-dropdown_link-block {
    width: 50%;
  }

  .nav-top_link.tablet-landscape_hide {
    display: none;
  }

  .slider-content {
    margin-right: 15px;
  }

  .slider-text-wrapper {
    padding-bottom: 20px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .logo-element {
    left: 2.2vw;
  }

  .product_link-block {
    width: 50%;
  }

  .footer-link:hover {
    color: var(--white);
  }

  .newletter-form {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .search-field.is--dashboard {
    width: 100%;
  }

  .newsletter-form-block {
    flex-direction: column;
  }

  .subnav {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .product-category_sidebar {
    width: 100%;
    display: none;
  }

  .product-category_content {
    width: 100%;
  }

  .search-form {
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
  }

  .search-form-wrapper {
    flex-direction: column;
    width: 100%;
  }

  .product-category-content {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }

  .nav-search-wrapper {
    display: none;
  }

  .responsive-search {
    justify-content: center;
    align-items: center;
    padding: 6px 5vw 10px;
    display: flex;
  }

  .column.mobile-hide {
    display: none;
  }

  .column.mobile-shrink {
    flex: 0 auto;
  }

  .text-page_wrapper {
    padding-top: 25px;
  }

  .footer-column-1 {
    flex-direction: column;
    align-items: flex-start;
    width: 50%;
  }

  .footer-column-2, .footer-column-3, .footer-column-4 {
    width: 50%;
  }

  .social-media {
    margin-top: 10px;
  }

  .homepage_section-2_left {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .homepage_section-2_right {
    width: 100%;
    padding-right: 0;
  }

  .products-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    margin-top: 25px;
  }

  .news {
    margin-right: 0;
  }

  .thumbnial_text-wrapper {
    padding-bottom: 10px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .thumbnail-wrapper {
    width: 100%;
  }

  .nav-compri_item {
    width: 33.33%;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-compri_item-wrapper_left {
    width: auto;
    margin-left: -5px;
    margin-right: -5px;
    padding-right: 0;
  }

  .nav-compri_item-wrapper_right {
    border-top: 1px solid var(--border);
    border-left-style: none;
    width: 100%;
    padding-top: 25px;
    padding-left: 0;
  }

  .contact-form {
    grid-template-columns: 1fr;
  }

  .title.h4-size {
    font-size: 20px;
  }

  .card.faq {
    padding: 38px 35px;
  }

  .card-faq-content-bottom {
    margin-left: 63px;
  }

  .faq-icon {
    margin-right: 25px;
  }

  .document-child {
    width: 50%;
  }

  .pop-up_content {
    width: 100%;
    max-width: 100%;
  }

  .lightbox_over-compri_image-wrapper {
    width: 33.33%;
  }

  .dashboard-sidebar {
    width: 100%;
  }

  .dashboard-content {
    width: 100%;
    padding-left: 0;
  }

  .dashboard-wrapper {
    flex-direction: column-reverse;
  }

  .dashboard-wrapper.is--dashboard {
    flex-direction: column;
  }

  .dashboard-block {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dashboard-search {
    flex-direction: column;
    width: 100%;
  }

  .dashboard_search-form {
    justify-content: flex-end;
    width: 100%;
    max-width: 100%;
  }

  .mobile-button_product-info-popup {
    display: block;
  }

  .dashboard-template {
    margin-bottom: 15px;
  }

  .bedankt_image-wrapper {
    width: 140px;
    height: 90px;
    margin-bottom: 14px;
    margin-right: 0;
  }

  .bedankt_image-wrapper.is--left {
    margin-left: 0;
    margin-right: 0;
  }

  .contact-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .mediacenter-search {
    flex-direction: column;
    width: 100%;
  }

  .form-column_child {
    flex: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .stappen-bedankt {
    padding-top: 0;
    padding-left: 15px;
  }

  .stappen-bedankt.is--right {
    padding-top: 100px;
  }

  .stappen-timeline {
    width: 2px;
  }

  .stap-dot {
    width: 12px;
    height: 12px;
    margin-left: -20px;
  }

  .stap-dot.is--left {
    right: -7px;
  }

  .stappen-bedankt_wrapper {
    margin-bottom: 25px;
  }

  .stappen-bedankt_line {
    width: 10px;
  }

  .stappen-bedankt_line.is--right {
    left: -10px;
  }

  .stappen-bedankt_content {
    flex-direction: column;
    align-items: flex-end;
    padding-top: 25px;
    padding-right: 14px;
    display: flex;
  }

  .stappen-bedankt_content.is--right {
    flex-direction: column;
    align-items: flex-start;
  }

  .breadcrumb-parent {
    display: none;
  }

  .contact-sluitingdata_row {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .contact-sluitingdata_row.c-header {
    display: none;
  }

  .contact-sluitingdata_column {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 20px;
  }

  .padding-bottom_l {
    padding-bottom: 25px;
  }

  .padding_m {
    padding: 10px;
  }

  .padding-top_l {
    padding-top: 25px;
  }

  .padding-right_l {
    padding-right: 25px;
  }

  .padding-top_m {
    padding-top: 10px;
  }

  .padding_l {
    padding: 25px;
  }

  .padding-left_m {
    padding-left: 10px;
  }

  .flexbox-child {
    flex: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom_m {
    padding-bottom: 10px;
  }

  .padding-left_l {
    padding-left: 25px;
  }

  .padding-right_m {
    padding-right: 10px;
  }

  .margin_m {
    margin: 10px;
  }

  .margin_l {
    margin: 25px;
  }

  .margin-left_l {
    margin-left: 25px;
  }

  .margin-bottom_m {
    margin-bottom: 10px;
  }

  .margin-right_l {
    margin-right: 25px;
  }

  .margin-left_m {
    margin-left: 10px;
  }

  .margin-top_m {
    margin-top: 10px;
  }

  .margin-right_m {
    margin-right: 10px;
  }

  .section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .navbar-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5vw;
  }

  .nav-link {
    padding-left: 5vw;
  }

  .nav-dropdown_list {
    padding: 0 5vw 10px;
  }

  .nav-dropdown_list.w--open {
    padding-top: 10px;
    padding-bottom: 25px;
  }

  .nav-top {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .nav-dropdown_toggle {
    padding-left: 5vw;
  }

  .nav-dropdown_icon {
    margin-right: 5vw;
  }

  .nav-dropdown_link-block {
    width: 100%;
    font-size: 15px;
  }

  .nav-image_wrapper {
    width: 50px;
    height: 50px;
  }

  .button.is--tab-product-page {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .fontawesome.breadcrumb {
    margin-right: 5px;
  }

  .fontawesome.is--inside-responsive-nav {
    color: var(--dark-gray);
    width: 15px;
    margin-right: 7px;
    font-size: 14px;
  }

  .fontawesome.breadcrumb-2 {
    margin-right: .3125rem;
  }

  .nav-top_link {
    margin-right: 5px;
  }

  .nav-top_link.portrait_hide {
    display: none;
  }

  .language-link {
    width: 20px;
    margin-left: 5px;
  }

  .language-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    position: static;
  }

  .mobile-only {
    display: block;
  }

  .nav-responsive_elements {
    flex-direction: column-reverse;
    display: flex;
  }

  .hero-header {
    padding: 15vw 5vw 10vw;
  }

  .card-slider_nav {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .slider-thumbnail {
    height: 200px;
  }

  .product-image_wrapper {
    width: 50px;
    height: 50px;
  }

  .product_link-block {
    width: 100%;
    margin-bottom: 5px;
    margin-right: 0;
  }

  .slider-nav-wrapper {
    justify-content: space-between;
    width: 100%;
    margin-top: 25px;
  }

  .footer {
    padding-top: 35px;
  }

  .footer-link, .search-field {
    width: 100%;
  }

  .heading-large {
    font-size: 28px;
  }

  .form {
    flex: none;
    width: 100%;
  }

  .field-parent.margin-form {
    padding-right: 0;
  }

  .field-parent.margin-form.is--50, .field-parent.is--50 {
    width: 100%;
  }

  .input-field {
    margin-bottom: 10px;
  }

  .form-field_double {
    flex-direction: column;
  }

  .breadcrumb-wrapper {
    margin-bottom: 15px;
    display: none;
  }

  .breadcrumb {
    margin-right: 5px;
  }

  .breadcrumb-item.hide_mobile-portrait {
    display: none;
  }

  .subnav {
    flex-direction: column;
    align-items: stretch;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .product-category_sidebar {
    border-top-style: none;
  }

  .products {
    background-color: var(--white);
    flex-direction: column;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
  }

  .product-category_content {
    background-color: #0000;
    border-right-style: none;
    padding-top: 10px;
  }

  .search-form {
    justify-content: space-between;
  }

  .search-form-wrapper {
    width: 100%;
  }

  .search-form-wrapper.is--hoofdcategorie {
    bottom: auto;
  }

  .product-category-content {
    border-top-style: none;
    padding: 0 0 25px;
  }

  .product-information {
    background-color: #0000;
    padding: 25px 0;
  }

  .product-wrapper {
    margin-top: 0;
  }

  .product-category_sidebar-link {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .newsletter-field {
    width: 100%;
  }

  .column-wrapper {
    font-size: 14px;
  }

  .column-header, .column-row {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .header {
    padding-bottom: 50px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .text-page_wrapper {
    background-color: #0000;
    border-style: none;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    top: 0;
  }

  .footer-header {
    height: auto;
  }

  .footer-header.hide-mobile-portrait {
    display: none;
  }

  .footer-bottom {
    border-top-style: none;
    margin-top: 50px;
    padding-top: 0;
  }

  .partner-image {
    width: 33.33%;
    height: auto;
    max-height: 30px;
  }

  .partner-image.c-large {
    max-height: 60px;
  }

  .footer-bottom_link {
    margin-bottom: 5px;
  }

  .footer-bottom_links-wrapper {
    padding-top: 10px;
  }

  .footer-bottom_logos-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    margin-top: 30px;
  }

  .footer-column-1 {
    flex: none;
    width: 100%;
    padding-right: 0;
  }

  .footer-column-2 {
    flex: none;
    width: 100%;
    margin-bottom: 0;
    padding-right: 0;
  }

  .footer-column-3, .footer-column-4 {
    flex: none;
    width: 100%;
    padding-right: 0;
  }

  .footer-expand_button {
    margin-left: 0;
  }

  .social-media {
    margin-top: 10px;
  }

  .checkbox {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-bottom: 2px;
    margin-right: 5px;
  }

  .radio-button-field {
    margin-top: 7px;
  }

  .form-checkboxes.margin-top-mobile-only {
    margin-top: 20px;
  }

  .radio-button {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    margin-bottom: 2px;
    margin-right: 5px;
  }

  .slider-arrows {
    margin-left: 5px;
  }

  .heading-title {
    font-size: 28px;
  }

  .hero-header-content {
    text-align: left;
  }

  .nav-contact-wrapper {
    border-bottom: 1px solid var(--border);
    padding-left: 5vw;
  }

  .homepage_product-image_wrapper {
    width: 50px;
    height: 50px;
  }

  .homepage_section-2_left, .homepage_section-2_right {
    flex: none;
    width: 100%;
  }

  .products-grid {
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .news-header {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 25px;
    margin-bottom: 15px;
  }

  .nav-compri_item {
    width: 50%;
  }

  .nav-compri_bewerkingen-item {
    padding-top: 15px;
  }

  .nav-compri_image {
    height: 75px;
    margin-bottom: 4px;
  }

  .contact-form {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 50px;
  }

  .title.h4-size {
    font-size: 18px;
  }

  .title.h4-size.card-location {
    margin-bottom: 6px;
  }

  .title.h5-size {
    font-size: 16px;
  }

  .contact-link-content {
    width: 100%;
    max-width: 266px;
  }

  .card.faq {
    border-radius: 0;
    margin-bottom: 20px;
    padding: 32px 25px 32px 20px;
  }

  .faq-wrapper {
    margin-bottom: -20px;
  }

  .card-faq-content-bottom {
    margin-left: 48px;
  }

  .faq-icon {
    width: 35px;
    min-width: 35px;
    min-height: 35px;
    max-height: 35px;
    margin-right: 15px;
  }

  .product-info-wrapper {
    flex: none;
    width: 100%;
    padding-left: 0;
  }

  .section_documentatie {
    padding-bottom: 10px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .document-child {
    padding: 5px;
  }

  .document-parent {
    margin-left: -5px;
    margin-right: -5px;
  }

  .document-image_wrapper {
    width: 50px;
    height: 50px;
  }

  .inline-image_left {
    width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .inline-image_right {
    width: 100%;
    margin: 0 0 20px;
  }

  .page-image_contain, .page-image_cover-wrapper {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .popup-close_icon {
    width: 22px;
    top: 10px;
    right: 10px;
  }

  .pop-up_content, .pop-up_small {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-pane {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .tab-link {
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 7px 10px;
  }

  .tabs-menu {
    padding: 10px 5px 10px 10px;
  }

  .location-card {
    width: 100%;
    max-width: 100%;
  }

  .display-flex_center {
    align-items: center;
    display: flex;
  }

  .project-block {
    width: 100%;
    margin-bottom: 25px;
    margin-right: 0%;
  }

  .lightbox_over-compri_image-wrapper {
    width: 50%;
  }

  .dashboard {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .dashboard-sidebar, .dashboard-content {
    flex: none;
  }

  .dashboard-thumbnail {
    height: auto;
  }

  .dashboard-block {
    width: 100%;
    padding-bottom: 0;
  }

  .dashboard-search {
    width: 100%;
  }

  .dashboard_search-form {
    justify-content: space-between;
  }

  .mobile-button_product-info-popup {
    top: 4px;
    right: 4px;
  }

  .column-wrapper_in-popup {
    font-size: 14px;
  }

  .dashboard-link {
    align-items: center;
    display: flex;
  }

  .dashboard-template, .box {
    padding: 25px 20px;
  }

  .box-footer {
    margin-top: 25px;
  }

  .stap {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .bedankt_image-wrapper {
    border-width: 4px;
    width: 120px;
    height: 80px;
  }

  .bedankt_image-wrapper.is-levering {
    border-width: 5px;
    width: 100%;
    height: 50vw;
  }

  .contact-wrapper {
    margin-right: 0;
    padding: 20px;
  }

  .chat-message {
    padding: 25px 20px;
  }

  .prijslijst-productgroep {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .prijslijst-checkbox, .mediacenter-search {
    width: 100%;
  }

  .mediacenter-result {
    min-height: 100px;
  }

  .form-column_child {
    flex: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .stappen-bedankt_parent {
    margin-bottom: 25px;
  }

  .winkelwagen-footer {
    align-items: center;
    display: flex;
  }

  .hidden_chat-new-message {
    padding: 25px 20px;
  }

  .hidden_create-new-chat_abort, .chat-heading, .chat-attachments {
    align-items: center;
    display: flex;
  }

  .subnav-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .project-pic-list {
    grid-template-columns: 1fr;
  }

  .breadcrumb-parent {
    padding-left: 5vw;
  }

  .breadcrumb-2 {
    margin-right: .3125rem;
  }

  .search-page_item {
    flex-flow: column;
    margin-bottom: 2rem;
  }

  .search-page_item_img-wrapper {
    width: 100%;
  }
}

#w-node-ca926f3e-8125-3146-67a0-ab9a0131e0d3-ad360f8a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d4716a5-7536-4852-0c67-d79ef76bd458-ad360f8a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7d4716a5-7536-4852-0c67-d79ef76bd45c-ad360f8a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-ee33555d-7c3f-f786-975c-5031d9730b79-ad360f8b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_7d4716a5-7536-4852-0c67-d79ef76bd458-ad360f8a, #w-node-_7d4716a5-7536-4852-0c67-d79ef76bd45c-ad360f8a {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7d4716a5-7536-4852-0c67-d79ef76bd45c-ad360f8a {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}