/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/*
This should be split up into smaller libraries
Since we do not need everything everywhere..
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

:root {
  --small-mobile-width: 320px;
  --mobile-width: 768px;
  --tablet-width: 1024px;
  --desktop-width: 1440px; }

:root {
  --color-zarazzo-white: #FFFFFF;
  --color-zarazzo-red: #ED1F24;
  --color-zarazzo-brown: #3C2415;
  --color-zarazzo-grey: #A3A3A3;
  --color-zarazzo-grey-light: #f3f3f3;
  --color-zarazzo-orange: #A45B28;
  --color-zarazzo-green: #628136;
  --color-zarazzo-green-light: #E4EED7;
  --color-zarazzo-green-dark: #39814A;
  --color-zarazzo-green-pastel: #cde9e0;
  --color-zarazzo-pink-pastel: #fbcccc;
  --color-zarazzo-blue-bright: #73cedf;
  --color-zarazzo-yellow-bright: #fee542;
  --color-zarazzo-pink-bright: #ef888a;
  --color-zarazzo-black: #333333;
  --color-zarazzo-gold: #DDA413;
  --color-zarazzo-light-grey: #999; }

:root {
  --font-zarazzo-primary: 'Panton', sans-serif;
  --font-zarazzo-secondary: 'Verlag', sans-serif; }

:root {
  --time-zarazzo-slide-duration: 5500ms /* delay + transitionspeed */;
  --animation-zarazzo-menu-open-speed: 500ms;
  --animation-zarazzo-menu-close-speed: 300ms;
  --buttons-zarazzo-circle-button-size: 52px; }

#site-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; }

.full-width-section {
  width: 100%;
  position: relative; }

.full-width-section .content-wrapper {
  max-width: var(--desktop-width);
  width: 100%;
  margin: auto; }

.section-inner {
  position: relative;
  padding-top: 40px;
  padding-left: 150px;
  padding-right: 150px;
  padding-bottom: 40px; }
  .section-inner .section-inner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0; }
    .section-inner .section-inner h2, .section-inner .section-inner h4 {
      margin: 0; }

.paragraph-inner {
  position: relative;
  width: 100%;
  margin: auto;
  padding-left: 150px;
  padding-right: 150px; }

@media only screen and (max-device-width: 1024px) {
  .section-inner {
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px; }
    .section-inner .section-inner {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0; }
      .section-inner .section-inner h2, .section-inner .section-inner h4 {
        margin: 0; }
  .paragraph-inner {
    position: relative;
    width: 100%;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px; } }

@font-face {
  font-family: 'Panton';
  src: url("fonts/Panton-Regular.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Panton';
  src: url("fonts/Panton-Light.otf");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'Panton';
  src: url("fonts/Panton-LightItalic.otf");
  font-weight: 100;
  font-style: italic; }

@font-face {
  font-family: 'Panton';
  src: url("fonts/Panton-Italic.otf");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Panton';
  src: url("fonts/Panton-Bold.otf");
  font-weight: 700;
  font-style: normal; }

.panton {
  font-family: Panton, arial, sans-serif;
  letter-spacing: 0.08rem; }

.panton-normal {
  font-weight: 400; }

.panton-light {
  font-weight: 100; }

.panton-bold {
  font-weight: 700; }

@font-face {
  font-family: 'Verlag';
  src: url("fonts/Verlag-Black.otf");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Verlag';
  src: url("fonts/Verlag-Bold.otf");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Verlag';
  src: url("fonts/Verlag-Book.otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Verlag';
  src: url("fonts/Verlag-Light.otf");
  font-weight: 100;
  font-style: normal; }

.verlag {
  font-family: 'Verlag', Arial, sans-serif; }

@font-face {
  font-family: 'VerlagCond';
  src: url("fonts/VerlagCond-Black.otf");
  font-weight: 700;
  font-style: normal; }

.verlag-cond {
  font-family: 'VerlagCond', Arial, sans-serif; }

body {
  font-family: var(--font-zarazzo-primary);
  font-weight: 100;
  line-height: 1.5em;
  word-spacing: .07em;
  letter-spacing: 0.02em;
  color: var(--color-zarazzo-brown); }

/* 18px @ 768px increasing to 20px @ 1440px */
@media (min-width: 769px) {
  :root {
    font-size: calc(1.125rem + ((1vw - 7.68px) * 0.2976));
    /* Where: * 0.2976 = 100 * font_Size_Difference / viewport_Width_Difference */ } }

/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1441px) {
  :root {
    font-size: 20px; } }

@media (max-width: 768px) {
  :root {
    font-size: 16px; } }

h1, .h1 {
  font-size: 3em;
  line-height: 3.25rem; }

h2, .h2 {
  font-size: 2.5em;
  line-height: 2.75rem; }

h3, .h3 {
  font-size: 1.85em;
  line-height: 1.85rem; }

h4, .h4 {
  font-size: 1.5em;
  line-height: 1.5rem; }

h5, .h5 {
  font-size: 1.2em;
  line-height: 1.5rem; }

h6, .h6 {
  font-size: 1.1em;
  line-height: 1.5rem; }

p {
  font-size: 1em;
  line-height: 1.5rem;
  margin: 0 0 1em 0; }

*[class$="button"],
.label,
.button,
button, label {
  font-size: 0.75em;
  line-height: 1.5rem; }

.strong,
strong {
  font-weight: 700; }

em {
  font-style: italic; }

.paragraph ul {
  list-style: disc;
  list-style-position: outside;
  margin: 1em 0 1em 15px; }

h1, .h1 {
  font-family: var(--font-zarazzo-secondary);
  font-weight: 700;
  margin: 1em 0 .5em 0; }

h2, .h2 {
  font-family: var(--font-zarazzo-secondary);
  font-weight: 700;
  margin: 1em 0 1em 0; }

h3, .h3 {
  font-family: var(--font-zarazzo-secondary);
  font-weight: normal;
  margin: .75em 0; }

h4, h5, h6,
.h4, .h5, .h6 {
  font-family: var(--font-zarazzo-primary); }

h4 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: normal; }

h5, h6 {
  margin-top: 1em;
  margin-bottom: 1em; }

@media only screen and (max-width: 1199px) {
  h1, .h1 {
    font-size: 2em;
    line-height: 2.5rem; }
  h2, .h2 {
    font-size: 1.75em;
    line-height: 1.75rem; }
  h3, .h3 {
    font-size: 1.5em;
    line-height: 1.5rem; }
  h4, .h4 {
    font-size: 1.2em;
    line-height: 1.5rem; }
  h5, .h5 {
    font-size: 1.1em;
    line-height: 1.5rem; }
  h6, .h6 {
    font-size: 1.1em;
    line-height: 1.5rem; } }

html, body {
  margin: 0;
  padding: 0;
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

*::-moz-focus-inner {
  border: 0; }

[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button; }

img {
  max-width: 100%;
  height: auto;
  display: block; }

a {
  color: inherit;
  text-decoration: none; }

.media--image img {
  margin: auto; }

.image-li3-wrapper .media--image img {
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto; }

.scrollmagic-pin-spacer {
  pointer-events: none; }

.no-style {
  margin: 0;
  padding: 0; }

.no-style li {
  list-style: none; }

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal; }

.abs-center {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start; }

.full-width-height-header {
  width: 100vw;
  height: 100vh; }

.full-width-height {
  width: 100vw;
  height: 100vh; }

.full-height {
  height: 102vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

body.blurred * {
  -webkit-animation: none !important;
  animation: none !important;
  transition: none !important; }

.scroll {
  -webkit-overflow-scrolling: touch; }

.clickable {
  cursor: pointer; }

.on-hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.page-koffie #paragraph-36 .on-hover:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s; }

.all-caps {
  text-transform: uppercase; }

.underline {
  text-decoration: underline; }

.inline {
  display: inline-block; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-center {
  text-align: center; }

.xtra-padding {
  padding-left: 150px;
  padding-right: 150px; }

.section-inner .paragraph-body p {
  margin: 0;
  padding: 0 1em;
  box-sizing: border-box; }

.paragraph--type--text-with-header.xtra-padding .paragraph-body {
  padding-left: 0;
  padding-right: 0;
  max-width: 1140px; }

.paragraph--type--text-with-header.header-center-txt-left {
  text-align: center; }
  .paragraph--type--text-with-header.header-center-txt-left .section-inner .paragraph-body p {
    text-align: left; }

.no-margin {
  margin: 0 0 1em 0; }

.txt-one-column .section-inner .paragraph-body {
  -webkit-column-count: 1;
  column-count: 1; }

.txt-two-columns .section-inner .paragraph-body {
  -webkit-column-count: 2;
  column-count: 2; }

.txt-three-columns .section-inner .paragraph-body {
  -webkit-column-count: 3;
  column-count: 3; }

.transparant-bg {
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0); }

.red-txt {
  color: var(--color-zarazzo-red); }

.red-bg {
  background-color: var(--color-zarazzo-red); }

.brown-txt {
  color: var(--color-zarazzo-brown);
  font-weight: 500; }

.brown-bg {
  background-color: var(--color-zarazzo-brown); }

.white-txt {
  color: var(--color-zarazzo-white); }
  .white-txt .red-txt {
    color: var(--color-zarazzo-white); }

.white-bg {
  background-color: var(--color-zarazzo-white); }

.grey-txt {
  color: var(--color-zarazzo-grey); }

.grey-bg {
  background-color: var(--color-zarazzo-grey); }

.grey-light-txt {
  color: var(--color-zarazzo-grey-light); }

.grey-light-bg {
  background-color: var(--color-zarazzo-grey-light); }

.white-to-grey-light-bg {
  background: var(--color-zarazzo-white);
  background: linear-gradient(180deg, var(--color-zarazzo-white) 0%, var(--color-zarazzo-grey-light) 67%); }

.orange-txt {
  color: var(--color-zarazzo-orange); }

.orange-bg {
  background-color: var(--color-zarazzo-orange); }

.green-txt {
  color: var(--color-zarazzo-green); }

.green-bg {
  background-color: var(--color-zarazzo-green); }

.green-light-txt {
  color: var(--color-zarazzo-green-light); }

.green-light-bg {
  background-color: var(--color-zarazzo-green-light); }

.green-dark-txt {
  color: var(--color-zarazzo-green-dark); }

.green-dark-bg {
  background-color: var(--color-zarazzo-green-dark); }

.black-txt {
  color: var(--color-zarazzo-brown); }

.black-bg {
  background-color: var(--color-zarazzo-black); }

.txt-two-col {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 4em;
  column-gap: 4em; }

.triangle-down {
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--color-zarazzo-white); }

.credits {
  margin: 30px;
  float: right;
  text-align: right;
  font-size: 11px;
  font-weight: 100;
  color: #ccc; }

.credits a {
  color: #ccc; }

.breakingline {
  width: 100%;
  height: 1px;
  background-color: var(--color-zarazzo-brown);
  opacity: 0.5; }

.redline {
  height: 100px;
  width: 1px;
  background-color: var(--color-zarazzo-red);
  opacity: 0.75;
  float: left; }

.border-bottom {
  border-bottom: 1px solid var(--color-zarazzo-black); }

.vparagraph {
  padding: 20px; }

.curly-shadow:before {
  content: "";
  position: absolute;
  width: 95%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  left: 5%;
  right: auto;
  bottom: 5px;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1; }

.curly-shadow:after {
  content: "";
  position: absolute;
  width: 95%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  right: 5%;
  left: auto;
  bottom: 5px;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1; }

::-webkit-input-placeholder {
  color: var(--color-zarazzo-black);
  font-size: .75em; }

::-moz-placeholder {
  color: var(--color-zarazzo-black);
  font-size: .75em; }

:-ms-input-placeholder {
  color: var(--color-zarazzo-black);
  font-size: .75em; }

:-moz-placeholder {
  color: var(--color-zarazzo-black);
  font-size: .75em; }

.cart-empty-page .section-inner {
  padding: 0 108px; }

@media only screen and (max-width: 767px) {
  .cart-empty-page .section-inner {
    padding: 0 20px; } }

body.section-product #main-section {
  padding-bottom: 160px; }

body.page-product-4 #main-section div#edit-actions {
  margin-bottom: 0; }
  body.page-product-4 #main-section div#edit-actions input#edit-submit {
    margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important; } }

@media only screen and (max-device-width: 1024px) {
  .hide-on-mobile {
    display: none;
    visibility: hidden; }
  .show-on-mobile {
    display: block;
    visibility: visible; } }

@media only screen and (min-device-width: 1024px) {
  .hide-on-mobile {
    display: block;
    visibility: visible;
    width: 103%; }
  .show-on-mobile {
    display: none;
    visibility: hidden; } }

.button.black-txt.all-caps.white-bg.contact-button.curly-sxhadow.panton.panton-normal {
  pointer-events: all; }

#paragraph-158 .scrollmagic-pin-spacer {
  z-index: 1; }

#paragraph-158 .section-inner {
  padding: 0; }

.page-home .swiper-wrapper {
  width: 110%;
  margin-left: -5%; }

.page-thee p.intro-text-bold.brown-txt {
  margin: 0 0 1em 2em; }

.page-thee article.col-xs-5 {
  margin-right: 3%;
  margin-left: 3%; }

.page-thee .white-to-grey-light-bg {
  background-color: #F5F4F3 !important;
  background: none; }

.page-thee .perfecte-thee {
  /*bottom: -100px*/
  bottom: -176px; }

.clickable.collaps-close.swiper-closed {
  display: none; }

.page-home section#paragraph-141 .section-inner {
  padding-bottom: 30px; }

.page-home #paragraph-141 .swiper-container {
  height: 575px; }

.page-home .image-li3-wrapper .media--image img {
  margin-top: -15%; }

.page-home .slide-txt.txt-center {
  margin-top: 5%; }

.page-home #paragraph-143 .center-xs,
.page-home #paragraph-144 .center-xs,
.page-home #paragraph-142 .center-xs {
  margin-top: 30%; }

@media only screen and (max-width: 1440px) and (min-width: 1366px) {
  .page-duurzaamheid .paragraph--type--quote.xtra-padding .slide-body {
    padding: 0 70px 30px 70px; } }

@media only screen and (max-width: 1280px) {
  .page-duurzaamheid .paragraph--type--quote.xtra-padding .slide-body {
    padding: 0 45px 30px 45px; } }

@media only screen and (max-width: 1024px) {
  .page-duurzaamheid .paragraph--type--quote.xtra-padding .slide-body {
    padding: 0 0px 30px 0px; }
    .page-duurzaamheid .paragraph--type--quote.xtra-padding .slide-body h1 {
      font-size: 2.5em;
      line-height: 2.75rem; } }

.slide-txt.txt-center {
  font-weight: 500; }

.page-vitaliteit .quote.col-xs-12.txt-center h1,
.page-machines-services .quote.col-xs-12.txt-center h1 {
  font-size: 2.5em;
  line-height: 2.75rem; }
  @media only screen and (max-width: 767px) {
    .page-vitaliteit .quote.col-xs-12.txt-center h1,
    .page-machines-services .quote.col-xs-12.txt-center h1 {
      font-size: 1.85em;
      line-height: 1.85rem; } }

@media only screen and (min-width: 1440px) {
  .page-home h4.red-txt.txt-center {
    margin-top: 2em; } }

.page-machines-services h2.red-txt span {
  color: var(--color-zarazzo-black); }

@media only screen and (min-width: 1440px) and (max-width: 1445px) {
  .hide-on-mobile {
    width: 106% !important; }
  .page-thee section#paragraph-147 p.txt-left.brown-txt.hide-on-mobile {
    padding-left: 10%; }
  .page-thee #perfecte-thee-icons {
    padding-left: 5%; } }

@media only screen and (min-width: 1366px) and (max-width: 1370px) {
  .hide-on-mobile {
    width: 108% !important; } }

@media only screen and (min-width: 1280px) and (max-width: 1290px) {
  .hide-on-mobile {
    width: 116% !important; } }

@media only screen and (min-width: 1920px) {
  .hide-on-mobile {
    width: 77% !important; } }

@media only screen and (max-width: 767px) {
  .txt-two-columns .section-inner .paragraph-body,
  .txt-three-columns .section-inner .paragraph-body {
    -webkit-column-count: 1;
    column-count: 1; }
  .xtra-padding {
    padding-left: 0;
    padding-right: 0; }
  .full-width-height-header {
    height: 60vh;
    min-height: 300px; }
  .section-inner .paragraph-body p {
    padding: 0; }
  #component-footer,
  #paragraph-94 {
    z-index: 1 !important; }
  #paragraph-158 .full-width-height-header {
    position: relative !important; } }

@media only screen and (min-width: 1367px) and (max-width: 1439px) {
  .swiper__config_1 .static-slide-text {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%;
    background-color: var(--color-zarazzo-white);
    z-index: 122;
    width: 100%;
    padding: 20px 20px 20px 300px; }
  .swiper__config_1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    color: var(--color-zarazzo-red);
    font-weight: bold;
    background-image: url(images/svg/RODEPIJL_RECHTS.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15%; }
  .swiper__config_1 .swiper-pagination li {
    display: block;
    float: none;
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    height: auto;
    text-align: left;
    margin: 0 0 0 30px; }
  .swiper__config_1 .swiper-controls {
    left: 14%;
    width: 86.5%; }
  .swiper__config_1 .swiper-controls .swiper-pagination.no-style {
    width: 200px;
    z-index: 123;
    margin-top: 40px; }
  .swiper__config_1 .slide-fw-button-text {
    display: none; }
  .swiper__config_1 .swiper-slide .slide-txt {
    display: none;
    opacity: 0; }
  .swiper__config_1 .swiper-wrapper {
    height: 810px; }
  .swiper__config_6 .static-slide-text {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%;
    background-color: var(--color-zarazzo-white);
    z-index: 122;
    width: 100%;
    padding: 20px 20px 20px 300px; }
  .swiper__config_6 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    color: var(--color-zarazzo-red);
    font-weight: bold;
    background-image: url(images/svg/RODEPIJL_RECHTS.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 15%; }
  .swiper__config_6 .swiper-pagination li {
    display: block;
    float: none;
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    height: auto;
    text-align: left;
    margin: 0 0 0 30px; }
  .swiper__config_6 .swiper-controls {
    left: 14%;
    width: 86.5%; }
  .swiper__config_6 .swiper-controls .swiper-pagination.no-style {
    width: 200px;
    z-index: 123;
    margin-top: 40px; }
  .swiper__config_6 .slide-fw-button-text {
    display: none; }
  .swiper__config_6 .swiper-slide .slide-txt {
    display: none;
    opacity: 0; }
  .swiper__config_6 .swiper-wrapper {
    height: 810px; } }

.page-machines-services .quote.col-xs-12.txt-center h1 {
  font-size: 3em;
  line-height: 3.25rem; }

.page-duurzaamheid #circle-mask-wrapper .scrollmagic-pin-spacer {
  z-index: 0;
  background-color: transparent; }
  .page-duurzaamheid #circle-mask-wrapper .scrollmagic-pin-spacer #div-circle-mask {
    pointer-events: all; }
    .page-duurzaamheid #circle-mask-wrapper .scrollmagic-pin-spacer #div-circle-mask.no-image {
      pointer-events: none; }

.page-werken-bij .header-left-txt-right.txt-one-column .paragraph-body p {
  padding: 0;
  font-size: 1em;
  line-height: 1.5rem;
  margin: 0 0 1em 0; }

.page-home .in-view .swiper-pagination-bullet-active svg circle {
  animation: countdown 2500ms linear infinite forwards;
  -webkit-animation: countdown 2500ms linear infinite forwards; }

.page-over-ons .in-view .swiper-pagination-bullet-active svg circle {
  animation: countdown 2500ms linear infinite forwards;
  -webkit-animation: countdown 2500ms linear infinite forwards; }

.in-view .swiper-pagination-bullet-active svg circle {
  -webkit-animation: countdown 3000ms linear infinite forwards;
  animation: countdown 3000ms linear infinite forwards; }

.page-home button.all-caps.grey-light-bg.button.panton.panton-normal.clickable {
  border: 2px solid var(--color-zarazzo-red);
  padding: 8px;
  position: relative; }

.page-home button.all-caps.grey-light-bg.button.panton.panton-normal.clickable a:before {
  content: "";
  position: absolute;
  width: 94%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  left: 5%;
  right: auto;
  bottom: 0px;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1; }

.page-home button.all-caps.grey-light-bg.button.panton.panton-normal.clickable a:after {
  content: "";
  position: absolute;
  width: 94%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  right: 5%;
  left: auto;
  bottom: 0px;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1; }

.page-contact #block-contactblok div#edit-actions span:before {
  content: "";
  position: absolute;
  width: 8.5%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  left: 60.9%;
  right: auto;
  bottom: 88.4px;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: 2; }

.page-contact #block-contactblok div#edit-actions span:after {
  content: "";
  position: absolute;
  width: 7.7%;
  height: 0;
  box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
  top: auto;
  right: 39.4%;
  left: auto;
  bottom: 88.4px;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: 2; }

.page-contact #block-contactblok input#edit-submit {
  z-index: 9;
  opacity: 1;
  -moz-opacity: 1;
  background: url("image/laat.png") repeat-x;
  position: relative; }

@media only screen and (min-width: 1367px) {
  .page-contact #block-contactblok div#edit-actions span:before {
    width: 7.8%;
    left: 60.7%; } }

@media only screen and (min-width: 1367px) {
  .page-contact #block-contactblok div#edit-actions span:after {
    width: 7.7%;
    right: 39.6%; } }

/* Products */
.section-product .scroll-down-indicator {
  display: none; }

.section-product {
  /*div#edit-actions:before
    content: ""
    position: absolute
    width: 7%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    left: 57.6%
    right: auto
    bottom: 43px
    -webkit-transform: rotate(3deg)
    -ms-transform: rotate(3deg)
    transform: rotate(3deg)
    z-index: -1*/
  /*div#edit-actions:after
    content: ""
    position: absolute
    width: 7%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    right: 42.7%
    left: auto
    bottom: 43px
    -webkit-transform: rotate(-3deg)
    -ms-transform: rotate(-3deg)
    transform: rotate(-3deg)
    z-index: -1*/ }
  .section-product .col-xs-12.col-sm-8.txt-left h2.red-txt {
    width: 60%;
    margin-top: 0; }
  .section-product .col-xs-12.col-sm-6 ul {
    font-size: 25px;
    list-style: disc;
    line-height: 1.5em;
    font-weight: 600;
    font-family: var(--font-zarazzo-primary); }
  .section-product .col-xs-12.col-sm-4 p {
    padding-left: 40%;
    padding-top: 3%; }
  .section-product .row.section-inner {
    background-image: url(../images/Pattern-lane.svg);
    background-position: center 90px;
    background-repeat: no-repeat;
    padding-bottom: 0; }
  .section-product .total {
    margin: 20px 0px;
    font-size: 25px; }
  .section-product div#edit-actions {
    margin-bottom: 6%;
    margin-top: 4%; }
  .section-product div#edit-actions input#edit-submit {
    border: 2px solid var(--color-zarazzo-red);
    padding: 10px 40px;
    z-index: 40;
    background-color: var(--color-zarazzo-white);
    position: relative;
    font-weight: bold; }
  .section-product aside#pre-content {
    background-color: var(--color-zarazzo-grey-light); }
  .section-product main#main-section {
    background-color: var(--color-zarazzo-grey-light);
    position: relative;
    z-index: 0; }
    .section-product main#main-section article .row .col-xs-12.col-sm-4 {
      margin-top: 100px; }
    .section-product main#main-section article .row .col-xs-12.col-sm-8.txt-left {
      margin-top: 100px; }

.page-webshop #main-section #paragraph-250 {
  padding-bottom: 120px; }

.page-webshop section#paragraph-245 .col-xs-12 h2.red-txt {
  background-image: url(../images/Zarazzo-logo-RGB.svg);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 165px;
  margin-bottom: 25px; }

.page-webshop section#paragraph-245 .col-xs-12 .paragraph-body {
  padding-left: 150px;
  font-weight: 500; }

.page-webshop section#paragraph-245 .section-inner {
  padding-top: 0;
  padding-left: 50px; }

.page-webshop section#paragraph-248 .col-xs-12 h2.red-txt,
.page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
  background-image: url(../images/Zarazzo-logo-RGB.svg);
  background-position: center left;
  background-repeat: no-repeat;
  padding-left: 165px;
  margin-bottom: 25px; }

.page-webshop section#paragraph-248 .col-xs-12 .paragraph-body,
.page-webshop section#paragraph-247 .col-xs-12 .paragraph-body {
  padding-left: 150px;
  font-weight: 500; }

.page-webshop section#paragraph-248 .section-inner,
.page-webshop section#paragraph-247 .section-inner {
  padding-top: 0;
  padding-left: 50px; }

.page-webshop .views-element-container {
  background-color: var(--color-zarazzo-grey-light);
  position: relative;
  z-index: 1; }

.page-webshop aside#pre-content {
  background-color: var(--color-zarazzo-grey-light); }

.page-webshop main#main-section {
  margin-top: -60px; }

.page-webshop .views-view-grid.horizontal.cols-3 {
  background-image: url(../images/Pattern-lane.svg);
  background-size: cover;
  background-position: center 0px;
  background-repeat: no-repeat;
  margin-top: 2%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-row {
    width: 85%;
    margin-left: 15%;
    text-align: center; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    background-color: var(--color-zarazzo-white);
    width: 25% !important;
    margin-top: -2%;
    position: relative;
    opacity: 1;
    -moz-opacity: 1; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col:before {
    content: "";
    position: absolute;
    width: 95%;
    height: 0;
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
    top: auto;
    left: 5%;
    right: auto;
    bottom: 5px;
    -webkit-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    z-index: -1; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col:after {
    content: "";
    position: absolute;
    width: 95%;
    height: 0;
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black);
    top: auto;
    right: 5%;
    left: auto;
    bottom: 5px;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    z-index: -1; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col:first-child {
    margin-right: 5%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col:nth-child(2) {
    margin-right: 5%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 20px 52px 5px 40px;
    font-weight: 600; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
    padding: 20px 52px 35px 40px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-view-commerce-product {
    padding-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    border-top: 3px solid var(--color-zarazzo-grey-light);
    padding-top: 10px; }
    .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-view-commerce-product span.link-icon {
      opacity: 1;
      color: var(--color-zarazzo-red);
      background-image: url(images/svg/RODEPIJL_RECHTS.svg);
      background-repeat: no-repeat;
      background-position: center 5px;
      background-size: 50%;
      position: absolute; }
    .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-view-commerce-product a {
      font-weight: bold; }

.page-webshop .scroll-down-indicator {
  display: none; }

#main-menu-region {
  float: right;
  margin-right: 30px;
  margin-top: 6px;
  position: relative;
  z-index: -2; }

.page-cart {
  /*span.cart:before
    content: ""
    position: absolute
    width: 7%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    left: 41%
    right: auto
    bottom: 3px
    -webkit-transform: rotate(3deg)
    -ms-transform: rotate(3deg)
    transform: rotate(3deg)
    z-index: -1*/
  /*span.cart:after
    content: ""
    position: absolute
    width: 7%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    right: 58.5%
    left: auto
    bottom: 3px
    -webkit-transform: rotate(-3deg)
    -ms-transform: rotate(-3deg)
    transform: rotate(-3deg)
    z-index: -1*/
  /*span.checkout:before
    content: ""
    position: absolute
    width: 8%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    left: 57%
    right: auto
    bottom: 3px
    -webkit-transform: rotate(3deg)
    -ms-transform: rotate(3deg)
    transform: rotate(3deg)
    z-index: -1*/
  /*span.checkout:after
    content: ""
    position: absolute
    width: 8%
    height: 0
    box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
    top: auto
    right: 40.1%
    left: auto
    bottom: 3px
    -webkit-transform: rotate(-3deg)
    -ms-transform: rotate(-3deg)
    transform: rotate(-3deg)
    z-index: -1*/ }
  .page-cart table.cols-5 {
    width: 80%;
    margin: auto; }
    .page-cart table.cols-5 caption {
      color: var(--color-zarazzo-red);
      font-family: var(--font-zarazzo-secondary);
      font-weight: 700;
      margin: 1em 0 1em 0;
      font-size: 2.5em;
      line-height: 2.75rem; }
    .page-cart table.cols-5 th {
      font-weight: bold; }
    .page-cart table.cols-5 input#edit-edit-quantity-0 {
      text-align: center;
      border: none; }
    .page-cart table.cols-5 input#edit-edit-quantity-1 {
      text-align: center;
      border: none; }
    .page-cart table.cols-5 input#edit-edit-quantity-2 {
      text-align: center;
      border: none; }
    .page-cart table.cols-5 input#edit-remove-button-0 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-1 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-2 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-3 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-4 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-5 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-6 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-7 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-8 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-9 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 input#edit-remove-button-10 {
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white);
      padding: 4px 10px 4px 10px; }
    .page-cart table.cols-5 td.views-field.views-field-total-price__number {
      padding-top: 20px; }
  .page-cart .cart.cart-form {
    padding-bottom: 160px;
    text-align: center;
    background-color: var(--color-zarazzo-grey-light); }
  .page-cart aside#pre-content {
    background-color: var(--color-zarazzo-grey-light); }
  .page-cart .views-form {
    padding-top: 40px;
    position: relative;
    z-index: 0; }
  .page-cart .order-total-line.order-total-line__subtotal {
    display: none; }
  .page-cart .order-total-line.order-total-line__total {
    padding-right: 19.7%;
    padding-top: 15px; }
  .page-cart input#edit-submit {
    margin-right: 30px;
    border: 2px solid var(--color-zarazzo-red);
    background-color: var(--color-zarazzo-white);
    padding: 10px;
    font-weight: bold; }
  .page-cart input#edit-checkout {
    border: 2px solid var(--color-zarazzo-red);
    background-color: var(--color-zarazzo-white);
    padding: 10px 61.5px 10px 61.5px;
    font-weight: bold; }
  .page-cart aside.scroll-down-indicator {
    display: none; }

.section-checkout .layout-checkout-form span.fieldset-legend {
  color: var(--color-zarazzo-red);
  font-family: var(--font-zarazzo-secondary);
  font-weight: 700;
  margin: 1em 0 1em 0;
  font-size: 2.5em;
  line-height: 2.75rem; }

.section-checkout aside#pre-content {
  background-color: var(--color-zarazzo-grey-light); }

.section-checkout main#main-section {
  background-color: var(--color-zarazzo-grey-light); }

.section-checkout input#edit-contact-information-email {
  padding: 10px;
  margin-left: 56px;
  width: 637px; }

.section-checkout input#edit-contact-information-email-confirm {
  padding: 10px;
  margin-left: 5px;
  width: 525px; }

.section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
  padding: 10px;
  margin-left: 58px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
  padding: 10px;
  margin-left: 44px;
  width: 635px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
  padding: 10px;
  margin-left: 48px;
  width: 637px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
  padding: 10px;
  margin-left: 105px;
  width: 637px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
  padding: 10px;
  width: 244px;
  margin-left: 10px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
  padding: 10px;
  width: 270px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
  padding: 10px;
  margin-left: 15px; }

.section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
  padding: 10px;
  width: 437px; }

.section-checkout .layout-region.layout-region-checkout-main {
  padding-left: 125px; }

.section-checkout .fieldset-wrapper .form-item {
  margin: 10px 0; }

.section-checkout .fieldset-wrapper label {
  font-size: 1em;
  line-height: 1.5rem; }

.section-checkout .checkout-order-summary .order-total-line.order-total-line__subtotal {
  display: none; }

.section-checkout .checkout-order-summary .order-total-line.order-total-line__total {
  padding-right: 73%;
  padding-top: 20px; }

.section-checkout .checkout-order-summary td {
  padding: 10px; }

.section-checkout .layout-checkout-form {
  position: relative;
  z-index: 0;
  padding-top: 100px; }

.section-checkout aside.scroll-down-indicator {
  display: none; }

.section-checkout .layout-region.layout-region-checkout-footer {
  text-align: center;
  margin: 50px 50px 160px 50px;
  /*div#edit-actions
      span:before
        content: ""
        position: absolute
        width: 8%
        height: 0
        box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
        top: auto
        left: 32.1%
        right: auto
        bottom: 51px
        -webkit-transform: rotate(3deg)
        -ms-transform: rotate(3deg)
        transform: rotate(3deg)
        z-index: -1*/
  /*div#edit-actions
      span:after
        content: ""
        position: absolute
        width: 9%
        height: 0
        box-shadow: 0 0 8px 2px var(--color-zarazzo-black)
        top: auto
        right: 68%
        left: auto
        bottom: 51px
        -webkit-transform: rotate(-3deg)
        -ms-transform: rotate(-3deg)
        transform: rotate(-3deg)
        z-index: -1*/ }
  .section-checkout .layout-region.layout-region-checkout-footer input#edit-actions-next {
    border: 2px solid var(--color-zarazzo-red);
    background-color: var(--color-zarazzo-white);
    padding: 10px; }
  .section-checkout .layout-region.layout-region-checkout-footer a.link--previous {
    color: var(--color-zarazzo-red);
    font-weight: bold; }

.section-checkout .checkout-complete {
  width: 80%;
  margin: auto;
  text-align: center;
  height: calc(50vh);
  padding-top: 150px; }

.section-checkout input#edit-login-returning-customer-name {
  padding: 10px; }

.section-checkout input#edit-login-returning-customer-password {
  padding: 10px; }

.section-checkout input#edit-login-returning-customer-submit {
  color: var(--color-zarazzo-red);
  font-weight: bold; }

.section-checkout a#edit-login-returning-customer-forgot-password {
  color: var(--color-zarazzo-red);
  font-weight: bold; }

.section-checkout input#edit-login-guest-continue {
  color: var(--color-zarazzo-red);
  font-weight: bold; }

.page-cart .cart-empty-page {
  padding-bottom: 160px;
  margin: auto;
  text-align: center;
  padding-top: 200px;
  background-color: var(--color-zarazzo-grey-light); }

.page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-field-image {
  padding: 20px 0px 55px 0px; }

/*@media only screen and (min-width: 1367px) and (max-width: 1439px)
  .section-product
    div#edit-actions:before
      width: 15%
      left: 57.6px

  .section-product
      div#edit-actions:after
        width: 15%
        right: 34.7px*/
/*@media only screen and (min-width: 1440px) and (max-width: 1919px)
  .section-product
    div#edit-actions:before
      width: 13%
      left: 58.2%
      bottom: 437px

  .section-product
    div#edit-actions:after
      width: 13%
      right: 36.7%
      bottom: 437px*/
/*@media only screen and (min-width: 1280px) and (max-width: 1366px)
  .section-product
    div#edit-actions:before
      width: 13%
      left: 57.6px
      bottom: 433px

  .section-product
    div#edit-actions:after
      width: 13%
      right: 34.7px
      bottom: 433px*/
@media only screen and (min-width: 1920px) {
  /*.section-product
    div#edit-actions:before
      width: 8%
      left: 57.6%
      bottom: 460px*/
  /*.section-product
    div#edit-actions:after
      width: 8%
      right: 41.7%
      bottom: 460px*/
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 35px 153px 5px 40px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
    padding: 35px 52px 65px 40px; }
  .page-webshop .views-element-container header {
    margin-bottom: 30px; }
  .page-cart .views-form {
    padding-top: 150px; }
  .page-cart span.cart:after {
    right: 54.5px; }
  .page-cart span.checkout:before {
    left: 55%; }
  /*.section-checkout
    .layout-region.layout-region-checkout-footer
      div#edit-actions
        span:before
          left: 30.1px*/
  /*.section-checkout
    .layout-region.layout-region-checkout-footer
      div#edit-actions
        span:after
          right: 65.5%*/ }

@media only screen and (min-width: 2880px) {
  .page-webshop .views-element-container {
    padding-top: 100px; }
  .page-webshop .views-element-container header {
    margin-bottom: 50px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 35px 357px 5px 80px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-field-image {
    padding: 80px 0px 75px 0px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
    padding: 35px 52px 91px 80px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-field-image {
    padding: 80px 0px 55px 0px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-view-commerce-product {
    padding-top: 30px;
    padding-bottom: 30px; }
  /*.section-product
    div#edit-actions:before
      width: 7%
      left: 53.2%
      bottom: 760px*/
  /*.section-product
    div#edit-actions:after
      width: 7%
      right: 42.7%
      bottom: 760px*/
  .section-product main#main-section {
    height: calc(100vh - 50px); }
  .section-product article {
    padding-top: 100px; }
  .section-checkout .layout-checkout-form {
    padding-top: 200px;
    height: calc(100vh - 50px); }
  .section-checkout .layout-region.layout-region-checkout-main {
    padding-right: 20%; }
  .section-checkout .layout-region.layout-region-checkout-footer div#edit-actions span:before {
    bottom: 385px;
    left: 29.4%; }
  .section-checkout .layout-region.layout-region-checkout-footer div#edit-actions span:after {
    bottom: 385px;
    right: 64.5%; }
  .section-product main#main-section article .row .col-xs-12.col-sm-8.txt-left {
    margin-top: 135px; } }

@media only screen and (max-width: 767px) {
  .page-webshop section#paragraph-245 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-245 .col-xs-12 h2.red-txt {
      padding-left: 120px; }
    .page-webshop section#paragraph-245 .col-xs-12 .paragraph-body {
      padding-left: 15px; }
  .page-webshop section#paragraph-248 .col-xs-12,
  .page-webshop section#paragraph-247 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-248 .col-xs-12 h2.red-txt,
    .page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
      padding-left: 120px; }
    .page-webshop section#paragraph-248 .col-xs-12 .paragraph-body,
    .page-webshop section#paragraph-247 .col-xs-12 .paragraph-body {
      padding-left: 15px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    width: 80% !important; }
  .page-webshop .views-view-grid.horizontal.cols-3 {
    background-image: none; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    margin-bottom: 15%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 20px 75px 5px 40px; }
  .section-product {
    /*div#edit-actions:before
      width: 22%
      bottom: 26px
      left: 49.6%*/
    /*div#edit-actions:after
      width: 22%
      bottom: 26px
      right: 49.7%*/ }
    .section-product main#main-section article .row .col-xs-12.col-sm-4 {
      -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
      margin-top: 20px; }
      .section-product main#main-section article .row .col-xs-12.col-sm-4 p {
        padding-left: 20%; }
    .section-product main#main-section article .row .col-xs-12.col-sm-8.txt-left {
      -webkit-flex-basis: 85%;
      -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
      padding-left: 10%;
      margin-top: 50px; }
    .section-product main#main-section article .row h2.red-txt {
      width: 100%; }
    .section-product .col-xs-12.col-sm-6 ul {
      padding: 0 20px;
      font-size: 20px; }
    .section-product .total {
      text-align: center; }
    .section-product form#commerce-order-item-add-to-cart-form-commerce-product-2 {
      text-align: center; }
  section#paragraph-248 .section-inner h2.red-txt,
  section#paragraph-247 .section-inner h2.red-txt {
    padding-top: 115px; }
  section#paragraph-248 .section-inner .paragraph-body,
  section#paragraph-247 .section-inner .paragraph-body {
    padding-top: 15px; }
  section#paragraph-249 .section-inner h2.red-txt {
    padding-top: 115px; }
  section#paragraph-249 .section-inner .paragraph-body {
    padding-top: 15px; }
  section#paragraph-250 .section-inner h2.red-txt {
    padding-top: 115px; }
  section#paragraph-250 .section-inner .paragraph-body {
    padding-top: 15px; }
  .page-cart {
    /*span.cart:before
      width: 25%
      bottom: 2px
      left: 17%*/
    /*span.cart:after
      width: 25%
      bottom: 2px
      right: 71.5%*/
    /*span.checkout:before
      width: 25%
      bottom: 2px
      left: 76%*/
    /*span.checkout:after
      width: 25%
      bottom: 2px
      right: 22.1%*/ }
    .page-cart .cart.cart-form {
      padding-bottom: 160px; }
    .page-cart table {
      width: 90%; }
      .page-cart table th#view-edit-quantity-table-column {
        padding-right: 5px; }
      .page-cart table th#view-remove-button-table-column {
        font-size: 14px; }
    .page-cart .order-total-line.order-total-line__total {
      margin-bottom: 30px; }
  .section-checkout {
    /*.layout-region.layout-region-checkout-footer
      div#edit-actions
        span:before
          width: 25%
          left: 41.1%*/
    /*.layout-region.layout-region-checkout-footer
      div#edit-actions
        span:after
          width: 25%
          right: 58%*/ }
    .section-checkout .layout-region.layout-region-checkout-main {
      padding-left: 15px; }
    .section-checkout input#edit-contact-information-email {
      width: 285px; }
    .section-checkout input#edit-contact-information-email-confirm {
      width: 205px; }
    .section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
      border: 2px;
      width: 285px;
      margin-left: 55px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
      width: 285px; }
    .section-checkout div#edit-payment-information-billing-information-address-0-address-container1 {
      width: 100%; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
      width: 285px;
      margin-left: 20px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
      width: 285px;
      margin-left: 5px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
      width: 285px;
      margin-left: 50px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
      width: 285px;
      margin-left: 97px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
      width: 285px;
      margin-left: 25px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
      width: 285px;
      margin-left: 50px; }
    .section-checkout .layout-region.layout-region-checkout-secondary {
      width: 88%;
      text-align: center;
      padding-left: 50px; }
    .section-checkout .checkout-order-summary .order-total-line.order-total-line__total {
      padding-right: 2%; }
  .section-product .row.section-inner {
    background-image: none; } }

@media only screen and (max-device-width: 1024px) and (min-width: 767px) {
  .page-webshop .views-view-grid.horizontal.cols-3 .views-row {
    margin-left: 8%; }
  .page-webshop section#paragraph-245 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-245 .col-xs-12 h2.red-txt {
      padding-left: 95px; }
    .page-webshop section#paragraph-245 .col-xs-12 .paragraph-body {
      padding-left: 85px; }
  .page-webshop section#paragraph-248 .col-xs-12,
  .page-webshop section#paragraph-247 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-248 .col-xs-12 h2.red-txt,
    .page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
      padding-left: 95px; }
    .page-webshop section#paragraph-248 .col-xs-12 .paragraph-body,
    .page-webshop section#paragraph-247 .col-xs-12 .paragraph-body {
      padding-left: 85px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    width: 30% !important; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    margin-bottom: 15%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 20px 15px 5px 15px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-view-commerce-product a {
    padding-right: 30px; }
  .page-webshop .views-view-grid.horizontal.cols-3 {
    background-position: center 30px;
    margin-top: 20px; }
  .section-product {
    /*div#edit-actions:before
      width: 22%
      bottom: 26px
      left: 64.6%*/
    /*div#edit-actions:after
      width: 22%
      bottom: 26px
      right: 14.7%*/ }
    .section-product main#main-section article .row .col-xs-12.col-sm-4 {
      -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
      flex-basis: 40%; }
      .section-product main#main-section article .row .col-xs-12.col-sm-4 p {
        padding-left: 20%; }
    .section-product main#main-section article .row .col-xs-12.col-sm-8.txt-left {
      -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
      flex-basis: 60%; }
    .section-product main#main-section article .row h2.red-txt {
      width: 80%; }
    .section-product .col-xs-12.col-sm-6 ul {
      padding: 0 20px; }
    .section-product .total {
      text-align: center; }
    .section-product form#commerce-order-item-add-to-cart-form-commerce-product-2 {
      text-align: center; }
  .page-cart {
    /*span.cart:before
      width: 20%
      bottom: 2px
      left: 25%*/
    /*span.cart:after
      width: 20%
      bottom: 2px
      right: 55.5%*/
    /*span.checkout:before
      width: 20%
      bottom: 2px
      left: 55%*/
    /*span.checkout:after
      width: 20%
      bottom: 2px
      right: 28.1%*/ }
    .page-cart .cart.cart-form {
      padding-bottom: 160px; }
    .page-cart table {
      width: 90%; }
      .page-cart table tbody td {
        padding: 0px 5px 0px 0px; }
      .page-cart table th#view-edit-quantity-table-column {
        padding-right: 5px; }
    .page-cart .order-total-line.order-total-line__total {
      margin-bottom: 30px; }
  .section-checkout {
    /*.layout-region.layout-region-checkout-footer
      div#edit-actions
        span:before
          width: 25%
          left: 33.1%*/
    /*.layout-region.layout-region-checkout-footer
      div#edit-actions
        span:after
          width: 25%
          right: 42%*/ }
    .section-checkout .layout-region.layout-region-checkout-main {
      padding-left: 100px; }
    .section-checkout input#edit-contact-information-email {
      width: 285px; }
    .section-checkout input#edit-contact-information-email-confirm {
      width: 205px; }
    .section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
      border: 2px;
      width: 285px;
      margin-left: 55px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
      width: 285px; }
    .section-checkout div#edit-payment-information-billing-information-address-0-address-container1 {
      width: 100%; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
      width: 285px;
      margin-left: 20px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
      width: 285px;
      margin-left: 5px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
      width: 285px;
      margin-left: 50px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
      width: 285px;
      margin-left: 97px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
      width: 285px;
      margin-left: 25px; }
    .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
      width: 285px;
      margin-left: 50px; }
    .section-checkout .layout-region.layout-region-checkout-secondary {
      width: 88%;
      text-align: center;
      padding-left: 100px; }
    .section-checkout .checkout-order-summary .order-total-line.order-total-line__total {
      padding-right: 21%; }
  section#paragraph-248 .section-product main#main-section article .row h2.red-txt,
  section#paragraph-247 .section-product main#main-section article .row h2.red-txt {
    width: 25%; }
  section#paragraph-249 .section-product main#main-section article .row h2.red-txt {
    width: 25%; }
  section#paragraph-250 .section-product main#main-section article .row h2.red-txt {
    width: 25%; } }

.section-checkout .order-total-line.order-total-line__subtotal {
  display: none; }

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .section-inner .paragraph-body p {
    padding: 0; }
  .page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
    padding-left: 145px; } }

@media only screen and (max-width: 812px) and (min-width: 767px) {
  .page-webshop section#paragraph-245 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-245 .col-xs-12 h2.red-txt {
      padding-left: 120px; }
    .page-webshop section#paragraph-245 .col-xs-12 .paragraph-body {
      padding-left: 15px; }
  .page-webshop section#paragraph-248 .col-xs-12,
  .page-webshop section#paragraph-247 .col-xs-12 {
    margin-top: 100px; }
    .page-webshop section#paragraph-248 .col-xs-12 h2.red-txt,
    .page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
      padding-left: 120px; }
    .page-webshop section#paragraph-248 .col-xs-12 .paragraph-body,
    .page-webshop section#paragraph-247 .col-xs-12 .paragraph-body {
      padding-left: 15px; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    width: 80% !important; }
  .page-webshop .views-view-grid.horizontal.cols-3 {
    background-image: none; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col {
    margin-bottom: 15%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-field.views-field-title {
    padding: 20px 75px 5px 40px; }
  .section-product main#main-section article .row .col-xs-12.col-sm-4 {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%; }
    .section-product main#main-section article .row .col-xs-12.col-sm-4 p {
      padding-left: 20%; }
  .section-product main#main-section article .row .col-xs-12.col-sm-8.txt-left {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%; }
  .section-product main#main-section article .row h2.red-txt {
    width: 100%; }
  .section-product .col-xs-12.col-sm-6 ul {
    padding: 0 20px; }
  .section-product .total {
    text-align: center; }
  .section-product form#commerce-order-item-add-to-cart-form-commerce-product-2 {
    text-align: center; }
  .section-product div#edit-actions:before {
    width: 22%;
    bottom: 500px;
    left: 64.6%; }
  .section-product div#edit-actions:after {
    width: 22%;
    bottom: 500px;
    right: 14.7%; }
  .page-cart .cart.cart-form {
    padding-bottom: 160px; }
  .page-cart table {
    width: 90%; }
    .page-cart table tbody td {
      padding: 0px 5px 0px 0px; }
    .page-cart table th#view-edit-quantity-table-column {
      padding-right: 5px; }
  .page-cart span.cart:before {
    width: 25%;
    bottom: 2px;
    left: 17%; }
  .page-cart span.cart:after {
    width: 25%;
    bottom: 2px;
    right: 71.5%; }
  .page-cart span.checkout:before {
    width: 25%;
    bottom: 2px;
    left: 76%; }
  .page-cart span.checkout:after {
    width: 25%;
    bottom: 2px;
    right: 22.1%; }
  .page-cart .order-total-line.order-total-line__total {
    margin-bottom: 30px; }
  .section-checkout .layout-region.layout-region-checkout-main {
    padding-left: 15px; }
  .section-checkout input#edit-contact-information-email {
    width: 285px; }
  .section-checkout input#edit-contact-information-email-confirm {
    width: 205px; }
  .section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
    border: 2px;
    width: 285px;
    margin-left: 55px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
    width: 285px; }
  .section-checkout div#edit-payment-information-billing-information-address-0-address-container1 {
    width: 100%; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
    width: 285px;
    margin-left: 20px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
    width: 285px;
    margin-left: 5px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
    width: 285px;
    margin-left: 50px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
    width: 285px;
    margin-left: 97px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
    width: 285px;
    margin-left: 25px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
    width: 285px;
    margin-left: 50px; }
  .section-checkout .layout-region.layout-region-checkout-secondary {
    width: 88%;
    text-align: center;
    padding-left: 50px; }
  .section-checkout .checkout-order-summary .order-total-line.order-total-line__total {
    padding-right: 2%; }
  .section-checkout .layout-region.layout-region-checkout-footer div#edit-actions span:before {
    width: 25%;
    left: 41.1%; }
  .section-checkout .layout-region.layout-region-checkout-footer div#edit-actions span:after {
    width: 25%;
    right: 58%; }
  .section-product .col-xs-12.col-sm-6 ul {
    font-weight: 400; }
  .section-product .row.section-inner {
    background-image: none; } }

.section-product section#paragraph-248 .section-inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 0; }
  .section-product section#paragraph-248 .section-inner h2.red-txt {
    background-image: url("../images/hands.png");
    background-position: center;
    background-repeat: no-repeat; }

.section-product section#paragraph-249 .section-inner {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 0; }
  .section-product section#paragraph-249 .section-inner h2.red-txt {
    background-image: url("../images/certified.png");
    background-position: center;
    background-repeat: no-repeat; }

.section-product .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
  padding: 35px 52px 65px 40px; }

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .section-checkout .layout-checkout-form table {
    width: 80%; }
  .section-checkout .layout-checkout-form .layout-region.layout-region-checkout-secondary .order-total-line.order-total-line__total {
    padding-right: 25%;
    padding-top: 5%; }
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
    padding: 20px 52px 65px 40px; } }

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  .section-checkout .layout-checkout-form table {
    width: 80%; }
  .section-checkout .layout-checkout-form .layout-region.layout-region-checkout-secondary .order-total-line.order-total-line__total {
    padding-right: 25%;
    padding-top: 5%; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
    width: 437px; } }

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .section-checkout .layout-checkout-form table {
    width: 80%; }
  .section-checkout .layout-region.layout-region-checkout-secondary .order-total-line.order-total-line__total {
    padding-right: 20%;
    padding-top: 5%; }
  .section-checkout input#edit-contact-information-email {
    width: 515px; }
  .section-checkout input#edit-contact-information-email-confirm {
    width: 405px; }
  .section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
    border: 2px;
    width: 510px;
    margin-left: 55px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
    width: 507px; }
  .section-checkout div#edit-payment-information-billing-information-address-0-address-container1 {
    width: 100%; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
    width: 185px;
    margin-left: 12px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
    width: 197px;
    margin-left: 5px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
    width: 510px;
    margin-left: 45px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
    width: 510px;
    margin-left: 103px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
    width: 200px;
    margin-left: 10px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
    width: 243px;
    margin-left: 1px; } }

@media only screen and (min-width: 1921px) and (max-width: 2048px) {
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-title {
    padding: 35px 52px 40px 40px; } }

.section-checkout .form-item--error-message {
  color: var(--color-zarazzo-red); }

span.cart {
  display: none; }

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .page-webshop .views-view-grid.horizontal.cols-3 .views-col.col-3 .views-field.views-field-field-image {
    padding-bottom: 30px; }
  .page-cart .order-total-line.order {
    padding-right: 13%; }
  .section-checkout .layout-region.layout-region-checkout-secondary table {
    margin-left: -25px; }
    .section-checkout .layout-region.layout-region-checkout-secondary table tbody td.views-field.views-field-purchased-entity {
      padding: 0px 10px 0px 10px; } }

@media only screen and (max-width: 767px) {
  .page-webshop section#paragraph-247 .col-xs-12 h2.red-txt {
    padding-top: 30px; }
  .section-product .col-xs-12.col-sm-6 ul {
    font-weight: 400; }
  .section-product div#edit-actions {
    text-align: center; }
  .section-product .col-xs-12.col-sm-6 ul {
    font-weight: 400; } }

@media only screen and (max-width: 650px) {
  .page-cart .views-form {
    padding-top: 65px; }
  .section-product .col-xs-12.col-sm-6 ul {
    font-weight: 400; }
  .page-cart table {
    font-size: 14px; }
    .page-cart table td.views-field.views-field-purchased-entity {
      padding-top: 5px;
      padding-bottom: 5px; }
    .page-cart table td.views-field.views-field-remove-button {
      padding-right: 5px; }
  .page-cart .order-total-line.order-total-line__total {
    padding-right: 7.7%; }
  .section-checkout input#edit-contact-information-email {
    margin-left: 10px; }
  .section-checkout input#edit-contact-information-email-confirm {
    width: 163px;
    margin-left: 0px; }
  .section-checkout select#edit-payment-information-billing-information-address-0-address-country-code--2 {
    margin-left: 10px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-organization {
    margin-left: 0; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-given-name {
    margin-left: 0px;
    width: 260px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-family-name {
    margin-left: 0px;
    width: 245px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line1 {
    margin-left: 5px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-address-line2 {
    margin-left: 52px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-postal-code {
    margin-left: 0px;
    width: 265px; }
  .section-checkout input#edit-payment-information-billing-information-address-0-address-locality {
    margin-left: 2px; }
  .section-checkout .layout-region.layout-region-checkout-secondary {
    width: 90%;
    padding-left: 15px; }
    .section-checkout .layout-region.layout-region-checkout-secondary td.views-field.views-field-quantity {
      padding-right: 5px; }
    .section-checkout .layout-region.layout-region-checkout-secondary td.views-field.views-field-purchased-entity {
      padding-right: 5px;
      padding-left: 5px; }
    .section-checkout .layout-region.layout-region-checkout-secondary .order-total-line.order-total-line__total {
      padding-right: 0; } }

.page-webshop section#paragraph-251 .section-inner {
  padding-top: 0; }

.page-webshop section#paragraph-250 .section-inner p {
  padding: 0; }

.page-webshop .button.black-txt.all-caps.white-bg.contact-button.curly-shadow.panton.panton-normal {
  width: 35%;
  text-align: center;
  margin-top: 2%; }

body.page-product-4.section-product .button--add-to-cart.button.button--primary.js-form-submit.form-submit.all-caps {
  border: 2px solid var(--color-zarazzo-red);
  padding: 10px 40px;
  z-index: 40;
  background-color: var(--color-zarazzo-white);
  position: relative;
  font-weight: bold;
  margin-top: 4%;
  margin-bottom: 6%;
  display: block; }

@media only screen and (max-width: 767px) {
  body.page-product-4.section-product .col-xs-12.col-sm-8 {
    text-align: center; }
  .form-actions.js-form-wrapper.form-wrapper {
    margin: 0 0 0 15%; }
  .page-webshop section#paragraph-251 .paragraph-body {
    padding-left: 25px; } }

.page-webshop section#top-bar-call {
  display: none; }

.section-checkout section#top-bar-call {
  display: none; }

.section-product section#top-bar-call {
  display: none; }

.page-cart section#top-bar-call {
  display: none; }

.page-cart .cart.cart-form .views-element-container header {
  padding-top: 3%;
  padding-left: 10%; }

body.page-product-4.section-product .col-xs-12.col-sm-8 p {
  padding-right: 12%; }

#pre-content {
  padding: 10px 0;
  position: relative;
  z-index: 2; }

.test-call {
  position: relative;
  width: 100%;
  height: 22px;
  margin: 5px 0;
  overflow: hidden;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.test-call .test-call-bg {
  position: relative;
  display: block;
  height: 22px;
  background-repeat: repeat-x;
  background-position: center;
  background-size: contain;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.test-call .test-call-bg#test-call-bg-left {
  background-image: url("images/svg/chevron_ROODPIJLRECHTS.svg");
  background-position: right center; }

.test-call .test-call-bg#test-call-bg-right {
  background-image: url("images/svg/chevron_ROODPIJL-LINKS.svg");
  background-position: left center; }

.test-call h4#test-call-text {
  color: var(--color-zarazzo-red);
  position: relative;
  text-align: center;
  font-weight: 100;
  height: 22px;
  margin: 0;
  padding: 2px 10px;
  font-size: 1em;
  line-height: 1.1em; }
  @media only screen and (max-width: 480px) {
    .test-call h4#test-call-text {
      font-size: 0.75em;
      line-height: 18px; } }

.test-call #test-call-text a {
  color: var(--color-zarazzo-red);
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 700; }

.red-bg .test-call .test-call-bg#test-call-bg-left {
  background-image: url("images/svg/chevron_WITPIJLRECHTS.svg"); }

.red-bg .test-call .test-call-bg#test-call-bg-right {
  background-image: url("images/svg/chevron_WITPIJL_LINKS.svg"); }

.red-bg .test-call h4#test-call-text {
  color: var(--color-zarazzo-white); }

.red-bg .test-call #test-call-text a {
  color: var(--color-zarazzo-white); }

.parallax-wrapper {
  overflow: hidden; }
  .parallax-wrapper .media {
    margin-bottom: -150px !important; }
  .parallax-wrapper img {
    transition: -webkit-transform 125ms ease-in-out !important;
    transition: transform 125ms ease-in-out !important;
    transition: transform 125ms ease-in-out, -webkit-transform 125ms ease-in-out !important; }

#page-help.full-width-section .content-wrapper {
  padding: 0;
  border: none;
  border-radius: 8px;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden; }

#page-help #close-popup {
  position: absolute;
  top: 6px;
  right: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 2.3em;
  color: var(--color-zarazzo-brown);
  border-radius: 100%;
  line-height: 1;
  width: 30px;
  height: 30px;
  text-align: center; }
  #page-help #close-popup:hover {
    background-color: rgba(255, 0, 0, 0.1); }

.page-contact {
  background-color: var(--color-zarazzo-red); }
  .page-contact main {
    padding-bottom: 180px;
    background-image: url("/images/svg/background-pattern-circle.svg");
    background-position: center bottom;
    background-repeat: no-repeat; }
  .page-contact #block-zarazzotestcallblock * {
    color: var(--color-zarazzo-white); }
  .page-contact main * {
    color: var(--color-zarazzo-white); }
  .page-contact main button,
  .page-contact main input,
  .page-contact main optgroup,
  .page-contact main select,
  .page-contact main textarea {
    color: var(--color-zarazzo-black) !important;
    border: none;
    border-radius: 0;
    padding: 10px;
    margin: 10px 0; }
  .page-contact #contact-message-laat-ons-contact-opnemen-form label:not(.form-required) {
    display: none; }
  .page-contact #contact-message-laat-ons-contact-opnemen-form .form-item {
    position: relative; }
  .page-contact #contact-message-laat-ons-contact-opnemen-form label.form-required {
    text-indent: -9999em;
    position: absolute;
    left: -5px; }
    .page-contact #contact-message-laat-ons-contact-opnemen-form label.form-required:after {
      content: "!";
      width: 20px;
      height: 100%;
      display: inline-block;
      position: absolute;
      left: -10px;
      top: 60%;
      text-indent: 0;
      font-size: 1.5em;
      font-weight: 700; }
  .page-contact #block-wehorenbrgraagvanje,
  .page-contact #block-contactblok {
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    padding: 40px 0;
    overflow: hidden;
    vertical-align: text-top; }
  .page-contact #block-wehorenbrgraagvanje {
    padding-right: 40px; }
    .page-contact #block-wehorenbrgraagvanje h2 {
      margin: 0 0 1em 0; }
    .page-contact #block-wehorenbrgraagvanje p {
      font-weight: 500; }
    .page-contact #block-wehorenbrgraagvanje p, .page-contact #block-wehorenbrgraagvanje strong, .page-contact #block-wehorenbrgraagvanje em {
      color: var(--color-zarazzo-black); }
  .page-contact #block-contactblok {
    padding-left: 40px; }
    .page-contact #block-contactblok input#edit-submit {
      background-color: #fff;
      margin-top: 80px;
      font-weight: 400; }
      .page-contact #block-contactblok input#edit-submit:hover {
        background: var(--color-zarazzo-white); }
  .page-contact .paragraph--type--page-intro-image .full-width-image.images-wrapper {
    position: relative;
    width: 100%;
    height: 50vh !important; }
  @media only screen and (max-width: 767px) {
    .page-contact {
      padding-bottom: 40px; }
      .page-contact .paragraph--type--page-intro-image {
        display: none; }
      .page-contact #block-wehorenbrgraagvanje,
      .page-contact #block-contactblok {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
      .page-contact #block-wehorenbrgraagvanje {
        text-align: center;
        padding-bottom: 0; }
      .page-contact main input {
        width: 100%; }
        .page-contact main input[type="submit"] {
          width: auto;
          padding: 10px 30px;
          margin: 0 auto;
          display: block; } }

.page-home .home-vinkje:before {
  content: "";
  background-image: url("images/svg/ROODVINKJE.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 35px;
  height: 35px;
  margin: 10px;
  position: absolute;
  left: -58px; }

.page-home .paragraph--type--slide-machines .machine-slide-body h3.slide-machines-title {
  font-size: 2.5em;
  line-height: 2.75rem;
  font-family: var(--font-zarazzo-secondary);
  font-weight: 700;
  margin: 1em 0 1em 0; }

@media only screen and (max-width: 767px) {
  .page-home .home-vaardigheden {
    display: none; }
  .page-home .machine-slide-body {
    padding: 0 20px !important;
    text-align: center; }
  .page-home .machine-slide-image img {
    width: 82%;
    margin-left: 0; }
  .page-home .paragraph--type--slide-machines .machine-slide-body h3.slide-machines-title {
    font-size: 1.75em;
    line-height: 1.75rem; }
  .page-machines-services .paragraph--type--slide-machines {
    margin-top: 50px !important; }
    .page-machines-services .paragraph--type--slide-machines .machine-slide-body {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 0 20px !important;
      margin-bottom: 40px; }
      .page-machines-services .paragraph--type--slide-machines .machine-slide-body .button {
        margin: 0 auto; }
    .page-machines-services .paragraph--type--slide-machines .machine-slide-image img {
      margin-right: 0;
      height: 100vw;
      object-fit: contain;
      object-position: bottom center;
      width: 92%; } }

.page-duurzaamheid .red-txt {
  color: var(--color-zarazzo-green); }

.page-duurzaamheid .contact-button {
  border: 2px solid var(--color-zarazzo-green); }

.page-duurzaamheid #component-footer .logo {
  background-image: url("images/zarazzo-logo-green.png"); }

.page-duurzaamheid .paragraph--type--text-with-header .section-inner {
  padding-bottom: 140px; }

.page-duurzaamheid .paragraph--type--header-left-collapsable-options .section-inner {
  padding-top: 140px; }

.page-duurzaamheid .paragraph .fp-circle-overlay {
  background: var(--color-zarazzo-white); }
  .page-duurzaamheid .paragraph .fp-circle-overlay .white-txt {
    color: var(--color-zarazzo-green) !important; }

@media only screen and (max-width: 767px) {
  .page-duurzaamheid .paragraph--type--text-with-header .section-inner {
    padding-bottom: 50px; }
  .page-duurzaamheid .paragraph--type--header-left-collapsable-options .section-inner {
    padding-top: 50px; } }

.scroll-down-indicator {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 85px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 40px;
  cursor: pointer;
  z-index: 12; }

.page-thee .scroll-down-indicator {
  bottom: auto;
  top: 550px; }

.page-thee .paragraph--type--page-intro-image {
  min-height: 600px; }

.chevron {
  position: absolute;
  width: 27px;
  height: 3px;
  opacity: 0;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: move-chevron 3s infinite;
  animation: move-chevron 3s infinite; }

.chevron:first-child {
  -webkit-animation: move-chevron 3s 1s infinite;
  animation: move-chevron 3s 1s infinite; }

.chevron:nth-child(2) {
  -webkit-animation: move-chevron 3s 2s infinite;
  animation: move-chevron 3s 2s infinite; }

.chevron:before,
.chevron:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  background: var(--color-zarazzo-red); }

.chevron:before {
  left: 0;
  -webkit-transform: skewY(30deg);
  -ms-transform: skewY(30deg);
  transform: skewY(30deg); }

.chevron:after {
  right: 0;
  width: 50%;
  -webkit-transform: skewY(-30deg);
  -ms-transform: skewY(-30deg);
  transform: skewY(-30deg); }

@keyframes move-chevron {
  0% {
    opacity: .25;
    -webkit-transform: scale(0.25);
    transform: scale(0.25); }
  25% {
    opacity: .5;
    -webkit-transform: translateY(0.6rem) scale(1);
    transform: translateY(0.6rem) scale(1); }
  50% {
    opacity: .75;
    -webkit-transform: translateY(1.2rem) scale(1);
    transform: translateY(1.2rem) scale(1); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(1.8rem) scale(1);
    transform: translateY(1.8rem) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(2.7rem) scale(0);
    transform: translateY(2.7rem) scale(0); } }

@-webkit-keyframes move-chevron {
  0% {
    opacity: .25;
    -webkit-transform: scale(0.25); }
  25% {
    opacity: .5;
    -webkit-transform: translateY(0.6rem) scale(1); }
  50% {
    opacity: .75;
    -webkit-transform: translateY(1.2rem) scale(1); }
  75% {
    opacity: 1;
    -webkit-transform: translateY(1.8rem) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(2.7rem) scale(0); } }

.page-koffie .paragraph--type--full-page-image .fp-circle-overlay {
  position: absolute;
  left: 50%;
  background: var(--color-zarazzo-red);
  border-radius: 100%;
  width: 300px;
  height: 300px;
  text-align: center;
  line-height: 1.2em !important;
  color: var(--color-zarazzo-white);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 80px; }
  .page-koffie .paragraph--type--full-page-image .fp-circle-overlay .h2 {
    margin: 0 0 15px 0;
    font-size: 1.2rem !important;
    line-height: 1.2rem !important; }
  .page-koffie .paragraph--type--full-page-image .fp-circle-overlay a {
    text-indent: -9999em;
    position: relative;
    display: block; }

@media only screen and (max-width: 767px) {
  .page-koffie .paragraph--type--full-page-image .fp-circle-overlay {
    bottom: 40px;
    width: 250px;
    height: 250px; } }

.page-machines-services .small-paragraph-text.collapsable {
  color: white; }

.page-machines-services .circle-clip-open {
  -webkit-clip-path: circle(100% at 50% 30%);
  clip-path: circle(100% at 50% 30%);
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }

.page-machines-services .circle-clip-closed {
  -webkit-clip-path: circle(0 at 50% 30%);
  clip-path: circle(0 at 50% 30%);
  transition: -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
  transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }

@media only screen and (max-width: 1199px) {
  .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row,
  .page-machines-services .paragraph--type--header-left-collapsable-options .section-inner > .row {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row h2,
    .page-machines-services .paragraph--type--header-left-collapsable-options .section-inner > .row h2 {
      margin-bottom: 30px;
      text-align: center; }
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row > *,
    .page-machines-services .paragraph--type--header-left-collapsable-options .section-inner > .row > * {
      min-width: 100%; }
  .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row [class*="item-nr-"]::before {
    height: 70px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row {
    text-align: center; }
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row [class*="item-nr-"]::before {
      background-position: top center;
      width: 100%;
      height: 65px; }
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row .service-text::before,
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row .vitaliteit-text::before,
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row .kwaliteit-text::before {
      left: 10px; }
    .page-over-ons .paragraph--type--header-left-collapsable-options .section-inner > .row .small-paragraph-text {
      padding-right: 0; } }

#block-views-block-werken-bij-block-1 .views-row {
  margin: 10em 0; }

*[class$="button"],
.button,
button {
  cursor: pointer; }

.contact-button {
  border: 2px solid var(--color-zarazzo-red);
  padding: 10px 0 7px;
  position: relative; }

.circular-button {
  display: block;
  width: var(--buttons-zarazzo-circle-button-size);
  height: var(--buttons-zarazzo-circle-button-size);
  border-radius: 100%; }

.circular-button.border {
  border: 2px solid var(--color-zarazzo-red); }

.circular-button:hover {
  -webkit-animation: rotate .3 ease;
  animation: rotate .3 ease; }

.scroll-to-top {
  position: absolute;
  bottom: 0;
  top: auto;
  left: auto;
  right: 0;
  background-image: url("../css/images/svg/WITPIJL_RODECIRKEL.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.ask-button {
  padding: 10px;
  border: 2px solid var(--color-zarazzo-red); }

.file {
  border-bottom: 1px solid var(--color-zarazzo-black);
  padding-bottom: 2px;
  font-size: 0.75em;
  line-height: 1.5rem;
  text-transform: uppercase; }

.arrow-right.pijl-onder-rechts {
  background-image: url("../css/images/svg/pijl_wit_rechts.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 20px;
  color: white;
  display: block;
  margin: auto; }

#block-userlogin,
#block--user-login-block {
  text-align: center; }
  #block-userlogin ul,
  #block--user-login-block ul {
    list-style: none; }
    #block-userlogin ul li a,
    #block--user-login-block ul li a {
      font-size: .55em;
      text-transform: uppercase;
      text-decoration: underline;
      text-align: center;
      color: var(--color-zarazzo-grey); }
      #block-userlogin ul li a:hover,
      #block--user-login-block ul li a:hover {
        color: var(--color-zarazzo-black); }

.user-login-form,
#user-login-form {
  max-width: var(--mobile-width); }
  .user-login-form label,
  #user-login-form label {
    min-width: 130px;
    display: inline-block; }
  .user-login-form .form-item,
  #user-login-form .form-item {
    margin: 20px 0; }
  .user-login-form #edit-actions,
  #user-login-form #edit-actions {
    margin: 20px 0 5px 0; }
    .user-login-form #edit-actions #edit-submit,
    #user-login-form #edit-actions #edit-submit {
      width: 310px;
      padding: 8px 3px 2px 3px;
      border: 2px solid var(--color-zarazzo-red);
      background-color: var(--color-zarazzo-white); }

.page-klant-login .user-login-form {
  margin: 100px auto; }

@-webkit-keyframes move-in {
  0% {
    opacity: 0;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 20, 0);
    transform: matrix(1, 0, 0, 1, 20, 0); } }

@keyframes move-in {
  0% {
    opacity: 0;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: matrix(1, 0, 0, 1, 20, 0);
    transform: matrix(1, 0, 0, 1, 20, 0); } }

@-webkit-keyframes textclip {
  to {
    background-position-x: -222px; } }

@keyframes textclip {
  to {
    background-position-x: -222px; } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.animated.delay-250ms {
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms; }

.animated.delay-500ms {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms; }

.animated.delay-750ms {
  -webkit-animation-delay: 750ms;
  animation-delay: 750ms; }

.full-width-image.images-wrapper {
  position: relative;
  width: 100%;
  height: calc( 100vw - 175px);
  max-height: calc( 100vh - 175px); }

.full-width-image .image-layer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.full-width-image {
  background-image: url("images/svg/CIRKEL_PATROON_ACHTERGROND.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 0; }

.full-width-image #image-layer-1 {
  z-index: 1; }

.full-width-image #image-layer-2 {
  z-index: 2; }

.full-width-image #image-layer-3 {
  z-index: 3; }

.full-width-image #image-layer-4 {
  z-index: 4; }

.full-width-image .image-layer img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
  min-width: 200px; }

.full-width-image .image-layer article {
  top: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 50%; }

.title-overlay {
  position: relative;
  width: 100%;
  margin-top: -20vh;
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

@media only screen and (max-width: 767px) {
  .title-overlay {
    margin-top: 50px; }
  .page-werken-bij .title-overlay,
  .page-thee .title-overlay {
    margin-top: 0; }
    .page-werken-bij .title-overlay br,
    .page-thee .title-overlay br {
      display: none; }
  .page-werken-bij .full-width-image,
  .page-thee .full-width-image {
    height: 280px; }
    .page-werken-bij .full-width-image .image-layer img,
    .page-thee .full-width-image .image-layer img {
      min-width: 280px;
      margin-top: 0; }
  .page-werken-bij .full-width-image .image-layer img {
    margin: 19% 0 0 -4%; }
  .page-koffie .full-width-image .image-layer img {
    min-width: 280px;
    margin-top: 50px; }
  .page-koffie .full-width-image #image-layer-3.image-layer img {
    min-width: 300px;
    padding-right: 20px;
    margin-top: 100px; }
  .page-koffie .paragraph--type--full-page-image,
  .page-duurzaamheid .paragraph--type--full-page-image {
    display: none; } }

a.menu-link {
  text-decoration: none;
  color: var(--color-zarazzo-white); }

a.menu-link:hover {
  color: var(--color-zarazzo-black);
  text-decoration: none; }

#block-zarazzo-hoofdnavigatie {
  position: fixed;
  z-index: 2;
  background: transparent;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 767px) {
    #block-zarazzo-hoofdnavigatie {
      width: 80vw;
      min-width: 320px;
      max-height: calc(100% - 50px);
      overflow-x: hidden;
      overflow-y: auto;
      top: calc(50% + 30px); } }

.menu-item__main_menu {
  padding: 0; }

.menu-link__main-menu {
  font-family: var(--font-zarazzo-secondary);
  font-size: 3.44vh;
  font-weight: 700;
  display: inline-block;
  padding: 2.22vh 20px; }
  @media only screen and (max-width: 480px) {
    .menu-link__main-menu {
      display: block;
      padding: 1.5vh 20px;
      line-height: 1.3; } }

#main-menu-wrapper .section-inner.content-wrapper {
  margin: auto;
  padding: 0; }

.small-menu-item {
  position: relative; }
  .small-menu-item .menu-link__main-menu {
    position: relative;
    font-family: var(--font-zarazzo-primary);
    font-size: 2.22vh;
    font-weight: normal; }
  .small-menu-item .menu-link.menu-link__main-menu::after {
    content: "";
    position: absolute;
    display: block;
    background-image: url("images/svg/WITPIJL_RECHTS.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 20px;
    top: 50%;
    left: auto;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media only screen and (max-width: 480px) {
      .small-menu-item .menu-link.menu-link__main-menu::after {
        display: none; } }

#background-cover {
  background-color: var(--color-zarazzo-red); }

#secondary-menu,
#block-klant {
  position: relative;
  margin: 51px auto 0 auto;
  width: 100%;
  max-width: 1440px; }
  #secondary-menu > ul,
  #block-klant > ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--color-zarazzo-white);
    padding-top: 2.22vh;
    float: right;
    margin-right: 100px; }
    #secondary-menu > ul li,
    #block-klant > ul li {
      font-size: 2.2vh; }
      #secondary-menu > ul li a,
      #block-klant > ul li a {
        margin-right: 20px;
        font-weight: bold; }
  @media only screen and (max-width: 767px) {
    #secondary-menu,
    #block-klant {
      width: 80vw;
      min-width: 320px;
      padding-left: 20px;
      margin-top: 20px; }
      #secondary-menu > ul,
      #block-klant > ul {
        float: none;
        margin-right: 0; } }

@media only screen and (min-width: 1441px) {
  .page-home article#home-intro-vaardigheden p.all-caps.txt-left.brown-txt.home-vinkje {
    font-size: 1.2em;
    line-height: 1.7rem; }
  .page-home div#intro-blaadje, .page-home .page-home div#intro-blaadje2 {
    -webkit-transform: translate(-44%, -50%);
    -ms-transform: translate(-44%, -50%);
    transform: translate(-44%, -50%); } }

#tertiary-menu,
#block-test {
  position: absolute;
  bottom: 6vh;
  right: 20%;
  font-size: 32px; }
  #tertiary-menu > ul,
  #block-test > ul {
    color: var(--color-zarazzo-white); }
    #tertiary-menu > ul li a,
    #block-test > ul li a {
      font-family: var(--font-zarazzo-secondary);
      font-size: 4.44vh;
      font-weight: 700;
      color: var(--color-zarazzo-white); }

#main-menu-wrapper {
  position: fixed;
  top: 6vh;
  left: 0;
  height: 0;
  overflow: visible;
  z-index: 12; }

#main-menu {
  position: relative;
  float: right;
  margin-right: 30px;
  box-shadow: 0px 0px 20px -7px rgba(0, 0, 0, 0.5);
  border-radius: 100%; }

.hamburger {
  position: relative;
  display: block;
  margin: 0;
  width: 59px;
  height: 59px;
  z-index: 5;
  background: var(--color-zarazzo-red);
  padding-top: 15px;
  padding-left: 12px;
  box-sizing: border-box;
  border-radius: 100%;
  cursor: pointer; }

.hamburger .lettuce {
  position: relative;
  width: 35px;
  height: 2px;
  background-color: var(--color-zarazzo-white);
  margin-top: 6px;
  transition: all 0.3s ease-in-out; }

.page-doe-de-test .hamburger,
.red-bg .hamburger {
  background-color: var(--color-zarazzo-white); }

.page-doe-de-test .hamburger .lettuce,
.red-bg .hamburger .lettuce {
  background-color: var(--color-zarazzo-red); }

.page-doe-de-test #main-menu #background-cover,
.red-bg #main-menu #background-cover {
  background-color: var(--color-zarazzo-white); }

.page-doe-de-test a.menu-link,
.red-bg a.menu-link {
  color: var(--color-zarazzo-red); }

.page-doe-de-test a.menu-link:hover,
.red-bg a.menu-link:hover {
  color: var(--color-zarazzo-black); }

.page-doe-de-test .menu-link__main-menu,
.red-bg .menu-link__main-menu {
  background-image: linear-gradient(to right, var(--color-zarazzo-red) 0%, var(--color-zarazzo-red) 33%, var(--color-zarazzo-red) 33%, #555 66%, #333 100%); }

.page-doe-de-test #block-klant ul li a,
.page-doe-de-test #block-test ul li a,
.red-bg #block-klant ul li a,
.red-bg #block-test ul li a {
  color: var(--color-zarazzo-red); }

#toggle:checked + .hamburger .lettuce {
  background-color: var(--color-zarazzo-black); }

#toggle:checked + .hamburger #top-bun {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: 13px; }

#toggle:checked + .hamburger #bottom-bun {
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#toggle:checked + .hamburger #meat {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -2px; }

#toggle:checked + .hamburger + .nav {
  -webkit-clip-path: circle(150% at 50% 0);
  -webkit-transition: -webkit-clip-path var(--animation-zarazzo-menu-open-speed) ease-in;
  clip-path: circle(150% at 50% 0);
  transition: -webkit-clip-path var(--animation-zarazzo-menu-open-speed) ease-in;
  transition: clip-path var(--animation-zarazzo-menu-open-speed) ease-in;
  transition: clip-path var(--animation-zarazzo-menu-open-speed) ease-in, -webkit-clip-path var(--animation-zarazzo-menu-open-speed) ease-in;
  will-change: auto;
  pointer-events: auto;
  display: block; }

#toggle {
  display: none; }

#background-cover {
  position: fixed;
  z-index: -1;
  pointer-events: none;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--color-zarazzo-red);
  -webkit-clip-path: circle(0 at calc( 100vw - ((100vw - 1335px) * .5 )) 100px);
  -webkit-transition: -webkit-clip-path var(--animation-zarazzo-menu-close-speed) ease-out;
  clip-path: circle(0 at calc( 100vw - ((100vw - 1335px) * .5 )) 100px);
  transition: -webkit-clip-path var(--animation-zarazzo-menu-close-speed) ease-out;
  transition: clip-path var(--animation-zarazzo-menu-close-speed) ease-out;
  transition: clip-path var(--animation-zarazzo-menu-close-speed) ease-out, -webkit-clip-path var(--animation-zarazzo-menu-close-speed) ease-out;
  will-change: auto;
  display: none; }

.menu-link__main-menu {
  background-image: linear-gradient(to right, #fff 0, #fff 33%, #fff 33%, #555 66%, #333 100%);
  background-size: auto auto;
  background-clip: border-box;
  background-size: 300% auto;
  background-repeat: no-repeat;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-position-x: 0%;
  transition: background-position-x 300ms cubic-bezier(0.65, 0.05, 0.36, 1); }

.menu-link__main-menu:hover {
  background-position-x: 100%; }

/**************************/
/* MEDIA QUERIES */
/**************************/
@media only screen and (max-device-width: 1024px) {
  #toggle + .hamburger + .nav {
    display: none; }
  #toggle:checked + .hamburger + .nav {
    display: inherit; } }

.parallax-bg {
  transition-duration: 2s !important;
  top: 0;
  left: 0;
  position: absolute;
  width: 400%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 55px;
  left: auto;
  background-image: url("images/svg/chevron_WITPIJLRECHTS.svg");
  background-repeat: no-repeat; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 55px;
  right: auto;
  background-image: url("images/svg/chevron_WITPIJL_LINKS.svg");
  background-repeat: no-repeat; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-zarazzo-red); }

.swiper-pagination {
  position: relative; }

.swiper-container {
  width: 100%;
  height: auto; }

.swiper-slide {
  max-width: 100% !important;
  overflow: hidden; }

.swiper-slide-active {
  z-index: 12; }

.swiper-slide-inner {
  max-width: var(--desktop-width); }

.swiper-slide figure {
  margin: 0;
  width: 100%; }

.swiper-slide figcaption {
  font-size: 12px;
  text-align: left; }

.swiper-slide img {
  max-width: 100%;
  height: auto; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 0;
  height: 100%;
  width: 90px;
  margin-top: 0;
  z-index: 10;
  cursor: pointer;
  background-size: 65px 65px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  height: 2px; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--color-zarazzo-red);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  transition: -webkit-transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out !important;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out !important; }

.countdown {
  position: relative;
  height: 52px;
  width: 52px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  margin: 0 10px !important;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid var(--color-zarazzo-white);
  opacity: 1; }
  .countdown svg {
    top: calc(50% - 26px);
    right: calc(50% - 26px); }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-zarazzo-white);
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--color-zarazzo-white); }

.countdown-number {
  line-height: 54px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px; }

.swiper-pagination-bullet-active .countdown-number {
  color: var(--color-primary-red); }

.countdown01 {
  color: var(--color-zarazzo-red); }

.countdown02 {
  color: var(--color-zarazzo-gold); }

.countdown03 {
  color: var(--color-zarazzo-light-grey); }

.countdown04 {
  color: var(--color-zarazzo-orange); }

.countdown05 {
  color: var(--color-zarazzo-green); }

svg {
  position: absolute;
  top: -2px;
  right: 2px;
  width: 52px;
  height: 52px;
  -webkit-transform: rotateY(-180deg) rotateZ(-90deg);
  transform: rotateY(-180deg) rotateZ(-90deg); }

svg circle {
  stroke-dasharray: 148px;
  stroke-dashoffset: 148px;
  stroke-linecap: round;
  stroke-width: 2;
  stroke: black;
  fill: none; }

.in-view .swiper-pagination-bullet-active svg circle {
  -webkit-animation: countdown 5000ms linear infinite forwards;
  animation: countdown 5000ms linear infinite forwards;
  stroke: var(--color-zarazzo-grey); }

.in-view .autoplay-paused .swiper-pagination-bullet-active svg circle {
  -webkit-animation: none;
  animation: none;
  stroke: var(--color-zarazzo-grey);
  stroke-dashoffset: 0; }

@-webkit-keyframes countdown {
  from {
    stroke-dashoffset: 0px; }
  to {
    stroke-dashoffset: 148px; } }

@keyframes countdown {
  from {
    stroke-dashoffset: 0px; }
  to {
    stroke-dashoffset: 148px; } }

@media only screen and (max-width: 480px) {
  .countdown {
    height: 40px;
    width: 40px;
    margin: 0 8px !important; }
    .countdown svg {
      width: 40px;
      height: 40px;
      top: calc(50% - 20px);
      right: calc(50% - 20px); }
  .countdown-number {
    line-height: 34px;
    font-size: 16px;
    margin-top: 2px; } }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
  height: 3px;
  top: -3px; }
  @media only screen and (min-width: 1920px) {
    .swiper-scrollbar .swiper-scrollbar {
      top: -3px; } }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--color-zarazzo-red);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-container[data-config-type="2"] .swiper-button-prev {
  left: 0; }

.swiper-container[data-config-type="2"] .swiper-button-next {
  right: 0; }

.swiper-container[data-config-type="4"] .swiper-button-prev,
.swiper-container[data-config-type="4"] .swiper-button-next {
  display: none; }

.swiper-container[data-config-type="7"] .swiper-button-prev,
.swiper-container[data-config-type="7"] .swiper-button-next {
  display: none; }

.swiper__config_1 .thee-bg {
  background: #cde9e0;
  background: linear-gradient(90deg, #cde9e0 0%, #fbcccc 20%, #73cedf 40%, #fee542 60%, #ef888a 80%); }

.swiper__config_2 .swiper-header {
  margin: 60px 0 0 0; }

.swiper__config_2 .swiper-header h1 {
  text-align: center; }

.swiper__config_2 .swiper-slide {
  /*text-align: left*/
  /* this should be done with seperate classes */
  padding: 0; }

.swiper__config_2 .slide-body {
  padding: 0px 120px 40px 120px; }
  @media only screen and (max-width: 767px) {
    .swiper__config_2 .slide-body {
      padding-left: 0;
      padding-right: 0; } }

.swiper__config_2 .slide-right {
  padding-left: 50px;
  margin-top: 92px; }

.collapsable {
  overflow: hidden;
  position: relative; }

.collapsable.collapsed {
  height: 0; }

.collapsable .collaps-close {
  color: var(--color-zarazzo-white);
  text-align: right;
  font-size: 60px;
  font-weight: 700;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 10; }

.swiper__config_7 .swiper-pagination-bullet,
.swiper__config_8 .swiper-pagination-bullet {
  width: .75em;
  height: .75em;
  display: inline-block;
  border: 1px solid var(--color-zarazzo-red);
  background-color: var(--color-zarazzo-white);
  opacity: 1; }

.swiper__config_7 .swiper-pagination-bullet-active,
.swiper__config_8 .swiper-pagination-bullet-active {
  background-color: var(--color-zarazzo-red); }

.swiper__config_7 .section-inner {
  padding: 0 100px; }
  @media only screen and (max-width: 767px) {
    .swiper__config_7 .section-inner {
      padding: 0 20px; } }

.swiper__config_8 .section-inner {
  padding-left: 0;
  padding-right: 0; }

.swiper__config_1 .section-inner,
.swiper__config_6 .section-inner {
  position: relative;
  padding-left: 0;
  padding-right: 0; }

.swiper__config_1 .swiper-container,
.swiper__config_6 .swiper-container {
  position: relative; }

.swiper__config_1 .swiper-slide,
.swiper__config_6 .swiper-slide {
  padding: 0; }

.swiper__config_1 .swiper-slides-navigation,
.swiper__config_6 .swiper-slides-navigation {
  position: absolute;
  top: auto;
  left: auto;
  padding: 2em;
  z-index: 2;
  bottom: auto; }

.swiper__config_1 .swiper-slide .slide-inner,
.swiper__config_6 .swiper-slide .slide-inner {
  width: 100%;
  margin: auto;
  position: absolute;
  top: auto;
  bottom: 0;
  height: 100%; }

.swiper__config_1 .swiper-slide .slide-txt,
.swiper__config_6 .swiper-slide .slide-txt {
  position: absolute;
  width: 86%;
  margin: 0 0 0 auto;
  height: 35%;
  padding: 2em 5em 2em 10em;
  top: auto;
  bottom: 0;
  right: 0;
  z-index: 2; }

.swiper__config_1 .swiper-slide .slide-txt,
.swiper__config_6 .swiper-slide .slide-txt {
  background-color: var(--color-zarazzo-white); }

.swiper__config_1 .swiper-slide .slide-title,
.swiper__config_6 .swiper-slide .slide-title {
  position: absolute;
  left: 14%;
  width: 86%;
  top: auto;
  bottom: 40%;
  padding-left: 1em;
  z-index: 2; }

.swiper__config_1 .swiper-controls,
.swiper__config_6 .swiper-controls {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 14%;
  width: 86.5%;
  height: 35%;
  z-index: 2; }

.swiper__config_1 .swiper-pagination li,
.swiper__config_6 .swiper-pagination li {
  display: block;
  float: none;
  width: 100%;
  background: transparent;
  padding: 0;
  border-radius: 0;
  height: auto;
  text-align: left;
  margin: 0 0 0 30px; }

.swiper__config_1 .swiper-pagination-bullet,
.swiper__config_6 .swiper-pagination-bullet {
  opacity: 1; }

.swiper__config_1 .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper__config_6 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  color: var(--color-zarazzo-red);
  font-weight: bold;
  background-image: url("images/svg/RODEPIJL_RECHTS.svg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 15%; }

.swiper__config_1 .swiper-button-prev,
.swiper__config_1 .swiper-button-next,
.swiper__config_6 .swiper-button-prev,
.swiper__config_6 .swiper-button-next {
  display: none; }

.swiper__config_9 .section-inner {
  position: relative; }

.swiper__config_9 .swiper-button {
  display: none; }

.swiper__config_9 .swiper-slide .slide-inner {
  width: 100%;
  margin: auto;
  position: absolute;
  top: auto;
  bottom: 0;
  height: 100%; }

@media only screen and (max-width: 1366px) {
  .swiper__config_1 .static-slide-text,
  .swiper__config_6 .static-slide-text {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%;
    background-color: var(--color-zarazzo-white);
    z-index: 122;
    width: 100%;
    padding: 20px 20px 20px 300px; }
  .swiper__config_1 .swiper-controls,
  .swiper__config_6 .swiper-controls {
    left: 14%;
    width: 86.5%; }
    .swiper__config_1 .swiper-controls .swiper-pagination.no-style,
    .swiper__config_6 .swiper-controls .swiper-pagination.no-style {
      width: 200px;
      z-index: 123;
      margin-top: 40px; }
  .swiper__config_1 .slide-fw-button-text,
  .swiper__config_6 .slide-fw-button-text {
    display: none; }
  .swiper__config_1 .swiper-slide .slide-txt,
  .swiper__config_6 .swiper-slide .slide-txt {
    display: none;
    opacity: 0; }
  .swiper__config_1 .swiper-pagination li,
  .swiper__config_6 .swiper-pagination li {
    display: block;
    float: none;
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    height: auto;
    text-align: left;
    margin: 0 0 0 30px; }
  .swiper__config_1 .swiper-wrapper,
  .swiper__config_6 .swiper-wrapper {
    height: 810px; } }

@media only screen and (min-width: 1440px) {
  .swiper__config_1 .swiper-slide .slide-txt,
  .swiper__config_6 .swiper-slide .slide-txt {
    left: 14%;
    width: 86%;
    margin: 0; }
  .swiper__config_1 .swiper-slide .slide-txt,
  .swiper__config_6 .swiper-slide .slide-txt {
    display: none;
    opacity: 0; }
  .swiper__config_1 .swiper-slide .slide-title,
  .swiper__config_6 .swiper-slide .slide-title {
    left: 14%;
    width: 86%; }
  .swiper__config_1 .swiper-controls,
  .swiper__config_6 .swiper-controls {
    left: 14%;
    width: 86.5%; }
    .swiper__config_1 .swiper-controls .swiper-pagination.no-style,
    .swiper__config_6 .swiper-controls .swiper-pagination.no-style {
      width: 200px;
      z-index: 123;
      margin-top: 40px; }
  .swiper__config_1 .slide-fw-button-text,
  .swiper__config_6 .slide-fw-button-text {
    display: none; }
  .swiper__config_1 .static-slide-text,
  .swiper__config_6 .static-slide-text {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 100%;
    background-color: var(--color-zarazzo-white);
    z-index: 122;
    width: 100%;
    padding: 20px 20px 20px 300px; }
  .swiper__config_1 .swiper-pagination li,
  .swiper__config_6 .swiper-pagination li {
    display: block;
    float: none;
    width: 100%;
    background: transparent;
    padding: 0;
    border-radius: 0;
    height: auto;
    text-align: left;
    margin: 0 0 0 30px; }
  .swiper__config_1 .swiper-wrapper,
  .swiper__config_6 .swiper-wrapper {
    height: 810px; } }

@media only screen and (min-width: 1440px) {
  .page-koffie .swiper__config_6 .swiper-controls {
    left: 16%; }
  .page-koffie .swiper__config_6 .static-slide-text {
    padding: 20px 50px 20px 300px; } }

@media only screen and (min-width: 1920px) {
  .swiper__config_6 .swiper-controls {
    left: 14%;
    width: 86.5%; }
  .page-koffie .swiper__config_6 .swiper-controls,
  .page-vitaliteit .swiper__config_6 .swiper-controls {
    left: 16%;
    width: 84.6%; }
  .page-koffie .swiper__config_6 .static-slide-text,
  .page-vitaliteit .swiper__config_6 .static-slide-text {
    padding: 20px 75px 20px 300px; } }

.swiper__config_1 .swiper-pagination-progressbar,
.swiper__config_6 .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 100%;
  height: 3px;
  top: -1px; }

.swiper__config_1 h4,
.swiper__config_6 h4 {
  margin: 0; }

.swiper__config_1 h2,
.swiper__config_6 h2 {
  margin-top: .3em; }

.swiper__config_8 .swiper-button {
  display: none; }

.page-koffie section#paragraph-36 .section-inner {
  padding-bottom: 0; }
  .page-koffie section#paragraph-36 .section-inner .swiper__config_2 .slide-body {
    padding: 35px 120px 80px 120px; }

.page-vitaliteit section#paragraph-139 {
  z-index: 5;
  margin-top: -70px; }
  .page-vitaliteit section#paragraph-139 .section-inner {
    display: block;
    padding: 0;
    line-height: 30px; }
    .page-vitaliteit section#paragraph-139 .section-inner .swiper-container {
      overflow: visible; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .swiper-wrapper {
        height: auto; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .swiper-controls {
        bottom: -100px; }

@media only screen and (max-width: 991px) {
  .page-vitaliteit section#paragraph-139 {
    margin-top: -150px; }
    .page-vitaliteit section#paragraph-139 .section-inner {
      padding: 0 0 20px; }
      .page-vitaliteit section#paragraph-139 .section-inner .slide-link {
        margin-left: 20px;
        margin-top: -50px;
        background: none; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-pagination {
        margin: 0; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .static-slide-text,
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .swiper-controls {
        left: 0;
        width: 100%;
        height: auto;
        position: relative;
        bottom: 0; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .static-slide-text {
        padding: 20px; }
        .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .static-slide-text p {
          margin: 0; } }

@media only screen and (max-width: 767px) {
  .page-vitaliteit section#paragraph-139 {
    margin-top: 0; }
    .page-vitaliteit section#paragraph-139 .section-inner {
      padding-bottom: 0 !important; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-pagination {
        margin: 0 auto; }
      .page-vitaliteit section#paragraph-139 .section-inner .slide-link {
        margin: 0; }
      .page-vitaliteit section#paragraph-139 .section-inner .swiper-container .static-slide-text {
        padding-bottom: 0; }
  .page-koffie section#paragraph-36 .section-inner > .row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -15px; }
    .page-koffie section#paragraph-36 .section-inner > .row > .col-xs-12 {
      max-width: calc(100%/3); }
      .page-koffie section#paragraph-36 .section-inner > .row > .col-xs-12 h4 {
        margin-top: 0; }
  .swiper-container {
    height: auto !important; }
    .swiper-container .swiper-wrapper {
      width: 100% !important;
      margin: 0 !important; }
  #paragraph-141 .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #paragraph-141 .swiper-wrapper .paragraph:not(:last-child) {
      margin-bottom: 50px; }
    #paragraph-141 .swiper-wrapper .paragraph .media--image img,
    #paragraph-141 .swiper-wrapper .paragraph .center-xs {
      margin-top: 0 !important; }
  .swiper__config_1 .parallax-bg.thee-bg,
  .swiper__config_6 .parallax-bg.thee-bg {
    height: 82vw;
    min-height: 270px;
    max-height: 500px; }
  .swiper__config_1 .swiper-controls,
  .swiper__config_6 .swiper-controls {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .swiper__config_1 .swiper-controls .swiper-pagination.no-style,
    .swiper__config_6 .swiper-controls .swiper-pagination.no-style {
      display: block;
      margin: 0;
      background-color: #fff;
      padding: 20px 20px 0;
      width: 100%; }
      .swiper__config_1 .swiper-controls .swiper-pagination.no-style li,
      .swiper__config_6 .swiper-controls .swiper-pagination.no-style li {
        margin: 0;
        width: 100%;
        max-width: 190px; }
        .swiper__config_1 .swiper-controls .swiper-pagination.no-style li:focus,
        .swiper__config_6 .swiper-controls .swiper-pagination.no-style li:focus {
          outline: none; }
  .swiper__config_1 .swiper-wrapper,
  .swiper__config_6 .swiper-wrapper {
    height: auto; }
  .swiper__config_1 .static-slide-text,
  .swiper__config_6 .static-slide-text {
    padding: 20px;
    position: relative;
    z-index: 2;
    height: auto; }
    .swiper__config_1 .static-slide-text p,
    .swiper__config_6 .static-slide-text p {
      margin: 0; }
  .swiper__config_1 .media.media--image,
  .swiper__config_6 .media.media--image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 50vw; }
  .swiper__config_1 .swiper-scrollbar,
  .swiper__config_6 .swiper-scrollbar {
    top: 0;
    position: absolute;
    z-index: 150;
    width: 100%; }
  .swiper__config_1 .swiper-slide .slide-title,
  .swiper__config_6 .swiper-slide .slide-title {
    top: 20px;
    left: 0;
    right: 0;
    width: auto; }
    .swiper__config_1 .swiper-slide .slide-title h2,
    .swiper__config_6 .swiper-slide .slide-title h2 {
      margin: 0; }
  .swiper__config_1 .media.media--image {
    margin-top: 100px; }
  .swiper__config_1 .swiper-slide img {
    max-width: 150%;
    float: right; }
  .swiper__config_1 .swiper-slide .slide-title {
    left: 80px; }
  .swiper__config_6 .swiper-slide .slide-title {
    bottom: 20px;
    top: auto; }
  .swiper__config_6 .swiper-slide img {
    height: 100%;
    object-fit: cover; }
  .swiper__config_2 .slide-body {
    padding-left: 0;
    padding-right: 0; }
  .swiper__config_2 .slide-right {
    padding-left: 15px; }
  .swiper__config_2 .swiper-button {
    display: none; } }

.social-link {
  text-indent: -9999em;
  margin: 0 16px 0 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }
  .social-link a {
    display: block;
    position: relative;
    width: var(--buttons-zarazzo-circle-button-size);
    height: var(--buttons-zarazzo-circle-button-size); }

.social-fb {
  background-image: url("images/svg/FACEBOOK.svg"); }

.social-tw {
  background-image: url("images/svg/Twitter.svg"); }

.social-li {
  background-image: url("images/svg/LinkedIN.svg"); }

.page-duurzaamheid .social-fb {
  background-image: url("images/svg/facebook_green.svg"); }

.page-duurzaamheid .social-tw {
  background-image: url("images/svg/twitter_green.svg"); }

.page-duurzaamheid .social-li {
  background-image: url("images/svg/linkedin_green.svg"); }

.page-contact #contact-socialmedia-icons-block {
  position: absolute;
  z-index: 10;
  top: 150px;
  right: -124px; }
  .page-contact #contact-socialmedia-icons-block ul li {
    margin: 10px 0; }
  .page-contact #contact-socialmedia-icons-block .social-fb {
    background-image: url("images/svg/facebook_wit.svg"); }
  .page-contact #contact-socialmedia-icons-block .social-tw {
    background-image: url("images/svg/twitter_wit.svg"); }
  .page-contact #contact-socialmedia-icons-block .social-li {
    background-image: url("images/svg/linkedin_wit.svg"); }

#component-footer {
  padding-bottom: 150px;
  z-index: 0;
  position: relative; }
  #component-footer .footer-top {
    margin: 60px 0 60px 0; }
    #component-footer .footer-top > div {
      margin: 30px; }
  #component-footer .section-inner {
    padding: 0px 108px; }
    #component-footer .section-inner .panton {
      margin-bottom: 20px; }
    #component-footer .section-inner header {
      border-top: 1px solid var(--color-zarazzo-black); }

#component-footer .logo {
  background-image: url("images/svg/zarazzo_logo.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
  width: 100px;
  height: 100px;
  padding-top: 0;
  margin: 0 auto auto; }

footer footer {
  position: relative; }

.logo-shadow::after {
  content: "";
  position: absolute;
  width: 68%;
  height: 0px;
  box-shadow: 0px 0px 8px 1px var(--color-zarazzo-black);
  top: auto;
  right: 15%;
  left: auto;
  bottom: 52px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  z-index: -1; }

#component-footer #info-address {
  margin: 0; }

.zarazzo-logo-svg img {
  height: 100px; }

.footer-padding-description {
  padding: 20px 0 0 0 !important;
  margin: 0 !important; }

@media only screen and (max-width: 991px) {
  #component-footer h2 {
    font-size: 1.8em; } }

@media only screen and (max-width: 767px) {
  #component-footer {
    padding-bottom: 50px; }
    #component-footer h2 {
      text-align: center;
      margin: 0 0 20px; }
    #component-footer .section-inner {
      padding: 0 20px; }
      #component-footer .section-inner header {
        padding-top: 160px; }
      #component-footer .section-inner .middle {
        position: absolute;
        top: 40px;
        left: calc(50% - 50px); }
    #component-footer .logo {
      opacity: 1 !important;
      visibility: visible !important; }
  body:not(.page-home) .paragraph--type--header-button div.row h2,
  body:not(.page-home) .paragraph--type--header-button div.row button {
    margin-top: 0; }
  body.ios-safari #component-footer {
    padding-bottom: 150px; } }

.paragraph--type--horizontal-scroll-slider {
  background-color: #fff; }

.paragraph--type--header-button {
  padding: 60px 0 60px 0; }
  .paragraph--type--header-button div.row {
    margin: 65px 30px 30px 30px; }
    @media only screen and (max-width: 767px) {
      .paragraph--type--header-button div.row {
        margin: 30px 0; }
        .paragraph--type--header-button div.row:last-child {
          margin-bottom: 0; }
        .paragraph--type--header-button div.row h2 {
          margin-top: 0; }
        .paragraph--type--header-button div.row h2,
        .paragraph--type--header-button div.row button {
          max-width: 280px;
          -webkit-flex: 1 0;
          -ms-flex: 1 0;
          flex: 1 0; } }

.paragraph--type--images {
  z-index: 1; }

.paragraph {
  position: relative; }

.paragraph--type--text-with-header.header-left-txt-right#paragraph-107 .paragraph-body {
  margin: 290px 0 0 0; }

.paragraph--type--text-with-header.header-left-txt-right .col-xs-12 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.paragraph--type--text-with-header.header-left-txt-right h2 {
  margin: 0;
  width: 33.33%; }

.paragraph--type--text-with-header.header-left-txt-right .paragraph-body {
  width: 66.66%; }

@media only screen and (max-width: 767px) {
  .paragraph--type--text-with-header.header-left-txt-right .col-xs-12 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .paragraph--type--text-with-header.header-left-txt-right h2,
  .paragraph--type--text-with-header.header-left-txt-right .paragraph-body {
    width: 100%; }
  .paragraph--type--text-with-header.header-left-txt-right#paragraph-107 .paragraph-body {
    margin: 30px 0 0; } }

.paragraph--type--header-left-collapsable-options h2 {
  margin: 0; }

.paragraph--type--header-left-collapsable-options .options-column .row > div {
  margin: 0 0 1em 0; }

.paragraph--type--header-left-collapsable-options.collapsable-items h4.collapse-toggle:after {
  content: " +"; }

.paragraph--type--header-left-collapsable-options.collapsable-items h4.collapse-toggle.toggler-closed:after {
  content: " +"; }

.paragraph--type--header-left-collapsable-options.collapsable-items h4.collapse-toggle.toggler-open:after {
  content: " -"; }

.paragraph--type--quote.xtra-padding {
  padding: 75px 150px;
  max-width: 1440px; }
  .paragraph--type--quote.xtra-padding .slide-body {
    max-width: 1440px;
    padding: 0 225px 30px 225px;
    margin: auto; }

.paragraph--type--quote.line-above .slide-body {
  border-top: 1px solid var(--color-zarazzo-brown); }

.paragraph--type--quote.line-below .slide-body {
  border-bottom: 1px solid var(--color-zarazzo-brown); }

.paragraph--type--quote.lines-above-below .slide-body {
  border-top: 2px solid var(--color-zarazzo-brown);
  border-bottom: 2px solid var(--color-zarazzo-brown); }

@media only screen and (max-width: 767px) {
  .paragraph--type--quote.xtra-padding {
    padding: 100px 20px; }
    .paragraph--type--quote.xtra-padding .slide-body {
      padding: 0 !important; } }

section.no-margin {
  margin: 0; }
  section.no-margin .section-inner {
    padding: 0; }

.paragraph .fp-circle-overlay {
  position: absolute;
  left: 50%;
  background: var(--color-zarazzo-red);
  border-radius: 100%;
  width: 290px;
  height: 290px;
  text-align: center;
  line-height: 1.3em;
  color: var(--color-zarazzo-white);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 80px; }
  .paragraph .fp-circle-overlay .h2 {
    margin: 0; }
  .paragraph .fp-circle-overlay .fp-circle-inner {
    padding: 0 20px; }
    .paragraph .fp-circle-overlay .fp-circle-inner .fp-circle-link a, .paragraph .fp-circle-overlay .fp-circle-inner .fp-circle-link span.link-arrow {
      background-image: url(images/svg/WITPIJL_RECHTS.svg);
      text-indent: -999em;
      display: inline-block;
      background-repeat: no-repeat;
      width: 52px;
      margin-top: 15px; }
    .paragraph .fp-circle-overlay .fp-circle-inner .fp-circle-link span.link-arrow {
      height: 23px; }

.page-duurzaamheid .paragraph .fp-circle-overlay .fp-circle-inner {
  padding: 0 20px; }
  .page-duurzaamheid .paragraph .fp-circle-overlay .fp-circle-inner .fp-circle-link a, .page-duurzaamheid .paragraph .fp-circle-overlay .fp-circle-inner .fp-circle-link span.link-arrow {
    background-image: url(images/svg/Pijlgroen_rechts.svg); }

.paragraph--type--full-page-image .media--image img {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 500px;
  object-fit: cover; }

@media only screen and (max-width: 767px) {
  .paragraph--type--full-page-image .media--image img {
    object-fit: contain;
    object-position: bottom center;
    min-height: auto;
    margin-top: 130px; }
  .paragraph--type--full-page-image .fp-circle-overlay {
    bottom: auto; } }

.paragraph--type--slide-machines .swiper-slide-inner {
  position: relative; }

.paragraph--type--slide-machines .machine-slide-body {
  margin: auto; }
  .paragraph--type--slide-machines .machine-slide-body h3.slide-machines-title {
    margin-bottom: 0; }
  .paragraph--type--slide-machines .machine-slide-body .button {
    padding: 10px 15px 7px;
    display: inline-block;
    margin: 50px 0 0 0;
    background-color: var(--color-zarazzo-white); }

.paragraph--type--slide-machines .slide-machines-icon {
  width: 140px;
  height: auto;
  position: absolute;
  left: 10%;
  right: auto;
  top: 40%;
  z-index: 1; }

.paragraph--type--slide-machines.image-txt .machine-slide-body {
  padding-right: 150px;
  padding-left: 35px; }

.paragraph--type--slide-machines.txt-image .machine-slide-body {
  padding-left: 150px; }

.paragraph--type--slide-machines.txt-image .slide-machines-icon {
  right: 8%;
  left: auto; }

.page-machines-services .paragraph.paragraph--type--slide-machines.horizontal-staggering-slide:nth-child(2) .button {
  margin: 25px auto 0; }

.paragraph--type--image-text .swiper-slide-inner {
  position: relative; }

.paragraph--type--image-text .image-text-body {
  margin: auto; }
  .paragraph--type--image-text .image-text-body h3 {
    margin-bottom: 0; }
    .paragraph--type--image-text .image-text-body h3.red-txt span {
      color: var(--color-zarazzo-black); }
  .paragraph--type--image-text .image-text-body h4 {
    margin-top: 0; }

.paragraph--type--image-text .image-text-image {
  position: relative; }

.paragraph--type--image-text .image-text-background-image {
  max-width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  z-index: 0; }

.paragraph--type--image-text.image-txt .image-text-body {
  padding-right: 150px; }

.paragraph--type--image-text.txt-image .image-text-body {
  padding-left: 150px; }

.paragraph--type--image-text.txt-image .image-text-background-image {
  right: 0%;
  left: auto; }

@media only screen and (max-width: 767px) {
  .paragraph--type--image-text.image-txt .image-text-body {
    padding-right: 0; }
  .paragraph--type--image-text.txt-image .image-text-body {
    padding-left: 0; } }

.paragraph--type--images .collapsed .media-image-header {
  color: var(--color-zarazzo-brown); }

.paragraph--type--images .collaps-active .media-image-header {
  color: var(--color-zarazzo-red); }

.paragraph--type--slide-image-with-title-and-body a {
  display: block; }

.paragraph--type--slide-image-with-title-and-body .media--image {
  height: 315px; }

.paragraph--type--slide-image-with-title-and-body .slide-txt {
  padding: 0 10% 20px 10%;
  position: relative; }
  .paragraph--type--slide-image-with-title-and-body .slide-txt:after {
    content: "";
    position: absolute;
    background-image: url("images/svg/RODEPIJL_RECHTS.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 30px;
    top: auto;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

@media only screen and (max-width: 767px) {
  .paragraph--type--slide-image-with-title-and-body {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    background-image: url("images/svg/CIRKEL_PATROON_ACHTERGROND.svg"); }
    .paragraph--type--slide-image-with-title-and-body .media--image {
      height: auto; } }

.page-home span.brown-txt,
.page-vitaliteit span.brown-txt,
.page-duurzaamheid span.brown-txt,
.page-koffie h2.brown-txt {
  font-weight: 700; }

.small-paragraph-text {
  padding-right: 50px; }
  @media (max-width: 1399px) {
    .small-paragraph-text br {
      display: none; } }

.page-machines-services .small-paragraph-text {
  padding-left: 30px;
  border-left: 1px solid; }

.paragraph--type--small-paragraph .item-nr {
  display: block;
  margin: 0; }

.page-machines-services .paragraph--type--small-paragraph h4 {
  font-weight: normal; }

.page-machines-services .paragraph--type--small-paragraph .item-nr {
  display: inline;
  margin: 0;
  color: var(--color-zarazzo-brown);
  font-weight: normal; }
  .page-machines-services .paragraph--type--small-paragraph .item-nr span {
    color: var(--color-zarazzo-brown); }

.paragraph--type--page-intro-image {
  opacity: 0; }

#paragraph-141 {
  background-image: url("images/svg/CIRKEL_PATROON_ACHTERGROND.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }
  #paragraph-141 .swiper-container {
    overflow: visible; }
  @media only screen and (max-width: 767px) {
    #paragraph-141 {
      background: none; } }

#paragraph-157,
#paragraph-153 {
  position: relative; }
  #paragraph-157 *,
  #paragraph-153 * {
    box-sizing: border-box; }
  #paragraph-157 h2,
  #paragraph-153 h2 {
    color: var(--color-zarazzo-red);
    text-align: center; }
  #paragraph-157 .client-logo-wrapper,
  #paragraph-153 .client-logo-wrapper {
    padding: 65px 0 50px 0;
    background-color: var(--color-zarazzo-brown);
    width: 100%; }
    #paragraph-157 .client-logo-wrapper .ticker,
    #paragraph-153 .client-logo-wrapper .ticker {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: nowrap row;
      -ms-flex-flow: nowrap row;
      flex-flow: nowrap row;
      height: auto;
      white-space: nowrap; }
      #paragraph-157 .client-logo-wrapper .ticker .ticker-content,
      #paragraph-153 .client-logo-wrapper .ticker .ticker-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
        flex-flow: nowrap row;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        height: auto;
        margin: 0 auto;
        white-space: nowrap;
        min-width: 100vw; }
        #paragraph-157 .client-logo-wrapper .ticker .ticker-content .client-logo,
        #paragraph-153 .client-logo-wrapper .ticker .ticker-content .client-logo {
          -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
          flex: 0 1 auto;
          margin: 0 auto; }

#paragraph-139 .swiper-pagination {
  display: block !important; }

#paragraph-142 .slide-txt::after {
  display: none; }

#paragraph-206 {
  padding-bottom: 100px; }

@media only screen and (min-device-width: 1024px) {
  .paragraph--type--small-paragraph .item-nr {
    display: block;
    margin: 0; } }

@media only screen and (max-width: 767px) {
  .section-inner .paragraph--type--small-paragraph {
    min-width: 100%;
    padding: 20px 0; }
    .section-inner .paragraph--type--small-paragraph .small-paragraph-text {
      padding: 0 0 0 30%;
      text-align: left; }
    .section-inner .paragraph--type--small-paragraph [class*="item-nr-"] {
      margin: 0;
      overflow: visible;
      padding: 0 0 0 30%; }
      .section-inner .paragraph--type--small-paragraph [class*="item-nr-"]::before {
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .section-inner .paragraph--type--small-paragraph p {
      margin: 0; }
  .page-duurzaamheid .section-inner .paragraph--type--small-paragraph [class*="item-nr-"]::before {
    width: 20%;
    top: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: 0; }
  #paragraph-119 {
    background-color: var(--color-zarazzo-red);
    padding-top: 30px; }
  #paragraph-107 {
    background-color: var(--color-zarazzo-green);
    padding-top: 30px; }
  #paragraph-120 {
    height: auto; }
    #paragraph-120 .full-width-height {
      height: auto; }
  #paragraph-147 .full-width-height-header {
    background-size: contain;
    background-position: top center;
    height: auto;
    padding: 60vw 0 0; }
    #paragraph-147 .full-width-height-header .perfecte-thee {
      position: static; }
  #paragraph-210 .media--image img {
    max-height: 50vh;
    object-fit: contain; }
  #paragraph-210 .image-text-background-image .media--image img {
    max-height: 30vh;
    object-fit: contain;
    object-position: left center; }
  #paragraph-206 {
    padding-bottom: 0; } }

ul.qualities {
  margin: 0;
  padding: 0; }

ul.qualities li.indicator {
  position: relative;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
  width: 100%;
  text-align: left; }

ul.qualities li.indicator h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 100; }

.indicator[class^="value-"]:before,
.indicator[class*=" value-"]:before,
.indicator[class^="value-"]:after,
.indicator[class*=" value-"]:after {
  content: "";
  border-bottom: 1px solid var(--color-zarazzo-red);
  width: 0%;
  position: absolute;
  height: 0;
  top: auto;
  bottom: 0;
  transition-property: width;
  transition-duration: 300ms;
  transition-delay: 500ms;
  transition-timing-function: ease-in-out; }

.indicator[class^="value-"]:before,
.indicator[class*=" value-"]:before {
  border-bottom: 1px solid var(--color-zarazzo-white);
  top: auto;
  width: 100%;
  bottom: 0; }

.swiper-slide-active .indicator.value-0:after {
  width: 0%;
  transition-delay: 500ms; }

.swiper-slide-active .indicator.value-1:after {
  width: 10%;
  transition-delay: 510ms; }

.swiper-slide-active .indicator.value-2:after {
  width: 20%;
  transition-delay: 520ms; }

.swiper-slide-active .indicator.value-3:after {
  width: 30%;
  transition-delay: 530ms; }

.swiper-slide-active .indicator.value-4:after {
  width: 40%;
  transition-delay: 540ms; }

.swiper-slide-active .indicator.value-5:after {
  width: 50%;
  transition-delay: 550ms; }

.swiper-slide-active .indicator.value-6:after {
  width: 60%;
  transition-delay: 560ms; }

.swiper-slide-active .indicator.value-7:after {
  width: 70%;
  transition-delay: 570ms; }

.swiper-slide-active .indicator.value-8:after {
  width: 80%;
  transition-delay: 580ms; }

.swiper-slide-active .indicator.value-9:after {
  width: 90%;
  transition-delay: 590ms; }

.swiper-slide-active .indicator.value-10:after {
  width: 100%;
  transition-delay: 600ms; }

#soort-pointer {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  z-index: 1; }

#soort-pointer .triangle-down {
  position: absolute;
  opacity: 0;
  transition: left 300ms ease-in-out; }

#soort-pointer .triangle-down.koffie-bonen-slideshow-active {
  left: calc( (100% - 300px)/6*1 - 20px + 150px);
  opacity: 1; }

#soort-pointer .triangle-down.koffie-fresh-slideshow-active {
  left: calc( (100% - 300px)/6*3 - 20px + 150px);
  opacity: 1; }

#soort-pointer .triangle-down.koffie-instant-slideshow-active {
  left: calc( (100% - 300px)/6*5 - 20px + 150px);
  opacity: 1; }

.link-icon {
  width: 65px;
  height: 65px;
  margin: 0 auto; }

#bedrijfsconcepten-koffie .intro-text-bold {
  max-width: 75%;
  margin: 20px auto; }

@media only screen and (max-device-width: 1024px) {
  #soort-pointer .triangle-down.koffie-bonen-slideshow-active {
    left: calc( (100% - 10px)/6*1 - 20px + 5px); }
  #soort-pointer .triangle-down.koffie-fresh-slideshow-active {
    left: calc( (100% - 10px)/6*3 - 20px + 5px); }
  #soort-pointer .triangle-down.koffie-instant-slideshow-active {
    left: calc( (100% - 10px)/6*5 - 20px + 5px); } }

@media only screen and (max-width: 767px) {
  #powercorner-machines,
  #thee-assortiment,
  #bedrijfsconcepten-koffie {
    display: none; }
    #powercorner-machines h2,
    #thee-assortiment h2,
    #bedrijfsconcepten-koffie h2 {
      font-size: 1.5em;
      margin: 15px 0; }
    #powercorner-machines .intro-text-bold,
    #thee-assortiment .intro-text-bold,
    #bedrijfsconcepten-koffie .intro-text-bold {
      max-width: 250px;
      margin: 0 auto 15px;
      padding: 0; }
    #powercorner-machines .link-icon,
    #thee-assortiment .link-icon,
    #bedrijfsconcepten-koffie .link-icon {
      width: 50px;
      height: 50px; } }

@media only screen and (max-width: 480px) {
  #powercorner-machines .col-xs-5,
  #thee-assortiment .col-xs-5 {
    min-width: 100%;
    margin: 20px 0; }
  #bedrijfsconcepten-koffie .col-xs-4 {
    min-width: 100%;
    margin: 20px 0; } }

#koffie-map h2 {
  position: relative;
  z-index: 1;
  margin-bottom: -150px;
  padding: 30px 0; }

#worldmap {
  margin: auto;
  width: 80%;
  overflow: hidden;
  height: auto;
  position: relative; }

#worldmap .mappoints img {
  position: relative; }

.mappoints {
  position: relative;
  width: 100%;
  height: auto; }

@-webkit-keyframes mappoint {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes mappoint {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes mappoint2 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

@keyframes mappoint2 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }

@-webkit-keyframes mappoint3 {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2); }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2); } }

@keyframes mappoint3 {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2); }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2); } }

.point-ani1 {
  -webkit-animation: mappoint 1.2s infinite;
  animation: mappoint 1.2s infinite; }

.point-ani2 {
  -webkit-animation: mappoint2 1.1s infinite;
  animation: mappoint2 1.1s infinite; }

.point-ani3 {
  -webkit-animation: mappoint 2s infinite;
  animation: mappoint 2s infinite; }

.point-ani4 {
  -webkit-animation: mappoint2 1.5s infinite;
  animation: mappoint2 1.5s infinite; }

.mappoint {
  position: absolute;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  background-color: var(--color-zarazzo-red);
  background-repeat: no-repeat;
  opacity: .5;
  width: 1vw;
  height: 1vw;
  border-radius: 100%;
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out; }

.mappoint-active {
  -webkit-animation: mappoint3 1.5s infinite;
  animation: mappoint3 1.5s infinite;
  -webkit-transform: rotate(5deg) !important;
  -ms-transform: rotate(5deg) !important;
  transform: rotate(5deg) !important;
  opacity: 1; }

.mappoint[data-text-item="1"] {
  top: 55%;
  left: 20.5%; }

.mappoint[data-text-item="2"] {
  top: 55.2%;
  left: 22%; }

.mappoint[data-text-item="3"] {
  top: 60%;
  left: 28%; }

.mappoint[data-text-item="4"] {
  top: 70%;
  left: 32.5%; }

.mappoint[data-text-item="5"] {
  top: 57%;
  left: 46.5%; }

.mappoint[data-text-item="6"] {
  top: 57%;
  left: 56%; }

.mappoint[data-text-item="7"] {
  top: 62%;
  left: 55%; }

.mappoint[data-text-item="8"] {
  top: 67%;
  left: 77%; }

@media only screen and (max-width: 767px) {
  #koffie-map .col-xs-12 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    #koffie-map .col-xs-12 h2 {
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin: 0; }
  #worldmap {
    width: 100%; } }

.media--loading::before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  max-width: 100px;
  background-color: transparent;
  background-image: url("images/Spinner.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  font-size: 0;
  z-index: 22;
  -webkit-animation: rotating 2s ease-in-out infinite;
  animation: rotating 2s ease-in-out infinite; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.centered-img .media.media--blazy.media--image img {
  margin: auto; }

#waves-wrapper {
  position: absolute;
  width: 100vw;
  height: auto;
  top: 70%;
  z-index: 0; }

.in-view #waves-wrapper .wave:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 444px;
  bottom: 0;
  left: 0;
  opacity: .7;
  background-image: url("images/Golf1_Groens.png");
  -webkit-animation: movewave 18s ease-in-out infinite;
  animation: movewave 18s ease-in-out infinite;
  will-change: auto; }

.in-view #waves-wrapper.green .wave:after {
  background-image: url("images/Golf1_Groens.png"); }

.in-view #waves-wrapper .wave:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 444px;
  bottom: 10px;
  left: 0;
  opacity: .7;
  background-image: url("images/Golf1_Groens.png");
  -webkit-animation: movewave-reverse 28s ease-in-out infinite;
  animation: movewave-reverse 28s ease-in-out infinite;
  will-change: auto; }

.in-view #waves-wrapper.green .wave:before {
  background-image: url("images/Golf1_Groens.png"); }

@-webkit-keyframes movewave {
  0% {
    background-position: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    background-position: -720px;
    -webkit-transform: translateY(60px);
    transform: translateY(60px); }
  60% {
    background-position: -1020px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    background-position: -1440px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes movewave {
  0% {
    background-position: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    background-position: -720px;
    -webkit-transform: translateY(60px);
    transform: translateY(60px); }
  60% {
    background-position: -1020px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    background-position: -1440px;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes movewave-reverse {
  0% {
    background-position: -1440px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    background-position: -1040px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    background-position: -800px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px); }
  70% {
    background-position: -300px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    background-position: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes movewave-reverse {
  0% {
    background-position: -1440px;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  20% {
    background-position: -1040px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  50% {
    background-position: -800px;
    -webkit-transform: translateY(80px);
    transform: translateY(80px); }
  70% {
    background-position: -300px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    background-position: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

/** Machines-services  page section Onze services start **/
.page-machines-services .paragraph--type--header-left-collapsable-options .options-column .row > div {
  margin: 0; }

.page-machines-services .item-nr-1::before {
  background-image: url("../images/onze-services/Uw-automaat.png");
  left: 33%; }

.page-machines-services .item-nr-2::before {
  background-image: url("../images/onze-services/Eenvoudig.png");
  left: 35%; }

.page-machines-services .item-nr-3::before {
  background-image: url("../images/onze-services/Gegarandeerd.png");
  left: 32%; }

.page-machines-services .item-nr-4::before {
  background-image: url("../images/onze-services/Levering.png");
  left: 34%; }

.page-machines-services .item-nr-5::before {
  background-image: url("../images/onze-services/Jaarlijks.png");
  left: 35%; }

.page-machines-services .item-nr-6::before {
  background-image: url("../images/onze-services/Op-uw-verzoek.png");
  left: 35%; }

.page-machines-services [class*="item-nr-"] {
  overflow: hidden;
  margin: 45px 0px 35px 0px; }
  .page-machines-services [class*="item-nr-"]::before {
    position: absolute;
    content: "";
    width: 25%;
    display: block;
    max-width: 100%;
    height: 60%;
    top: 5%;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat; }
  .page-machines-services [class*="item-nr-"] p {
    text-align: center; }

.page-machines-services .small-paragraph-text {
  border-left: none;
  text-align: center; }

.page-machines-services .paragraph--type--header-left-collapsable-options h2.red-txt {
  margin-top: 5%; }

.page-machines-services .col-xs-12.col-sm-8.options-column.border-bottom {
  border-bottom: none; }

@media only screen and (max-width: 767px) {
  .page-machines-services .paragraph--type--header-left-collapsable-options h2.red-txt {
    text-align: center; } }

/** Machines-services  page section Onze services end **/
/** Over ons page start **/
.full-width-over-ons {
  display: none; }

.page-over-ons section.paragraph.paragraph--type--full-page-image.paragraph--view-mode--default.container-fluid.full-width-section.white-bg.in-view {
  background-image: url(images/svg/Red_Grid_small.svg);
  background-repeat: no-repeat;
  /*background-position: center*/
  /*background-size: cover*/
  z-index: 1;
  margin-top: -52px;
  z-index: 1; }

.page-over-ons section#paragraph-89 {
  z-index: 2;
  margin-top: 0%; }
  .page-over-ons section#paragraph-89 .section-inner {
    padding-top: 0; }

.page-over-ons section.paragraph.paragraph--type--full-page-image.paragraph--view-mode--default.container-fluid.full-width-section.white-bg.in-view .row {
  -webkit-transform: matrix(1, 0, 0, 1, 0, 90) !important;
  -ms-transform: matrix(1, 0, 0, 1, 0, 90) !important;
  transform: matrix(1, 0, 0, 1, 0, 90) !important; }

.page-over-ons .paragraph .fp-circle-overlay {
  position: relative;
  left: 50%;
  /*background: var(--color-zarazzo-red)*/
  background: none;
  background-image: url(images/svg/35-jaar.svg);
  background-repeat: no-repeat;
  /*width: 200px*/
  width: 40%;
  /*height: 200px*/
  text-align: center;
  line-height: 1.3em;
  color: var(--color-zarazzo-white);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 35px;
  z-index: 3; }

@media only screen and (min-width: 1441px) {
  .page-over-ons section.paragraph.paragraph--type--full-page-image.paragraph--view-mode--default.container-fluid.full-width-section.white-bg.in-view .row {
    padding-top: 10%; } }

@media only screen and (max-width: 1024px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    bottom: 50px;
    min-width: 280px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -100px; } }

@media only screen and (min-width: 1920px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    width: 640px;
    bottom: 188px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -5%; } }

@media only screen and (min-width: 1441px) and (max-width: 1535px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    width: 510px;
    bottom: 167px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -8%; } }

@media only screen and (min-width: 1536px) and (max-width: 1599px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    width: 560px;
    bottom: 182px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -8%; } }

@media only screen and (min-width: 1600px) and (max-width: 1680px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    width: 560px;
    bottom: 174px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -8%; } }

@media only screen and (min-width: 1681px) and (max-width: 1919px) {
  .page-over-ons .paragraph .fp-circle-overlay {
    width: 560px;
    bottom: 174px; }
  .page-over-ons section#paragraph-89 {
    margin-top: -8%; } }

.page-over-ons .paragraph .fp-circle-overlay .h2.white-txt {
  font-size: 3.5em; }

.page-over-ons .item-nr-1.de-beste-melanges-text::before {
  background-image: url("../images/over-ons/De-beste-melanges.png"); }

.page-over-ons .item-nr-2.persoonlijk-text::before {
  background-image: url("../images/over-ons/Persoonlijk.png"); }

.page-over-ons .item-nr-3.communicatie-text::before {
  background-image: url("../images/over-ons/Communicatie.png"); }

.page-over-ons .item-nr-4.maatwerk-text::before {
  background-image: url("../images/over-ons/Maatwerk.png"); }

.page-over-ons .item-nr-1.assortiment-text::before {
  background-image: url("../images/over-ons/Assortiment.png"); }

.page-over-ons .item-nr-2.kwaliteit-text::before {
  background-image: url("../images/over-ons/Kwaliteit.png"); }

.page-over-ons .item-nr-3.service-text::before {
  background-image: url("../images/over-ons/Service.png"); }

.page-over-ons .item-nr-4.vitaliteit-text::before {
  background-image: url("../images/over-ons/Vitaliteit.png"); }

.page-over-ons [class*="item-nr-"] {
  overflow: hidden;
  margin: 20% 0% 0% 0%; }
  .page-over-ons [class*="item-nr-"]::before {
    position: absolute;
    content: "";
    width: 20%;
    display: block;
    max-width: 100%;
    height: 60%;
    top: -5%;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat; }
  .page-over-ons [class*="item-nr-"] p {
    font-weight: 600; }

.page-over-ons .swiper-container[data-config-type="4"] .paragraph {
  padding-left: 30px;
  padding-right: 30px; }
  @media only screen and (max-width: 767px) {
    .page-over-ons .swiper-container[data-config-type="4"] .paragraph {
      padding-left: 0;
      padding-right: 0; }
      .page-over-ons .swiper-container[data-config-type="4"] .paragraph h1 {
        font-size: 1.85em;
        line-height: 1.85rem; } }

@media only screen and (min-width: 1441px) and (max-width: 1600px) {
  .page-vitaliteit section#paragraph-66 {
    /*padding-left: 50px*/
    padding-right: 50px; }
  .page-vitaliteit div#paragraph-114 {
    padding: 75px 70px; } }

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  .page-vitaliteit section#paragraph-66 .section-inner {
    padding-left: 0px;
    padding-right: 0px;
    width: 105%; } }

.page-vitaliteit .swiper__config_6 .swiper-controls, .page-thee .swiper__config_1 .swiper-controls {
  min-height: 28%; }

/** Over ons  page end **/
/** Duurzaamheid  page start **/
.page-duurzaamheid div#paragraph-106 {
  background-image: url(images/svg/black-pattern.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 1;
  padding: 20px 150px; }

@media only screen and (max-width: 767px) {
  .page-duurzaamheid div#paragraph-106 {
    padding: 40px 30px; }
    .page-duurzaamheid div#paragraph-106 h1 {
      font-size: 1.85em;
      line-height: 1.85rem; } }

.page-duurzaamheid [class*="item-nr-"] {
  overflow: hidden;
  margin: 20% 0% 0% 0%; }
  .page-duurzaamheid [class*="item-nr-"]::before {
    position: absolute;
    content: "";
    width: 20%;
    display: block;
    max-width: 100%;
    height: 60%;
    top: -5%;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat; }
  .page-duurzaamheid [class*="item-nr-"] p {
    font-weight: 600; }

.page-duurzaamheid .item-nr-1::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Klimaatneutraal.png"); }

.page-duurzaamheid .item-nr-2::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/LED-verlichting.png"); }

.page-duurzaamheid .item-nr-3::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Gescheiden-afval.png"); }

.page-duurzaamheid .item-nr-4::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Geen-plastics.png"); }

.page-duurzaamheid .item-nr-5::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Toner-recycling.png"); }

.page-duurzaamheid .item-nr-6::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Paperless-office.png"); }

.page-duurzaamheid .item-nr-7::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Elektrificering.png"); }

.page-duurzaamheid .item-nr-8::before {
  background-image: url("../images/duurzaamheid/onze-maatregelen/Efficienty.png"); }

.page-duurzaamheid .col-xs-12.col-sm-8.options-column.border-bottom {
  border-bottom: none; }

.page-duurzaamheid .col-xs-12.col-sm-8.options-column.border-bottom .row {
  margin-top: 5%; }

.page-duurzaamheid .item-nr-1.welzijn-text,
.page-duurzaamheid .item-nr-2.recyclen-text,
.page-duurzaamheid .item-nr-3.bewustwording-text {
  margin: 0%; }

.page-duurzaamheid .item-nr-1.welzijn-text::before,
.page-duurzaamheid .item-nr-2.recyclen-text::before,
.page-duurzaamheid .item-nr-3.bewustwording-text::before {
  position: absolute;
  content: "";
  width: 10%;
  display: block;
  max-width: 100%;
  height: 60%;
  top: -5%;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat; }

.page-duurzaamheid .item-nr-1.welzijn-text::before {
  background-image: url("../images/duurzaamheid/Welzijn-recylen/Welzijn.png");
  left: -15%; }

.page-duurzaamheid .item-nr-2.recyclen-text::before {
  background-image: url("../images/duurzaamheid/Welzijn-recylen/Recylen.png");
  left: -15%; }

.page-duurzaamheid .item-nr-3.bewustwording-text::before {
  background-image: url("../images/duurzaamheid/Welzijn-recylen/Bewustwording.png");
  left: -15%; }

.images {
  display: none; }

.page-duurzaamheid section#paragraph-107 .images {
  display: block; }
  .page-duurzaamheid section#paragraph-107 .images .dutch-marines {
    background-image: url("../images/duurzaamheid/partners-durzaamheid/dutch-marines.svg"); }
  .page-duurzaamheid section#paragraph-107 .images .roparun {
    background-image: url("../images/duurzaamheid/partners-durzaamheid/roparun.svg"); }
  .page-duurzaamheid section#paragraph-107 .images .duchenne-heroes {
    background-image: url("../images/duurzaamheid/partners-durzaamheid/duchenne-heroes.svg"); }
  .page-duurzaamheid section#paragraph-107 .images .global-compact {
    background-image: url("../images/duurzaamheid/partners-durzaamheid/global-compact.svg"); }
  .page-duurzaamheid section#paragraph-107 .images .dutch-marines,
  .page-duurzaamheid section#paragraph-107 .images .roparun,
  .page-duurzaamheid section#paragraph-107 .images .duchenne-heroes,
  .page-duurzaamheid section#paragraph-107 .images .global-compact {
    content: "";
    width: 20%;
    display: block;
    max-width: 100%;
    height: 100px;
    top: -5%;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
    float: left;
    margin: 0% 2% 0% 3%; }

.page-koffie section#paragraph-68 .section-inner {
  padding-top: 0px; }

.page-thee .paragraph .fp-circle-overlay {
  display: none; }

li.social-link.social-tw.circular-button {
  display: none; }

.page-machines-services div#paragraph-120 .slide-body.row.middle-xs {
  background-image: url(images/svg/black-pattern.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 100;
  padding: 2% 19% 2% 20%;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .page-machines-services div#paragraph-120 .slide-body.row.middle-xs {
      padding: 40px 30px; } }

.page-machines-services div#paragraph-120 .slide-body h1 {
  margin: 1em 0em; }

.page-machines-services .paragraph--type--quote .slide-body .quote.col-xs-12.txt-center {
  border-top: 2px solid var(--color-zarazzo-brown);
  border-bottom: 2px solid var(--color-zarazzo-brown); }

@media only screen and (min-width: 1440px) {
  .page-home div#paragraph-47 {
    width: 1440px !important;
    padding-left: 100px;
    padding-right: 100px; }
  .page-home div#paragraph-48 {
    width: 1440px !important;
    margin-left: -100px;
    padding-left: 88px;
    padding-right: 100px; } }

@media only screen and (max-width: 1366px) and (min-width: 1024px) {
  .page-home div#paragraph-47 {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 5%; }
  .page-home div#paragraph-48 {
    padding-left: 10px;
    padding-right: 10px; } }

@media only screen and (max-width: 1280px) {
  .page-home div#paragraph-47,
  .page-home div#paragraph-48 {
    /*width: 1024px !important*/
    margin-left: 1%; }
    .page-home div#paragraph-47 .slide-body h1,
    .page-home div#paragraph-48 .slide-body h1 {
      font-size: 1.75em;
      line-height: 1.75rem; }
  .page-home div#paragraph-48 .slide-body h1 {
    box-sizing: content-box; }
  .page-home div#paragraph-46 {
    width: 105%; } }

.page-koffie .swiper__config_6 .swiper-pagination li {
  width: 110%; }

.page-vitaliteit section#paragraph-237,
.page-vitaliteit section#paragraph-244 {
  z-index: -1;
  padding: 1px; }
  .page-vitaliteit section#paragraph-237 .section-inner,
  .page-vitaliteit section#paragraph-244 .section-inner {
    padding: 0;
    z-index: -2;
    height: 0; }

.page-vitaliteit section#paragraph-210 {
  margin-bottom: -110px; }
  .page-vitaliteit section#paragraph-210 .image-text-background-image {
    max-width: 35%; }

@media only screen and (max-height: 699px) {
  .page-vitaliteit section#paragraph-210 {
    margin-bottom: 50px; }
  .page-vitaliteit section#paragraph-139 {
    margin-top: 0; } }

@media only screen and (max-width: 767px) {
  .page-vitaliteit section#paragraph-210 {
    margin-bottom: 0; }
  .page-vitaliteit .swiper__config_6 .swiper-container {
    bottom: 0; } }

.page-vitaliteit div#paragraph-114 .slide-body {
  padding: 0 140px 30px 140px; }
  @media only screen and (max-width: 991px) {
    .page-vitaliteit div#paragraph-114 .slide-body {
      padding: 0; } }

.page-thee section#paragraph-238,
.page-thee section#paragraph-245 {
  z-index: -1; }
  .page-thee section#paragraph-238 .section-inner,
  .page-thee section#paragraph-245 .section-inner {
    height: 1px; }
  @media only screen and (max-width: 767px) {
    .page-thee section#paragraph-238,
    .page-thee section#paragraph-245 {
      display: none; } }

.page-thee section#paragraph-86 .section-inner {
  padding-bottom: 0; }

.page-vitaliteit div#paragraph-114 {
  height: 96vh; }
  @media only screen and (max-width: 991px) {
    .page-vitaliteit div#paragraph-114 {
      height: auto; } }

.page-thee section#paragraph-146 .thee-assortiment {
  padding: 0; }

.page-thee section#paragraph-86 .section-inner {
  padding-bottom: 0; }

.page-koffie section.paragraph.paragraph--type--page-intro-image.paragraph--view-mode--default.full_width_page_header.container-fluid.full-width-section.in-view {
  background-color: #F5F4F3; }

.page-koffie section.paragraph.paragraph--type--page-intro-image.paragraph--view-mode--default.full_width_page_header.container-fluid.full-width-section.in-view .section-inner .row.center-xs .title-overlay {
  background: transparent; }

.page-koffie #pre-content {
  background-color: #F5F4F3; }

@media only screen and (max-width: 767px) {
  .page-over-ons section.paragraph.paragraph--type--full-page-image.paragraph--view-mode--default.container-fluid.full-width-section.white-bg.in-view {
    background-size: auto 90px;
    background-position: top center;
    height: 250px; } }

@media only screen and (min-width: 1441px) {
  .page-koffie section#paragraph-154 .section-inner .row {
    padding-left: 10%;
    padding-right: 10%; }
  .page-machines-services section#paragraph-121 .section-inner .row .paragraph-body {
    padding-left: 18%;
    padding-right: 18%; } }

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
  .swiper__config_1 .slide-fw-button-text {
    visibility: hidden; }
  .swiper__config_6 .slide-fw-button-text {
    visibility: hidden; } }

@media only screen and (min-width: 1024px) {
  .page-thee .scroll-down-indicator {
    top: calc(92px + 100vh - 175px - 20vh - 40px); } }

.page-machines-services section#paragraph-206 .paragraph--type--slide-machines .machine-slide-body .button {
  pointer-events: all; }

.cart--cart-block .cart-block--summary__icon {
  display: inline-block;
  position: relative; }
  .cart--cart-block .cart-block--summary__icon .count-wrapper {
    position: absolute;
    border-radius: 50%;
    right: 0;
    top: 0;
    background: #6ca043;
    font-size: 14px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: white;
    text-align: center; }

/*
col-xs-12|1 column (phone)
col-xs-6|2 columns (phone)
col-xs-4|3 columns (phone)
col-xs-3|4 columns (phone)
col-xs-2|6 columns (phone)
col-sm-12|1 column (tablet)
col-sm-6|2 columns (tablet)
col-sm-4|3 columns (tablet)
col-sm-3|4 columns (tablet)
col-sm-2|6 columns (tablet)
col-md-12|1 column (desktop)
col-md-6|2 columns (desktop)
col-md-4|3 columns (desktop)
col-md-3|4 columns (desktop)
col-md-2|6 columns (desktop)
*/