/** Shopify CDN: Minification failed

Line 1239:572 Unexpected "{"

**/
html,
body {
  margin: 0;
  background-color: #fff;
}
html {
  font-size: 100%;
}
body {
  font-family: 'Roboto Mono', monospace;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.06em;
  color: #000;
}
body.template-index {
  padding: 100vh 0 0 0;
}
a {
  color: #000;
  text-decoration: none;
}
a[href]:hover,
a[href]:focus {
  color: red;
}
.button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 0.5em 1em;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: normal;
  color: inherit;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.button:hover,
.button:focus {
  color: #fff !important;
  background-color: #000;
  outline: 0;
}
.button:active {
  color: inherit !important;
  background-color: #ccc;
  outline: 0;
}
.button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
/**
 * Form Reset
 * https://github.com/electerious/formbase
 */
.form-label {
  display: block;
  margin: 0 0 0.5rem 0;
  cursor: pointer;
}
.form-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5em;
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: none;
  border-radius: 2px;
  outline: none;
  resize: vertical;
  -webkit-transition: border-color 0ms ease;
          transition: border-color 0ms ease;
}
.form-input[disabled] {
  border-color: #0d0d0d;
  background-color: #f2f2f2;
  box-shadow: none;
  cursor: not-allowed;
}
.form-input:focus {
  border-color: #f00;
}
input[type='radio'],
input[type='checkbox'] {
  @svg : '%23' + str_slice(inspect(@formbase__svg), 2);
  margin: 0 0 1rem;
  box-sizing: border-box;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
input[type='radio'] + label,
input[type='checkbox'] + label {
  margin-bottom: 0;
  padding-top: 0.1em;
  @svg : '%23' + str_slice(inspect(@formbase__svg), 2);
  margin: 0 0 1rem;
  box-sizing: border-box;
  display: block;
  position: relative;
  padding-left: 2rem;
  will-change: transform;
}
input[type='radio'] + label::before,
input[type='checkbox'] + label::before,
input[type='radio'] + label::after,
input[type='checkbox'] + label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 0;
  border: 1px solid transparent;
}
input[type='radio'] + label::before,
input[type='checkbox'] + label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1em;
  height: 1em;
  margin: -0.5em 0 0 0;
  background: #fff;
  background-size: 0;
  border-color: #000;
  box-shadow: none;
}
input[type='radio'] + label::after,
input[type='checkbox'] + label::after {
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0ms ease;
          transition: transform 0ms ease;
  will-change: transform;
}
input[type='radio'] + label::before {
  border-radius: 100%;
}
input[type='radio'] + label::after {
  background-image: url(icon--radio.svg );
}
input[type='checkbox'] + label::after {
  background-image: url(icon--checkbox.svg );
}
input[type='radio'][disabled] + label,
input[type='checkbox'][disabled] + label {
  cursor: not-allowed;
}
input[type='radio'][disabled] + label::before,
input[type='checkbox'][disabled] + label::before {
  border-color: #0d0d0d;
  background-color: #f2f2f2;
  box-shadow: none;
}
input:checked + label::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.form-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0.5em;
  background-color: #fff;
  border: 1px solid #000;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  resize: vertical;
  -webkit-transition: border-color 0ms ease;
          transition: border-color 0ms ease;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
.form-input[disabled] {
  border-color: #0d0d0d;
  background-color: #f2f2f2;
  box-shadow: none;
  cursor: not-allowed;
}
.form-input:focus {
  border-color: #f00;
}
.form-select,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  margin: 0 0 1rem;
  padding: 0.5em;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
  background: #fff;
  background-image: url(icon--select--24--black.svg );
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: calc( 100% - 0.75rem ) center;
  border: 1px solid #000;
  box-shadow: none;
  border-radius: 0;
  outline: 0;
}
.form-select[disabled],
select[disabled] {
  border-color: #0d0d0d;
  background-color: #f2f2f2;
  box-shadow: none;
  cursor: not-allowed;
}
.form-select:focus,
select:focus {
  border-color: #f00;
}
.form-select::-ms-expand,
select::-ms-expand {
  display: none;
}
.errors {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.errors > ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.errors > ul > li {
  display: block;
  margin: 0 0 0.5rem;
  padding: 0.5rem 1rem;
  color: red;
  border: 1px solid red;
}
.richtext strong {
  font-weight: 500;
}
.richtext p {
  margin: 0 0 1.4em;
  font-size: 1rem;
}
.richtext ul {
  display: block;
  margin: 1.4em 0;
  padding: 0;
  list-style-type: none;
}
.richtext ul > li {
  position: relative;
  margin: 0;
  padding: 0 0 0 1.5em;
}
.richtext ul > li::before {
  content: '·';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.section-title {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
}
/**
 * Header
 */
.head-title {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 7rem;
  height: 0.73684211rem;
  margin: 2.5rem 3rem;
}
.head-title > a {
  display: block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 300%;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(seymoure--black.svg );
}
.scrolled-to-first-screen .head-title > a {
  background-image: url(seymoure--white.svg );
}
.failed--webgl.scrolled-to-first-screen .head-title > a {
  background-image: url(seymoure--black.svg );
}
@supports (mix-blend-mode: difference ) {
  .head-title {
    mix-blend-mode: difference;
  }
  .head-title > a {
    background-image: url(seymoure--white.svg ) !important;
  }
}
@media only screen and ( max-width: 690px ) {
  .head-title {
    margin: 1.1rem 1rem;
  }
}
.nav--head {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
  margin: 2.5rem 3rem;
}
.nav-toggle--head {
  display: none;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
  color: #000;
}
.scrolled-to-first-screen .nav-toggle--head {
  color: #fff;
}
@supports (mix-blend-mode: difference ) {
  .nav--head {
    mix-blend-mode: difference;
  }
  .nav-toggle--head {
    color: #fff !important;
    mix-blend-mode: difference;
  }
}
@media only screen and ( max-width: 690px ) {
  .nav--head {
    left: 100%;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 2rem 1rem;
    background-color: #000;
    display: block;
  }
  .visible--nav .nav--head {
    left: 0;
    mix-blend-mode: unset !important;
  }
  .nav-toggle--head {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1001;
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0.4rem 0.7rem;
    white-space: nowrap;
    text-indent: 300%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(icon--nav--24--black.svg?1337 );
  }
  .scrolled-to-first-screen .nav-toggle--head {
    background-image: url(icon--nav--24--white.svg?1337 );
  }
  .failed--webgl.scrolled-to-first-screen .nav-toggle--head {
    background-image: url(icon--nav--24--black.svg?1337 );
  }
  .visible--nav .nav-toggle--head,
  .failed--webgl.scrolled-to-first-screen.visible--nav .nav-toggle--head {
    background-image: url(icon--close--24--white.svg?1337 );
  }
}
@supports (mix-blend-mode: difference ) {
  .nav-toggle--head {
    background-image: url(icon--nav--24--white.svg?1337 ) !important;
    mix-blend-mode: difference;
  }
  .visible--nav .nav-toggle--head {
    background-image: url(icon--close--24--white.svg?foo ) !important;
  }
}
.nav--main {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1.5rem;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
}
.nav-title--main {
  display: none;
}
.nav-toggle--main {
  display: none;
}
.nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nav-list-item--main {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1.5rem;
  padding: 0;
}
.nav-list-item--main > a {
  display: block;
  color: #000;
}
.scrolled-to-first-screen .nav-list-item--main > a {
  color: #fff;
}
.nav-list-item--main > a:hover {
  color: red;
}
.nav-list-item--main:last-child {
  margin-right: 0;
}
.nav-list-item--main--account {
  display: none;
}
.nav-list-item--main--login {
  display: none;
}
.nav-list-item--main--logout {
  display: none;
}
.nav-list-item--main--register {
  display: none;
}
@supports (mix-blend-mode: difference ) {
  .nav-list-item--main > a {
    color: #fff !important;
  }
  .nav-list-item--main > a:hover {
    color: red !important;
  }
}
@media only screen and ( max-width: 690px ) {
  .nav--main {
    display: block;
    margin: 0 0 2rem;
  }
  .nav-list-item--main {
    display: block;
    margin: 0 0 2rem;
  }
  .nav-list-item--main > a {
    font-size: 3rem;
    color: #fff !important;
  }
}
.head-cart {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1.5rem;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
}
.head-cart-link {
  display: block;
  color: #000;
}
.scrolled-to-first-screen .head-cart-link {
  color: #fff;
}
.head-cart-link:hover {
  color: red;
}
.head-cart-count-number {
  position: relative;
  top: -0.3em;
  display: inline-block;
  vertical-align: top;
  padding: 0.2em 0.5em 0;
  line-height: 1;
  border: 2px solid currentColor;
  border-radius: 50%;
}
[data-cart-count='0'] .head-cart-count-number {
  display: none;
}
.head-cart-count-label {
  display: none;
}
.head-cart-total {
  display: none;
}
@supports (mix-blend-mode: difference ) {
  .head-cart-link {
    display: block;
    color: #fff !important;
  }
  .head-cart-link:hover {
    color: red !important;
  }
}
@media only screen and ( max-width: 690px ) {
  .head-cart {
    display: block;
    margin: 0 0;
  }
  .head-cart-link {
    font-size: 3rem;
    color: #fff !important;
  }
  .head-cart-count-number {
    top: -0.15em;
    padding: 0.15em 0.5em 0;
  }
}
.head-search {
  display: none;
}
.head-search-form-input {
  width: 8rem;
}
.head-customer {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 1.5rem;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
}
.head-customer-toggle {
  display: block;
  margin: 0;
  padding-bottom: 2rem;
  color: #000;
}
.scrolled-to-first-screen .head-customer-toggle {
  color: #fff;
}
.head-customer-toggle:hover {
  color: red;
}
.nav--customer {
  position: absolute;
  left: 50%;
  top: 0;
  display: none;
  width: 12rem;
  margin: 2rem 0 0 -7rem;
  padding: 0rem 1rem;
  color: #fff;
  text-align: center;
  background-color: #000;
}
.nav--customer a {
  color: #fff;
}
.scrolled-to-first-screen .nav--customer a {
  color: #000;
}
.nav--customer a:hover {
  color: red !important;
}
.head-customer:hover .nav--customer {
  display: block;
}
.scrolled-to-first-screen .nav--customer {
  color: #000;
  background-color: #fff;
}
.nav-item--customer,
.nav--customer > a {
  display: block;
  margin: 1rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
}
.scrolled-to-first-screen .nav-item--customer,
.scrolled-to-first-screen .nav--customer > a {
  color: #000;
}
.nav-item--customer:hover,
.nav--customer > a:hover {
  color: red;
}
@supports (mix-blend-mode: difference ) {
  .head-customer {
    mix-blend-mode: difference;
  }
  .head-customer-toggle {
    color: #fff !important;
  }
  .head-customer-toggle:hover {
    color: red !important;
  }
  .nav--customer {
    color: #000 !important;
    background-color: #fff !important;
  }
  .nav--customer a {
    color: #000 !important;
  }
  .nav--customer a:hover {
    color: red !important;
  }
  .nav-item--customer,
  .nav--customer > a {
    color: #000 !important;
  }
  .nav-item--customer:hover,
  .nav--customer > a:hover {
    color: red !important;
  }
}
@media only screen and ( max-width: 690px ) {
  .head-customer {
    display: none;
  }
}
/**
 * Visual
 */
.visual {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  height: 100vh;
  margin: 0;
}
.failed--webgl .visual {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(003--2048.jpg );
}
canvas {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  cursor: move;
  cursor: url('cursor--circle--32--black.png') 16 16, pointer;
  cursor: url('cursor--circle--32--black.svg') 16 16, pointer;
}
[data-visual-tone='dark'] canvas {
  cursor: move;
  cursor: url('cursor--circle--32.png') 16 16, pointer;
  cursor: url('cursor--circle--32.svg') 16 16, pointer;
}
.mouse--visual canvas {
  cursor: move;
  cursor: url('cursor--circle--filled--32--black.png') 16 16, pointer;
  cursor: url('cursor--circle--filled--32--black.svg') 16 16, pointer;
}
[data-visual-tone='dark'].mouse--visual canvas {
  cursor: move;
  cursor: url('cursor--circle--filled--32.png') 16 16, pointer;
  cursor: url('cursor--circle--filled--32.svg') 16 16, pointer;
}
.loaded--visual.scrolled-to-first-screen canvas {
  opacity: 1;
}
.failed--webgl canvas {
  display: none;
}
.visual-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 0;
          transition-duration: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-animation: blink 100ms infinite;
          animation: blink 100ms infinite;
}
.loaded--visual .visual-loader {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
.failed--webgl .visual-loader {
  display: none;
}
.visual-controls-next,
.visual-controls-prev {
  position: absolute;
  top: 50%;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 3rem;
  height: 2rem;
  margin: -1rem 0 0 0;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
  cursor: pointer;
}
.loaded--visual .visual-controls-next,
.loaded--visual .visual-controls-prev {
  opacity: 1;
}
.visual-controls-next:hover,
.visual-controls-prev:hover {
  background-color: #fff;
}
.visual-controls-next {
  right: 0;
  background-position: 55% center;
  background-image: url(icon--next--24--white.svg );
  border-right: none;
}
.visual-controls-next:hover {
  background-image: url(icon--next--24--black.svg );
}
.visual-controls-prev {
  left: 0;
  background-position: 45% center;
  background-image: url(icon--prev--24--white.svg );
  border-left: none;
}
.visual-controls-prev:hover {
  background-image: url(icon--prev--24--black.svg );
}
.visual-scroll-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 2rem;
  height: 3rem;
  margin: 0 auto;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(icon--down--24--white.svg );
}
.visual-scroll-indicator:hover {
  background-color: #fff;
  background-image: url(icon--down--24--black.svg );
}
@supports (mix-blend-mode: difference ) {
  .visual-controls-next,
  .visual-controls-prev {
    mix-blend-mode: difference;
  }
  .visual-scroll-indicator {
    mix-blend-mode: difference;
  }
}
@media only screen and ( max-width: 690px ) {
  .visual::after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
  }
  .failed--webgl .visual {
    background-image: url(003--1024.jpg );
  }
  canvas {
    cursor: pointer;
  }
  .visual-loader {
    font-size: 0.875rem;
  }
}
@media only screen and ( max-width: 520px ) {
  .failed--webgl .visual {
    background-image: url(003--512.jpg );
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * Slider
 */
.flickity-prev-next-button {
  top: 50%;
  width: 3rem;
  height: 2rem;
  margin: -1rem 0 0 0;
  background-color: #fff;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  border: 1px solid #000;
  border-radius: 0;
  -webkit-transform: none;
          transform: none;
}
.flickity-prev-next-button > svg {
  display: none;
}
.flickity-prev-next-button:hover {
  background-color: #000 !important;
}
.flickity-prev-next-button.previous {
  left: 0;
  background-position: 45% center;
  background-image: url(icon--prev--24--black.svg );
  border-left: none;
}
.flickity-prev-next-button.previous:hover {
  background-image: url(icon--prev--24--white.svg ) !important;
}
.flickity-prev-next-button.next {
  right: 0;
  background-position: 55% center;
  background-image: url(icon--next--24--black.svg?1337 );
  border-right: none;
}
.flickity-prev-next-button.next:hover {
  background-image: url(icon--next--24--white.svg?1337 ) !important;
}
.posts--products .flickity-prev-next-button {
  margin-top: -5rem;
}
.flickity-page-dots > .dot {
  width: 108px;
  height: 4px;
  margin: 0;
  background: none !important;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  opacity: 1;
}
.flickity-page-dots > .dot:hover {
  border-bottom-color: red;
}
.flickity-page-dots > .dot.is-selected {
  border-bottom-color: #000;
}
/*
@supports ( mix-blend-mode: difference ) {
	.flickity-prev-next-button {
		mix-blend-mode: difference;

		background-color: @color--text;

		&:hover {
			background-color: @color--bg !important;
		}

		&.previous {
			left: 0;

			background-image: url( icon--prev--24--white.svg );

			&:hover {
				background-image: url( icon--prev--24--black.svg ) !important;
			}
		}

		&.next {
			right: 0;

			background-image: url( icon--next--24--white.svg?1337 );

			&:hover {
				background-image: url( icon--next--24--black.svg?1337 ) !important;
			}
		}
	}
}
*/
@media only screen and ( max-width: 690px ) {
  .flickity-page-dots > .dot {
    width: 36px;
  }
}
@media only screen and ( max-width: 520px ) {
  .flickity-prev-next-button {
    display: none;
  }
}
/**
 * Content
 */
.nav--breadcrumbs {
  display: none;
  margin: 3rem 0;
}
.nav--breadcrumbs > a {
  position: relative;
  display: inline-block;
  margin: 0 0.75rem 0 0;
  padding: 0 1.5rem 0 0;
}
.nav--breadcrumbs > a::after {
  content: '>';
  position: absolute;
  right: 0;
  top: 0;
}
.nav--breadcrumbs > a:last-child::after {
  display: none;
}
.sort-form {
  margin: 3rem 0;
}
.main {
  position: relative;
  z-index: 10;
  padding: 6rem 0;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.template-index .main {
  border-top: 1px solid #000;
}
.page-title {
  margin: 3rem 0;
}
@media only screen and ( max-width: 520px ) {
  .main {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.posts {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.post {
  margin: 0 0 3rem 0;
}
.post-image {
  display: block;
  margin: 0 0 1rem;
}
.post-image > img,
.post-image-image {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
}
.post-image > img.lazyloaded,
.post-image-image.lazyloaded {
  opacity: 1;
}
.post-title {
  margin: 0 0 1rem;
}
.post-metas {
  margin: 1rem 0;
}
.post-meta {
  display: block;
  margin: 0 0;
}
@media only screen and ( max-width: 1080px ) {
  .posts {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and ( max-width: 690px ) {
  .posts {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.posts--products {
  width: 100%;
  max-width: 100%;
  margin: 6rem auto;
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 450ms;
          transition-duration: 450ms;
}
.posts--products.flickity-enabled {
  opacity: 1;
}
.post--products {
  width: 35vw;
  margin: 0 6rem;
}
.post-image-link--products {
  display: block;
  margin: 0 0 1rem;
}
.post-info--products {
  margin: 0 0 3rem;
  text-align: center;
}
.post-title--products {
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
}
.post-metas--products {
  margin: 0;
}
@media only screen and ( max-width: 1080px ) {
  .posts--products {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .post--products {
    width: 50vw;
    margin: 0 0;
  }
}
@media only screen and ( max-width: 690px ) {
  .post--products {
    width: 100vw;
    margin: 0 0;
  }
}
.posts--collections {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.post--collections {
  margin: 0 0 11rem;
}
.post-title--collections {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  margin-bottom: 8rem;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
  font-size: 3rem;
}
.post-title--collections .count {
  display: none;
}
.post-content--collections {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and ( max-width: 1080px ) {
  .posts--collections {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .post-title--collections {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }
  .post-content--collections {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and ( max-width: 690px ) {
  .post--collections {
    margin-top: 0;
    margin-bottom: 8rem;
  }
  .post-title--collections {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0;
  }
  .post-content--collections {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and ( max-width: 520px ) {
  .post-title--collections {
    font-size: 2rem;
  }
}
.product {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.product-add {
  margin: 3rem 9;
}
.product-add-price {
  margin: 3rem 0;
}
.product-add-price-label {
  display: none;
}
.product-add-price-price {
  font-size: 1rem;
}
.product-add-price-note{margin-top:8px;font-size:12px;line-height:1.4;opacity:0.75}
.product-add-price-note a{color:inherit;text-decoration:underline} .product-add-add-button[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none} a.wl-btn-link{font-size:16px!important;font-weight:300!important;line-height:1.2!important;padding:9px 18px!important;background-color:transparent!important;color:#000!important;border:1px solid #000!important;text-decoration:none!important;transition:background-color .18s ease,color .18s ease!important} a.wl-btn-link:hover,a.wl-btn-link:focus{background-color:#000!important;color:#fff!important;opacity:1!important} {transform:none!important}.post-title--collections,.post-content--collections{text-align:center}
.product-add-add {
  margin: 3rem 0;
}
.product-add-add-quantity {
  display: none;
}
.product-add-add-quantity-label {
  display: inline-block;
  vertical-align: middle;
}
.product-add-add-quantity-input {
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  margin: 0;
  text-align: center;
}
.product-add-add-button {
  display: inline-block;
  vertical-align: middle;
}
.product-content {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 1rem;
}
@media only screen and ( max-width: 1080px ) {
  .product {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
  .product-content {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and ( max-width: 690px ) {
  .product {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .product-content {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .product-add-price {
    text-align: center;
  }
  .product-add-add {
    text-align: center;
  }
}
@media only screen and ( max-width: 520px ) {
  .product-add-add-quantity-label {
    display: none;
  }
}
.product-gallery {
  margin: -5rem 0 11rem;
}
.product-gallery-image {
  position: relative;
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
}
.product-gallery-image::after {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: auto auto;
  background: #eee;
  border-radius: 50%;
}
.product-gallery-image-image {
  position: relative;
  z-index: 10;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
}
.product-gallery-image-image.lazyloaded {
  opacity: 1;
}
@media only screen and ( max-width: 1080px ) {
  .product-gallery {
    margin-bottom: 6rem;
  }
  .product-gallery-image {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
    width: 100%;
  }
}
@media only screen and ( max-width: 690px ) {
  .product-gallery-image {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and ( max-width: 520px ) {
  .product-gallery {
    margin-top: 0;
  }
}
.cart-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.cart-table-row {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid currentColor;
}
.cart-table-cell {
  display: table-cell;
  vertical-align: top;
  padding: 1.5rem 0.5rem;
}
.cart-table-cell:first-child {
  padding-left: 0;
}
.cart-table-cell:last-child {
  padding-right: 0;
}
.cart-list {
  margin: 3rem 0;
}
.cart-list-item-image-link {
  width: 3rem;
  height: 3rem;
  padding: 0.5rem 2rem 0.5rem 0;
}
.cart-list-item-image {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0;
}
.cart-list-item-image-image {
  display: block;
  width: 3rem;
  height: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart-list-item-title {
  margin: 0;
  font-weight: 300;
}
.cart-list-item-remove {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: right;
}
.cart-list-item-remove-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 0.5em 1em;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: normal;
  color: inherit;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cart-list-item-remove-button:hover,
.cart-list-item-remove-button:focus {
  color: #fff !important;
  background-color: #000;
  outline: 0;
}
.cart-list-item-remove-button:active {
  color: inherit !important;
  background-color: #ccc;
  outline: 0;
}
.cart-list-item-remove-button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.cart-list-item-price {
  width: 8em;
}
.cart-list-item-quantity {
  width: 6em;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.cart-list-item-quantity-input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}
.cart-list-item-total {
  width: 8em;
  text-align: right;
}
.cart-actions {
  margin: 3rem 0;
}
.cart-actions-note {
  margin: 3rem 0;
}
.cart-actions-note-label {
  display: block;
  margin-bottom: 1rem;
}
.cart-actions-note-input {
  display: block;
  width: 100%;
  height: 4rem;
}
.cart-total {
  margin: 3rem 0;
}
.cart-submit {
  margin: 3rem 0;
}
@media only screen and ( max-width: 690px ) {
  .cart-table {
    display: block;
  }
  .cart-table-row {
    display: block;
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid currentColor;
  }
  .cart-table-cell {
    display: block;
    padding: 0 0;
    width: auto !important;
    text-align: left;
  }
  .cart-table-cell:first-child {
    padding-left: 0;
  }
  .cart-table-cell:last-child {
    padding-right: 0;
  }
  .cart-list-item-image-link {
    width: auto;
    height: auto;
  }
  .cart-list-item-image {
    width: auto;
    height: auto;
  }
  .cart-list-item-image-image {
    width: 100%;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
  }
  .cart-list-item-quantity {
    width: 6rem !important;
    padding: 1rem 0;
  }
  .cart-list-item-remove {
    padding: 1rem 0;
  }
}
.nav--pagination {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 0;
}
.nav--pagination > .page,
.nav--pagination > .prev,
.nav--pagination > .next {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.5em;
  font-size: 1rem;
}
/**
 * Page
 */
.page-title {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: 'HelveticaNeueLTPro-BdEx', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0;
  margin-bottom: 8rem;
  font-size: 3rem;
}
.page-title--inline {
  width: auto;
  max-width: 100%;
}
.page-content {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.page-content > h2,
.page-content > h3,
.page-content > h4 {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
@media only screen and ( max-width: 1080px ) {
  .page-title {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    margin-top: 1rem;
  }
  .page-title--inline {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .page-content {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and ( max-width: 690px ) {
  .page-title {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .page-title--inline {
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .page-content {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media only screen and ( max-width: 520px ) {
  .page-title {
    margin-top: 0;
    font-size: 2rem;
  }
}
/**
 * Contact Form
 */
.contact {
  width: 92%;
  max-width: 56rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media only screen and ( max-width: 1080px ) {
  .contact {
    width: auto;
    max-width: 100%;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media only screen and ( max-width: 690px ) {
  .contact {
    width: auto;
    max-width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .contact .button--submit {
    display: block;
    width: 100%;
  }
}
/**
 * Customer
 */
.visible--recover .login-form {
  display: none;
}
.login-form-label {
  display: block;
  margin: 0 0 0.5rem;
}
.login-form-actions {
  margin: 3rem 0 0;
}
.login-form-actions > a {
  display: inline-block;
  margin: 0 1em 0 0;
}
.login-form-actions > a:last-child {
  margin-right: 0;
}
.forgotpassword-form {
  display: none;
}
.visible--recover .forgotpassword-form {
  display: block;
}
.forgotpassword-form-label {
  display: block;
  margin: 0 0 0.5rem;
}
@media only screen and ( max-width: 520px ) {
  .login-form-submit {
    display: block;
    width: 100%;
  }
}
.register-form-label {
  display: block;
  margin: 0 0 0.5rem;
}
.register-form-actions {
  margin: 3rem 0 0;
}
.register-form-actions > a {
  display: inline-block;
  margin: 0 1em 0 0;
}
.register-form-actions > a:last-child {
  margin-right: 0;
}
@media only screen and ( max-width: 520px ) {
  .register-form-submit {
    display: block;
    width: 100%;
  }
}
@media only screen and ( max-width: 520px ) {
  .button--view-addresses {
    display: block;
  }
}
.order-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.order-table-row {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid currentColor;
}
.order-table-cell {
  display: table-cell;
  vertical-align: top;
  padding: 1.5rem 0.5rem;
}
.order-table-cell:first-child {
  padding-left: 0;
}
.order-table-cell:last-child {
  padding-right: 0;
}
.orderlist {
  margin: 6rem auto;
}
.orderlist-item-title {
  width: 8rem;
  margin: 0;
  font-weight: 300;
}
.orderlist-item-price {
  width: 8rem;
  text-align: right;
}
@media only screen and ( max-width: 690px ) {
  .order-table {
    display: block;
    width: auto;
  }
  .order-table-row {
    display: block;
    width: auto;
    padding: 1rem 0;
  }
  .order-table-row:first-child {
    padding-top: 0;
  }
  .order-table-cell {
    display: block;
    padding: 0 0;
    text-align: left;
  }
  .orderlist {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
.order-title {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
.order-date {
  margin: 3rem 0;
}
.order-error-title {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
.order-products-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}
.order-products-table-row {
  display: table-row;
  width: 100%;
  border-bottom: 1px solid currentColor;
}
.order-products-table-cell {
  display: table-cell;
  vertical-align: top;
  padding: 0.5rem 0.5rem;
}
.order-products-table-cell:first-child {
  padding-left: 0;
}
.order-products-table-cell:last-child {
  padding-right: 0;
}
.order-products-table-cell--sku {
  width: 6rem;
}
.order-products-table-cell--price {
  width: 6rem;
}
.order-products-table-cell--quantity {
  width: 6rem;
}
.order-products-table-cell--total {
  box-sizing: border-box;
  text-align: right;
}
.order-products-table-cell--label + .order-products-table-cell--total {
  box-sizing: border-box;
  width: 50%;
}
.order-products-table-cell--label {
  box-sizing: border-box;
  width: 50%;
}
.order-products {
  margin: 3rem 0;
}
.order-products-calculation-line--subtotal {
  margin-top: 1px;
  border-top: 1px solid currentColor;
}
.order-products-calculation-line--total {
  margin-top: 1px;
  border-top: 1px solid currentColor;
  border-bottom: 3px double currentColor;
}
.order-address {
  margin: 3rem 0;
}
.order-address-title {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
.order-address-name {
  margin: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
@media only screen and ( max-width: 690px ) {
  .order-products-table {
    display: block;
    width: auto;
  }
  .order-products-table-row {
    display: block;
    width: auto;
    padding: 1rem 0;
  }
  .order-products-table-row:first-child {
    padding-top: 0;
  }
  .order-products-table-cell {
    display: block;
    width: auto;
    padding: 0;
    text-align: left;
  }
  .order-products-header {
    display: none;
  }
}
@media only screen and ( max-width: 520px ) {
  .button--back-from-order {
    display: block;
    margin: 0 0 0.5rem;
  }
}
.address-form {
  margin: 3rem 0;
}
.address-form-title {
  margin: 1rem 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
}
.address {
  margin: 3rem 0;
}
.address-name {
  margin: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 300;
}
.address-info-line {
  margin: 0;
}
.address-actions {
  margin: 1rem 0;
}
.address-actions > a {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 0.5em 1em;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: normal;
  color: inherit;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.address-actions > a:hover,
.address-actions > a:focus {
  color: #fff !important;
  background-color: #000;
  outline: 0;
}
.address-actions > a:active {
  color: inherit !important;
  background-color: #ccc;
  outline: 0;
}
.address-actions > a[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
}
.address-edit-form {
  margin: 3rem 0;
}
.address-edit-form-title {
  margin: 1rem 0;
  font-family: 'Roboto Mono', monospace;
  font-weight: 300;
  font-size: 1rem;
  text-transform: uppercase;
}
@media only screen and ( max-width: 520px ) {
  .button--add-address {
    display: block;
    margin: 0 0 0.5rem;
  }
  .button--back-from-addresses {
    display: block;
    margin: 0 0 0.5rem;
  }
}
/**
 * Footer
 */
.footer {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border-top: 1px solid #000;
}
.footer-poweredby {
  display: none;
}
.nav--footer {
  text-align: center;
}
.nav-item--footer {
  display: inline-block;
  vertical-align: top;
  margin: 0 1rem;
}
@media only screen and ( max-width: 690px ) {
  .nav-item--footer {
    display: block;
    margin-bottom: 1rem;
  }
  .nav-item--footer:last-child {
    margin-bottom: 0;
  }
}
/**
 * Cookie Banner
 */
.cookie-banner {
  position: fixed;
  right: 0;
  top: auto !important;
  bottom: 0;
  z-index: 1000;
  display: block;
  width: 12rem;
  margin: 1rem;
  padding: 1rem;
  font-family: inherit;
  font-size: 0.75rem;
  line-height: 1.4;
  color: red;
  text-align: center;
  background-color: #fff;
  border: 1px solid currentColor;
}
.cookie-close {
  display: block;
  margin: 1em 0 0;
  padding: 0.5em 1em;
  line-height: 1;
  text-decoration: none;
  border: 1px solid currentColor;
  cursor: pointer;
}
.cookie-close:hover,
.cookie-close:focus,
.cookie-close:active {
  color: #fff;
  background-color: red;
}
@media only screen and ( max-width: 690px ) {
  .cookie-banner {
    left: 0;
    width: auto;
  }
}

/* === Widerrufs-Button im Footer (App: EU Widerruf Button), 04.09.2026 === */
#nav--footer .nav-item--footer {
  vertical-align: middle;

}
/* === Ende Widerrufs-Button === */