/*
Theme Name: Oekotrend Child Theme
Theme URI: https://www.webkinder.ch
Version: 1.0.1
Description: Oekotrend Child Theme by WebKinder
Author: WebKinder
Author URI: https://www.webkinder.ch
Template: bb-theme
Text Domain: oekotrend-child
*/

/**
 * Easy grid
 */

.grid-x {
  display: flex;
}

.grid-x .column-3 {
  width: calc(100% / 12 * 3);
  padding-right: 10px;
}

.grid-x .column-9 {
  width: calc(100% / 12 * 9);
  padding-left: 10px;
}

@media (max-width: 767px) {
  .grid-x {
    display: block;
  }

  .grid-x .column-3 {
    width: 100%;
    padding-right: 0;
  }

  .grid-x .column-9 {
    width: 100%;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  header.fl-page-header-primary div.fl-page-header-logo img.fl-logo-img {
    position: absolute;
    top: -40px;
    left: 0;
    width: 92px;
    height: 92px !important;
  }
}

@media (max-width: 991px) {
  header.fl-page-header-primary div.fl-page-header-logo img.fl-logo-img {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (max-width: 767px) {
  button.navbar-toggle.navbar-toggler {
    font-size: 32px !important;
    top: 17px !important;
    right: 20px !important;
  }
}

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,
      right top,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,
      left bottom,
      left top,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0.5)),
      to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

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

.fl-woocommerce-products .swiper-pagination {
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.fl-woocommerce-products .swiper-pagination .swiper-pagination-bullet {
  margin: 0 8px;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.ausstellung_info a {
  opacity: 1;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.ausstellung_info a:hover {
  opacity: 0.75;
}

.material-container {
  position: relative;
}

.material-container:not(:last-child) {
  margin-bottom: 30px;
}

.material-container a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  background: #f5f3eb;
  transition: all 0.2s ease-in-out;
  color: #685b52;
}

.material-container a:hover {
  text-decoration: none;
  background: #f1efe4;
}

.material-image {
  width: 100%;
  max-width: 160px;
  overflow: hidden;
  position: relative;
}

.material-image::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 100%;
}

.material-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: 100%;
  border-radius: 50%;
}

.material-text {
  padding: 30px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

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

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

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Add your custom styles here... */

/*
 *  WEBKINDER STYLES
 */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-feature-settings: normal;
  font-variant-ligatures: none;
}

p {
  color: #685b52;
}

h2 {
  color: #685b52;
}

h2 {
  font-weight: 600;
}

h3,
h4,
h5,
h6 {
  font-weight: 700;
  color: #685b52;
}

.intro-container {
  position: relative;
  min-height: 720px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 489px) {
  .intro-container {
    background-position: center top;
    background-size: contain;
    background-color: #ffffff;
  }
}

.logo-container {
  content: "";
  display: block;
  height: 100px;
  width: 135px;
  position: absolute;
  z-index: 90;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  padding: 15px;
}

.logo-container>.logo {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  .fl-col-small {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
  }
}

@media (min-width: 490px) {
  .logo-container {
    height: 146px;
    width: 284px;
    left: 100px;
    transform: none;
  }
}

.intro-cta-box {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  right: 0;
  top: 67px;
  padding: 46px;
}

@media (max-width: 489px) {
  .intro-cta-box {
    top: 220px;
    position: relative;
    background: #ffffff;
  }
}

@media (min-width: 490px) {
  .intro-cta-box {
    top: 55%;
    width: 490px;
    transform: translateY(-50%);
  }
}

.intro-cta-box h2,
.intro-cta-box h1 {
  font-size: 30px;
  margin-top: 0;
  letter-spacing: 1.07px;
  line-height: 36px;
  font-weight: 600;
}

.intro-cta-box h1 {
  color: #685852;
}

.intro-cta-box p,
.intro-cta-box h2.intro-cta-box__text {
  font-size: 18px;
  margin-top: 0;
  letter-spacing: 0.49px;
  line-height: 26px;
  font-weight: 500;
}

.mc4wp-checkbox.mc4wp-checkbox-wp-comment-form input {
  margin-right: 5px;
}

.woocommerce-tabs .panel>*:last-child,
.woocommerce-tabs .panel>*:last-child>*:last-child,
.woocommerce-tabs .panel>*:last-child>*:last-child>*:last-child {
  margin-bottom: 0;
}

.woocommerce-Tabs-panel--description h3:first-of-type {
  margin-top: 0;
  line-height: 1;
}

#to_review_form {
  margin-bottom: 20px;
}

.fl-button-wrap.intro-cta a.fl-button {
  color: #ffffff;
  background: #8fc257;
  border: 1px solid #83b64b;
  border-radius: 30px;
  padding: 18px;
  font-size: 14px;
  margin-top: 20px;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  transition: 150ms all ease-in-out;
}

.fl-button-wrap.intro-cta a.fl-button:hover,
.fl-button-wrap.intro-cta a.fl-button:focus,
.fl-button-wrap.intro-cta a.fl-button:active {
  background-color: #8fc257;
  color: #000000;
}

.fl-button-wrap.intro-cta a.fl-button span {
  color: currentColor;
}

.teaser-container .fl-heading {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 23px 35px !important;
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  letter-spacing: 0.52px;
}

.teaser-container .fl-module-content {
  text-align: center;
}

.fl-page-footer {
  font-size: 13px;
  letter-spacing: 0.24px;
}

.fl-page-footer-widgets .fl-widget-title {
  font-size: 16px;
  letter-spacing: 0.44px;
  font-weight: 600;
  margin-bottom: 10px;
}

.fl-page-footer-widgets p {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin-bottom: 6px;
}

.fl-page-footer-widgets .menu-item {
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 400;
  margin-bottom: 6px;
}

.fl-page-footer-widgets .gallery .gallery-item {
  width: auto !important;
  margin-right: 20px !important;
  float: left;
}

.fl-page-footer-widgets .gallery .gallery-item img {
  border: 0 !important;
}

.wk_footer_container {
  display: inline-block;
}

.wk_footer_container .menu .menu-item {
  display: inline;
  margin-right: 10px;
}

.wk_footer_container .menu {
  margin-left: 0;
}

@media (min-width: 1100px) {
  .fl-full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 1100px;
  }
}

@media (min-width: 992px) {
  .fl-page-footer-container {
    padding: 20px 0 20px;
  }
}

.fl-page-footer-text {
  padding-bottom: 0;
}

.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
  background: none;
  color: #74b100;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  padding: 16px 18px;
  font-weight: normal;
  text-shadow: none;
  border: 1px solid #74b100;
  border-radius: 30px;
  transition: 150ms all ease-in-out;
}

.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover {
  color: #000000;
  background-color: #74b100;
  border: 1px solid #74b100;
  text-decoration: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-size: 15px;
}

.woocommerce.tax-product_cat .add_to_cart_button,
.woocommerce-page.tax-product_cat .add_to_cart_button {
  display: block;
}

.woocommerce ul.products li.product .price {
  font-size: 0.94em;
}

/* Fix for strange beaver builder grid */
@media (max-width: 1099px) {
  .tax-product_cat .fl-builder-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*@font-face {

    font-family: Avenir;

    src: url('fonts/AvenirLTStd-Medium.otf');

}*/

@media (max-width: 767px) {
  div.fl-page-nav-collapse ul.navbar-nav>li>a {
    color: #74b100;
  }
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a {
  color: #74b100 !important;
  border-bottom: 2px solid transparent;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 5px;
  margin-left: 14px;
  margin-right: 14px;
}

@media (min-width: 767px) {

  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav .current-menu-item>a,
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover,
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:focus,
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:active {
    color: #685b52 !important;
    border-bottom: 2px solid #685b52;
  }
}

.fl-page-nav-wrap {
  background-color: #ffffff;
}

.fl-page-bar {
  background-color: #ffffff;
  border-bottom: none;
}

.fl-page-header .navbar-nav li>a,
.fl-page-header .navbar-nav li>a {
  color: #b3a398;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle .fa-bars {
  color: #74b100;
}

.fl-page-bar .navbar-nav li>a {
  color: #b3a398;
}

/*body{

	font-size: 13px;

}*/

.fl-page-nav .navbar-nav,
.fl-page-nav .navbar-nav a {
  font-size: 18px;
  font-family: Raleway, "sans-serif";
  font-weight: 600;
}

a.page-numbers,
span.page-numbers {
  background-color: white;
}

.ginput_recaptcha iframe {
  height: 78px;
}

form>table>tbody td>input[type="text"] {
  padding: 0px 10px;
}

.fl-page-header-wrap {
  background: #ffffff;
}

.fl-page-bar-text.fl-page-bar-text-1,
.fl-page-bar-row .fl-page-bar-nav {
  font-size: 14px;
}

.fl-page-top-content .fl-slide-content {
  background-color: rgba(47, 39, 36, 0.6);

  padding: 30px;

  text-align: center;
}

.fl-page-top-content .fl-slide-text *,
.fl-page-top-content .fl-slide-title {
  color: #ffffff;
}

.fl-page-top-content .fl-slide-text {
  padding-top: 10px;

  padding-bottom: 22px;
}

.fl-page-top-content .fl-slide-content-wrap {
  width: 570px;

  display: block;

  padding-top: 50px;

  padding-bottom: 50px;

  padding-right: 50px;

  padding-left: 50px;

  margin: 0 auto;
}

.fl-page-top-content a.fl-button,
.fl-page-top-content a.fl-button:visited {
  background: #f7f7f7;

  border: 1px solid #ebebeb;

  color: #333333;

  font-size: 16px;

  line-height: 18px;

  padding: 14px 28px;
}

a.fl-button i.fl-button-icon {
  vertical-align: top;
}

@media (max-width: 550px) {
  .fl-page-top-content .fl-slide-content-wrap {
    width: 100%;
  }

  h2.fl-slide-title {
    text-align: center;
  }

  .fl-page-top-content a.fl-button,
  .fl-page-top-content a.fl-button:visited {
    border: 1px solid #ebebeb;

    font-size: 13px;

    padding: 11px 8px;
  }

  .fl-slide-text p {
    text-align: center !important;
  }
}

/* Filter Logos */

#logos-list .fl-module-content img {
  -webkit-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: gray;
  /* IE 6-9 */

  /*-webkit-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;*/
}

#logos-list .fl-module-content img:hover {
  -webkit-filter: none;

  -ms-filter: none;

  filter: none;
}

@media (max-width: 767px) {
  #logos-list .fl-photo-content {
    max-width: 180px;
  }
}

span.woocommerce-Price-currencySymbol {
  margin-right: 5px;
}

ul.ess-buttons {
  font-size: 14px;
}

@media (max-width: 767px) {

  .cartcontents,
  .wpmenucart-contents i {
    color: #fff !important;
  }
}

@media print {

  .no-print,
  .fl-page-footer-widgets,
  #menu-top-menue,
  .fl-social-icons,
  .fl-builder-pagination,
  .fl-slide-content>.fl-slide-text,
  .fl-slide-content>.fl-slide-cta-button {
    display: none !important;
  }
}

@media (min-width: 767px) {
  #bb-frame {
    min-height: 1000px;
  }
}

@media (max-width: 767px) {
  #bb-frame {
    min-height: 1000px;
  }

  .fl-page-nav-wrap {
    background: rgba(0, 0, 0, 0.7);
  }

  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse .fl-page-nav-search {
    display: block !important;
    position: static !important;
  }

  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
    line-height: 22px;
    top: 29px;
  }

  .fl-page-nav-search form {
    position: static !important;
    display: block !important;
    background-color: transparent !important;
    width: 100%;
  }

  .fl-page-nav-search form input.fl-search-input {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
    z-index: 99999;
  }
}

.woocommerce .wc-filters-container .button {
  background: #f8f7f2;
  color: #808080;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 12px;
  font-weight: normal;
  text-shadow: none;
  border: 1px solid #d8d0b1;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.filter-select {
  border: 1px solid #d8d0b1;
  padding: 6px 12px;
  height: 34px;
  background-color: #ffffff;
}

.woocommerce-products-header:after {
  content: "";
  display: block;
  clear: both;
}

.js-products-wrapper .blockOverlay {
  background: #faf9f5 !important;
}

/* Fix for loading screen overlaying header */
.fl-page-nav-right.fl-page-header-fixed,
.fl-page-header-fixed {
  z-index: 1200;
}

.mc4wp-checkbox input {
  margin-right: 10px;
}

.yith-wcwl-add-to-wishlist {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-right: 17px;
}

.yith-wcwl-add-to-wishlist+.clear {
  display: inline-block;
  vertical-align: top;
}

.yith-wcwl-wishlistaddedbrowse {
  padding-right: 7px;
}

.yith-wcwl-add-to-wishlist .feedback {
  display: block;
}

.woocommerce.compare-button {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-right: 17px;
}

.woocommerce-page a.button.compare {
  padding: 7px 18px;
  margin-bottom: 20px;
  border: 1px solid #808080;
  color: #808080;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  display: inline-block;
}

.woocommerce-page a.compare:before {
  font-family: "FontAwesome";
  content: "\f0ec";
  margin-right: 5px;
  font-size: 15px;
}

.woocommerce-page a.add_to_wishlist:before {
  font-family: "FontAwesome";
  content: "\f004";
  margin-right: 5px;
  font-size: 15px;
}

.woocommerce-page a.review-link:before {
  font-family: "FontAwesome";
  content: "\f005";
  margin-right: 5px;
  font-size: 15px;
}

.yith-wcwl-wishlistaddedbrowse {
  padding-right: 0px;
  margin-right: 36px;
  color: #685b52;
}

.yith-wcwl-wishlistaddedbrowse.show a {
  display: none;
}

.yith-wcwl-wishlistaddedbrowse.show .feedback:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 5px;
  font-size: 15px;
}

.yith-wcwl-wishlistexistsbrowse {
  display: none !important;
  opacity: 0;
}

a.nav-link i.fa.menu-icon {
  vertical-align: middle;
  font-size: 18px;
}

a.nav-link i.fa-exchange {
  display: inline-block !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900;
}

.woocommerce-page a.review-link:hover,
.woocommerce-page a.review-link:active,
.woocommerce-page a.review-link:focus,
.woocommerce-page a.compare:hover,
.woocommerce-page a.compare:active,
.woocommerce-page a.compare:focus,
.woocommerce-page a.add_to_wishlist:hover,
.woocommerce-page a.add_to_wishlist:active,
.woocommerce-page a.add_to_wishlist:focus {
  color: #8ec649;
  text-decoration: none;
}

.woocommerce-page a.review-link,
.woocommerce-page a.compare,
.woocommerce-page a.add_to_wishlist {
  color: #685b52;
  text-decoration: none;
  margin-bottom: 5px;
}

.woocommerce .product_meta,
.woocommerce-page .product_meta {
  margin-top: 5px;
}

.woocommerce.swiper-container-initialized .product {
  clear: none !important;
  width: auto;
}

.swiper-button-prev {
  transform: rotateZ(180deg);
}

.fl-woocommerce-products {
  position: relative;
  padding: 0 33px;
}

@media (min-width: 767px) {
  .swiper-button-prev {
    left: 0;
  }
}

@media (min-width: 767px) {
  .swiper-button-next {
    right: 0;
  }
}

.swiper-button-prev,
.swiper-button-next {
  margin-top: -12px;
  width: 10px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='12px' height='25px' viewBox='0 0 12 25' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-1281.000000, -4617.000000)' stroke='%23685B52'%3E%3Cg transform='translate(107.000000, 4578.000000)'%3E%3Cg transform='translate(1175.000000, 39.000000)'%3E%3Cpolyline id='Path-2' points='0 0 10 12.5 0 25'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
}

.swiper-pagination-bullet {
  background-color: #74b100;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #685b52;
}

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

.swiper-slide {
  text-align: center;
}

.swiper-slide .woocommerce-LoopProduct-link,
.swiper-slide .woocommerce-LoopProduct-link:hover,
.swiper-slide .woocommerce-LoopProduct-link:active,
.swiper-slide .woocommerce-LoopProduct-link:focus {
  color: #685b52;
  text-decoration: none;
}

.swiper-slide .price {
  color: #685b52;
  display: block;
  margin-bottom: 16px;
}

.swiper-buttons-container {
  position: relative;
}

.swiper-slide__quote {
  padding: 30px 40px;
  border-left: none;
  border-right: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swiper-slide__quote__text {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.93px;
  line-height: 34px;
  text-align: center;
  margin-bottom: 27px;
}

@media (min-width: 991px) {
  .swiper-slide__quote__text {
    font-size: 28px;
  }
}

.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button,
.fl-button,
input[type="submit"],
button,
.fl-button-wrap.intro-cta a.fl-button,
.fl-button,
.woocommerce a.button,
button,
.fl-builder-content .fl-button-wrap a.fl-button {
  border-radius: 30px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}

.fl-row-bg-parallax>.fl-row-content-wrap .fl-col-content {
  background-color: #74b100 !important;
}

.fl-row-bg-parallax>.fl-row-content-wrap .fl-heading,
.fl-row-bg-parallax>.fl-row-content-wrap .fl-rich-text p {
  color: #ffffff;
}

.testimonial-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 991px) {
  .testimonial-slider .swiper-slide {
    flex-direction: row;
  }
}

.testimonial-slider .swiper-slider__image-wrapper {
  border-radius: 100%;
  overflow: hidden;
  margin-left: 50px;
}

@media (max-width: 991px) {
  .swiper-slider__image-wrapper {
    margin-left: 0 !important;
  }
}

.product-header-slider .swiper-slider__image-wrapper {
  padding: 30px 0;
}

@media (max-width: 991px) {
  .fl-page-nav-collapse ul.navbar-nav {
    margin-bottom: 20px;
  }
}

.fl-page-nav-collapse ul.navbar-nav {
  align-items: center;
  display: flex;
}

.fl-page-nav-right .fl-page-nav-wrap a.fas,
.fl-page-nav-right .fl-page-nav-wrap a.fab,
.fl-page-nav-right .fl-page-nav-wrap a i,
.fl-page-nav-right .fl-page-nav-wrap a span {
  color: #74b100;
}

.fl-page-nav-right .fl-page-nav-collapse {
  max-width: 100%;
}

@media (min-width: 991px) {

  .fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a,
  .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a {
    padding: 10px 0;
  }
}

.hero-cta-box {
  z-index: 1;
}

.hero-cta-box-wrapper {
  max-width: 1100px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 767px) {
  .hero-cta-box-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hero-cta-box {
  margin-bottom: 50px;
}

.hero-cta-box h1,
.hero-cta-box h2 {
  color: #ffffff;
  font-size: 90px;
  line-height: 1.2;
  font-weight: 500;
}

@media (max-width: 1100px) {

  .hero-cta-box h1,
  .hero-cta-box h2 {
    font-size: 60px;
  }
}

@media (max-width: 767px) {

  .hero-cta-box h1,
  .hero-cta-box h2 {
    font-size: 40px;
  }
}

@media (max-width: 490px) {

  .hero-cta-box h1,
  .hero-cta-box h2 {
    font-size: 24px;
  }
}

.hero-shop-button {
  color: #ffffff;
  font-weight: 600;
  font-size: 30px;
  background: red;
  padding: 10px 30px;
  display: inline-block;
  transform-origin: 100% 0;
  transform: rotate(-90deg) translateY(-100%) translateX(25%);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.hero-shop-button:hover {
  color: #ffffff;
  text-decoration: none;
}

.hero-shop-button-wrapper {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.hero-cta-box p {
  font-size: 18px;
  margin-top: 0;
  letter-spacing: 0.49px;
  line-height: 26px;
  font-weight: 500;
}

.fl-button-wrap.hero-cta a.fl-button {
  color: #ffffff;
  border: 1px solid #83b64b;
  background: #8fc257;
  border-radius: 30px;
  padding: 18px;
  font-size: 14px;
  margin-top: 20px;
  letter-spacing: 1.12px;
  transition: 150ms all ease-in-out;
  margin-right: 15px;
}

.fl-button-wrap.hero-cta a.fl-button:hover,
.fl-button-wrap.hero-cta a.fl-button:focus,
.fl-button-wrap.hero-cta a.fl-button:active {
  background-color: #8fc257;
  color: #000000;
}

.fl-button-wrap.hero-cta a.fl-button span {
  color: currentColor;
}

.hero-container {
  position: relative;
  min-height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 489px) {
  .hero-container {
    background-position: center top;
    background-color: #ffffff;
    min-height: 350px;
  }
}

.hero-container-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

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

.woocommerce a.button,
input[type="submit"] {
  background-color: #8fc257;
  color: #ffffff;
  border: 1px solid #83b64b;
}

.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce a.button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {
  background-color: #8fc257;
  color: #000000;
  border-color: #8fc257;
}

.cta {
  display: flex;
  width: 100%;
  padding: 60px 30px;
  background-color: #8fc749;
  border-radius: 0 0 0 60px;
}

.cta__image {
  flex: 0 0 160px;
  margin: 0 40px;
}

@media (max-width: 600px) {
  .cta__image {
    margin: 0;
  }
}

.cta__image img {
  border-radius: 100px;
}

.cta__text {
  padding: 0 25px;
}

.cta__title {
  font-size: 28px;
  line-height: 33px;
  font-weight: bold;
  color: white;
}

.cta__content {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 15px;
  color: white;
}

.cta__content a {
  color: white;
  text-decoration: underline;
}

.cta__buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

.cta__button {
  color: #8fc749;
  border: 1px solid white;
  background: white;
  border-radius: 30px !important;
  padding: 10px 20px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-bottom: 5px;
}

.cta__button:hover,
.cta__button:focus {
  text-decoration: none;
  color: #000000;
}

.cta__button:not(:last-child) {
  margin-right: 25px;
}

@media (max-width: 600px) {
  .cta {
    flex-direction: column;
  }

  .cta__text {
    padding: 0;
  }

  .cta__image img {
    width: 150px;
    height: 150px;
    margin-bottom: 15px;
  }
}

.gfield_checkbox input[type="checkbox"] {
  margin: 0 !important;
}

.gfield_select {
  background: transparent !important;
  border-color: #e9e5d3 !important;
  padding: 5px 0px !important;
}

hr {
  border-width: 2px;
}

.woocommerce-review__awaiting-approval {
  font-size: 14px;
  color: rgba(255, 0, 0, 0.5);
  border: 1px solid rgba(255, 0, 0, 0.5);
  padding: 10px;
}

.woocommerce-product-gallery .flex-viewport {
  padding-bottom: 100%;
  height: 0 !important;
}

.woocommerce div.product p.stock {
  font-weight: 700;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.woocommerce-page ul.products li.product a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button.wc-forward,
.woocommerce-page .woocommerce a.button.wc-forward,
.woocommerce-page button.button,
.woocommerce-page button.button.alt,
.woocommerce-page a.button,
.woocommerce-page a.button.alt,
.woocommerce-page .woocommerce button[type="submit"],
.woocommerce-page button[type="submit"].alt.disabled {
  color: #74b100;
  background-color: transparent;
  font-family: inherit;
  font-weight: inherit;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  border: 1px solid #74b100;
}

.woocommerce a.button,
input[type="submit"] {
  background-color: #8fc257 !important;
  color: #ffffff !important;
  border: 1px solid #83b64b;
}

.woocommerce a.button:hover,
input[type="submit"]:hover {
  background-color: #8fc257 !important;
  color: #000000 !important;
  border: 1px solid #83b64b;
}

/* INHALTSVERZEICHNISS */
#ez-toc-container {
  position: fixed;
  bottom: 0;
  left: calc((100% - 1400px) / 2);
  z-index: 1;
  padding: 0;
  padding-bottom: 60px;
  max-width: 320px;
}

#ez-toc-container .ez-toc-list {
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2 {
  list-style-type: none;
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2 .ez-toc-link {
  display: block;
  padding: 10px 15px;
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2 .ez-toc-link:hover {
  text-decoration: none;
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2:hover {
  background: #ebebeb;
}

#ez-toc-container .ez-toc-list .ez-toc-heading-level-2:not(:last-child) {
  border-bottom: 1px solid #666666;
}

#ez-toc-container.ez-toc-white {
  background: none;
  border: none;
  border-radius: 0;
}

#ez-toc-container .ez-toc-title-container {
  position: absolute;
  left: 0;
  bottom: 0;
}

#ez-toc-container .ez-toc-title-container .ez-toc-btn {
  float: none !important;
  margin-left: 0;
  background: none;
  border: none;
  border-radius: 4px;
  background-color: #8ec649;
  color: white;
  padding: 14px 16px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

#ez-toc-container .ez-toc-title-container .ez-toc-btn .ez-toc-icon-toggle:before {
  content: "\2630";
}

ez-toc-container.counter-flat ul,
#ez-toc-container.counter-hierarchy ul,
.ez-toc-widget-container.counter-flat ul,
.ez-toc-widget-container.counter-hierarchy ul {
  max-height: 68vh;
  overflow: scroll;
}

@media (max-width: 1100px) {
  #ez-toc-container {
    left: 40px;
  }
}

@media (max-width: 769px) {
  #ez-toc-container {
    left: 20px;
  }
}

.woocommerce-Tabs-panel .woocommerce-loop-product__title {
  display: block;
}

.material-container.video .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.material-container.video .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.variations-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
}

@media screen and (max-width: 768px) {
  .variations-grid {
    display: block;
  }
}

.variation-item a:hover {
  text-decoration: none;
}

.variation-item .variation-image {
  margin-bottom: 20px;
  border: 1px solid #e9e5d3;
}

.variation-item .variation-text {
  color: #685b52;
  font-size: 15px;
  text-align: center;
  margin-bottom: 30px;
}

.read_more_content {
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  max-height: 0;
  transition: all 0.3s ease-in-out;
}

.read_more_content.show {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
  max-height: 9999px;
}

.photo-contest {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .photo-contest {
    display: block;
  }
}

.photo-contest .photo-contest__image-vote {
  position: relative;
  z-index: 1;
}

.photo-contest .photo-contest__image-number {
  position: absolute;
  top: 10px;
  left: 15px;
  z-index: 2;
  font-size: 32px;
  line-height: 1;
  color: white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.photo-contest .photo-contest__image-vote input[type="radio"] {
  display: none;
}

.photo-contest .photo-contest__image-vote input[type="radio"]+label {
  border: 4px solid transparent;
  opacity: 0.99;
  transition: all 0.1s ease-in-out;
}

.photo-contest .photo-contest__image-vote input[type="radio"]:checked+label {
  border: 4px solid #8ec649;
  opacity: 1;
}

.photo-contest+.photo-contest__error {
  color: #ff0000;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #ff0000;
  line-height: 1;
}

.photo-contest+.photo-contest__success {
  color: #8fc257;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #8ec649;
  line-height: 1;
}

.photo-contest+.photo-contest__progress {
  color: #b3a398;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #b3a398;
  line-height: 1;
}

.woocommerce form .form-row {
  padding: 0px;
}

.modal-popup {
  position: relative;
  z-index: 3000;
}

.modal-popup--small .modal__container {
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  height: auto;
  overflow: auto;
  border-radius: 4px;
  -webkit-overflow-scrolling: touch;
}

.modal-popup--small .modal__content {
  margin-bottom: 10px;
}

.modal-popup#modal-newsletter .gform_wrapper {
  margin-bottom: 0;
}

.modal-popup#modal-newsletter .gform_wrapper form .gform_footer {
  text-align: right;
}

@media screen and (min-width: 769px) {
  .modal-popup#modal-newsletter .gform_wrapper form {
    display: flex;
    flex-wrap: nowrap;
  }

  .modal-popup#modal-newsletter .gform_wrapper form [type="checkbox"]+.gfield_consent_label {
    position: relative;
    top: -4px;
  }

  .modal-popup#modal-newsletter .gform_wrapper form .gform_footer {
    flex: 0 0 190px;
    padding-left: 20px;
  }
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.01);
  backdrop-filter: blur(12px);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.modal__container {
  background-color: #8fc257;
  height: auto;
  border-radius: 0;
  overflow: auto;
  margin: auto 0;
  position: relative;
  display: flex;
}

@media (max-width: 768px) {
  .modal__container {
    flex-direction: column;
    margin: 0 25px;
  }
}

.modal__container .wpcf7-response-output {
  display: block;
  margin: 0 !important;
  border: 0 !important;
  padding: 15px 0 !important;
  font-size: 14px;
  line-height: 1;
}

.modal__container .modal__image-container {
  max-width: 375px;
}

@media (max-width: 768px) {
  .modal__container .modal__image-container {
    height: 200px;
  }
}

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

.modal__container .modal__content-container {
  padding: 0;
  max-width: 1100px;
}

@media (max-width: 768px) {
  .modal__container .modal__content-container {
    padding: 0;
    position: relative;
  }
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.modal__header .modal__close {
  margin-left: auto;
  margin-right: 0;
  background: transparent;
  color: white;
  padding: 31px !important;
  line-height: 1 !important;
  border: none;
  cursor: pointer;
  font-size: 18px !important;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
}

.modal__close {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 24px;
  line-height: 24px;
  padding: 0;
}

.modal__header .modal__close:after {
  content: "\2715";
  color: white;
}

.modal__content {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: white;
  font-size: 20px;
  display: flex;
}

.modal__content .modal__content--column {
  width: 50%;
  padding: 0;
}

.modal__content .modal__content--column.left {
  background-color: white;
}

.modal__content .modal__content--column.left .modal__content--image {
  padding-bottom: 10px;
}

.modal__content .modal__content--column.left .modal__content--title,
.modal__content .modal__content--column.left .modal__content--text {
  padding: 0 40px;
}

.modal__content .modal__content--column.left .modal__content--text {
  padding-bottom: 34px;
}

.modal__content .modal__content--column.left .modal__content--text>p {
  margin-bottom: 16px;
  font-size: 16px;
}

.modal__content .modal__content--column.left .modal__content--title>h2 {
  font-size: 28px;
}

.modal__content .modal__content--column.right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__container .modal__content--form .cr_form {
  width: 400px;
  max-width: 100%;
}

.modal__container .modal__content--form .cr_form .cr_ipe_item {
  margin-bottom: 21px !important;
}

.modal__container .modal__content--form .cr_form .cr_ipe_item.submit_container {
  text-align: left !important;
  margin-top: 32px !important;
  margin-bottom: 0 !important;
}

.modal__container .modal__content--form .cr_form .cr_ipe_item.submit_container .cr_button {
  color: #8fc257;
  background-color: #fff;
  border: #aaaaaa 1px solid !important;
  font-size: 14px !important;
  padding: 13px 20px !important;
}

.modal__container .modal__content--form .cr_form .cr_ipe_item label {
  font-size: 14px;
}

.modal__container .modal__content--form .cr_form .cr_ipe_item input {
  font-family: "Raleway", sans-serif;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 25px;
  padding: 8px 16px;
  border: #aaaaaa 1px solid !important;
}

@media screen and (max-width: 768px) {
  .modal__content {
    flex-direction: column;
  }

  .modal__content .modal__content--column {
    width: 100%;
    padding: 0;
  }

  .modal__content .modal__content--text {
    display: none;
  }

  .modal__content .modal__content--column.left .modal__content--title>h2 {
    font-size: 20px;
    margin-top: 0;
  }

  .modal__container .modal__content--form .cr_form {
    width: 280px;
    max-width: 100%;
    padding-bottom: 20px;
    padding-top: 10px;
  }

  .modal__container .modal__content--form .cr_form .cr_ipe_item {
    margin-bottom: 2px !important;
  }

  .modal__header .modal__close:after {
    content: "\2715";
    color: #8fc257;
  }

  .modal__header .modal__close {
    color: #8fc257;
    padding: 16px !important;
  }

  .modal__content--title {
    padding: 0 20px !important;
  }
}

.modal__content .wpcf7 {
  margin-top: 15px;
}

.modal__container h3 {
  font-family: gilroy;
  color: white;
  font-size: 30px;
  font-weight: 700;
}

.modal__container [type="text"],
.modal__container [type="email"] {
  background-color: white !important;
  border: 1px solid transparent !important;
  font-family: gilroy;
  font-size: 1.9rem !important;
  width: 100%;
}

.modal__container [type="text"].wpcf7-not-valid,
.modal__container [type="email"].wpcf7-not-valid {
  border: 1px solid red !important;
}

.modal__container .wpcf7-not-valid-tip {
  margin-top: -15px;
  background-color: #fcb1b3;
  padding: 5px;
  line-height: 1;
  font-size: 11px;
}

.modal__container input[type="submit"] {
  padding: 12px 30px 10px;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 25px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  width: 210px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  margin-bottom: 0;
  margin-top: 15px;
}

.modal__container form,
.modal__container p {
  margin-bottom: 0;
}

/**************************\ Demo Animation Style \**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s ease-in-out;
  -webkit-animation: mmfadeIn 0.3s ease-in-out;
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s ease-in-out;
  -webkit-animation: mmslideIn 0.3s ease-in-out;
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s ease-in-out;
  -webkit-animation: mmfadeOut 0.3s ease-in-out;
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s ease-in-out;
  -webkit-animation: mmslideOut 0.3s ease-in-out;
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.menu-item.button a {
  background-color: #83b64b;
  color: #fff;
  font-size: 14px;
  border: 1px solid #aaaaaa;
  border-radius: 30px;
  padding: 10px 20px;
}

.ctas-container {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ctas-container .cta-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: white;
}

.ctas-container .cta-button a .mobile-text {
  display: none;
}

.ctas-container .cta-button a img {
  max-width: 25px;
  max-height: 25px;
}

@media screen and (min-width: 769px) {
  .ctas-container .cta-button {
    border: 1px solid white;
    margin-right: -1px;
  }
}

@media screen and (max-width: 768px) {
  .ctas-container {
    flex-direction: row;
    top: auto;
    transform: translateY(0%);
    bottom: 0;
    left: 0;
    z-index: 3;
    background-color: white;
    gap: 1px;
  }

  .ctas-container .cta-button {
    width: 100%;
    box-shadow: 0px -1px 4px rgba(255, 255, 255, 0.1);
  }

  .ctas-container .cta-button a {
    width: 100%;
    height: 38px;
    line-height: 1;
    background-color: #74b100 !important;
  }

  .ctas-container .cta-button a img {
    max-height: 20px;
  }

  .ctas-container .cta-button a .mobile-text {
    display: inline-block;
    margin-left: 5px;
  }
}

.cookie-message {
  background-color: #faf9f5;
  color: #685b52;
  box-shadow: 2px 5px 15px -2px rgba(0, 0, 0, 0.14);
}

.cookie-message .cookie-message__actions .cookie-message__submit--accept {
  background-color: #8fc257;
  border-color: #83b64b;
}

.cookie-message .cookie-message__actions .cookie-message__submit--decline {
  border-color: #83b64b;
  color: #83b64b;

  &:hover {
    color: black;
    background-color: #8fc257;
  }
}

.widget_categories .cat-item {
  color: #8ec649;
}

.fl-widget.widget_block h4.wp-block-heading {
  margin-bottom: 20px;
}

.banner-container {
  background-color: #957e51;
}

.banner-container {
  text-align: center;
  padding: 8px 20px;
}

.banner-container a,
.banner-container p {
  color: white;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  margin-bottom: 0;
}

.banner-container a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.banner-container a:hover,
.banner-container a:focus,
.banner-container a:active {
  color: white;
}

.banner-link-full {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.banner-container--full {
  padding: 0;
}

.fl-page-header-container {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 768px) {
  .fl-page-header-container {
    overflow: hidden;
  }
}

.fl-page-header-logo {
  margin-right: 0 !important;
  padding-left: 20px !important;
}

.navbar-toggler {
  padding-left: 0px !important;
  padding-right: 0px !important;
  right: 15px !important;
  top: 16px !important;
}

.fl-page-nav-search {
  order: 1 !important;
}

.woocommerce-products-header .term-description p {
  display: inline-block;
}

.swiper-slide {
  justify-content: center !important;
  height: unset !important;
  flex-direction: column !important;
}

.formbox {
  width: 100% !important;
}

.fl-page-header-logo-col {
  width: 100% !important;

  @media (min-width: 992px) {
    width: 107px;
  }
}

.fl-page-header-row {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.row::before,
.row::after {
  content: none !important;
}

.menu-item {
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .fl-page-nav-col {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  .fl-page-nav-col {
    width: 100% !important;
  }
}

.galerie-container.grid .galerie-item.grid-sizer,
.galerie-container.grid .galerie-item.grid-item {
  width: calc(25% - 7.5px);
}

.galerie-container.grid .galerie-item.grid-item {
  margin-bottom: 10px;
}

@media screen and (max-width: 992px) {

  .galerie-container.grid .galerie-item.grid-sizer,
  .galerie-container.grid .galerie-item.grid-item {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 600px) {

  .galerie-container.grid .galerie-item.grid-sizer,
  .galerie-container.grid .galerie-item.grid-item {
    width: 100%;
  }
}

.galerie-item-wrapper figure {
  position: relative;
}

.galerie-item-wrapper figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 5px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.galerie-item-wrapper a {
  text-decoration: none;
}

.galerie-item-wrapper:hover figure figcaption {
  opacity: 1;
}

@media (max-width: 1009px) {
  .galerie-item-wrapper figure figcaption {
    opacity: 1;
  }
}

/* ease table of contents plugin */

.ez-toc-icon-toggle-span {
  width: 48px;
  height: 48px;
}

.ez-toc-icon-toggle-span> :first-child {
  width: 30px;
  height: 30px;
}

.ez-toc-icon-toggle-span> :nth-child(2) {
  width: 12px;
  height: 12px;
}

.ez-toc-cssicon {
  width: 48px;
  background-color: #74b100;
  border: 1px solid #fff;
}

.ez-toc-cssicon svg,
.ez-toc-cssicon svg path {
  fill: #fff !important;
}

/* fix beaver builder smooth scroll */
:target:before {
  content: "";
  display: block;
  margin-top: -64px;
  height: 64px;
}

[id] {
  scroll-margin-top: 64px;
}

a:focus:not(:focus-visible) {
  outline: none;
}

a:focus-visible {
  outline: 2px auto black;
  outline-offset: -2px;
}