@font-face {
  font-family: "Tangerine";
  src: url("../fonts/tangerine-webfont.woff") format("woff");
}
@font-face {
  font-family: "Gordita";
  src: url("../fonts/Gordita_Regular.woff") format("woff");
}
@font-face {
  font-family: "Gordita Medium";
  src: url("../fonts/Gordita_Medium.woff") format("woff");
}
@font-face {
  font-family: "Gordita Bold";
  src: url("../fonts/Gordita_Bold.woff") format("woff");
}
/* =======================================================================
## ++ Media Queries
========================================================================== */
/* =======================================================================
## ++ Text styles
========================================================================== */
/* =======================================================================
## ++ END Text styles
========================================================================== */
/* =======================================================================
## ++ shiva_basetheme grid-system
========================================================================== */
.headerslideshow {
  position: relative;
  height: 100vh;
}
.headerslideshow header {
  position: absolute;
  bottom: 10vh;
  z-index: 10;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 100px;
}
.headerslideshow header a {
  display: block;
  width: 200px;
  height: 100px;
  background: url(../img/scroll.svg) top center no-repeat;
  text-indent: -10000px;
  overflow: hidden;
}
.headerslideshow header .scrolltitel {
  color: white;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  padding-bottom: 10px;
}
.headerslideshow .flexslider .slides {
  height: 100vh;
}
.headerslideshow .flexslider .slides img {
  height: auto;
  -moz-user-select: none;
  visibility: hidden;
  height: 100vh;
}
.headerslideshow .flexslider .slides .field-content {
  height: 100vh;
  opacity: 0.8;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.messages-list {
  background-color: #f9f6f4 !important;
  padding: 50px !important;
  border-radius: 20px !important;
}

.flexslider {
  margin: 0 !important;
  background: #000 !important;
  border: 0 solid #fff !important;
  position: relative !important;
  zoom: 1 !important;
}

#cboxOverlay {
  z-index: 99999;
  background-color: white;
}

a.colorbox {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  a.colorbox {
    pointer-events: auto;
  }
}

#colorbox {
  overflow: visible !important;
  z-index: 999999;
}

#cboxWrapper {
  background: transparent !important;
  border-radius: 0px !important;
  overflow: visible !important;
}

#cboxContent {
  background: transparent !important;
  overflow: visible !important;
}

#cboxPrevious {
  position: absolute !important;
  top: 50% !important;
  margin-top: -50px !important;
  left: 20px !important;
  background: rgba(255, 255, 255, 0.5) url(../img/pre.svg) no-repeat center center !important;
  background-size: 10px !important;
  width: 80px !important;
  height: 80px !important;
  text-indent: -9999px !important;
  border-radius: 50%;
  border: 1px solid #262626;
}

#cboxNext {
  position: absolute !important;
  top: 50% !important;
  margin-top: -50px !important;
  right: 20px !important;
  left: auto !important;
  background: rgba(255, 255, 255, 0.5) url(../img/nex.svg) no-repeat center center !important;
  background-size: 10px !important;
  width: 80px !important;
  height: 80px !important;
  text-indent: -9999px !important;
  border-radius: 50%;
  border: 1px solid #262626;
}

#cboxClose {
  position: absolute !important;
  bottom: auto !important;
  top: 10px !important;
  right: 10px !important;
  background: url(../img/cross.svg) no-repeat center center !important;
  background-size: 20px !important;
  width: 80px !important;
  height: 80px !important;
  text-indent: -9999px !important;
  border-radius: 50%;
}

#cboxCurrent {
  display: none !important;
}

#cboxLoadedContent {
  margin-bottom: 0 !important;
}

#cboxTitle {
  position: absolute !important;
  background: transparent !important;
  bottom: -10px !important;
  left: 0 !important;
  color: white !important;
  width: 100% !important;
  padding: 4px 0 !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

#block-views-block-merken-block-1 {
  background-color: #f9f6f4;
}
#block-views-block-merken-block-1 h3 {
  font-size: 25px;
  text-align: center;
  font-weight: 400;
  padding-top: 100px;
}

#block-views-block-merken-block-1 .optionset-slide-met-pijlen {
  width: 960px;
  max-width: 80vw;
  margin: auto !important;
  overflow: visible !important;
  position: relative;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-nav-prev {
  position: absolute;
  background: url(../img/prev.svg) left center no-repeat;
  z-index: 1000;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -25px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 50px;
  display: block;
  opacity: 0;
  text-indent: -10000px;
  overflow: hidden;
  margin: 0 !important;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-prev:before {
  max-height: 40px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-nav-next {
  position: absolute;
  background: url(../img/next.svg) left center no-repeat;
  z-index: 1000;
  width: 100px;
  height: 50px;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -25px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-next {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 50px;
  display: block;
  opacity: 0;
  text-indent: -10000px;
  overflow: hidden;
  margin: 0 !important;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-next:before {
  max-height: 40px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-nav-prev {
  top: auto;
  bottom: 0px;
  left: 50%;
  margin-left: -80px;
  background: transparent;
  width: 50px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-prev {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  opacity: 1;
  text-indent: -10000px;
  overflow: hidden;
  text-align: left;
  margin: 0 !important;
  border-radius: 50%;
  border: 1px solid #D29367;
  background: url(../img/pre.svg) center center no-repeat;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-prev:before {
  display: none;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-nav-next {
  top: auto;
  bottom: 0px;
  right: 50%;
  margin-right: -80px;
  background: transparent;
  width: 50px;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-next {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  opacity: 1;
  text-indent: -10000px;
  overflow: hidden;
  text-align: left;
  margin: 0 !important;
  border-radius: 50%;
  border: 1px solid #D29367;
  background: url(../img/nex.svg) center center no-repeat;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-next:before {
  display: none;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport {
  width: 960px;
  max-width: 80vw;
  margin: auto !important;
  overflow: visible !important;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li {
  width: 960px !important;
  max-width: 80vw !important;
  position: relative;
  padding-bottom: 50px;
  background: #f9f6f4;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li img {
  border: 20px solid #f9f6f4;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title {
  border: 20px solid #f9f6f4;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title .field-content {
  width: 200px;
  text-align: center;
}
#block-views-block-merken-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title .field-content a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-size: 25px;
}

#block-views-block-realisaties-home-block-1 {
  background-color: #353a3a;
  padding: 100px 0;
}
#block-views-block-realisaties-home-block-1 h2 {
  color: #D29367;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin-bottom: 50px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen {
  background: #353a3a !important;
  width: 960px;
  max-width: 80vw;
  margin: auto !important;
  overflow: visible !important;
  position: relative;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-nav-prev {
  position: absolute;
  background: url(../img/prev.svg) left center no-repeat;
  z-index: 1000;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -25px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 50px;
  display: block;
  opacity: 0;
  text-indent: -10000px;
  overflow: hidden;
  margin: 0 !important;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-prev:before {
  max-height: 40px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-nav-next {
  position: absolute;
  background: url(../img/next.svg) left center no-repeat;
  z-index: 1000;
  width: 100px;
  height: 50px;
  top: 50%;
  right: 0;
  display: block;
  margin-top: -25px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-next {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 50px;
  display: block;
  opacity: 0;
  text-indent: -10000px;
  overflow: hidden;
  margin: 0 !important;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-next:before {
  max-height: 40px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-nav-prev {
  display: none;
  top: auto;
  bottom: 0px;
  left: 50%;
  margin-left: -80px;
  background: transparent;
  width: 50px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-prev {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 50px;
  display: block;
  opacity: 1;
  text-indent: -10000px;
  overflow: hidden;
  text-align: left;
  margin: 0 !important;
  border-radius: 50%;
  border: 1px solid #D29367;
  background: url(../img/pre.svg) center center no-repeat;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-prev:before {
  display: none;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-nav-next {
  top: auto;
  bottom: auto;
  top: 50%;
  margin-top: -75px;
  right: -90px;
  margin-right: 0;
  background: transparent;
  width: 150px;
  height: 150px;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-next {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 150px;
  height: 150px;
  display: block;
  opacity: 1;
  text-indent: -10000px;
  overflow: hidden;
  text-align: left;
  margin: 0 !important;
  border-radius: 50%;
  border: 1px solid white;
  background: url(../img/nexx.svg) center center no-repeat;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-next:before {
  display: none;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport {
  width: 960px;
  max-width: 80vw;
  margin: auto !important;
  overflow: visible !important;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li {
  width: 960px !important;
  max-width: 80vw !important;
  position: relative;
  background: #353a3a;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li.flex-active-slide {
  -webkit-transform: scale(1);
          transform: scale(1);
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li img {
  border: 0px solid #353a3a;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title {
  border: 0px solid #353a3a;
  position: absolute;
  top: 0;
  bottom: 50px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title .field-content {
  width: 200px;
  text-align: center;
}
#block-views-block-realisaties-home-block-1 .optionset-slide-met-pijlen .flex-viewport li .views-field-title .field-content a {
  text-decoration: none;
  text-transform: uppercase;
  color: white;
  font-size: 25px;
}

.faqblock {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  padding-top: 100px;
}
.ui-accordion .views-row {
  border-bottom: 0px solid #979797;
}
.ui-accordion .views-row .views-row {
  border-bottom: 1px solid #979797;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 20px 20px 20px 0;
  font-size: 20px;
  font-family: "Tangerine", sans-serif;
  border: 0;
  border-radius: 0;
  line-height: 3;
  background-color: transparent;
}
.ui-accordion .ui-accordion-header a {
  color: #262626 !important;
}
.ui-accordion .ui-widget-content {
  font-family: "Gordita", sans-serif;
  border: 0;
  border-radius: 0;
  padding: 0 0 40px 0;
}

.indicator {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 20000;
  color: black;
  font-size: 10px;
  padding: 5px 10px;
}

.copyright {
  display: block;
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
.copyright .copyr {
  font-size: 10px;
}

.pwrapped {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#block-breadcrumbs ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#block-breadcrumbs ol li {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #262626;
  display: inline-block;
}
#block-breadcrumbs ol li a {
  padding-right: 25px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: #262626;
  display: inline-block;
  background: url(../img/bread.svg) top 4px right 5px no-repeat;
  background-size: 10px;
}

.messages-list {
  width: 1440px;
  max-width: 100%;
  margin: auto;
}

#block-go-local-tasks {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  border-top: 50px solid white;
  border-bottom: 6px solid white;
}
#block-go-local-tasks ul {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
#block-go-local-tasks ul::after {
  display: block;
  content: "";
  clear: both;
}
#block-go-local-tasks ul li {
  float: left;
}
#block-go-local-tasks ul li a {
  display: block;
  color: white;
  text-decoration: none;
  background: #D29367;
  -webkit-box-shadow: 2px 2px 0px black;
          box-shadow: 2px 2px 0px black;
  font-weight: 400;
  padding: 0 40px;
  margin-right: 6px;
  position: relative;
  position: relative;
  top: 0px;
  left: 0px;
  font-weight: 900;
}
#block-go-local-tasks ul li a.is-active {
  display: none;
}
#block-go-local-tasks ul li a:hover {
  background: black;
  -webkit-box-shadow: 0px 0px 0px black;
          box-shadow: 0px 0px 0px black;
  position: relative;
  top: 2px;
  left: 2px;
}

.cookies-popup {
  background: #262626;
  color: #e0fbfc;
  border-radius: 0 0.25rem 0.25rem;
  padding: 1.5rem;
  font-family: -apple-system, sans-serif;
  font-size: 0.875rem;
  -webkit-box-shadow: 2px 2px 11px 0 rgba(61, 90, 128, 0.5);
          box-shadow: 2px 2px 11px 0 rgba(61, 90, 128, 0.5);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 50rem;
  text-align: initial;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.cookies-popup--withdraw {
  background: #262626 url(../img/cookie.svg) center center no-repeat;
  background-size: 15px;
  color: #fff;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  left: 1rem;
  border: 0;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  border-radius: 0.25rem 0.25rem 0 0;
  text-indent: -10000px;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.cookies-popup--withdraw:focus {
  outline: none;
}

.cookies-popup * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

@media screen and (max-width: 600px) {
  .cookies-popup--buttons {
    min-height: 143px;
  }
}
.cookies-popup--btn-link {
  background: none;
  padding: 0;
  color: #98c1d9;
  border: 0;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  margin-right: 1rem;
}
.cookies-popup--btn-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 110%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  background: #98c1d9;
  -webkit-transition: width 0.3s ease-in-out, left 0.3s ease-in-out, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.cookies-popup--btn-link:hover {
  color: #D29367;
}
.cookies-popup--btn-link:hover:after {
  background: #D29367;
}

.cookies-popup--btn-primary, .cookies-popup--btn-secondary {
  padding: 0.5rem 1rem;
  border: 0;
  color: #fff;
  border-radius: 1rem;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  margin-top: 1rem;
  margin-right: 1rem;
}

.cookies-popup--btn-primary {
  background: #D29367;
}
.cookies-popup--btn-primary:hover {
  background: #18f26f;
}

.cookies-popup--btn-secondary {
  background: #3d5a80;
}
.cookies-popup--btn-secondary:hover {
  background: #1790ff;
}

.cookies-popup--message {
  margin-bottom: 2rem;
}
.cookies-popup--message p {
  display: inline;
}

.cookies-popup--switch {
  margin-bottom: 0;
}
.cookies-popup--switch input {
  opacity: 0;
  width: 0;
  height: 0;
  display: block;
}
.cookies-popup--switch input:checked:disabled + .cookies-popup--switch--toggle .cookies-popup--switch--toggle--inner {
  background: rgba(238, 108, 77, 0.5);
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--toggle--inner {
  left: 1rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: #D29367;
  -webkit-transition: left 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--icon--line {
  top: -8px;
  left: 2px;
  -webkit-transform: rotate(-140deg);
          transform: rotate(-140deg);
  -webkit-transition: left 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, top 0.5s ease, transform 0.5s ease;
  transition: left 0.5s ease, top 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--icon--line:before {
  width: 0.25rem;
  left: 0.3rem;
  top: 0.125rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: width 0.5s ease, left 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: width 0.5s ease, left 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease;
  transition: width 0.5s ease, left 0.5s ease, top 0.5s ease, transform 0.5s ease;
  transition: width 0.5s ease, left 0.5s ease, top 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.cookies-popup--switch--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cookies-popup--switch--toggle {
  background-color: #fff;
  width: 2rem;
  height: 1rem;
  border-radius: 2rem;
  display: block;
  padding: 0.25rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.cookies-popup--switch--toggle--inner {
  background-color: #1790ff;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: left 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease;
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
}

.cookies-popup--switch--icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 auto;
  width: 0.75rem;
  height: 0.75rem;
}

.cookies-popup--switch--icon--line {
  display: inline-block;
  width: 0.5rem;
  height: 0.125rem;
  background-color: #fff;
  position: relative;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-radius: 0.3rem;
  top: -10px;
  left: 2px;
}
.cookies-popup--switch--icon--line:before {
  display: inline-block;
  width: 0.5rem;
  height: 0.125rem;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  left: 0;
  right: 0;
  content: "";
  border-radius: 0.3rem;
}

.cookies-popup--switch--content {
  margin-left: 0.75rem;
  margin-bottom: 1rem;
}

.cookies-popup--switch--label {
  font-size: 1.25rem;
}

.cookies-popup--switch--description {
  font-size: 0.85rem;
  color: #98c1d9;
}

.cookies-popup--switch--buttons > * {
  margin-right: 1rem;
}

@media screen and (max-width: 850px) {
  .cookies-popup {
    margin-right: 1rem;
  }
}
.cookies-popup .eu-cookie-compliance-more-button {
  margin-left: 0.25rem;
}
.cookies-popup .eu-cookie-compliance-save-preferences-button {
  margin-top: 1rem;
}

.privacy .bodyfield {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
body {
  font-weight: 400;
}

h1 {
  font-family: "Tangerine", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  h1 {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  h1 {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1440px) {
  h1 {
    font-size: 44px;
  }
}

h2 {
  font-family: "Tangerine", sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  h2 {
    font-size: 2vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1440px) {
  h2 {
    font-size: 32px;
    line-height: 1.1;
  }
}

h4 {
  color: #D29367;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  font-weight: 700;
}

p, li {
  font-weight: 400;
  line-height: 1.9;
  font-size: 15px;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  p, li {
    font-size: 13px;
  }
}
@media screen and (min-width: 1024px) {
  p, li {
    font-size: 14px;
  }
}
p.right, li.right {
  text-align: right;
}

strong {
  font-weight: 600;
}

a.button, .webform-button--submit {
  display: inline-block;
  background: url(../img/linkbol.svg) right 0 center no-repeat;
  color: #262626;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Gordita Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 60px 0 0;
  width: auto !important;
  border: 0 !important;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
}

body {
  -webkit-font-smoothing: antialiased;
  font-family: "Gordita", sans-serif;
  margin: 0;
  color: #262626;
  overflow-x: hidden;
  font-weight: 400;
  line-height: 1.9;
  font-size: 15px;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 13px;
  }
}
@media screen and (min-width: 1024px) {
  body {
    font-size: 14px;
  }
}
body img {
  width: 100%;
  height: auto;
}

body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  position: fixed;
  z-index: 1000000000;
}

.page-node-type-fotogalerij #content {
  margin-top: 100px;
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
#block-views-block-fotogalerij-block-1 .binner {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
#block-views-block-fotogalerij-block-1 .binner .masonry-item {
  width: 46% !important;
}
#block-views-block-fotogalerij-block-1 .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 40px;
}
#block-views-block-fotogalerij-block-1 .views-row {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #block-views-block-fotogalerij-block-1 .views-row {
    width: calc(50% - 20px);
  }
}
@media screen and (min-width: 768px) {
  #block-views-block-fotogalerij-block-1 .views-row {
    width: calc(25% - 30px);
  }
}

body {
  padding-top: 60px;
}
@media screen and (min-width: 960px) {
  body {
    padding-top: 0;
  }
}

.region-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background-color: white;
}
@media screen and (min-width: 960px) {
  .region-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }
}

#page-header .rinner {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
}
@media screen and (min-width: 960px) {
  #page-header .rinner {
    height: 130px;
  }
}

#block-logo {
  padding-left: 0px;
  width: 80px;
}
#block-logo img {
  width: 80px;
}
@media screen and (min-width: 960px) {
  #block-logo {
    width: 165px;
  }
  #block-logo img {
    width: 165px;
  }
}
@media screen and (min-width: 1440px) {
  #block-logo {
    padding-left: 90px;
    width: 255px;
  }
}

.block-commerce-cart {
  width: 60px;
  padding-right: 0px;
}
@media screen and (min-width: 960px) {
  .block-commerce-cart {
    width: 165px;
  }
}
@media screen and (min-width: 1440px) {
  .block-commerce-cart {
    padding-right: 90px;
    width: 255px;
  }
}

.nav {
  display: none;
}
@media screen and (min-width: 960px) {
  .nav {
    display: block;
  }
}

#block-go-hoofdnavigatie {
  display: inline-block;
}
#block-go-hoofdnavigatie ul.menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#block-go-hoofdnavigatie ul.menu li {
  display: inline-block;
  padding: 0 20px;
  line-height: 45px;
}
#block-go-hoofdnavigatie ul.menu li a {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
}

#block-gebruikersmenu {
  display: inline-block;
}
#block-gebruikersmenu ul.menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#block-gebruikersmenu ul.menu li {
  display: inline-block;
  padding-left: 40px;
  line-height: 45px;
}
#block-gebruikersmenu ul.menu li a {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 1px;
}

.scroll {
  padding-top: 130px;
}
.scroll .region-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background-color: white;
}
.scroll #page-header .rinner {
  height: 60px;
}
.scroll #block-logo {
  width: 80px;
}
.scroll #block-logo img {
  width: 80px;
}

.cart-block--summary__icon {
  width: 30px;
  display: inline-block;
}

a.cart-block--link__expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
a.cart-block--link__expand .cart-block--summary__icon {
  margin-right: 10px;
  text-indent: -10000px;
  overflow: hidden;
  background: url(../img/basket.svg) right top 2px no-repeat;
}

#block-menutrigger {
  display: block;
  width: 60px;
}
@media screen and (min-width: 960px) {
  #block-menutrigger {
    display: none;
  }
}

#menu-trigger {
  height: 55px;
  width: 40px;
  z-index: 910;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1024px) {
  #menu-trigger {
    display: none;
  }
}

#hamburger {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 7px;
  left: 0px;
  display: inline-block;
  cursor: pointer;
  background-color: white;
  border-radius: 5px;
}
#hamburger span {
  height: 2px;
  background-color: black;
  display: inline-block;
  width: 30px;
}
@media screen and (min-width: 1024px) {
  #hamburger span {
    width: 60px;
  }
}
#hamburger span.toe {
  background-color: black;
}
#hamburger #upperline {
  position: absolute;
  left: 5px;
  top: 19px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#hamburger #upperline.toe {
  top: 10px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#hamburger #middleline {
  position: absolute;
  top: 19px;
  left: 5px;
  visibility: hidden;
}
#hamburger #middleline.toe {
  visibility: visible;
}
#hamburger #bottomline {
  position: absolute;
  left: 5px;
  top: 19px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 60px;
}
#hamburger #bottomline.toe {
  max-width: 40px;
  top: 28px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#hamburger:hover #bottomline {
  max-width: 60px;
}
.mobmenu {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: -110vw;
  right: 110vw;
  background-color: white;
  z-index: 100000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .mobmenu {
    display: none;
  }
}
.mobmenu.open {
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobmenu .minner {
  position: absolute;
  background-color: #262626;
  top: 2vw;
  bottom: 2vw;
  left: 2vw;
  right: 2vw;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mobmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.mobmenu ul li {
  text-align: center;
}
.mobmenu ul li a {
  line-height: 50px;
  font-weight: 900;
  text-transform: capitalize;
}

.region-footer {
  background-color: white;
}
.region-footer p, .region-footer li {
  line-height: 2;
  font-size: 12px;
}
.region-footer .rinner {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  border-top: 1px solid #979797;
  margin-top: 90px;
  padding-top: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner h2 {
    font-family: "Gordita", sans-serif;
    font-size: 12px;
  }
}
.region-footer .rinner .footernewsletter {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footernewsletter {
    width: 45%;
    text-align: left;
  }
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footernewsletter {
    width: 45%;
  }
}
.region-footer .rinner .footermenu {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footermenu {
    width: 45%;
    text-align: left;
  }
}
.region-footer .rinner .footermenu ul.menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footermenu {
    width: 15%;
  }
}
.region-footer .rinner .footercontact {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footercontact {
    width: 45%;
    text-align: left;
  }
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footercontact {
    width: 20%;
  }
}
.region-footer .rinner .footeropen {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footeropen {
    width: 45%;
    text-align: left;
  }
}
.region-footer .rinner .footeropen img {
  width: 110px;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footeropen {
    width: auto;
  }
}

.bovenvoet {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .bovenvoet {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .bovenvoet {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .bovenvoet {
    margin: 133px auto;
  }
}
.bovenvoet .finner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.bovenvoet .finner p {
  width: 100%;
  padding-top: 90px;
  background: url(../img/zorg.svg) top 12px center no-repeat;
}
@media screen and (min-width: 600px) {
  .bovenvoet .finner p {
    width: 30%;
  }
}
.bovenvoet .finner p:first-child {
  background: url(../img/levering.svg) top center no-repeat;
}
.bovenvoet .finner p:last-child {
  background: url(../img/bereikbaar.svg) top 12px center no-repeat;
}

.paragraph--type--contact {
  margin: 40px auto;
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
@media screen and (min-width: 600px) {
  .paragraph--type--contact {
    margin: 53px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--contact {
    margin: 7vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--contact {
    margin: 100px auto;
  }
}
.paragraph--type--contact form label {
  display: block;
  padding-top: 30px;
}
.paragraph--type--contact form #edit-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--contact form #edit-container .form-item {
  width: 47%;
}
.paragraph--type--contact form input {
  width: 100%;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #979797;
  line-height: 40px;
}
.paragraph--type--contact form textarea {
  width: 100%;
  border: 1px solid #979797;
  line-height: 40px;
}
.paragraph--type--contact form .button {
  margin-top: 20px;
  float: right;
}
.paragraph--type--contact form .form-actions::after {
  display: block;
  content: "";
  clear: both;
}

.materialenoverzicht-shop {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
.materialenoverzicht-shop .viewcontent {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .materialenoverzicht-shop .viewcontent {
    width: 40%;
  }
}
.materialenoverzicht-shop .viewcontent header {
  width: 100%;
  font-family: "Tangerine", sans-serif;
  font-size: 25px;
  margin-bottom: 20px;
}
.materialenoverzicht-shop .viewcontent .group {
  width: 40%;
}
.materialenoverzicht-shop .viewcontent .group h3 {
  margin: 0;
}
.materialenoverzicht-shop .viewcontent .views-row {
  display: none;
}

.materialenoverzicht {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .materialenoverzicht {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .materialenoverzicht {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .materialenoverzicht {
    margin: 133px auto;
  }
}
.materialenoverzicht .viewcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.materialenoverzicht .viewcontent .group {
  width: 48%;
}
@media screen and (min-width: 768px) {
  .materialenoverzicht .viewcontent .group {
    width: 40%;
  }
}
.materialenoverzicht .viewcontent .group a {
  font-size: 24px;
  line-height: 1;
}
.materialenoverzicht .viewcontent .group .views-row {
  display: none;
}

#block-levering {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#block-levering .finner {
  width: calc(100vw - (100vw - 1280px) / 2);
  max-width: 98vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#block-levering p {
  height: calc((100vw - (100vw - 1280px) / 2) / 4.5);
  width: calc((100vw - (100vw - 1280px) / 2) / 4.5);
  max-height: 21.7777777778vw;
  max-width: 21.7777777778vw;
  background: #EFEFEF url(../img/levering.svg) center center no-repeat;
  position: relative;
}
#block-levering p:after {
  content: "STAP 1";
  position: absolute;
  bottom: -24px;
  font-size: 12px;
}

.paragraph--type--banner {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  position: relative;
}
.paragraph--type--banner .bannertekst {
  position: absolute;
  top: 0;
  bottom: 50%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: white;
  font-family: "Tangerine", sans-serif;
  line-height: 1.2;
  font-size: 4.166vw;
}
@media screen and (min-width: 600px) {
  .paragraph--type--banner .bannertekst {
    font-size: 4.166vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--banner .bannertekst {
    font-size: 60px;
  }
}
.paragraph--type--banner .bannerknop {
  position: absolute;
  top: 60%;
  bottom: 0;
  left: 0;
  right: 0;
  color: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph--type--banner .bannerknop a {
  display: inline-block;
  background: #262626 url(../img/verder.svg) right 15px center no-repeat;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Gordita Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 60px 0 30px;
}

.paragraph--type--call-to-action {
  text-align: center;
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .paragraph--type--call-to-action {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--call-to-action {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--call-to-action {
    margin: 133px auto;
  }
}
.paragraph--type--call-to-action .ctatekst p {
  font-size: 24px;
  max-width: 680px;
  width: 80%;
  margin: auto;
}
.paragraph--type--call-to-action .ctaknop {
  margin: 40px auto;
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--call-to-action .ctaknop {
    margin: 53px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--call-to-action .ctaknop {
    margin: 7vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--call-to-action .ctaknop {
    margin: 100px auto;
  }
}
.paragraph--type--call-to-action .ctaknop a {
  display: inline-block;
  background: url(../img/linkbol.svg) right 0 center no-repeat;
  color: #262626;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Gordita Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 60px 0 20px;
}

.paragraph--type--textblock.type_02 {
  max-width: 680px;
  width: 80%;
  margin: auto;
  margin: 40px auto;
}
@media screen and (min-width: 600px) {
  .paragraph--type--textblock.type_02 {
    margin: 53px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--textblock.type_02 {
    margin: 7vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--textblock.type_02 {
    margin: 100px auto;
  }
}
.paragraph--type--textblock.type_02 h2 {
  font-family: "Tangerine", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  .paragraph--type--textblock.type_02 h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--textblock.type_02 h2 {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--textblock.type_02 h2 {
    font-size: 44px;
  }
}

.paragraph--type--text-image {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .paragraph--type--text-image {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--text-image {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--text-image {
    margin: 133px auto;
  }
}
.paragraph--type--text-image .phinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.paragraph--type--text-image .phinner .tekst {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .paragraph--type--text-image .phinner .tekst {
    width: 50%;
  }
}
.paragraph--type--text-image .phinner .tekst .finner {
  max-width: 80%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--text-image .phinner .tekst .finner {
    max-width: 60%;
  }
}
.paragraph--type--text-image .phinner .tekst .finner h2 {
  font-family: "Tangerine", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  .paragraph--type--text-image .phinner .tekst .finner h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--text-image .phinner .tekst .finner h2 {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--text-image .phinner .tekst .finner h2 {
    font-size: 44px;
  }
}
.paragraph--type--text-image .phinner .foto {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--text-image .phinner .foto {
    width: 50%;
  }
}
.paragraph--type--text-image.image-left .phinner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.paragraph--type--_-images .phinner {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .paragraph--type--_-images .phinner {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--_-images .phinner {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--_-images .phinner {
    margin: 133px auto;
  }
}
.paragraph--type--_-images .phinner .foto01 {
  width: 60%;
}
.paragraph--type--_-images .phinner .foto02 {
  width: 39.2%;
}

.paragraph--type--_-kolommen-tekst {
  margin: 53px auto;
  background-color: #F9F5F2;
}
@media screen and (min-width: 600px) {
  .paragraph--type--_-kolommen-tekst {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--_-kolommen-tekst {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--_-kolommen-tekst {
    margin: 133px auto;
  }
}
.paragraph--type--_-kolommen-tekst .phinner {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  padding: 6vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--_-kolommen-tekst .phinner > div {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.paragraph--type--_-kolommen-tekst .phinner > div .finner {
  width: 70%;
  text-align: center;
}
.paragraph--type--_-kolommen-tekst .phinner .tekst01 {
  border-right: 2px solid #979797;
}

.paragraph--type--_-kolommen-foto-tekst {
  margin: 53px auto;
}
@media screen and (min-width: 600px) {
  .paragraph--type--_-kolommen-foto-tekst {
    margin: 70px auto;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--_-kolommen-foto-tekst {
    margin: 9.333vw auto;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--_-kolommen-foto-tekst {
    margin: 133px auto;
  }
}
.paragraph--type--_-kolommen-foto-tekst .phinner {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.paragraph--type--_-kolommen-foto-tekst .phinner > div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 960px) {
  .paragraph--type--_-kolommen-foto-tekst .phinner > div {
    width: 46%;
  }
}
.paragraph--type--_-kolommen-foto-tekst .phinner table {
  width: 100% !important;
  display: block;
  margin-bottom: 50px;
}
.paragraph--type--_-kolommen-foto-tekst .phinner table td {
  vertical-align: top;
  width: 100%;
  display: block;
}
@media screen and (min-width: 600px) {
  .paragraph--type--_-kolommen-foto-tekst .phinner table {
    width: 100% !important;
    display: table;
  }
  .paragraph--type--_-kolommen-foto-tekst .phinner table td {
    vertical-align: top;
    width: 50%;
    display: table-cell;
  }
}

#block-gratislevering {
  text-align: center;
  background-color: #262626;
  color: white;
  position: relative;
  display: none;
}
@media screen and (min-width: 768px) {
  #block-gratislevering {
    display: block;
  }
}
#block-gratislevering:after {
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  width: 40px;
  background: #262626 url(../img/cross.svg) center center no-repeat;
  background-size: 15px;
  cursor: pointer;
}
#block-gratislevering p {
  font-size: 8px;
  font-family: "Gordita Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 40px;
  margin: 0;
}

.path-store .views-element-container, .path-taxonomy .views-element-container, .productoverzicht, #shop-products {
  width: 1440px;
  max-width: 90%;
  margin: auto;
}
.path-store .views-element-container .views-field-price__number, .path-taxonomy .views-element-container .views-field-price__number, .productoverzicht .views-field-price__number, #shop-products .views-field-price__number {
  float: left;
  line-height: 50px;
}
.path-store .views-element-container .views-exposed-form, .path-taxonomy .views-element-container .views-exposed-form, .productoverzicht .views-exposed-form, #shop-products .views-exposed-form {
  display: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #262626;
  padding-top: 10px;
  padding-bottom: 30px;
  margin-bottom: 70px;
}
.path-store .views-element-container .views-exposed-form details, .path-taxonomy .views-element-container .views-exposed-form details, .productoverzicht .views-exposed-form details, #shop-products .views-exposed-form details {
  margin-right: 70px;
}
.path-store .views-element-container .views-exposed-form details summary, .path-taxonomy .views-element-container .views-exposed-form details summary, .productoverzicht .views-exposed-form details summary, #shop-products .views-exposed-form details summary {
  position: relative;
  cursor: pointer;
}
.path-store .views-element-container .views-exposed-form details summary::marker, .path-taxonomy .views-element-container .views-exposed-form details summary::marker, .productoverzicht .views-exposed-form details summary::marker, #shop-products .views-exposed-form details summary::marker {
  content: "";
  display: block !important;
  width: 0px !important;
}
.path-store .views-element-container .views-exposed-form details summary:after, .path-taxonomy .views-element-container .views-exposed-form details summary:after, .productoverzicht .views-exposed-form details summary:after, #shop-products .views-exposed-form details summary:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/open.svg) center center no-repeat;
  background-size: 15px;
  position: absolute;
  top: 3px;
  right: -25px;
}
.path-store .views-element-container .views-exposed-form details .form-item, .path-taxonomy .views-element-container .views-exposed-form details .form-item, .productoverzicht .views-exposed-form details .form-item, #shop-products .views-exposed-form details .form-item {
  position: absolute;
  z-index: 10;
}
.path-store .views-element-container .group, .path-taxonomy .views-element-container .group, .productoverzicht .group, #shop-products .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  gap: 45px;
}
.path-store .views-element-container .group .views-row, .path-taxonomy .views-element-container .group .views-row, .productoverzicht .group .views-row, #shop-products .group .views-row {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (min-width: 600px) {
  .path-store .views-element-container .group .views-row, .path-taxonomy .views-element-container .group .views-row, .productoverzicht .group .views-row, #shop-products .group .views-row {
    width: calc(50% - 22.5px);
  }
}
@media screen and (min-width: 768px) {
  .path-store .views-element-container .group .views-row, .path-taxonomy .views-element-container .group .views-row, .productoverzicht .group .views-row, #shop-products .group .views-row {
    width: calc(33.3333333333% - 30px);
  }
}
.path-store .views-element-container .group .views-row .field-content, .path-taxonomy .views-element-container .group .views-row .field-content, .productoverzicht .group .views-row .field-content, #shop-products .group .views-row .field-content {
  overflow: auto;
}
.path-store .views-element-container .group img, .path-taxonomy .views-element-container .group img, .productoverzicht .group img, #shop-products .group img {
  width: 100%;
  height: auto;
  opacity: 0.8;
  float: left;
}
.path-store .views-element-container .group img:hover, .path-taxonomy .views-element-container .group img:hover, .productoverzicht .group img:hover, #shop-products .group img:hover {
  width: 100%;
  height: auto;
  opacity: 1;
  float: left;
}
.path-store .views-element-container .group .views-row .views-field-field-images, .path-taxonomy .views-element-container .group .views-row .views-field-field-images, .productoverzicht .group .views-row .views-field-field-images, #shop-products .group .views-row .views-field-field-images {
  background: #999;
}
.path-store .views-element-container .group .views-row .price .final-price, .path-taxonomy .views-element-container .group .views-row .price .final-price, .productoverzicht .group .views-row .price .final-price, #shop-products .group .views-row .price .final-price {
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 400;
}

.views-field-nothing {
  height: 70px;
}

.newin {
  display: inline-block;
  background-color: #E9DDD4;
  font-size: 12px;
  line-height: 36px;
  border-radius: 18px;
  padding: 0 20px;
  letter-spacing: 2px;
  margin-top: 20px;
}

.views-field-commerce-add-to-cart-link a {
  display: inline-block;
  text-indent: -1000000px;
  overflow: hidden;
  background: url(../img/basket.svg) center right no-repeat;
  background-size: auto;
  width: 100px;
  height: 50px;
  float: right;
  background-size: 60px;
}

.breadcrumbs-wrapper {
  width: 100%;
}

.productfotos {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .productfotos {
    width: 50%;
  }
}

.productdetails {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .productdetails {
    width: 50%;
  }
}
.productdetails .fginner {
  width: 100%;
}
.productdetails .product-info--stock {
  text-align: right;
  color: #999;
  margin-top: 10px;
  margin-bottom: 50px;
  font-size: 12px;
}

.c-product-detail__sizevariants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-product-detail__sizevariants h2 {
  font-size: 15px;
  font-family: "Gordita", sans-serif;
  width: 80px;
  line-height: 30px;
}
.c-product-detail__sizevariants .dropdown--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.c-product-detail__sizevariants .dropdown--wrapper .dropdown__toggle {
  text-transform: uppercase;
  cursor: pointer;
  background-color: white;
  border-radius: 0;
  border: 1px solid black;
  height: 30px;
  position: relative;
  top: -1px;
  font-size: 20px;
}
.c-product-detail__sizevariants .dropdown--wrapper ul {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 5px;
  width: 1px;
}
.c-product-detail__sizevariants .dropdown--wrapper ul li {
  text-align: center;
  display: inline-block;
  padding-left: 5px;
}
.c-product-detail__sizevariants .dropdown--wrapper ul li a {
  display: inline-block;
  text-transform: uppercase;
  height: 30px;
  position: relative;
  border-bottom: 1px solid #000;
  top: -1px;
  font-size: 20px;
  padding: 0 6px;
  line-height: 1.6;
}

.c-product-detail__dimensions {
  margin-top: 20px;
}
.c-product-detail__dimensions ul {
  padding-left: 15px;
}

.c-product-detail__variation-price {
  margin-top: 40px;
}

#page-title .linner {
  display: none;
}

#pr_details .linner {
  display: block;
}

.path-product .region-content {
  width: 1440px;
  max-width: 90%;
  margin: auto;
}
.path-product .region-content article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.previous-wrapper {
  width: 100%;
  margin-bottom: 20px;
}

.productimage .finner li {
  background: #999;
}
.productimage .finner li::after {
  display: block;
  content: "";
  clear: both;
}
.productimage img {
  width: 100%;
  height: auto;
  opacity: 0.8;
  float: left;
}

.productdetails {
  padding: 0 0;
}
@media screen and (min-width: 768px) {
  .productdetails {
    padding: 0 3vw 0 7vw;
  }
}
@media screen and (min-width: 1660px) {
  .productdetails {
    padding: 0 50px 0 115px;
  }
}
.productdetails #page-title {
  font-size: 25px;
}

#pr-details {
  width: 100%;
  border: 1px solid #999;
  padding: 20px 20px 0px 20px;
}
@media screen and (min-width: 768px) {
  #pr-details {
    width: 50%;
  }
}
#pr-details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
  line-height: 3;
}
#pr-details > div:last-child {
  padding-bottom: 20px;
}
#pr-details > div .linner {
  padding-right: 50px;
}
#pr-details summary {
  position: relative;
  cursor: pointer;
  padding-bottom: 20px;
}
#pr-details summary::marker {
  content: "";
  display: block !important;
  width: 0px !important;
}
#pr-details summary:after {
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/open.svg) center center no-repeat;
  background-size: 15px;
  position: absolute;
  top: 3px;
  right: 25px;
}

.final-price {
  font-weight: 900;
  letter-spacing: 2px;
  font-size: 20px;
}

.commerce-order-item-add-to-cart-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 0 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.commerce-order-item-add-to-cart-form .button--add-to-cart {
  background-color: #262626;
  color: white;
  line-height: 60px;
  border: 0;
  border-radius: 30px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 50px;
  margin-top: 0;
}
.commerce-order-item-add-to-cart-form .field--widget-commerce-quantity label {
  display: none;
}
.commerce-order-item-add-to-cart-form .field--widget-commerce-quantity input {
  line-height: 60px;
  padding: 0 5px 0 20px;
  font-size: 20px;
  width: 100px;
}

.region-contentfullwidth {
  margin: 7vw auto;
}
.region-contentfullwidth .productoverzicht h2 {
  text-align: center;
}
.region-contentfullwidth .productoverzicht footer {
  text-align: center;
  margin: 50px;
}

.breadcrumbs-wrapper {
  display: none;
}

.path-store .storeintro, .path-taxonomy .storeintro {
  width: 680px;
  max-width: 80vw;
  margin: 100px auto;
}
.path-store .storeintro h2, .path-taxonomy .storeintro h2 {
  font-family: "Tangerine", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  .path-store .storeintro h2, .path-taxonomy .storeintro h2 {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  .path-store .storeintro h2, .path-taxonomy .storeintro h2 {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1440px) {
  .path-store .storeintro h2, .path-taxonomy .storeintro h2 {
    font-size: 44px;
  }
}
.path-store .region-voorcontent .rinner, .path-taxonomy .region-voorcontent .rinner {
  width: 1440px;
  max-width: 96vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #262626;
  padding: 20px 0;
  margin-bottom: 80px;
}
.path-store .region-voorcontent .rinner > div, .path-taxonomy .region-voorcontent .rinner > div {
  padding-right: 0px;
}
@media screen and (min-width: 768px) {
  .path-store .region-voorcontent .rinner > div, .path-taxonomy .region-voorcontent .rinner > div {
    padding-right: 40px;
  }
}
.path-store .region-voorcontent .rinner > div select, .path-taxonomy .region-voorcontent .rinner > div select {
  border: 0;
  background: transparent;
  color: #000;
  font-family: "Gordita", sans-serif;
  width: 90px;
  -webkit-appearance: none;
  font-size: 11px;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .path-store .region-voorcontent .rinner > div select, .path-taxonomy .region-voorcontent .rinner > div select {
    width: 100px;
    font-size: 13px;
    line-height: 1.6;
  }
}
.path-store .facet-active, .path-taxonomy .facet-active {
  font-weight: bold;
}

nav.pager ul.pager__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding-top: 13px;
  padding-bottom: 10px;
}
nav.pager ul.pager__items li {
  padding: 0 10px;
}
nav.pager ul.pager__items li.is-active {
  font-weight: 900;
  text-decoration: underline;
}

.add-to-cart-message-wrapper .productdetails {
  width: 100%;
}

.pr_gallery {
  width: 100%;
  aspect-ratio: 2/0.7;
  background-color: red;
  margin: 50px 0 0 0;
}
.pr_gallery h2, .pr_gallery ul.links {
  display: none;
}
.pr_gallery article {
  display: unset !important;
}
.pr_gallery .finner::after {
  display: block;
  content: "";
  clear: both;
}
.pr_gallery .finner img {
  float: left;
}

.added-to-cart-message {
  position: fixed;
  height: auto;
  width: 320px !important;
  top: 65px !important;
  left: 50% !important;
  margin-left: -160px !important;
  z-index: 101 !important;
}
.added-to-cart-message .add-to-cart-message-wrapper .product {
  text-align: center;
}
.added-to-cart-message .add-to-cart-message-wrapper .product img {
  width: 100px;
}
.added-to-cart-message .add-to-cart-message-actions {
  text-align: center;
}
.added-to-cart-message .add-to-cart-message-actions .checkout-link {
  margin: 20px 0;
}
.added-to-cart-message .add-to-cart-message-actions button {
  display: inline-block;
  background: #262626;
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Gordita Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 30px;
  width: auto !important;
  border: 0 !important;
  margin-bottom: 20px;
}
.added-to-cart-message h2 {
  font-size: 25px;
  text-align: center;
  margin: 20px 0 0 0;
  line-height: 1;
}

.commerce-cart-overview {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
.commerce-cart-overview table {
  width: 100%;
  border-spacing: 0px;
  display: block;
}
.commerce-cart-overview table tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #262626;
  padding-bottom: 20px;
}
.commerce-cart-overview table td {
  display: block;
}
.commerce-cart-overview table .views-field-field-image {
  width: 120px;
}
.commerce-cart-overview table .views-field-field-image img {
  width: 100px;
}
.commerce-cart-overview table .views-field-title {
  font-size: 15px;
  width: calc(100% - 130px);
  padding-top: 20px;
}
.commerce-cart-overview table .views-field-title .title-value {
  font-family: "Tangerine", sans-serif;
  font-size: 23px;
  padding-right: 50px;
  line-height: 1;
}
.commerce-cart-overview table .views-field-total-price__number {
  text-align: right;
  font-family: "Tangerine", sans-serif;
  font-size: 20px;
}
.commerce-cart-overview table .delete-order-item {
  text-indent: -10000px;
  overflow: hidden;
  border: 0;
  background: url(../img/trash.svg) center center no-repeat;
  display: inline-block;
  width: 50px;
  height: 30px;
  cursor: pointer;
  margin-top: 0;
}
.commerce-cart-overview table .quantity-edit-input {
  font-size: 20px;
  line-height: 50px;
  padding-left: 20px;
  width: 100px;
}
.commerce-cart-overview table .views-field-remove-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commerce-cart-overview table .views-field-total-price__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .commerce-cart-overview {
    margin: 0 auto;
    width: 1280px;
    max-width: 96vw;
  }
  .commerce-cart-overview table {
    width: 100%;
    border-spacing: 0px;
    display: table;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .commerce-cart-overview table tr {
    display: table-row;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    border-bottom: unset;
    padding-bottom: unset;
  }
  .commerce-cart-overview table td {
    vertical-align: middle;
    border-bottom: 1px solid #979797;
    display: table-cell;
  }
  .commerce-cart-overview table .views-field-field-image {
    width: 120px;
  }
  .commerce-cart-overview table .views-field-field-image img {
    width: 100px;
  }
  .commerce-cart-overview table .views-field-title {
    font-size: 15px;
    padding-top: unset;
  }
  .commerce-cart-overview table .views-field-title .title-value {
    font-family: "Tangerine", sans-serif;
    font-size: 23px;
    padding-right: 50px;
    line-height: 1;
  }
  .commerce-cart-overview table .views-field-total-price__number {
    text-align: right;
    font-family: "Tangerine", sans-serif;
    font-size: 20px;
  }
  .commerce-cart-overview table .delete-order-item {
    text-indent: -10000px;
    overflow: hidden;
    border: 0;
    background: url(../img/trash.svg) center center no-repeat;
    display: inline-block;
    width: 50px;
    height: 30px;
    cursor: pointer;
    margin-top: 0;
  }
  .commerce-cart-overview table .quantity-edit-input {
    font-size: 20px;
    line-height: 50px;
    padding-left: 20px;
    width: 100px;
  }
  .commerce-cart-overview table .views-field-remove-button {
    display: table-cell;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
  .commerce-cart-overview table .views-field-total-price__number {
    display: table-cell;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
  }
}
.cart-empty-page {
  margin-top: 7vw;
  text-align: center;
  font-family: "Tangerine", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 1.1;
}
@media screen and (min-width: 600px) {
  .cart-empty-page {
    font-size: 28px;
  }
}
@media screen and (min-width: 960px) {
  .cart-empty-page {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1440px) {
  .cart-empty-page {
    font-size: 44px;
  }
}

.path-cart .cart-form {
  padding-top: 5vw;
}
.path-cart .commerce-order-total-summary {
  padding: 50px 0;
}
.path-cart .commerce-order-total-summary .order-total-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.path-cart .commerce-order-total-summary h2 {
  display: none;
}
.path-cart .commerce-order-total-summary span {
  display: inline-block;
  font-size: 30px;
  padding-left: 40px;
}
.path-cart .commerce-order-total-summary .order-total-line-label {
  font-family: "Tangerine", sans-serif;
}
.path-cart .commerce-order-total-summary .order-total-line-value {
  font-family: "Tangerine", sans-serif;
  width: auto !important;
}
.path-cart #edit-actions {
  display: block;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .path-cart #edit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.path-cart #edit-actions .button {
  background-color: #262626;
  color: white;
  line-height: 60px;
  border: 0;
  border-radius: 30px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 50px;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .path-cart #edit-actions .button {
    width: unset;
    margin-left: 20px;
  }
}

.path-checkout #block-go-content {
  margin: 0 auto;
  width: 1280px;
  max-width: 96vw;
}
.path-checkout .layout-region-checkout-secondary h3 {
  display: none;
}
.path-checkout .layout-region-checkout-secondary .group .views-row {
  border-bottom: 1px solid #979797;
}
.path-checkout .layout-region-checkout-secondary .group .views-row .views-field-purchased-entity {
  font-family: "Tangerine", sans-serif;
  font-size: 20px;
}
.path-checkout .layout-region-checkout-secondary .group .views-row .views-field-total-price__number {
  font-family: "Tangerine", sans-serif;
  text-align: right;
  font-size: 25px;
}
.path-checkout .commerce-order-total-summary {
  padding: 50px 0 0 0;
}
.path-checkout .commerce-order-total-summary .order-total-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0;
}
.path-checkout .commerce-order-total-summary h2 {
  display: none;
}
.path-checkout .commerce-order-total-summary span {
  display: inline-block;
  font-size: 20px;
  padding-left: 40px;
}
.path-checkout .commerce-order-total-summary .order-total-line-label {
  font-family: "Tangerine", sans-serif;
}
.path-checkout .commerce-order-total-summary .order-total-line-value {
  font-family: "Tangerine", sans-serif;
  width: auto !important;
}
.path-checkout #edit-coupon-redemption label {
  font-family: "Tangerine", sans-serif;
  font-size: 20px;
}
.path-checkout #edit-order-summary {
  background: #f9f6f4;
  padding: 40px;
  margin-top: 110px;
}
.path-checkout #edit-order-summary td {
  vertical-align: top;
}
.path-checkout #edit-order-summary td.views-field-title {
  font-weight: 900;
  padding: 0 10px;
}
.path-checkout #edit-order-summary td.views-field-total-price__number {
  text-align: right;
}
.path-checkout fieldset {
  border: 0;
}
.path-checkout fieldset label {
  display: block;
}
.path-checkout fieldset .form-item {
  width: 100%;
}
.path-checkout fieldset .form-item input {
  width: 100%;
  background: #f9f6f4;
  border: 0;
}
.path-checkout fieldset .form-item select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: #f9f6f4;
  border: 0;
  width: 100%;
  padding: 10px;
}
.path-checkout fieldset .form-item [type=checkbox], .path-checkout fieldset .form-item [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  width: auto;
  display: inline-block;
}
.path-checkout fieldset .form-item [type=checkbox] + label[for], .path-checkout fieldset .form-item [type=radio] + label[for] {
  cursor: pointer;
  width: auto;
  display: inline-block;
}
.path-checkout fieldset .fieldset-legend {
  font-family: "Tangerine", sans-serif;
  font-size: 20px;
  display: block;
  padding-top: 40px;
}
.path-checkout .layout-region-checkout-main, .path-checkout .layout-region-checkout-footer {
  float: left;
  width: 100%;
  padding-right: 7vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 960px) {
  .path-checkout .layout-region-checkout-main, .path-checkout .layout-region-checkout-footer {
    width: 65%;
  }
}
.path-checkout .layout-region-checkout-secondary {
  float: right;
  width: 100%;
}
@media screen and (min-width: 960px) {
  .path-checkout .layout-region-checkout-secondary {
    width: 35%;
  }
}

input {
  max-width: 100%;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #979797;
}
input.button {
  border: 0;
  background-color: #262626;
  color: white;
  line-height: 40px;
  border: 0;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 20px;
  margin: 20px 0px 0 0;
}

#edit-completion-message {
  text-align: center;
  margin-top: 10vh;
}
/*# sourceMappingURL=style.css.map */