.elementor-115 .elementor-element.elementor-element-6d82782{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2a8d375 *//* Globale Variabelen & Reset binnen de wrapper */
.its_webshop-wrapper {
  --its-antraciet: #222222;
  --its-blauw: #77B3B1;
  --its-oranje: #FF8500;
  --its-wit: #FFFFFF;
  --its-lichtgrijs: #F5F5F3;
  --its-font-heading: 'Kanit', sans-serif;
  --its-font-body: 'Montserrat', sans-serif;
  
  font-family: var(--its-font-body);
  color: var(--its-antraciet);
  line-height: 1.6;
}

.its_webshop-wrapper * {
  box-sizing: border-box;
}

/* Typografie */
.its_h1, .its_h2, .its_h3, .its_product-title, .its_service-title {
  font-family: var(--its-font-heading);
  font-weight: 600;
  margin-top: 0;
}

.its_h1 { font-size: 3.5rem; line-height: 1.1; margin-bottom: 20px; }
.its_h2 { font-size: 2.5rem; margin-bottom: 20px; }
.its_subheading { color: var(--its-blauw); font-weight: 600; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 1px; display: block; margin-bottom: 5px; }

/* Layout & Containers */
.its_container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.its_section { padding: 100px 0; }
.its_bg-white { background-color: var(--its-wit); }
.its_bg-light { background-color: var(--its-lichtgrijs); }
.its_section-header { text-align: center; margin-bottom: 60px; }

/* Buttons */
.its_btn {
  display: inline-block;
  padding: 14px 30px;
  font-family: var(--its-font-heading);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
}
.its_btn-primary { background-color: var(--its-oranje); color: var(--its-wit); }
.its_btn-primary:hover { background-color: #e67600; }
.its_btn-outline { border: 2px solid var(--its-antraciet); color: var(--its-antraciet); margin-left: 15px; }
.its_btn-outline:hover { background-color: var(--its-antraciet); color: var(--its-wit); }
.its_btn-dark { background-color: var(--its-antraciet); color: var(--its-wit); border: 2px solid var(--its-antraciet); }
.its_btn-dark:hover { background-color: var(--its-oranje); border-color: var(--its-oranje); }
.its_btn-full { width: 100%; padding: 10px; }

/* 1. Hero & Shortcuts */
.its_hero-section {
  background-color: var(--its-lichtgrijs);
  padding: 80px 0 0 0; /* Geen padding bottom wegens shortcuts */
  position: relative;
}
.its_hero-flex {
  display: flex;
  align-items: center;
  gap: 60px;
  padding-bottom: 120px; /* Ruimte voor overlap shortcuts */
}
.its_hero-content { flex: 1; }
.its_hero-text { font-size: 1.1rem; color: #555; margin-bottom: 30px; }
.its_hero-image-box { flex: 1; }
.its_image-placeholder {
  background-color: #ddd;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-weight: bold;
  border-radius: 4px;
}
.its_shortcuts-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: -60px; /* Overlap effect */
  position: relative;
  z-index: 10;
}
.its_shortcut-card {
  background: var(--its-wit);
  padding: 30px 20px;
  text-align: center;
  text-decoration: none;
  color: var(--its-antraciet);
  border-top: 4px solid transparent;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  border-radius: 2px;
}
.its_shortcut-card:hover { border-top-color: var(--its-blauw); transform: translateY(-5px); }
.its_shortcut-icon { height: 50px; width: 50px; background-color: var(--its-lichtgrijs); margin: 0 auto 15px auto; border-radius: 50%; }
.its_shortcut-title { font-family: var(--its-font-heading); font-weight: 500; font-size: 1.1rem; }

/* 2. USP Bar */
.its_usp-bar {
  background-color: var(--its-antraciet);
  padding: 15px 0;
  color: var(--its-wit);
}
.its_usp-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.its_usp-item { font-size: 0.9rem; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.its_usp-icon { color: var(--its-oranje); font-weight: bold; }

/* 3. Product Placeholder */
.its_product-grid-placeholder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.its_product-card {
  border: 1px solid #eaeaea;
  padding: 20px;
  position: relative;
  background: var(--its-wit);
  transition: box-shadow 0.3s;
  border-radius: 2px;
}
.its_product-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); }
.its_product-image { height: 200px; background-color: var(--its-lichtgrijs); margin-bottom: 20px; }
.its_product-title { font-size: 1.2rem; margin-bottom: 10px; }
.its_product-specs { list-style: none; padding: 0; margin: 0 0 20px 0; font-size: 0.85rem; color: #666; }
.its_product-specs li { margin-bottom: 5px; padding-left: 15px; position: relative; }
.its_product-specs li::before { content: '•'; color: var(--its-blauw); position: absolute; left: 0; }
.its_stock-label { color: #2e7d32; font-weight: 600; font-size: 0.85rem; margin-bottom: 15px; display: flex; align-items: center; gap: 5px;}
.its_stock-label::before { content: ''; display: inline-block; width: 8px; height: 8px; background-color: #2e7d32; border-radius: 50%; }

/* 4. Category Grid Placeholder */
.its_category-grid-placeholder {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.its_cat-card {
  background: var(--its-wit);
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.its_cat-card:hover { box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.its_cat-card:hover .its_cat-title { color: var(--its-blauw); }
.its_cat-img { height: 150px; background-color: var(--its-lichtgrijs); margin-bottom: 15px; }
.its_cat-title { font-family: var(--its-font-heading); font-size: 1.2rem; font-weight: 500; transition: color 0.3s; }

/* 5. Services Grid */
.its_services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.its_service-item {
  border-left: 3px solid var(--its-blauw);
  padding-left: 20px;
}
.its_service-title { font-size: 1.4rem; margin-bottom: 15px; }
.its_service-text { color: #555; margin-bottom: 15px; font-size: 0.95rem; }
.its_service-link { color: var(--its-blauw); text-decoration: none; font-weight: 600; font-size: 0.95rem; transition: color 0.3s; }
.its_service-link:hover { color: var(--its-oranje); }

/* 6. Reviews Placeholder */
.its_reviews-placeholder {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  background: var(--its-wit);
  padding: 60px;
  border-top: 4px solid var(--its-oranje);
  box-shadow: 0 10px 40px rgba(0,0,0,0.03);
}
.its_stars { color: var(--its-oranje); font-size: 2rem; margin-bottom: 20px; letter-spacing: 5px; }
.its_review-quote { font-size: 1.3rem; font-style: italic; color: var(--its-antraciet); margin-bottom: 20px; }
.its_review-author { font-weight: 600; color: var(--its-blauw); }

/* 7. SEO Section */
.its_seo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
.its_seo-text { margin-bottom: 20px; color: #555; }
.its_seo-image-placeholder { background-color: var(--its-lichtgrijs); height: 400px; display: flex; align-items: center; justify-content: center; color: #888; border-radius: 4px; }

/* 8. Pre-footer */
.its_pre-footer { background-color: var(--its-blauw); padding: 80px 0; text-align: center; color: var(--its-wit); }
.its_pre-footer-title { color: var(--its-wit); font-size: 2.5rem; margin-bottom: 15px; }
.its_pre-footer-text { font-size: 1.1rem; margin-bottom: 30px; opacity: 0.9; }

/* Responsive basics */
@media (max-width: 992px) {
  .its_hero-flex, .its_seo-grid { flex-direction: column; text-align: center; gap: 40px; padding-bottom: 60px; }
  .its_hero-image-box { width: 100%; }
  .its_shortcuts-grid, .its_product-grid-placeholder, .its_category-grid-placeholder, .its_services-grid { grid-template-columns: repeat(2, 1fr); }
  .its_usp-flex { justify-content: center; gap: 20px; }
  .its_btn-outline { margin-left: 0; margin-top: 10px; display: block; }
}
@media (max-width: 768px) {
  .its_h1 { font-size: 2.5rem; }
  .its_shortcuts-grid, .its_product-grid-placeholder, .its_category-grid-placeholder, .its_services-grid { grid-template-columns: 1fr; }
  .its_shortcuts-grid { margin-top: 20px; }
  .its_hero-section { padding-bottom: 40px; }
  .its_reviews-placeholder { padding: 30px 20px; }
}/* End custom CSS */