/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 24:16 Expected identifier but found whitespace
Line 24:18 Unexpected "{"
Line 24:27 Expected ":"
Line 24:56 Expected ":"
Line 25:19 Expected identifier but found whitespace
Line 25:21 Unexpected "{"
Line 25:30 Expected ":"
Line 25:62 Expected ":"
Line 36:15 Expected identifier but found whitespace
... and 44 more hidden warnings

**/
<style>
.product-vergelijking {
  display: flex;
}

@media (max-width: 768px) {
  .product-vergelijking {
    flex-direction: column;
    padding-top: {{ section.settings.md_padding_top }}px;
    padding-bottom: {{ section.settings.md_padding_bottom }}px;
  }
  .vergelijk-kolom {
    width: 100%;
    padding: 0 0px;
  }
  .vergelijk-midden {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: {{ section.settings.image_distance }}px;
  }
  .product-titel-1, .product-titel-2 {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: {{ section.settings.product_title_distance }}px;
    text-align: center;
  }
  .voordeel-icoon, .nadeel-icoon {
    max-width: 50px;
    height: auto;
    margin-right: 10px;
    margin-top: 3px;
  }
  .vergelijk-midden img {
    max-width: 100%;
    height: auto;
    padding: 40px;
  }
}

@media (min-width: 769px) {
  .product-vergelijking {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
    flex-direction: row;
  }
  .vergelijk-kolom.linker-kolom{
    width: {{ section.settings.linker_kolom_breedte }}%;
    padding: 0 5px;
  }
   .vergelijk-kolom.rechter-kolom{
    width: {{ section.settings.rechter_kolom_breedte }}%;
    padding: 0 5px;
  }
  .vergelijk-midden {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: {{ section.settings.image_distance }}px;
  }
  .product-titel-1, .product-titel-2 {
    margin-top: 0;
    margin-left: calc({{ section.settings.icon_title_spacing }}px + {{ section.blocks[0].settings.pros_cons_icon_size }}px);
    margin-bottom: {{ section.settings.product_title_distance }}px;
  }
  .voordeel-icoon, .nadeel-icoon {
    max-width: 50px;
    height: auto;
    margin-right: {{ section.settings.icon_title_spacing }}px;
    margin-top: 3px;
  }
  .vergelijk-midden img {
    max-width: 100%;
    height: auto;
  }
}

.pros-cons__item {
  display: flex;
  align-items: flex-start;
}

.pros-cons__content {
  display: flex;
  flex-direction: column;
  margin-bottom: {{ section.settings.pros_cons_distance }}px;
}

.product-titel-1:after {
  content: "\2122";
  font-weight: normal;
}
.voordeel-titel {
  margin-bottom: {{ section.settings.title_distance }}px;
}
</style>