@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@font-face {
  font-family: "fontello";
  src: url("../font/fontello/fontello.eot?30518248");
  src: url("../font/fontello/fontello.eot?30518248#iefix") format("embedded-opentype"), url("../font/fontello/fontello.woff2?30518248") format("woff2"), url("../font/fontello/fontello.woff?30518248") format("woff"), url("../font/fontello/fontello.ttf?30518248") format("truetype"), url("../font/fontello/fontello.svg?30518248#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello/fontello.svg?30518248#fontello') format('svg');
  }
}
*/
[class^=icon-]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-search:before {
  content: "";
}

/* '' */
.icon-checkbox_checked:before {
  content: "";
}

/* '' */
.icon-checkbox:before {
  content: "";
}

/* '' */
.icon-close:before {
  content: "";
}

/* '' */
.icon-menu:before {
  content: "";
}

/* '' */
.icon-twitter:before {
  content: "";
}

/* '' */
.icon-facebook:before {
  content: "";
}

/* '' */
.icon-linkedin:before {
  content: "";
}

/* '' */
.icon-angle-left:before {
  content: "";
}

/* '' */
.icon-angle-right:before {
  content: "";
}

/* '' */
.icon-youtube:before {
  content: "";
}

/* '' */
.icon-instagram:before {
  content: "";
}

/* '' */
.icon-pinterest:before {
  content: "";
}

/* '' */
/*centreren + overrides*/
#staart #block-block-9 .blokbuffer, #staart #staartbuffer, #enkels #enkelsbuffer, #lichaam #lichaambuffer, #hals #halsbuffer, #kop #kopbuffer, #achtergrond .region {
  width: 1366px;
  max-width: 1366px;
  margin: 0 auto;
}
@media only screen and (min-width: 0px) {
  #staart #block-block-9 .blokbuffer, #staart #staartbuffer, #enkels #enkelsbuffer, #lichaam #lichaambuffer, #hals #halsbuffer, #kop #kopbuffer, #achtergrond .region {
    width: 90%;
    max-width: 1366px;
  }
}
@media only screen and (max-width: 1366px) {
  #staart #block-block-9 .blokbuffer, #staart #staartbuffer, #enkels #enkelsbuffer, #lichaam #lichaambuffer, #hals #halsbuffer, #kop #kopbuffer, #achtergrond .region {
    width: 95%;
  }
}
@media only screen and (max-width: 1024px) {
  #staart #block-block-9 .blokbuffer, #staart #staartbuffer, #enkels #enkelsbuffer, #lichaam #lichaambuffer, #hals #halsbuffer, #kop #kopbuffer, #achtergrond .region {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #staart #block-block-9 .blokbuffer, #staart #staartbuffer, #enkels #enkelsbuffer, #lichaam #lichaambuffer, #hals #halsbuffer, #kop #kopbuffer, #achtergrond .region {
    width: 100%;
  }
}

.logged-in .tabs,
.page-user .tabs, .page-user #lichaam #middenkolom .bloklichaam {
  padding: 1.1111111111em 0.5555555556em 0.5555555556em 1.1111111111em;
}

#block-comment-block-node-comments .comment-wrapper .comment .comment-delete a,
#block-comment-block-node-comments .comment-wrapper .comment .comment-edit a,
#block-comment-block-node-comments .comment-wrapper .comment .comment-reply a, #block-views-comments-recent-block-1 .view-footer a, #filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active, .node-teler .node-teler.view-mode-search_result .group-right .field-name-field-gekoppelde-producten .field-item, .node-teler .node-teler.node-teaser .group-right .field-name-field-gekoppelde-producten .field-item, .node-recept .field-name-field-soort-gerecht .field-item, .node-nieuws.view-mode-search_result .field-name-post-date, .node-nieuws .node-nieuws.view-mode-miniteaser .field-name-post-date, .node-nieuws .field-name-post-date {
  color: #fff;
  font-size: 0.7777777778em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: #4e2683;
  padding: 0.1388888889em 0.5555555556em 0.1388888889em 0.5555555556em;
  display: inline-block;
  margin-bottom: 1em;
}

#staart #block-block-3 .bloklichaam a, #schouders .group-overlay .field-name-field-link a, .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-field-bestand a, .page-node .oww_button {
  padding: 0.5555555556em 1.1111111111em 0.5555555556em 1.1111111111em;
  margin: 0em 0em 1.1111111111em 0em;
  background: #4e2683;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #fff;
}
#staart #block-block-3 .bloklichaam a:hover, #schouders .group-overlay .field-name-field-link a:hover, .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-field-bestand a:hover, .page-node .oww_button:hover {
  background: #8990c2;
}

@media only screen and (max-width: 1024px) {
  .mobilemenuwrapper, #block-language-switcher-fallback-language-switcher-fallback.menuclone, #block-menu-block-1.menuclone {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .mobilemenuwrapper, #block-language-switcher-fallback-language-switcher-fallback.menuclone, #block-menu-block-1.menuclone {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  #block-language-switcher-fallback-language-switcher-fallback, #block-menu-block-1 {
    display: none;
  }
}
@media only screen and (min-width: 1025px) {
  #block-language-switcher-fallback-language-switcher-fallback, #block-menu-block-1 {
    display: block;
  }
}

/* =============================================================================
 *   HTML ELEMENTS
 * ========================================================================== */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

body {
  background: #8990c2;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #534741;
  font-size: 18px;
  /*actually set base font-size*/
  line-height: 160%;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

img {
  max-width: 100%;
  height: auto !important;
  /*overrides inline element style*/
}

h1 {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  color: #fff;
  font-size: 2.6666666667em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.7777777778em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word;
  }
}

h2, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  color: inherit;
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  h2, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above {
    font-size: 1.2222222222em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
    word-wrap: break-word;
  }
}

.blokkop h2, .blokkop .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .blokkop .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}

h3 {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  color: inherit;
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  h3 {
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
    word-wrap: break-word;
  }
}

h4 {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  color: inherit;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  h4 {
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
    word-wrap: break-word;
  }
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 140%;
}

p.oww_small {
  font-size: 80%;
  line-height: 140%;
}

b,
strong {
  font-weight: 600;
}

hr {
  border: 0px none transparent;
  border-bottom: 2px solid #534741;
  margin: 2em 0;
}

table {
  width: 100%;
}
table tbody {
  border: 0;
}

blockquote, .page-node .oww_quote {
  font-size: 1.4444444444em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
}
.field-name-field-vrije-tekst blockquote, .field-name-field-vrije-tekst .page-node .oww_quote, .page-node .field-name-field-vrije-tekst .oww_quote {
  font-size: 1.2222222222em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #4e2683;
}

blockquote cite, .page-node .oww_quote cite {
  font-style: italic;
  font-size: 16px;
  opacity: 0.8;
}

pre {
  white-space: normal;
}

ul ul {
  margin-bottom: 0;
  padding-top: 0;
}

ul li.leaf {
  list-style-image: none;
  list-style-type: disc;
}

fieldset {
  border: 0;
  background: rgba(83, 71, 65, 0.4);
  margin-bottom: 2em;
}
fieldset label {
  font-weight: 400;
}
fieldset legend {
  font-size: 120%;
  margin-bottom: -1.5em;
  padding-bottom: 2em;
}

label,
legend {
  font-weight: 600;
}

input[type=text],
input[type=password],
input[type=email],
textarea {
  width: 100%;
  padding: 0 5px;
  background: #fff;
  border: 0;
  border: 1px solid #d8d8d8;
  padding: 0.5em 1em;
  line-height: 180%;
  font-size: 0.7777777778em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #534741;
}

textarea {
  padding: 5px;
  height: 100px;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*remove chrome's yellow prefill*/
input[type=submit] {
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  background: transparent;
  text-align: center;
  display: block;
  line-height: 160%;
  margin: 2em auto;
  padding: 0.5em 2em;
  background: #4e2683;
  border: 0;
}
input[type=submit]:hover {
  color: #fff;
  background: #8990c2;
}

select {
  height: 30px;
  padding: 0 5px;
  border: 0;
  background: #fff;
  font-size: 0.875em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #000000;
}

div.messages {
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 2px solid;
  margin: 6px 0 25px;
  padding: 10px 10px 10px 50px;
}
div.messages.status {
  background-color: #80F85B;
  border: 0;
}
div.messages a {
  text-decoration: underline;
}

div.error {
  background-color: #ff0000;
  color: #fff;
  background-image: url(../images/cross.png);
  border-color: #ff0000;
}

div.warning {
  position: relative;
  background-color: #fee5aa;
  background-image: none;
  color: #000000;
  border-color: #fdc745;
}

::selection {
  background: #8990c2;
  color: #FFF;
}

::-webkit-input-placeholder {
  color: #d8d8d8;
}

::-moz-placeholder {
  color: #d8d8d8;
}

::-ms-placeholder {
  color: #d8d8d8;
}

::placeholder {
  color: #d8d8d8;
}

.translation-link {
  display: none;
}

.breadcrumb {
  display: none;
}

/* =============================================================================
 *   LINKSTIJLEN
 * ========================================================================== */
a,
a:link,
a.active {
  transition: none 0.3s;
  transition-property: box-shadow, color, background-color, border, font, line-height, opacity, text-decoration-color, text-shadow, transform;
  color: inherit;
  text-decoration: underline;
}

a:visited {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

/* =============================================================================
 *   STRUCTUUR
 * ========================================================================== */
#pagina {
  min-width: 320px;
}

#kop {
  overflow: hidden;
  margin-bottom: -25em;
  min-height: 31em;
}
#kop #kopbuffer {
  position: relative;
}

#hals {
  clear: both;
  pointer-events: none;
}
#lichaam #lichaambuffer {
  background: #d4c0a8;
  background: #d4c0a8 url("../images/bg.jpg") repeat;
}
#lichaam #lichaambuffer #linkerkolom {
  width: auto;
}
#lichaam #lichaambuffer #rechterkolom {
  width: 39.31%;
  float: none;
}
#lichaam #lichaambuffer #rechterkolom #rechterkolombuffer {
  padding: 2.2222222222em 2.7777777778em 2.2222222222em 1.1111111111em;
}
@media only screen and (max-width: 768px) {
  #lichaam #lichaambuffer #rechterkolom #rechterkolombuffer {
    padding: 2.2222222222em 2.7777777778em 2.2222222222em 2.7777777778em;
  }
}
@media only screen and (max-width: 768px) {
  #lichaam #lichaambuffer #rechterkolom #rechterkolombuffer {
    margin-top: 0;
  }
}
#lichaam #lichaambuffer #rechterkolom #rechterkolombuffer #regio-lo {
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  #lichaam #lichaambuffer #rechterkolom {
    width: 100%;
    clear: both;
    overflow: visible;
  }
}
#lichaam #lichaambuffer #middenkolom {
  width: 60.69%;
  min-height: 300px;
  overflow: visible;
}
#lichaam #lichaambuffer #middenkolom #middenkolombuffer {
  padding: 2.2222222222em 1.1111111111em 2.2222222222em 2.7777777778em;
}
@media only screen and (max-width: 768px) {
  #lichaam #lichaambuffer #middenkolom #middenkolombuffer {
    padding: 2.2222222222em 2.7777777778em 2.2222222222em 2.7777777778em;
  }
}
#lichaam #lichaambuffer #middenkolom #middenkolombuffer #regio-lz {
  display: block;
}
#lichaam #lichaambuffer #middenkolom #middenkolombuffer #regio-l {
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  #lichaam #lichaambuffer #middenkolom {
    width: 100%;
    clear: both;
  }
}
#lichaam #lichaambuffer #bekken #bekkenbuffer {
  margin: 2.2222222222em 2.2222222222em 2.2222222222em 2.2222222222em;
}

#staart #staartbuffer {
  background: #4e2683;
  padding: 1.6666666667em 2.7777777778em 1.6666666667em 2.7777777778em;
  display: block;
  overflow: hidden;
}
#staart #staartbuffer p {
  color: #fff;
  line-height: 190%;
}
#staart #staartbuffer a {
  color: #fff;
}
#staart #staartbuffer h2, #staart #staartbuffer .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #staart #staartbuffer .label-above {
  color: #fff;
}

#block-menu-block-1 {
  float: right;
  width: 86.4%;
  width: calc(100% - 162px);
}
@media only screen and (min-width: 1025px) and (max-width: 1260px) {
  #block-menu-block-1 {
    width: calc(100% - 140px);
  }
}
#block-menu-block-1 .bloklichaam {
  float: right;
}
#block-menu-block-1 .bloklichaam ul {
  list-style: none;
  position: relative;
  text-align: right;
  margin: 0;
  padding: 0;
}
#block-menu-block-1 .bloklichaam ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-menu-block-1 .bloklichaam ul li.active-trail {
  background: #604696;
}
#block-menu-block-1 .bloklichaam ul li:hover {
  background: #4e2683;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-menu-block-1 .bloklichaam ul li:hover > ul {
  display: block;
  opacity: 1;
  z-index: 800;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-menu-block-1 .bloklichaam ul li.leaf.menu-mlid-672:hover, #block-menu-block-1 .bloklichaam ul li.leaf.menu-mlid-672.active-trail {
  background: none;
}
#block-menu-block-1 .bloklichaam ul li.leaf.menu-mlid-672 a {
  visibility: hidden;
  font-size: 0;
  color: #8990c2;
  padding: 5px 0 5px 5px;
}
#block-menu-block-1 .bloklichaam ul li.leaf.menu-mlid-672 a:before {
  visibility: visible;
  font-size: 16px;
  color: #fff;
}
#block-menu-block-1 .bloklichaam ul a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  display: block;
  padding: 0 14px;
}
@media only screen and (min-width: 1260px) and (max-width: 1400px) {
  #block-menu-block-1 .bloklichaam ul a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1260px) {
  #block-menu-block-1 .bloklichaam ul a {
    font-size: 0.7222222222em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 0 10px;
  }
}
#block-menu-block-1 .bloklichaam ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #4e2683;
  padding: 0;
  opacity: 0;
  transition: opacity linear 0.15s;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-menu-block-1 .bloklichaam ul ul li {
  float: none;
  width: 210px;
  text-align: left;
}
#block-menu-block-1 .bloklichaam ul ul li:hover {
  background: #66509c;
}
#block-menu-block-1 .bloklichaam ul ul a {
  line-height: 120%;
  padding: 10px 15px;
  font-size: 16px;
  text-transform: none;
}
#block-menu-block-1 .bloklichaam ul ul ul {
  top: 0;
  left: 100%;
}
#block-menu-block-1.menuclone {
  float: right;
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  padding: 10% 40px 5% 0;
}
#block-menu-block-1.menuclone .bloklichaam {
  float: none;
}
#block-menu-block-1.menuclone .bloklichaam ul {
  text-align: center;
}
#block-menu-block-1.menuclone .bloklichaam ul li {
  margin-bottom: 10px;
  display: block;
}
#block-menu-block-1.menuclone .bloklichaam ul li.active-trail {
  background: none;
}
#block-menu-block-1.menuclone .bloklichaam ul li.active-trail > a {
  background: #604696;
}
#block-menu-block-1.menuclone .bloklichaam ul li:hover {
  background: none;
}
#block-menu-block-1.menuclone .bloklichaam ul li:hover > a {
  background: #66509c;
}
#block-menu-block-1.menuclone .bloklichaam ul li:hover > ul {
  display: block;
  opacity: 1;
  z-index: 100;
}
#block-menu-block-1.menuclone .bloklichaam ul a {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  margin: 3px;
}
#block-menu-block-1.menuclone .bloklichaam ul ul {
  display: block;
  position: static;
  top: 100%;
  left: 0;
  opacity: 1;
  box-shadow: none;
}
#block-menu-block-1.menuclone .bloklichaam ul ul li {
  float: none;
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}
#block-menu-block-1.menuclone .bloklichaam ul ul li:hover {
  background: none;
}
#block-menu-block-1.menuclone .bloklichaam ul ul li:hover > a {
  background: #66509c;
}
#block-menu-block-1.menuclone .bloklichaam ul ul a {
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 5px 10px;
}
#block-language-switcher-fallback-language-switcher-fallback ul {
  float: right;
}
#block-language-switcher-fallback-language-switcher-fallback ul li {
  float: left;
  margin-left: 1em;
  list-style: none;
}
#block-language-switcher-fallback-language-switcher-fallback ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 0.7777777778em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (min-width: 1025px) and (max-width: 1260px) {
  #block-language-switcher-fallback-language-switcher-fallback ul li a {
    font-size: 0.7222222222em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
#block-language-switcher-fallback-language-switcher-fallback ul li a.active {
  text-decoration: underline;
}
#block-language-switcher-fallback-language-switcher-fallback ul li:hover a {
  text-decoration: underline;
}
#block-language-switcher-fallback-language-switcher-fallback.menuclone {
  padding: 0 40px 0 0;
}
#block-language-switcher-fallback-language-switcher-fallback.menuclone ul {
  text-align: center;
  position: relative;
  width: 135px;
  right: 41%;
  right: calc(50% - 135px/2);
}

#block-menu-menu-tabmenu {
  overflow: hidden;
  border-bottom: 10px solid #7166a9;
}
.node-type-homepage #block-menu-menu-tabmenu {
  border-bottom: 10px solid #4e2683;
}

#block-menu-menu-tabmenu ul.menu {
  float: right;
  margin: 0;
  pointer-events: all;
}
#block-menu-menu-tabmenu ul.menu li {
  float: left;
  list-style: none;
  margin-left: 0.5em;
  padding: 0;
}
#block-menu-menu-tabmenu ul.menu li a {
  color: #fff;
  background: rgba(78, 38, 131, 0.4);
  display: block;
  text-transform: lowercase;
  padding: 0.2777777778em 0.6944444444em 0.2777777778em 0.6944444444em;
  font-size: 1.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
}
#block-menu-menu-tabmenu ul.menu li a.active, #block-menu-menu-tabmenu ul.menu li a:hover {
  background: #4e2683;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #block-menu-menu-tabmenu ul.menu li a {
    font-size: 1.2222222222em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}

#block-menu-block-2 {
  margin-bottom: 0.5555555556em;
}
#block-menu-block-2 .bloklichaam ul.menu li {
  margin: 0;
  padding: 0;
  display: block;
  overflow: hidden;
}
#block-menu-block-2 .bloklichaam ul.menu li a {
  display: block;
  position: relative;
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#block-menu-block-2 .bloklichaam ul.menu li a.active, #block-menu-block-2 .bloklichaam ul.menu li a.active-trail, #block-menu-block-2 .bloklichaam ul.menu li a:hover {
  text-decoration: underline;
}
#block-menu-block-2 .bloklichaam ul.menu li a + ul > li > a {
  padding-left: 1em;
}
#block-menu-block-2 .bloklichaam ul.menu li a + ul > li > a + ul > li > a {
  padding-left: 2em;
}
#block-menu-block-2 .bloklichaam ul.menu li a + ul > li > a + ul > li > a + ul > li > a {
  padding-left: 3em;
}

.mobilemenuwrapper {
  clear: both;
  float: left;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%) translateX(-40px);
  -ms-transform: translateX(100%) translateX(-40px);
  transform: translateX(100%) translateX(-40px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}
.menuOpen .mobilemenuwrapper {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  background: #4e2683;
}

.mobilemenuwrapper .mobilemenu {
  width: 85%;
  width: calc(100% - 40px);
  float: left;
  background: #4e2683;
  height: 100vh;
}
.mobilemenuwrapper .mobiletogglewrapper {
  width: 40px;
  float: left;
}
.mobilemenuwrapper .mobiletogglewrapper .mobiletoggle {
  width: 40px;
  height: 40px;
  background: #4e2683;
  color: white;
  padding: 7px 6px;
  cursor: pointer;
  z-index: 999;
  font-size: 18px;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .mobilemenuwrapper .mobiletogglewrapper .mobiletoggle {
    font-size: 1.1875em;
  }
}
@media only screen and (max-width: 768px) {
  .mobilemenuwrapper .mobiletogglewrapper .mobiletoggle {
    font-size: 1.5em;
  }
}

/* =============================================================================
 *   NODE
 * ========================================================================== */
.page-user #lichaam #middenkolom {
  min-height: 1200px;
}
.page-node .field-name-field-vrije-tekst {
  clear: both;
}
.page-node .field-name-field-vrije-tekst .field-item {
  margin: 0em 0em 2.2222222222em 0em;
  background: rgba(255, 255, 255, 0.4);
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
.page-node .field-name-field-vrije-tekst .field-item > h2, .page-node .field-name-field-vrije-tekst .node-product.node-teaser .group-right .field-name-field--more-teasertekst .field-item > .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .page-node .field-name-field-vrije-tekst .field-item > .label-above {
  text-transform: uppercase;
}
.page-node .oww_bijschrift {
  font-size: 80%;
  text-align: right;
  color: #fff;
}
.page-node .oww_afzender {
  font-size: 120%;
  color: #fff;
  font-weight: bold;
  text-align: right;
}
.page-node .oww_button {
  margin-bottom: 1em;
  display: inline-block;
}

.node-pagina.node-teaser {
  margin-bottom: 3em;
}
.node-pagina.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
.node-pagina.view-mode-search_result:hover {
  background: rgba(76, 58, 46, 0.3);
}
.node-pagina.view-mode-search_result .field-name-title {
  color: #fff;
}
.node-pagina.view-mode-search_result .field-name-body {
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

.node-lijst.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-lijst.view-mode-search_result:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-lijst.view-mode-search_result.ds-2col-fluid > .group-left {
  width: 230px;
}
@media only screen and (max-width: 640px) {
  .node-lijst.view-mode-search_result.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
  .node-lijst.view-mode-search_result.ds-2col-fluid > .group-left img {
    width: 100%;
  }
}
.node-lijst.view-mode-search_result.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.4);
  width: 80%;
  width: calc(100% - 230px);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
@media only screen and (max-width: 640px) {
  .node-lijst.view-mode-search_result.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
  }
}
.node-lijst.view-mode-search_result.ds-2col-fluid.group-one-column > .group-right {
  width: 100%;
}
.node-nieuws.view-mode-full .field-name-body {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 2.2222222222em 0em 2.2222222222em 0em;
}
.node-nieuws.view-mode-search_result, .node-nieuws.node-teaser {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-nieuws.view-mode-search_result:hover.ds-2col-fluid > .group-left,
.node-nieuws.view-mode-search_result:hover.ds-2col-fluid > .group-right, .node-nieuws.node-teaser:hover.ds-2col-fluid > .group-left,
.node-nieuws.node-teaser:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-nieuws.ds-2col-fluid > .group-left {
  width: 230px;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
@media only screen and (max-width: 640px) {
  .node-nieuws.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
  .node-nieuws.ds-2col-fluid > .group-left img {
    width: 100%;
  }
}
.node-nieuws.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.4);
  width: 80%;
  width: calc(100% - 230px);
  padding: 1.1111111111em 1.6666666667em 0.8333333333em 0em;
}
@media only screen and (max-width: 640px) {
  .node-nieuws.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
    padding: 1.1111111111em 1.6666666667em 0.8333333333em 1.6666666667em;
  }
}
.node-nieuws.ds-2col-fluid.group-one-column > .group-right {
  width: 100%;
}
.node-nieuws .field-name-field-thumbnail img {
  display: block;
}
.node-nieuws .field-name-title h2, .node-nieuws .field-name-title .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .node-nieuws .field-name-title .label-above {
  color: #fff;
  margin-bottom: 0.3em;
}
.node-nieuws .field-name-body {
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}
.node-nieuws .node-nieuws.view-mode-miniteaser {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-nieuws .node-nieuws.view-mode-miniteaser:hover.ds-2col-fluid > .group-left,
.node-nieuws .node-nieuws.view-mode-miniteaser:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left {
  width: 150px;
  padding: 0;
}
.node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left img {
  width: 100%;
}
@media only screen and (min-width: 900px) and (max-width: 1190px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left {
    width: 110px;
    padding: 0.5555555556em 0.5555555556em 0.5555555556em 0.5555555556em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
}
@media only screen and (min-width: 501px) and (max-width: 768px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left {
    width: 150px;
  }
}
@media only screen and (max-width: 500px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
}
.node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-right {
  width: 80%;
  width: calc(100% - 150px);
  padding: 1.1111111111em 1.6666666667em 0.8333333333em 1.6666666667em;
  clear: none;
}
@media only screen and (min-width: 900px) and (max-width: 1190px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-right {
    width: calc(100% - 110px);
    padding: 0.5555555556em 1.6666666667em 0.8333333333em 0.2777777778em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
  }
}
@media only screen and (min-width: 500px) and (max-width: 768px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-right {
    width: calc(100% - 150px);
  }
}
@media only screen and (max-width: 500px) {
  .node-nieuws .node-nieuws.view-mode-miniteaser.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
  }
}
.node-nieuws .node-nieuws.view-mode-miniteaser .field-name-title h2, .node-nieuws .node-nieuws.view-mode-miniteaser .field-name-title .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .node-nieuws .node-nieuws.view-mode-miniteaser .field-name-title .label-above {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 1em;
}
.node-nieuws .node-nieuws.view-mode-miniteaser .field-name-post-date {
  margin-bottom: 0.25em;
}
.node-nieuws.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-nieuws.view-mode-search_result:hover.ds-2col-fluid > .group-left,
.node-nieuws.view-mode-search_result:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-nieuws.view-mode-mini {
  color: #fff;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
  margin: 0em 0em 1.1111111111em 0em;
  display: block;
}
.node-nieuws.view-mode-mini:hover {
  background: rgba(76, 58, 46, 0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}
.node-nieuws.view-mode-mini .field-name-title h3 {
  margin: 0;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.node-type-recept #middenkolom .field-name-field-gekoppelde-producten {
  margin: 2.2222222222em 0em 2.2222222222em 0em;
  clear: both;
}
.node-type-recept #middenkolom .field-name-field-gekoppelde-producten .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
.node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item {
  width: 30.6666666667%;
  float: left;
}
.node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(n) {
  margin-right: 4%;
}
.node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(3n) {
  margin-right: 0;
}
.node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(3n+1) {
  clear: left;
}
@media only screen and (max-width: 480px) {
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item {
    width: 47%;
    float: left;
  }
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(3n) {
    margin-right: inherit;
  }
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(3n+1) {
    clear: inherit;
  }
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(n) {
    margin-right: 6%;
  }
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(2n) {
    margin-right: 0;
  }
  .node-type-recept #middenkolom .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(2n+1) {
    clear: left;
  }
}
.node-type-recept #rechterkolom .lichaam .field-name-field-vrije-tekst tr td:first-child {
  min-width: 135px;
  text-align: right;
  padding-right: 0.5em;
  border-right: 1px solid #cdb9ac;
}
.node-type-recept #rechterkolom .lichaam .field-name-field-vrije-tekst tr td:nth-child(2) {
  padding-left: 0.5em;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret {
  margin: 0em 0em 2.2222222222em 0em;
  clear: both;
  overflow: hidden;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret img {
  width: 47%;
  float: left;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret img:nth-child(n) {
  margin-right: 6%;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret img:nth-child(2n) {
  margin-right: 0;
}
.node-type-recept #rechterkolom .lichaam > .field-name-field-portret img:nth-child(2n+1) {
  clear: left;
}
.node-type-recept #rechterkolom .lichaam .field-name-field-gekoppelde-telers {
  clear: both;
}
.node-type-recept #rechterkolom .lichaam .field-name-field-gekoppelde-telers .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}

.node-recept .field-name-field-soort-gerecht .field-item {
  margin-right: 1em;
}
.node-recept.view-mode-full .field-name-body {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 2.2222222222em 0em 2.2222222222em 0em;
}
.node-recept.node-teaser {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-recept.node-teaser:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-recept.node-teaser.ds-2col-fluid > .group-left {
  width: 230px;
}
@media only screen and (max-width: 640px) {
  .node-recept.node-teaser.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
  .node-recept.node-teaser.ds-2col-fluid > .group-left img {
    width: 100%;
  }
}
.node-recept.node-teaser.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.4);
  width: 80%;
  width: calc(100% - 230px);
  padding: 1.1111111111em 1.6666666667em 0.8333333333em 1.6666666667em;
}
@media only screen and (max-width: 640px) {
  .node-recept.node-teaser.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
  }
}
.node-recept.node-teaser.ds-2col-fluid.group-one-column > .group-right {
  width: 100%;
}
.node-recept.node-teaser .field-name-field-thumbnail img {
  display: block;
}
.node-recept.node-teaser .field-name-title h2, .node-recept.node-teaser .field-name-title .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .node-recept.node-teaser .field-name-title .label-above {
  color: #fff;
  margin-bottom: 0.3em;
}
.node-recept.node-teaser .field-name-body {
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}
.node-recept.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-recept.view-mode-search_result:hover.ds-2col-fluid > .group-right {
  background: rgba(252, 184, 19, 0.3);
}
.node-recept.view-mode-mini {
  display: block;
  margin-bottom: -7px;
  overflow: hidden;
}
.node-recept.view-mode-mini .group-left {
  width: 47%;
  margin-right: 3%;
}
.node-recept.view-mode-mini .group-right {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .node-recept.view-mode-mini .group-right {
    margin-top: 0;
  }
}
.node-recept.view-mode-mini .group-right a {
  text-decoration: none;
}

.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam > .field-name-field-thumbnail {
  background: rgba(76, 58, 46, 0.4);
  margin: 0em 0em 1.6666666667em 0em;
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam > .field-name-field-thumbnail img {
  display: block;
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam > .field-name-field-thumbnail:hover {
  background: rgba(76, 58, 46, 0.3);
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam .field-name-field-gekoppelde-telers {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam .field-name-field-gekoppelde-telers .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam .field-name-field-gekoppelde-recepten {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-type-product #rechterkolom #block-ds-extras-product-zijbalk .lichaam .field-name-field-gekoppelde-recepten .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}

.node-product.node-teaser {
  padding: 0em 0em 2.2222222222em 0em;
}
.node-product.node-teaser a {
  color: #fff;
}
.node-product.node-teaser p {
  color: #fff;
}
.node-product.node-teaser .group-left {
  background: #8990c2;
  min-height: 100px;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .node-product.node-teaser .group-left {
    min-height: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  .node-product.node-teaser .group-left {
    min-height: 154px;
  }
}
@media only screen and (min-width: 1366px) {
  .node-product.node-teaser .group-left {
    min-height: 170px;
  }
}
@media only screen and (min-width: 1550px) {
  .node-product.node-teaser .group-left {
    min-height: 190px;
  }
}
.node-product.node-teaser .group-left .field-name-field-thumbnail a {
  overflow: hidden;
}
.node-product.node-teaser .group-left .field-name-field-thumbnail a img {
  display: block;
}
.node-product.node-teaser .group-middle {
  background: #8990c2;
  padding: 0.5555555556em 0.5555555556em 0.5555555556em 0.5555555556em;
}
.node-product.node-teaser .group-middle .field-name-title {
  text-align: right;
  color: #fff;
}
.node-product.node-teaser .group-middle .field-name-body {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .node-product.node-teaser .group-middle {
    width: 75%;
  }
}
.node-product.node-teaser .group-right {
  background: #4e2683;
  color: #fff;
  padding: 0.5555555556em 0.5555555556em 0.5555555556em 0.5555555556em;
}
.node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above {
  color: #fff;
}
@media only screen and (max-width: 640px) {
  .node-product.node-teaser .group-right {
    display: none;
  }
}
.node-product.view-mode-search_result {
  padding: 0em 0em 2.2222222222em 0em;
}
.node-product.view-mode-search_result a {
  color: #fff;
}
.node-product.view-mode-search_result p {
  color: #fff;
}
.node-product.view-mode-search_result .group-left {
  background: #8990c2;
  min-height: 100px;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .node-product.view-mode-search_result .group-left {
    min-height: 130px;
  }
}
@media only screen and (min-width: 1200px) {
  .node-product.view-mode-search_result .group-left {
    min-height: 154px;
  }
}
@media only screen and (min-width: 1366px) {
  .node-product.view-mode-search_result .group-left {
    min-height: 170px;
  }
}
@media only screen and (min-width: 1550px) {
  .node-product.view-mode-search_result .group-left {
    min-height: 190px;
  }
}
.node-product.view-mode-search_result .group-left .field-name-field-thumbnail a {
  overflow: hidden;
}
.node-product.view-mode-search_result .group-left .field-name-field-thumbnail a img {
  display: block;
}
.node-product.view-mode-mini .field-name-field-thumbnail {
  background: rgba(76, 58, 46, 0.4);
  margin: 0em 0em 1.6666666667em 0em;
}
.node-product.view-mode-mini .field-name-field-thumbnail img {
  display: block;
}
.node-product.view-mode-mini .field-name-field-thumbnail:hover {
  background: rgba(76, 58, 46, 0.3);
}

.node-type-bloem #lichaam {
  overflow: visible;
}
@media only screen and (min-width: 769px) and (max-width: 1500px) {
  .node-type-bloem #lichaam #lichaambuffer {
    min-height: 1650px;
  }
}

.node-bloem.node-teaser {
  margin-bottom: 3em;
}
.node-bloem.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
.node-bloem.view-mode-search_result:hover {
  background: rgba(76, 58, 46, 0.3);
}
.node-bloem.view-mode-search_result .field-name-title {
  color: #fff;
}
.node-bloem.view-mode-search_result .field-name-body {
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

.field-type-paragraphs .paragraphs-item-interview .field-name-field-titel {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0em 0em 0.5555555556em 0em;
}
.field-type-paragraphs .paragraphs-item-interview .field-name-field-vraag-antwoord .field-items > .field-item {
  border-left: 8px solid rgba(78, 38, 131, 0.3);
  padding: 0em 0em 0em 1.1111111111em;
  margin: 0em 0em 1.6666666667em 0em;
}
.field-type-paragraphs .paragraphs-item-campagne {
  margin: 0em 0em 2.7777777778em 0em;
}
.field-type-paragraphs .paragraphs-item-campagne img {
  display: block;
}
.field-type-paragraphs .paragraphs-item-foto-quote {
  margin-bottom: 2em;
  overflow: hidden;
}
.field-type-paragraphs .paragraphs-item-foto-quote .content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 680px) {
  .field-type-paragraphs .paragraphs-item-foto-quote .content {
    flex-direction: column;
  }
}
.field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-afbeelding {
  width: 60%;
  float: left;
}
@media only screen and (max-width: 680px) {
  .field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-afbeelding {
    width: 100%;
  }
}
.field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-afbeelding img {
  vertical-align: bottom;
  width: 100%;
}
.field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-quote {
  width: 60%;
  float: left;
  margin-left: -20%;
  margin-top: 3em;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
  background: #8990c2;
  color: #fff;
  position: relative;
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 680px) {
  .field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-quote {
    width: 100%;
    margin: 0;
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
.field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-quote .field-item {
  text-indent: 60px;
}
.field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-quote .field-item:before {
  content: "“";
  font-size: 9em;
  left: -0.22em;
  top: 0.25em;
  position: absolute;
  display: block;
}
@media only screen and (max-width: 680px) {
  .field-type-paragraphs .paragraphs-item-foto-quote .field-name-field-quote .field-item:before {
    left: -0.3em;
  }
}

.node-type-teler #middenkolom h1.title {
  font-size: 2.6666666667em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0em 0em 0em 0em;
  color: #fff;
}
.node-type-teler #rechterkolom #block-block-5 {
  background: rgba(76, 58, 46, 0.4);
  overflow: hidden;
  padding: 1em;
}
.node-type-teler #rechterkolom #block-block-5 .blokkop h2, .node-type-teler #rechterkolom #block-block-5 .blokkop .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .node-type-teler #rechterkolom #block-block-5 .blokkop .label-above {
  margin-bottom: 0 !important;
}
.node-type-teler #rechterkolom #block-block-5 #animation_container {
  max-width: 100%;
}
.node-type-teler #rechterkolom #block-block-5 p {
  margin: 1em 0 0 0;
  text-align: center;
}
.node-type-teler #rechterkolom #block-block-5 .bloemlink {
  background: #4e2683;
  color: #fff;
  padding: 6px 1em;
  text-decoration: none;
}
.node-type-teler #rechterkolom .lichaam > .field-name-field-portret {
  margin: 0em 0em 1.1111111111em 0em;
  clear: both;
  overflow: hidden;
}
.node-type-teler #rechterkolom .lichaam .field-name-true-cost {
  margin: -1.1111111111em 0em 2.2222222222em 0em;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-producten .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-producten > .field-items > .field-item {
  width: 47%;
  float: left;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(n) {
  margin-right: 6%;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(2n) {
  margin-right: 0;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-producten > .field-items > .field-item:nth-child(2n+1) {
  clear: left;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-recepten {
  float: left;
  /* bka 8-8-2017 */
  margin: 0em 0em 2.2222222222em 0em;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-gekoppelde-recepten .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
.node-type-teler #rechterkolom .lichaam .field-name-field-locatie {
  display: none;
}
.node-type-teler .field-name-slideshow-cont {
  position: absolute;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
.node-type-teler .field-name-slideshow-cont .cycle-pag {
  width: 100%;
  text-align: center;
  bottom: 20px;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-size: 200%;
}
.node-type-teler .field-name-slideshow-cont .cycle-pag .cycle-pager-active {
  color: #fff;
}
.node-type-teler .field-name-slideshow-cont .cycle-p, .node-type-teler .field-name-slideshow-cont .cycle-n {
  width: 40px;
  height: 40px;
  cursor: pointer;
  float: right;
  top: 47%;
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
}
.node-type-teler .field-name-slideshow-cont .cycle-p:after, .node-type-teler .field-name-slideshow-cont .cycle-n:after {
  font-family: fontello;
  content: "";
  color: white;
  font-size: 3em;
  text-align: center;
  display: block;
}
.node-type-teler .field-name-slideshow-cont .cycle-n {
  left: inherit;
  right: 0;
}
.node-type-teler .field-name-slideshow-cont .cycle-n:after {
  content: "";
}

.node-teler.view-mode-full .field-name-field-bedrijfsnaam {
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0em 0em 1.1111111111em 0em;
  color: #fff;
}
.node-teler.view-mode-full .field-name-body {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 2.2222222222em 0em 2.2222222222em 0em;
}
.node-teler.view-mode-full .group-slideshow-wrapper {
  position: relative;
  background: rgba(76, 58, 46, 0.4);
  border: 10px solid #fff;
  margin: 1.1111111111em 0em 1.1111111111em 0em;
}
.node-teler.view-mode-full .group-slideshow-wrapper .field-name-field-slideshow {
  overflow: hidden;
}
.node-teler.view-mode-full .group-slideshow-wrapper .field-name-field-slideshow .cycle-slide {
  text-align: center;
  width: 100%;
}
.node-teler.view-mode-full .group-slideshow-wrapper .field-name-field-slideshow .cycle-slide img {
  vertical-align: middle;
}
.node-teler .node-teler.view-mode-search_result, .node-teler .node-teler.node-teaser {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-teler .node-teler.view-mode-search_result:hover .group-right, .node-teler .node-teler.node-teaser:hover .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-teler .node-teler.view-mode-search_result .group-left, .node-teler .node-teler.node-teaser .group-left {
  width: 30%;
  padding-right: 1em;
}
.node-teler .node-teler.view-mode-search_result .group-right, .node-teler .node-teler.node-teaser .group-right {
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
  width: 70%;
}
.node-teler .node-teler.view-mode-search_result .group-right .field-name-title, .node-teler .node-teler.node-teaser .group-right .field-name-title {
  color: #fff;
}
.node-teler .node-teler.view-mode-search_result .group-right .field-name-field-bedrijfsnaam, .node-teler .node-teler.node-teaser .group-right .field-name-field-bedrijfsnaam {
  margin: -1em 0 1em;
}
.node-teler .node-teler.view-mode-search_result .group-right .field-name-field-gekoppelde-producten .field-item, .node-teler .node-teler.node-teaser .group-right .field-name-field-gekoppelde-producten .field-item {
  margin-right: 1em;
}
.node-teler.view-mode-mini {
  overflow: hidden;
  margin: 0em 0em 1.1111111111em 0em;
}
.node-teler.view-mode-mini .field-name-field-portret img {
  display: block;
}

.node-type-faq .field-name-field-afbeelding-zijbalk .field-item {
  margin-bottom: 2em;
}

.node-faq.view-mode-full .field-name-body {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 2.2222222222em 0em 2.2222222222em 0em;
}
.node-faq.view-mode-teaser .field-name-body {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-faq .node-faq.view-mode-search_result, .node-faq .node-faq.node-teaser {
  background: rgba(76, 58, 46, 0.4);
  border-left: 8px solid #4e2683;
  padding: 1.6666666667em 1.6666666667em 1.6666666667em 1.6666666667em;
  margin: 0em 0em 2.2222222222em 0em;
}
.node-faq .node-faq.view-mode-search_result:hover, .node-faq .node-faq.node-teaser:hover {
  background: rgba(76, 58, 46, 0.3);
}
.node-faq .node-faq.view-mode-search_result .field-name-title, .node-faq .node-faq.node-teaser .field-name-title {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
}
.node-faq .node-faq.view-mode-search_result .field-name-body, .node-faq .node-faq.node-teaser .field-name-body {
  color: #fff;
}
.node-faq.view-mode-mini .field-name-title a {
  color: #fff;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
  margin: 0em 0em 1.1111111111em 0em;
  display: block;
  text-decoration: none;
}
.node-faq.view-mode-mini .field-name-title a:hover {
  background: rgba(76, 58, 46, 0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  text-decoration: none;
}

.node-type-homepage #lichaam #middenkolom #middenkolombuffer h1.title {
  display: none;
}
.node-homepage.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-homepage.view-mode-search_result:hover.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.3);
}
.node-homepage.view-mode-search_result.ds-2col-fluid > .group-left {
  width: 230px;
}
@media only screen and (max-width: 640px) {
  .node-homepage.view-mode-search_result.ds-2col-fluid > .group-left {
    width: 100%;
    clear: both;
  }
  .node-homepage.view-mode-search_result.ds-2col-fluid > .group-left img {
    width: 100%;
  }
}
.node-homepage.view-mode-search_result.ds-2col-fluid > .group-right {
  background: rgba(76, 58, 46, 0.4);
  width: 80%;
  width: calc(100% - 230px);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
@media only screen and (max-width: 640px) {
  .node-homepage.view-mode-search_result.ds-2col-fluid > .group-right {
    width: 100%;
    clear: both;
  }
}
.node-homepage.view-mode-search_result.ds-2col-fluid.group-one-column > .group-right {
  width: 100%;
}

.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item {
  margin: 0em 0em 2.2222222222em 0em;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-left {
  width: 230px;
}
@media only screen and (max-width: 640px) {
  .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-left {
    width: 100%;
    clear: both;
  }
  .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-left img {
    width: 100%;
    vertical-align: middle;
  }
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-right {
  color: #fff;
  background: rgba(76, 58, 46, 0.4);
  width: 80%;
  width: calc(100% - 230px);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
@media only screen and (max-width: 640px) {
  .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-right {
    width: 100%;
    clear: both;
  }
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item {
  background: #8990c2;
  min-height: 131px;
  display: flex;
  align-items: center;
  align-content: center;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item img {
  vertical-align: middle;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item a.undefined {
  display: block;
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  text-decoration: none;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item a h2, .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item a .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst .node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-ds-perscentrum-bestand-image .field-item a .label-above {
  color: #fff;
  font-size: 2em;
  margin-bottom: 0;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-field-bestand {
  margin-top: 1em;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .field-name-field-bestand a {
  text-decoration: none;
}
.node-perscentrum.view-mode-search_result {
  margin: 0em 0em 2.2222222222em 0em;
  background: rgba(76, 58, 46, 0.4);
  padding: 1.1111111111em 1.6666666667em 1.6666666667em 1.6666666667em;
}
.node-perscentrum.view-mode-search_result:hover {
  background: rgba(76, 58, 46, 0.3);
}
.node-perscentrum.view-mode-search_result .field-name-title {
  color: #fff;
}
.node-perscentrum.view-mode-search_result .field-name-body,
.node-perscentrum.view-mode-search_result .field-name-field-vrije-tekst {
  color: #fff;
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
}

/* =============================================================================
 *  BLOCKS AND VIEWS
 * ========================================================================== */
#logo {
  float: left;
  margin: 1.5555555556em 0em 0.5555555556em 0em;
  position: relative;
  z-index: 101;
}
@media only screen and (min-width: 1025px) and (max-width: 1260px) {
  #logo {
    margin: 2.6666666667em 0em 0.5555555556em 0em;
  }
}
#logo img {
  width: 157px;
  margin-left: 5px;
}
@media only screen and (min-width: 1025px) and (max-width: 1260px) {
  #logo img {
    width: 135px;
  }
}
@media only screen and (max-width: 768px) {
  #logo {
    pointer-events: none;
  }
  #logo img {
    width: 80px;
    margin-left: 15px;
  }
}

#block-block-8 {
  color: #fff;
  position: absolute;
  top: 4.4em;
  left: 0;
  width: 341px;
}
#block-block-8 p {
  padding-right: 10px;
  font-size: 0.8888888889em;
  text-align: right;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
#block-block-8 .oww_logo {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 10px;
  text-align: right;
  background: #7166a9;
}
.node-type-homepage #block-block-8 .oww_logo {
  background: #4e2683;
}

@media only screen and (max-width: 768px) {
  #block-block-8 {
    top: 4.35em;
    width: 240px;
  }
  #block-block-8 img {
    width: 47px !important;
  }
}
@media only screen and (max-width: 470px) {
  #block-block-8 {
    top: 0;
  }
  #block-block-8 p {
    position: absolute;
    right: 6.5em;
    width: 95px;
    font-size: 8px;
    top: 1.9em;
  }
  #block-block-8 .oww_logo {
    padding: 9px;
  }
}

@media only screen and (max-width: 768px) {
  #schouders #block-views-telers-block-4 {
    height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  #schouders .field-name-field-video {
    height: 29.28%;
    overflow: hidden;
  }
}
#schouders .field-name-field-video .fluid-width-video-wrapper iframe {
  position: absolute;
  top: -41%;
  overflow: hidden;
  z-index: 0;
  width: 100%;
  height: 209%;
}
#schouders .field-name-field-hoofdbeeld .field-item,
#schouders .field-name-field-afbeeldingen .field-item {
  width: 100%;
}
#schouders .field-name-field-hoofdbeeld .field-item img,
#schouders .field-name-field-afbeeldingen .field-item img {
  display: block;
}
#schouders .group-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 38%;
  width: calc(39.31% - 1.11111em);
  height: 100%;
  padding: 2.2222222222em 2.7777777778em 2.2222222222em 1.1111111111em;
  color: #fff;
  background: #4e2683;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e2683+0,4e2683+100&1+0,0.8+36,0+100 */
  background: -moz-linear-gradient(top, #4e2683 0%, rgba(78, 38, 131, 0.8) 36%, rgba(78, 38, 131, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4e2683 0%, rgba(78, 38, 131, 0.8) 36%, rgba(78, 38, 131, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4e2683 0%, rgba(78, 38, 131, 0.8) 36%, rgba(78, 38, 131, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4e2683", endColorstr="#004e2683",GradientType=0 );
  /* IE6-9 */
}
@media only screen and (max-width: 640px) {
  #schouders .group-overlay {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  #schouders .group-overlay {
    position: static;
    background: #4e2683;
  }
}
#schouders .group-overlay .field-name-field-titel {
  color: #fff;
  font-size: 2em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 130%;
}
@media only screen and (max-width: 1200px) {
  #schouders .group-overlay .field-name-field-titel {
    font-size: 1.6666666667em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
@media only screen and (max-width: 900px) {
  #schouders .group-overlay .field-name-field-titel {
    font-size: 1.2222222222em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
@media only screen and (max-width: 660px) {
  #schouders .group-overlay .field-name-field-titel {
    font-size: 1.3333333333em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
}
#schouders .group-overlay .field-name-field-titel:before {
  content: url("../images/flower.png");
}
@media only screen and (max-width: 768px) {
  #schouders .group-overlay .field-name-field-titel:before {
    display: none;
  }
}
#schouders .group-overlay .field-name-field-link {
  position: absolute;
  bottom: 25px;
}
#schouders .group-overlay .field-name-field-link a {
  background: #8990c2;
}
#schouders .group-overlay .field-name-field-link a:hover {
  background: #4e2683;
}
@media only screen and (max-width: 500px) {
  #schouders .group-overlay .field-name-field-link {
    position: static;
    margin-top: 2em;
  }
}
#schouders #block-ds-extras-teler-header {
  position: relative;
}
#schouders #block-ds-extras-teler-header .field-name-slideshow-cont {
  display: none;
  position: absolute;
  top: 0;
  z-index: 700;
  width: 100%;
  height: 100%;
}
#schouders #block-ds-extras-teler-header .field-name-slideshow-cont .cycle-pag {
  width: 100%;
  text-align: center;
  bottom: 20px;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-size: 200%;
}
#schouders #block-ds-extras-teler-header .field-name-slideshow-cont .cycle-pag span {
  cursor: pointer;
}
#schouders #block-ds-extras-teler-header .field-name-slideshow-cont .cycle-pag span.cycle-pager-active {
  color: #fff;
}

.attachment-after {
  margin: 1em 0 2em;
}
.attachment-after .views-field-nothing a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline;
}
.attachment-after .views-field-nothing a:hover {
  text-decoration: none;
}

#block-views-faq-block-1 .blokkop h2, #block-views-faq-block-1 .blokkop .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-faq-block-1 .blokkop .label-above {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
#block-views-recepten-block-1 .views-row {
  overflow: hidden;
}
#block-views-recepten-block-1 .views-row .group-left {
  width: 47%;
  margin-right: 3%;
}
#block-views-recepten-block-1 .views-row .group-right {
  margin-top: 2em;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  #block-views-recepten-block-1 .views-row .group-right {
    margin-top: 0;
  }
}
#block-views-recepten-block-1 .views-row .group-right a {
  text-decoration: none;
}

#block-views-nieuws-block-3 {
  margin-top: -3.2em;
  /*
  .node-teaser {
    &.ds-2col-fluid {
      > .group-left {
        width: 150px;
          img { width: 100%; }
        @include responsiveMinMax(900px, 1190px) { width: 80px; }
        @include responsiveMinMax(768px, 899px) { width: 100%; clear: both; }
        @include responsiveMinMax(501px, 768px) { width: 150px; }
        @include responsiveMax(500px) { width: 100%; clear: both;
        }
      }
      > .group-right {
        // background: rgba($brown2, 0.4);
        width: 80%;
        width: calc(100% - 150px);
        clear: none;
        @include responsiveMinMax(900px, 1190px) { width: calc(100% - 80px); }
        @include responsiveMinMax(768px, 899px) { width: 100%; clear: both; }
        @include responsiveMinMax(500px, 768px) { width: calc(100% - 150px); }
        @include responsiveMax(500px) { width: 100%; clear: both; }
      }
    }
  }
  */
}

#block-views-nieuws-block-1,
#block-views-nieuws-block-2 {
  clear: both;
}

#block-views-telers-block-7 {
  clear: both;
  overflow: hidden;
  margin: 0em 0em 1.1111111111em 0em;
}
#block-views-telers-block-7 .view-header {
  width: 65%;
  float: right;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 120%;
  color: #fff;
  background: #8990c2;
  padding: 0.5555555556em 0.5555555556em 0.5555555556em 0.5555555556em;
  min-height: 100px;
}
#block-views-telers-block-7 .view-filters {
  width: 35%;
  float: left;
}
#block-views-telers-block-7 .view-filters form {
  background: #8990c2;
}
#block-views-telers-block-7 .view-filters form .views-exposed-form #edit-field-code-value-wrapper,
#block-views-telers-block-7 .view-filters form .views-exposed-form #edit-combine-wrapper {
  width: 100%;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
  height: 100px;
}
#block-views-telers-block-7 .view-filters form .views-exposed-form #edit-field-code-value-wrapper .views-widget input,
#block-views-telers-block-7 .view-filters form .views-exposed-form #edit-combine-wrapper .views-widget input {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.2777777778em 0.1388888889em 0.2777777778em 1.1111111111em;
  text-align: left;
  letter-spacing: 15px;
}
#block-views-telers-block-7 .view-filters form .views-exposed-form .views-submit-button {
  display: none;
}
#block-views-telers-block-7 .view-content {
  width: 100%;
  clear: both;
  overflow: hidden;
}
#block-views-telers-block-7 .view-content .node-pagina .field-name-title {
  margin: 1em 0 -0.5em;
}
#block-views-telers-block-7 .view-content .node-pagina .field-name-field-hoofdbeeld {
  width: 40%;
  float: left;
}

#block-search-form .kop {
  background: #8990c2;
  padding: 1.1111111111em 1.1111111111em 0.7222222222em 1.1111111111em;
  border-bottom: 1px dashed #c4c8e1;
}
#block-search-form .kop h2, #block-search-form .kop .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-search-form .kop .label-above {
  margin: 0;
}
#block-search-form .lichaam {
  background: #8990c2;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
  overflow: hidden;
}
#block-search-form .lichaam .form-item {
  float: left;
  padding-right: 1%;
  margin: 0;
  width: 30%;
  width: 125px;
}
#block-search-form .lichaam .form-actions {
  float: right;
  width: 65%;
  width: calc(96% - 125px);
  margin-left: 4%;
}
#block-search-form .lichaam input[type=text] {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.2777777778em 0.1388888889em 0.2777777778em 1.1111111111em;
  text-align: left;
  letter-spacing: 15px;
  line-height: 140%;
}
#block-search-form .lichaam input[type=submit] {
  float: left;
  margin: 0;
  line-height: 140%;
  padding: 0.4166666667em 0.1388888889em 0.4166666667em 0.1388888889em;
  padding: 0.82em 1em;
  width: 100%;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-search-form .lichaam input[type=submit]:hover {
  background: #fff;
  color: #4e2683;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#block-telercode-zoeken .kop,
#block-telercode-zoeken .lichaam {
  background: #8990c2;
  padding: 1.11111em;
  border-bottom: 1px dashed #c4c8e1;
  overflow: hidden;
}
#block-telercode-zoeken .kop {
  padding-bottom: 0.72222em;
}
#block-telercode-zoeken h2, #block-telercode-zoeken .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-telercode-zoeken .label-above {
  margin: 0px;
}
#block-telercode-zoeken label {
  display: none;
}
#block-telercode-zoeken .form-item {
  float: left;
  padding-right: 1%;
  margin: 0;
  width: 125px;
}
#block-telercode-zoeken input {
  line-height: 140%;
}
#block-telercode-zoeken input[type=text] {
  font: 700 1.33333em/1.4 "Montserrat", sans-serif;
  padding: 0.27778em 0.13889em 0.27778em 1.11111em;
  text-align: left;
  letter-spacing: 15px;
}
#block-telercode-zoeken input[type=submit] {
  float: right;
  width: 65%;
  width: calc(96% - 125px);
  margin: 0;
  padding: 0.82em 1em;
  transition: all 300ms ease;
}
#block-telercode-zoeken input[type=submit]:hover {
  background: #fff;
  color: #4e2683;
}

#block-block-6 {
  margin-bottom: 1em;
}
#block-block-6 .lichaam {
  background: #8990c2;
  padding: 0.5555555556em 1.1111111111em 1.1111111111em 1.1111111111em;
  color: #fff;
  display: inline-block;
}
#block-block-6 .lichaam p {
  float: left;
  width: 50%;
  margin-bottom: 0;
}
#block-block-6 .lichaam p img {
  margin-top: -1.5em;
  display: block;
  float: right;
}
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  #block-block-6 .lichaam p {
    clear: both;
    width: 100%;
  }
  #block-block-6 .lichaam p img {
    margin: 0 auto;
    float: none;
  }
}
@media only screen and (max-width: 440px) {
  #block-block-6 .lichaam p {
    clear: both;
    width: 100%;
  }
  #block-block-6 .lichaam p img {
    margin: 0 auto;
    float: none;
  }
}

@media only screen and (max-width: 768px) {
  #growerblock {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #growerblock-clone {
    display: block !important;
  }
}
@media only screen and (min-width: 769px) {
  #growerblock-clone {
    display: none !important;
  }
}

#block-views-comments-recent-block {
  margin: 0em 0em 2.2222222222em 0em;
}
#block-views-comments-recent-block h2, #block-views-comments-recent-block .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-comments-recent-block .label-above {
  margin-bottom: 0.5em;
}
#block-views-comments-recent-block .views-row {
  background: rgba(76, 58, 46, 0.4);
  list-style: none;
  color: #fff;
  margin: 0em 0em 1.1111111111em 0em;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
#block-views-comments-recent-block .views-row:hover {
  background: rgba(76, 58, 46, 0.3);
}
#block-views-comments-recent-block .views-row h2, #block-views-comments-recent-block .views-row .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-comments-recent-block .views-row .label-above {
  font-size: 1em;
}
#block-views-comments-recent-block .views-row .views-field-timestamp {
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#block-views-pagina-block {
  margin: 0em 0em 2.2222222222em 0em;
}
#block-views-pagina-block h2, #block-views-pagina-block .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-pagina-block .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0;
}
#block-views-pagina-block p:first-of-type {
  padding-left: 50px;
}
#block-views-pagina-block p:first-of-type:before {
  content: url(../images/flower.png);
  margin-left: -50px;
}

#block-views-glossary-block-1 .view-display-id-attachment {
  margin: 0em 0em 2.2222222222em 0em;
}
#block-views-glossary-block-1 .view-display-id-attachment .views-summary-unformatted {
  margin-bottom: 0.5em;
  display: inline-block;
}
#block-views-glossary-block-1 .view-display-id-attachment .views-summary-unformatted .ajax-progress-throbber {
  display: none;
}
#block-views-glossary-block-1 .view-display-id-attachment .views-summary-unformatted a {
  background: #8990c2;
  color: #fff;
  padding: 0.1388888889em 0.4166666667em 0.1388888889em 0.4166666667em;
  margin-right: 0.5em;
  text-decoration: none;
}
#block-views-glossary-block-1 .view-display-id-attachment .views-summary-unformatted a:hover {
  background: #4e2683;
  text-decoration: none;
}

#block-ds-extras-product-inhoud {
  margin-bottom: 2em;
}
#block-ds-extras-product-inhoud .label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
@media only screen and (min-width: 641px) {
  #block-ds-extras-product-inhoud .node-recept.view-mode-mini .group-left {
    width: 29%;
  }
}

#block-block-4 .share {
  color: #fff;
  float: right;
  padding-right: 10px;
}
#block-block-4 .addthis_inline_share_toolbox {
  float: right;
  clear: left !important;
}

#block-views-telers-block-5 h2, #block-views-telers-block-5 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-telers-block-5 .label-above {
  font-size: 1.3333333333em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}

#block-ds-extras-teler-duurzaamheidsbloem {
  margin-bottom: 4em;
}
#block-ds-extras-teler-duurzaamheidsbloem .blokkop {
  color: #fff;
  text-transform: uppercase;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs {
  border: 0;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list {
  background: transparent;
  border: 0;
  display: block;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li {
  text-align: center;
  background: #4e2683;
  color: #fff;
  margin: 0 3px 0 0;
  padding: 0;
  border: 0;
  text-transform: uppercase;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li a {
  padding: 20px 15px 16px;
  line-height: 1;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li a strong {
  font-weight: 300;
  color: #fff;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover {
  padding: 0;
  background: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab4, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab4 {
  background: #b85915;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab5, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab5 {
  background: #8bc53f;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab1, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab1 {
  background: #8990c2;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab7, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab7 {
  background: #f289b2;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab6, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab6 {
  background: #fcb813;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab6 strong, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab6 strong {
  color: #534741;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab2 {
  background: #00b5dd;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected.group-tab3, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover.group-tab3 {
  background: #0076bf;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li.selected a, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li:hover a {
  background: none;
  color: #fff;
}
@media only screen and (max-width: 980px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li {
    width: calc(25% - 2px);
    float: left;
    border-radius: 0;
    margin: 1px;
  }
}
@media only screen and (max-width: 640px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-list li {
    width: calc(50% - 2px);
  }
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes {
  clear: both;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
  margin: 0;
  padding: 1.1111111111em 1.6666666667em 1.1111111111em 1.6666666667em;
  padding-right: 39.31%;
  background: #fff;
  background: #fff url("../images/flower_nl.png") no-repeat right 15px;
  background-size: 33%;
}
.i18n-en #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
  background-image: url("../images/flower_en.png");
}

.i18n-fr #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
  background-image: url("../images/flower_fr.png");
}

.i18n-de #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
  background-image: url("../images/flower_de.png");
}

@media only screen and (min-width: 641px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
    min-height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
    min-height: 320px;
  }
}
@media only screen and (min-width: 1024px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
    min-height: 410px;
  }
}
@media only screen and (min-width: 1366px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
    min-height: 450px;
  }
}
@media only screen and (max-width: 640px) {
  #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset {
    background-size: 60% !important;
    padding-right: 1.6666666667em;
    padding-top: 64%;
    background-position: top center !important;
  }
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab1 {
  border-top: 20px solid #8990c2;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab1 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab1 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab1 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab1 h3 {
  color: #8990c2;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab2 {
  border-top: 20px solid #00b5dd;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab2 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab2 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab2 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab2 h3 {
  color: #00b5dd;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab3 {
  border-top: 20px solid #0076bf;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab3 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab3 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab3 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab3 h3 {
  color: #0076bf;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab4 {
  border-top: 20px solid #b85915;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab4 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab4 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab4 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab4 h3 {
  color: #b85915;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab5 {
  border-top: 20px solid #8bc53f;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab5 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab5 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab5 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab5 h3 {
  color: #8bc53f;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab6 {
  border-top: 20px solid #fcb813;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab6 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab6 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab6 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab6 h3 {
  color: #fcb813;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab7 {
  border-top: 20px solid #f289b2;
}
#block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab7 h2, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab7 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab7 .label-above, #block-ds-extras-teler-duurzaamheidsbloem .horizontal-tabs .horizontal-tabs-panes fieldset.group-tab7 h3 {
  color: #f289b2;
}

#block-views-telers-block-1 .blokkop {
  color: #fff;
  text-transform: uppercase;
}

#staart .block {
  width: 33%;
  float: left;
}
@media only screen and (max-width: 960px) {
  #staart .block {
    width: 50%;
  }
}
@media only screen and (max-width: 700px) {
  #staart .block {
    width: 100%;
  }
}
#staart #block-block-2 .bloklichaam a {
  color: #4e2683;
  font-size: 0;
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  float: left;
  margin-right: 15px;
}
#staart #block-block-2 .bloklichaam a:before {
  color: #4e2683;
  background: #fff;
  border-radius: 50%;
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  content: "";
  visibility: visible;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  padding: 0.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 24px;
}
#staart #block-block-2 .bloklichaam a:hover:before {
  background: #8990c2;
}
#staart #block-block-2 .bloklichaam a.oww_facebook:before {
  content: "";
}
#staart #block-block-2 .bloklichaam a.oww_youtube:before {
  content: "";
}
#staart #block-block-2 .bloklichaam a.oww_instagram:before {
  content: "";
}
#staart #block-block-2 .bloklichaam a.oww_pinterest:before {
  content: "";
}
#staart #block-block-2 .bloklichaam a.oww_twitter:before {
  content: "";
}
#staart #block-block-2 .bloklichaam a.oww_linkedin:before {
  content: "";
}
@media only screen and (max-width: 960px) {
  #staart #block-block-2 {
    clear: left;
    margin-bottom: 2em;
  }
}
#staart #block-block-3 {
  margin-top: 2em;
}
#staart #block-block-3 .bloklichaam a {
  background: #8990c2;
}
#staart #block-block-3 .bloklichaam a:hover {
  background: #fff;
  color: #4e2683;
}
@media only screen and (max-width: 960px) {
  #staart #block-block-3 {
    margin-top: 0;
  }
}
#staart #block-block-9 {
  width: 100% !important;
  width: calc(100% + 2.77778em + 2.77778em) !important;
  background: #fff;
  margin: 0.5555555556em -2.7777777778em 0.5555555556em -2.7777777778em;
}
#staart #block-block-9 .blokbuffer {
  padding: 2.2222222222em 0em 1.6666666667em 0em;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  #staart #block-block-9 .blokbuffer {
    padding: 2.2222222222em 2.7777777778em 1.6666666667em 2.7777777778em;
  }
}
@media only screen and (max-width: 520px) {
  #staart #block-block-9 .blokbuffer a {
    margin-top: 1em;
    float: left;
  }
}
#staart #block-block-9 h2, #staart #block-block-9 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #staart #block-block-9 .label-above {
  font-size: 1.1111111111em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  float: right;
  vertical-align: middle;
  color: #4e2683 !important;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  #staart #block-block-9 h2, #staart #block-block-9 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #staart #block-block-9 .label-above {
    font-size: 1em;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word;
  }
}
#staart #block-block-9 img {
  vertical-align: middle;
  margin-left: 1em;
  margin-top: -10px;
}

#filterblock, #filterblock-clone {
  margin-bottom: 0.5555555556em;
  color: #534741;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  #filterblock, #filterblock-clone {
    display: none;
  }
}
#filterblock .filterwrapper label, #filterblock-clone .filterwrapper label {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #filterblock .filterwrapper .views-exposed-form .views-exposed-widget, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget {
    padding: 0;
  }
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget {
  max-height: 250px;
  overflow-y: scroll;
}
@media only screen and (max-width: 768px) {
  #filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget {
    background: rgba(76, 58, 46, 0.4);
    padding: 20px;
  }
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item {
  overflow: hidden;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a {
  text-decoration: none;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active {
  margin: 0;
  font-size: inherit;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active:hover, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item a.active:hover {
  text-decoration: none;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item#edit-field-gekoppelde-producten-target-id-all, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item#edit-field-gekoppelde-producten-target-id-all {
  display: none;
}
#filterblock .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item#edit-field-gekoppelde-producten-target-id-all a, #filterblock-clone .filterwrapper .views-exposed-form .views-exposed-widget .views-widget .form-item .bef-select-as-links > .form-item .form-item#edit-field-gekoppelde-producten-target-id-all a {
  padding: 0;
}

@media only screen and (min-width: 769px) {
  #filterblock-clone {
    display: block;
  }
}
.view-display-id-embed .views-row > a,
.view-display-id-block_1 .views-row > a,
.view-display-id-block_2 .views-row > a,
.view-display-id-embed_1 .views-row > a {
  text-decoration: none;
}

#block-views-comments-recent-block .lichaam a {
  text-decoration: none;
}

.page-search #block-system-main .lichaam > a {
  text-decoration: none;
}

.page-search .tabs {
  display: none;
}

#block-views-comments-recent-block-1 {
  clear: both;
  margin: 2.2222222222em 0em 2.2222222222em 0em;
}
#block-views-comments-recent-block-1 a {
  text-decoration: none;
}
#block-views-comments-recent-block-1 .view-footer {
  text-align: center;
}
#block-views-comments-recent-block-1 .view-footer a {
  text-decoration: none;
}
#block-views-comments-recent-block-1 h2, #block-views-comments-recent-block-1 .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-comments-recent-block-1 .label-above {
  margin-bottom: 0.5em;
}
#block-views-comments-recent-block-1 .views-row {
  background: rgba(76, 58, 46, 0.4);
  list-style: none;
  color: #fff;
  margin: 0em 0em 1.1111111111em 0em;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
#block-views-comments-recent-block-1 .views-row:hover {
  background: rgba(76, 58, 46, 0.3);
}
#block-views-comments-recent-block-1 .views-row h2, #block-views-comments-recent-block-1 .views-row .node-product.node-teaser .group-right .field-name-field--more-teasertekst .label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-views-comments-recent-block-1 .views-row .label-above {
  font-size: 1em;
}
#block-views-comments-recent-block-1 .views-row .views-field-timestamp {
  font-size: 0.8888888889em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#block-comment-block-node-comments {
  clear: both;
}
#block-comment-block-node-comments h2.title, #block-comment-block-node-comments .node-product.node-teaser .group-right .field-name-field--more-teasertekst .title.label-above, .node-product.node-teaser .group-right .field-name-field--more-teasertekst #block-comment-block-node-comments .title.label-above {
  line-height: 120%;
  margin: 0em auto 0.75em;
  padding: 0 0 0.1em;
  margin-bottom: 0.75em;
  font-size: 1.5555555556em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-transform: uppercase;
  margin-top: 2.2222222222em;
}
#block-comment-block-node-comments .comment-add {
  display: none;
}
#block-comment-block-node-comments .comment-wrapper .comment {
  background: rgba(76, 58, 46, 0.4);
  list-style: none;
  color: #fff;
  margin: 0em 0em 1.1111111111em 0em;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
@media only screen and (min-width: 1025px) {
  #block-comment-block-node-comments .comment-wrapper .comment {
    padding-right: 17em;
  }
}
#block-comment-block-node-comments .comment-wrapper .comment .comment-delete,
#block-comment-block-node-comments .comment-wrapper .comment .comment-edit,
#block-comment-block-node-comments .comment-wrapper .comment .comment-reply {
  padding: 0;
  margin-left: 0;
  margin-right: 1em;
}
#block-comment-block-node-comments .comment-wrapper .comment .comment-delete a,
#block-comment-block-node-comments .comment-wrapper .comment .comment-edit a,
#block-comment-block-node-comments .comment-wrapper .comment .comment-reply a {
  text-decoration: none;
}
#block-comment-block-node-comments .comment-wrapper .comment .submitted {
  font-size: 80%;
  font-style: italic;
}
#block-comment-block-node-comments .comment-wrapper .comment .field-name-field-country {
  font-size: 80%;
  margin-top: -0.5em;
  font-style: italic;
}
#block-comment-block-node-comments .comment-wrapper .comment .field-name-field-country .field-label {
  font-weight: normal;
}
#block-comment-block-node-comments .comment-wrapper .comment .field-name-comment-body {
  margin-top: 0.5em;
}
#block-comment-block-node-comments .comment-wrapper .comment-form:not(.title) {
  background: rgba(76, 58, 46, 0.4);
  list-style: none;
  color: #fff;
  margin: 0em 0em 1.1111111111em 0em;
  padding: 1.1111111111em 1.1111111111em 1.1111111111em 1.1111111111em;
}
#block-comment-block-node-comments .comment-wrapper .filter-wrapper {
  display: none;
}
#block-comment-block-node-comments .comment-wrapper .cke_editable {
  background: #fff;
}
#block-comment-block-node-comments .comment-wrapper #edit-preview {
  display: none;
}
#block-comment-block-node-comments .captcha {
  margin-top: 2em;
  background: none;
  border: 2px solid #fff;
}
#block-comment-block-node-comments .captcha legend {
  padding-bottom: 0;
  margin-bottom: 0em;
  padding: 1em;
}

/* =============================================================================
 *   EXTRAS & OVERRIDES
 * ========================================================================== */
.logged-in .tabs .primary,
.page-user .tabs .primary {
  border-bottom: 0px none transparent;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 4px;
}
.logged-in .tabs .primary li a,
.page-user .tabs .primary li a {
  border: 0;
  background: #fff;
  padding: 6px 1em;
  margin: 5px 10px 5px 0;
  display: inline-block;
  color: #534741;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.logged-in .tabs .primary li a.active, .logged-in .tabs .primary li a:hover,
.page-user .tabs .primary li a.active,
.page-user .tabs .primary li a:hover {
  background: #4e2683;
  color: #fff;
}

.ds-search-highlight {
  background: #8990c2;
}

#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager,
.item-list .pager {
  padding-top: 2em;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li,
.item-list .pager li {
  margin: 4px;
  display: inline-block;
  color: #534741;
  padding: 0;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li.pager-previous,
.item-list .pager li.pager-previous {
  margin-right: 0.5em;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li.pager-current,
.item-list .pager li.pager-current {
  background: #4c3a2e;
  color: #fff;
  min-width: 40px;
  height: 40px;
  margin: 0.25em 0 0.75em 0;
  padding: 5px 16px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li.pager-next,
.item-list .pager li.pager-next {
  margin-left: 0.5em;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li a,
.item-list .pager li a {
  background: #fff;
  margin: 0.25em 0 0.75em 0;
  padding: 8px 14px 10px;
  color: inherit;
  text-decoration: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  border: 0;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager li a:hover,
.item-list .pager li a:hover {
  color: #fff;
  background: #4e3b2f;
}
#lichaam #middenkolom #middenkolombuffer #block-system-main .item-list .pager .ajax-progress-throbber,
.item-list .pager .ajax-progress-throbber {
  display: none;
}

.node-perscentrum.view-mode-full .ds-2col.entity.entity-field-collection-item.field-collection-item-field-download.view-mode-full.clearfix {
  overflow: hidden;
  position: relative;
  background: rgba(76, 58, 46, 0.4);
  display: flex;
  flex-direction: row;
  justify-content: initial;
  align-items: normal;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-left {
  background: #8990c2;
}
.node-perscentrum.view-mode-full .field-name-field-download > .field-items > .field-item .ds-2col > .group-right {
  background: none;
}

/* tabs for webcams nov 2020 */
.tabbing {
  /* As we cannot replace the numbers with variables or calls to element properties, the number of this selector parts is our tab count limit */
}

.tabbing .page-content {
  max-width: 700px;
  margin: 0;
  padding: 0;
}

.tabbing a {
  color: #21D4FD;
  transition: all 0.3s;
}

.tabbing a:hover {
  color: #B721FF;
}

.tabbing .tabbed {
  overflow-x: hidden;
  /* so we could easily hide the radio inputs */
  margin: 32px 0;
  padding-bottom: 16px;
}

.tabbing .tabbed [type=radio] {
  /* hiding the inputs */
  display: none;
}

.tabbing .tabs {
  display: flex;
  align-items: stretch;
  list-style: none;
  padding: 0;
}

.tabbing ul.tabs {
  margin-bottom: 0;
}

.tabbing .tab > label {
  display: block;
  margin-bottom: -1px;
  padding: 12px 15px;
  border: 1px solid #ccc;
  background: #eee;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 15px 15px 0 0;
}

.tabbing .tab:hover label {
  border-top-color: #444242;
  color: #333;
}

.tabbing .tab-content {
  display: none;
  color: #777;
}

.tabbing .tabbed [type=radio]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbing .tabbed [type=radio]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbing .tabbed [type=radio]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbing .tabbed [type=radio]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label,
.tabbing .tabbed [type=radio]:nth-of-type(5):checked ~ .tabs .tab:nth-of-type(5) label {
  border-bottom-color: #B721FF;
  border-top-color: #B721FF;
  background: #4e2683;
  color: #fff;
  border-radius: 15px 15px 0 0;
}

.tabbing .tabbed [type=radio]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),
.tabbing .tabbed [type=radio]:nth-of-type(2):checked ~ .tab-content:nth-of-type(2),
.tabbing .tabbed [type=radio]:nth-of-type(3):checked ~ .tab-content:nth-of-type(3),
.tabbing .tabbed [type=radio]:nth-of-type(4):checked ~ .tab-content:nth-of-type(4) {
  display: block;
}

/*# sourceMappingURL=nature_more.css.map */