@-webkit-keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes keyframe--spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes keyframe--spin-reverse {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}
audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
  display: none
}
a {
  background-color: transparent
}
a:active, a:hover {
  outline: 0
}
abbr[title] {
  border-bottom: 1px dotted
}
b, strong {
  font-weight: bold
}
dfn {
  font-style: italic
}
h1 {
  font-size: 2em;
  margin: .67em 0
}
mark {
  background: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
img {
  border: 0
}
svg:not(:root) {
  overflow: hidden
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0
}
pre {
  overflow: auto
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}
button[disabled], html input[disabled] {
  cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
input {
  line-height: normal
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em
}
legend {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto
}
optgroup {
  font-weight: bold
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
td, th {
  padding: 0
}
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.block-group {
  zoom: 1;
  list-style-type: none;
  padding: 0;
  margin: 0
}
.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0
}
.block-group:after {
  clear: both
}
.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important
}
.block {
  float: left;
  width: 100%
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/opensans-light.woff2') format('woff2'), url('../fonts/opensans-light.woff') format('woff'), url('../fonts/opensans-light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Regular'), local('Open Sans'), url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff'), url('../fonts/opensans-regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Semibold'), local('OpenSans-SemiBold'), url('../fonts/opensans-semibold.woff2') format('woff2'), url('../fonts/opensans-semibold.woff') format('woff'), url('../fonts/opensans-semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/opensans-bold.woff2') format('woff2'), url('../fonts/opensans-bold.woff') format('woff'), url('../fonts/opensans-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/opensans-extrabold.woff2') format('woff2'), url('../fonts/opensans-extrabold.woff') format('woff'), url('../fonts/opensans-extrabold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal
}
.visible--s, .visible-inline--s, .visible-inline-block--s, .visible--m, .visible-inline--m, .visible-inline-block--m, .visible--l, .visible-inline--l, .visible-inline-block--l, .visible--xl, .visible-inline--xl, .visible-inline-block--xl {
  display: none !important
}
.visible--xs {
  display: block !important
}
table.visible--xs {
  display: table !important
}
tr.visible--xs {
  display: table-row !important
}
th.visible--xs, td.visible--xs {
  display: table-cell !important
}
.visible-inline--xs {
  display: inline !important
}
table.visible-inline--xs {
  display: table !important
}
tr.visible-inline--xs {
  display: table-row !important
}
th.visible-inline--xs, td.visible-inline--xs {
  display: table-cell !important
}
.visible-inline-block--xs {
  display: inline-block !important
}
table.visible-inline-block--xs {
  display: table !important
}
tr.visible-inline-block--xs {
  display: table-row !important
}
th.visible-inline-block--xs, td.visible-inline-block--xs {
  display: table-cell !important
}
.hidden--s, .hidden--m, .hidden--l, .hidden--xl {
  display: inherit !important
}
.hidden--xs {
  display: none !important
}
@media screen and (min-width: 30em) {
  .visible--xs, .visible-inline--xs, .visible-inline-block--xs, .visible--m, .visible-inline--m, .visible-inline-block--m, .visible--l, .visible-inline--l, .visible-inline-block--l, .visible--xl, .visible-inline--xl, .visible-inline-block--xl {
    display: none !important
  }
  .visible--s {
    display: block !important
  }
  table.visible--s {
    display: table !important
  }
  tr.visible--s {
    display: table-row !important
  }
  th.visible--s, td.visible--s {
    display: table-cell !important
  }
  .visible-inline--s {
    display: inline !important
  }
  table.visible-inline--s {
    display: table !important
  }
  tr.visible-inline--s {
    display: table-row !important
  }
  th.visible-inline--s, td.visible-inline--s {
    display: table-cell !important
  }
  .visible-inline-block--s {
    display: inline-block !important
  }
  table.visible-inline-block--s {
    display: table !important
  }
  tr.visible-inline-block--s {
    display: table-row !important
  }
  th.visible-inline-block--s, td.visible-inline-block--s {
    display: table-cell !important
  }
  .hidden--xs, .hidden--m, .hidden--l, .hidden--xl {
    display: inherit !important
  }
  .hidden--s {
    display: none !important
  }
}
@media screen and (min-width: 48em) {
  .visible--xs, .visible-inline--xs, .visible-inline-block--xs, .visible--s, .visible-inline--s, .visible-inline-block--s, .visible--l, .visible-inline--l, .visible-inline-block--l, .visible--xl, .visible-inline--xl, .visible-inline-block--xl {
    display: none !important
  }
  .visible--m {
    display: block !important
  }
  table.visible--m {
    display: table !important
  }
  tr.visible--m {
    display: table-row !important
  }
  th.visible--m, td.visible--m {
    display: table-cell !important
  }
  .visible-inline--m {
    display: inline !important
  }
  table.visible-inline--m {
    display: table !important
  }
  tr.visible-inline--m {
    display: table-row !important
  }
  th.visible-inline--m, td.visible-inline--m {
    display: table-cell !important
  }
  .visible-inline-block--m {
    display: inline-block !important
  }
  table.visible-inline-block--m {
    display: table !important
  }
  tr.visible-inline-block--m {
    display: table-row !important
  }
  th.visible-inline-block--m, td.visible-inline-block--m {
    display: table-cell !important
  }
  .hidden--xs, .hidden--s, .hidden--l, .hidden--xl {
    display: inherit !important
  }
  .hidden--m {
    display: none !important
  }
}
@media screen and (min-width: 64em) {
  .visible--xs, .visible-inline--xs, .visible-inline-block--xs, .visible--s, .visible-inline--s, .visible-inline-block--s, .visible--m, .visible-inline--m, .visible-inline-block--m, .visible--xl, .visible-inline--xl, .visible-inline-block--xl {
    display: none !important
  }
  .visible--l {
    display: block !important
  }
  table.visible--l {
    display: table !important
  }
  tr.visible--l {
    display: table-row !important
  }
  th.visible--l, td.visible--l {
    display: table-cell !important
  }
  .visible-inline--l {
    display: inline !important
  }
  table.visible-inline--l {
    display: table !important
  }
  tr.visible-inline--l {
    display: table-row !important
  }
  th.visible-inline--l, td.visible-inline--l {
    display: table-cell !important
  }
  .visible-inline-block--l {
    display: inline-block !important
  }
  table.visible-inline-block--l {
    display: table !important
  }
  tr.visible-inline-block--l {
    display: table-row !important
  }
  th.visible-inline-block--l, td.visible-inline-block--l {
    display: table-cell !important
  }
  .hidden--xs, .hidden--s, .hidden--m, .hidden--xl {
    display: inherit !important
  }
  .hidden--l {
    display: none !important
  }
}
@media screen and (min-width: 78.75em) {
  .visible--xs, .visible-inline--xs, .visible-inline-block--xs, .visible--s, .visible-inline--s, .visible-inline-block--s, .visible--m, .visible-inline--m, .visible-inline-block--m, .visible--l, .visible-inline--l, .visible-inline-block--l {
    display: none !important
  }
  .visible--xl {
    display: block !important
  }
  table.visible--xl {
    display: table !important
  }
  tr.visible--xl {
    display: table-row !important
  }
  th.visible--xl, td.visible--xl {
    display: table-cell !important
  }
  .visible-inline--xl {
    display: inline !important
  }
  table.visible-inline--xl {
    display: table !important
  }
  tr.visible-inline--xl {
    display: table-row !important
  }
  th.visible-inline--xl, td.visible-inline--xl {
    display: table-cell !important
  }
  .visible-inline-block--xl {
    display: inline-block !important
  }
  table.visible-inline-block--xl {
    display: table !important
  }
  tr.visible-inline-block--xl {
    display: table-row !important
  }
  th.visible-inline-block--xl, td.visible-inline-block--xl {
    display: table-cell !important
  }
  .hidden--xs, .hidden--s, .hidden--m, .hidden--l {
    display: inherit !important
  }
  .hidden--xl {
    display: none !important
  }
}
.btn {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: 1px solid #d9dde0;
  color: #000
}
.btn [class^="icon--"] {
  font-size: .625rem
}
.btn .is--large {
  font-size: 1rem
}
.btn.is--icon-right {
  padding-right: 2.25rem
}
.btn.is--icon-right [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  right: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.btn.is--icon-left {
  padding-left: 2.25rem
}
.btn.is--icon-left [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  left: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.btn:disabled, .btn:disabled:hover, .btn.is--disabled, .btn.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.btn:hover {
  background: #fff;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.btn:focus {
  outline: none
}
.btn.is--small {
  line-height: 1.75rem
}
.btn.is--medium {
  line-height: 2rem;
  height: 2.375rem
}
.btn.is--large {
  line-height: 2.25rem;
  height: 2.625rem
}
.btn.is--full {
  display: block
}
.btn.is--center {
  text-align: center
}
.is--primary {
  padding: .125rem .75rem .125rem .75rem;
  line-height: 2.125rem;
  background-color: #ff1c8e;
  background-image: linear-gradient(to bottom, #ff1c8e 0%, #ff1c8e 100%);
  border: 0 none;
  color: #fff
}
.is--primary:hover {
  background: #53cbdb;
  color: #fff
}
.is--primary.is--small {
  line-height: 1.875rem
}
.is--primary.is--large {
  line-height: 2.375rem
}
.is--secondary {
  padding: .125rem .75rem .125rem .75rem;
  line-height: 2.125rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #222 100%);
  border: 0 none;
  color: #fff
}
.is--secondary:hover {
  background: #080808;
  color: #fff
}
.is--secondary.is--small {
  line-height: 1.875rem
}
.is--secondary.is--large {
  line-height: 2.375rem
}
.is--link {
  padding: .125rem .75rem .125rem .75rem;
  line-height: 2.125rem;
  border: 0 none;
  background: transparent;
  color: #222
}
.is--link:hover {
  color: #ff1c8e
}
.is--link.is--small {
  line-height: 1.875rem
}
.is--link.is--large {
  line-height: 2.375rem
}
.container {
  max-width: 78.75rem;
  background: #fff;
  margin: 0 auto;
  width: 100%
}
.container:after {
  content: "";
  display: table;
  clear: both
}
#cookie-consent {
  width: 17.5rem;
  -webkit-transition: transform .45s cubic-bezier(.3, 0, .15, 1);
  transition: transform .45s cubic-bezier(.3, 0, .15, 1)
}
#cookie-consent.off-canvas {
  position: fixed;
  z-index: 8000;
  background: #fff
}
#cookie-consent.block-transition {
  transition: none
}
#cookie-consent .cookie-consent--header {
  cursor: pointer
}
#cookie-consent .cookie-consent--description {
  padding: .9375rem .625rem .9375rem .625rem
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group {
  padding: .9375rem .625rem .9375rem .625rem;
  border-bottom: 1px solid #d9dde0;
  position: relative
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group:after {
  content: "";
  display: table;
  clear: both
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title {
  cursor: pointer;
  float: left;
  width: 85%
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-title.is--active .cookie-consent--group-arrow {
  transform: rotate(90deg)
}
#cookie-consent .cookie-consent--configuration .cookie-consent--configuration-header-text {
  padding: .9375rem .625rem .9375rem .625rem;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #d9dde0
}
#cookie-consent .cookie-consent--configuration .cookie-consent--group-description {
  margin-left: 2.625rem;
  color: #262626
}
#cookie-consent .cookie-consent--cookie {
  padding: .9375rem 0rem .9375rem 0rem;
  position: relative
}
#cookie-consent .cookie-consent--cookie:after {
  content: "";
  display: table;
  clear: both
}
#cookie-consent .cookie-consent--cookie .cookie--label {
  cursor: pointer
}
#cookie-consent .cookie-consent--group-container {
  padding-top: .625rem;
  float: none;
  clear: both
}
#cookie-consent .cookie-consent--group-arrow {
  right: .9375rem;
  font-size: .75rem;
  top: 1.125rem;
  position: absolute
}
#cookie-consent .cookie-consent--save {
  padding: .9375rem .625rem .9375rem .625rem
}
#cookie-consent .cookie-consent--save .cookie-consent--save-button {
  text-align: center;
  width: 100%
}
#cookie-consent .cookie-consent--configuration-main {
  background: #fff
}
#cookie-consent .cookie-consent--state-label {
  margin-left: 2.5rem
}
.cookie-consent--state-input {
  display: block;
  position: absolute
}
.cookie-consent--state-input.cookie-consent--cookie-state {
  top: calc(50% - 10px)
}
.cookie-consent--state-input.cookie-consent--required {
  opacity: 0.4
}
.cookie-consent--state-input.cookie-consent--required .cookie-consent--state-input-element {
  cursor: default
}
.cookie-consent--state-input .cookie-consent--state-input-element {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: .1875rem;
  border: 1px solid #d9dde0;
  cursor: pointer;
  display: block;
  position: relative
}
.cookie-consent--state-input input {
  display: none
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element {
  background: #a0aab3
}
.cookie-consent--state-input input:checked + .cookie-consent--state-input-element::after {
  width: .625rem;
  height: .3125rem;
  top: .25rem;
  left: .1875rem;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  content: '';
  position: absolute;
  transform: rotate(-45deg)
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element {
  background: #a0aab3
}
.cookie-consent--state-input input:indeterminate + .cookie-consent--state-input-element::after {
  width: .625rem;
  height: .3125rem;
  top: .1875rem;
  left: .25rem;
  border: 2px none #fff;
  border-bottom-style: solid;
  background: transparent;
  content: '';
  position: absolute
}
.product--delivery {
  font-size: .875rem
}
.product--delivery p {
  margin: 0
}
.product--delivery .delivery--status-icon {
  border-radius: .5625rem;
  background-clip: padding-box;
  margin: 0rem .3125rem 0rem 0rem;
  width: .5625rem;
  height: .5625rem;
  line-height: .625rem;
  display: inline-block;
  position: relative
}
.product--delivery .delivery--status-shipping-free {
  background: #4aa3df
}
.product--delivery .delivery--text-shipping-free {
  color: #4aa3df
}
.product--delivery .delivery--status-available {
  background: #2ecc71
}
.product--delivery .delivery--text-available {
  color: #2ecc71
}
.product--delivery .delivery--status-more-is-coming {
  background: #f1c40f
}
.product--delivery .delivery--text-more-is-coming {
  color: #f1c40f
}
.product--delivery .delivery--status-not-available {
  background: #e74c3c
}
.product--delivery .delivery--text-not-available {
  color: #e74c3c
}
.product--delivery .delivery--text {
  margin: 0;
  display: inline-block
}
.content-main.is--fullscreen {
  box-shadow: none;
  max-width: none;
  padding: 0;
  margin: 0
}
.content-main.is--fullscreen .content, .content-main.is--fullscreen .content-main--inner {
  padding: 0;
  margin: 0 auto
}
.content-main.is--fullscreen .content--breadcrumb, .content-main.is--fullscreen .tagcloud--content, .content-main.is--fullscreen .last-seen-products {
  display: none
}
.content-main.is--fullscreen .listing--wrapper {
  max-width: 72.5rem;
  padding: 1.25rem .625rem 1.25rem .625rem;
  margin: 0 auto
}
@media screen and (min-width: 48em) {
  .content-main.is--fullscreen .listing--wrapper {
    padding: 1.25rem 1.875rem 1.25rem 1.875rem
  }
}
@media screen and (min-width: 78.75em) {
  .content-main.is--fullscreen .listing--wrapper {
    padding: 1.25rem 0rem 1.25rem 0rem
  }
}
.emotion--overlay {
  width: 3.125rem;
  height: 3.125rem;
  top: 3.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0 auto;
  position: relative;
  left: 0;
  z-index: 1000
}
.emotion--overlay .emotion--loading-indicator {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.emotion--overlay ~ .content-main {
  min-height: 125rem;
  visibility: hidden
}
.emotion--loading-indicator {
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 3.125rem 0rem 3.125rem 0rem;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box
}
.emotion--loading-indicator:before {
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border-width: 2px;
  border-style: solid;
  border-color: #333 #ccc #ccc #ccc
}
.content--emotions {
  display: block
}
body.emotion--preview {
  background: #ffffff
}
body.emotion--preview .content-main {
  box-shadow: none;
  margin: 0
}
.emotion--show-listing {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.emotion--wrapper {
  display: block;
  margin: 0 auto;
  max-width: 1160px;
  overflow: hidden
}
.emotion--wrapper.is--fullscreen {
  max-width: none
}
.emotion--container {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  background: #fff
}
.emotion--container:after {
  content: "";
  display: table;
  clear: both
}
.emotion--container.emotion--mode-resize {
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0
}
.emotion--container.emotion--mode-rows .emotion--sizer, .emotion--container.emotion--mode-rows .emotion--sizer-xs, .emotion--container.emotion--mode-rows .emotion--sizer-s, .emotion--container.emotion--mode-rows .emotion--sizer-m, .emotion--container.emotion--mode-rows .emotion--sizer-l, .emotion--container.emotion--mode-rows .emotion--sizer-xl {
  display: none
}
.emotion--container.emotion--mode-rows .emotion--row:after {
  content: "";
  display: table;
  clear: both
}
.emotion--container.emotion--column-1 .col-1 {
  width: 100%
}
.emotion--container.emotion--column-1 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-1 .col-xs-1 {
  width: 100%
}
.emotion--container.emotion--column-1 .start-col-xs-1 {
  left: 0%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-1 .col-s-1 {
    width: 100%
  }
  .emotion--container.emotion--column-1 .start-col-s-1 {
    left: 0%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-1 .col-m-1 {
    width: 100%
  }
  .emotion--container.emotion--column-1 .start-col-m-1 {
    left: 0%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-1 .col-l-1 {
    width: 100%
  }
  .emotion--container.emotion--column-1 .start-col-l-1 {
    left: 0%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-1 .col-xl-1 {
    width: 100%
  }
  .emotion--container.emotion--column-1 .start-col-xl-1 {
    left: 0%
  }
}
.emotion--container.emotion--column-2 .col-1 {
  width: 50%
}
.emotion--container.emotion--column-2 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-2 .col-2 {
  width: 100%
}
.emotion--container.emotion--column-2 .start-col-2 {
  left: 50%
}
.emotion--container.emotion--column-2 .col-xs-1 {
  width: 50%
}
.emotion--container.emotion--column-2 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-2 .col-xs-2 {
  width: 100%
}
.emotion--container.emotion--column-2 .start-col-xs-2 {
  left: 50%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-2 .col-s-1 {
    width: 50%
  }
  .emotion--container.emotion--column-2 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-2 .col-s-2 {
    width: 100%
  }
  .emotion--container.emotion--column-2 .start-col-s-2 {
    left: 50%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-2 .col-m-1 {
    width: 50%
  }
  .emotion--container.emotion--column-2 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-2 .col-m-2 {
    width: 100%
  }
  .emotion--container.emotion--column-2 .start-col-m-2 {
    left: 50%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-2 .col-l-1 {
    width: 50%
  }
  .emotion--container.emotion--column-2 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-2 .col-l-2 {
    width: 100%
  }
  .emotion--container.emotion--column-2 .start-col-l-2 {
    left: 50%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-2 .col-xl-1 {
    width: 50%
  }
  .emotion--container.emotion--column-2 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-2 .col-xl-2 {
    width: 100%
  }
  .emotion--container.emotion--column-2 .start-col-xl-2 {
    left: 50%
  }
}
.emotion--container.emotion--column-3 .col-1 {
  width: 33.33333333%
}
.emotion--container.emotion--column-3 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-3 .col-2 {
  width: 66.66666667%
}
.emotion--container.emotion--column-3 .start-col-2 {
  left: 33.33333333%
}
.emotion--container.emotion--column-3 .col-3 {
  width: 100%
}
.emotion--container.emotion--column-3 .start-col-3 {
  left: 66.66666667%
}
.emotion--container.emotion--column-3 .col-xs-1 {
  width: 33.33333333%
}
.emotion--container.emotion--column-3 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-3 .col-xs-2 {
  width: 66.66666667%
}
.emotion--container.emotion--column-3 .start-col-xs-2 {
  left: 33.33333333%
}
.emotion--container.emotion--column-3 .col-xs-3 {
  width: 100%
}
.emotion--container.emotion--column-3 .start-col-xs-3 {
  left: 66.66666667%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-3 .col-s-1 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-3 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-3 .col-s-2 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-3 .start-col-s-2 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-3 .col-s-3 {
    width: 100%
  }
  .emotion--container.emotion--column-3 .start-col-s-3 {
    left: 66.66666667%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-3 .col-m-1 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-3 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-3 .col-m-2 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-3 .start-col-m-2 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-3 .col-m-3 {
    width: 100%
  }
  .emotion--container.emotion--column-3 .start-col-m-3 {
    left: 66.66666667%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-3 .col-l-1 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-3 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-3 .col-l-2 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-3 .start-col-l-2 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-3 .col-l-3 {
    width: 100%
  }
  .emotion--container.emotion--column-3 .start-col-l-3 {
    left: 66.66666667%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-3 .col-xl-1 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-3 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-3 .col-xl-2 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-3 .start-col-xl-2 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-3 .col-xl-3 {
    width: 100%
  }
  .emotion--container.emotion--column-3 .start-col-xl-3 {
    left: 66.66666667%
  }
}
.emotion--container.emotion--column-4 .col-1 {
  width: 25%
}
.emotion--container.emotion--column-4 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-4 .col-2 {
  width: 50%
}
.emotion--container.emotion--column-4 .start-col-2 {
  left: 25%
}
.emotion--container.emotion--column-4 .col-3 {
  width: 75%
}
.emotion--container.emotion--column-4 .start-col-3 {
  left: 50%
}
.emotion--container.emotion--column-4 .col-4 {
  width: 100%
}
.emotion--container.emotion--column-4 .start-col-4 {
  left: 75%
}
.emotion--container.emotion--column-4 .col-xs-1 {
  width: 25%
}
.emotion--container.emotion--column-4 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-4 .col-xs-2 {
  width: 50%
}
.emotion--container.emotion--column-4 .start-col-xs-2 {
  left: 25%
}
.emotion--container.emotion--column-4 .col-xs-3 {
  width: 75%
}
.emotion--container.emotion--column-4 .start-col-xs-3 {
  left: 50%
}
.emotion--container.emotion--column-4 .col-xs-4 {
  width: 100%
}
.emotion--container.emotion--column-4 .start-col-xs-4 {
  left: 75%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-4 .col-s-1 {
    width: 25%
  }
  .emotion--container.emotion--column-4 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-4 .col-s-2 {
    width: 50%
  }
  .emotion--container.emotion--column-4 .start-col-s-2 {
    left: 25%
  }
  .emotion--container.emotion--column-4 .col-s-3 {
    width: 75%
  }
  .emotion--container.emotion--column-4 .start-col-s-3 {
    left: 50%
  }
  .emotion--container.emotion--column-4 .col-s-4 {
    width: 100%
  }
  .emotion--container.emotion--column-4 .start-col-s-4 {
    left: 75%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-4 .col-m-1 {
    width: 25%
  }
  .emotion--container.emotion--column-4 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-4 .col-m-2 {
    width: 50%
  }
  .emotion--container.emotion--column-4 .start-col-m-2 {
    left: 25%
  }
  .emotion--container.emotion--column-4 .col-m-3 {
    width: 75%
  }
  .emotion--container.emotion--column-4 .start-col-m-3 {
    left: 50%
  }
  .emotion--container.emotion--column-4 .col-m-4 {
    width: 100%
  }
  .emotion--container.emotion--column-4 .start-col-m-4 {
    left: 75%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-4 .col-l-1 {
    width: 25%
  }
  .emotion--container.emotion--column-4 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-4 .col-l-2 {
    width: 50%
  }
  .emotion--container.emotion--column-4 .start-col-l-2 {
    left: 25%
  }
  .emotion--container.emotion--column-4 .col-l-3 {
    width: 75%
  }
  .emotion--container.emotion--column-4 .start-col-l-3 {
    left: 50%
  }
  .emotion--container.emotion--column-4 .col-l-4 {
    width: 100%
  }
  .emotion--container.emotion--column-4 .start-col-l-4 {
    left: 75%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-4 .col-xl-1 {
    width: 25%
  }
  .emotion--container.emotion--column-4 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-4 .col-xl-2 {
    width: 50%
  }
  .emotion--container.emotion--column-4 .start-col-xl-2 {
    left: 25%
  }
  .emotion--container.emotion--column-4 .col-xl-3 {
    width: 75%
  }
  .emotion--container.emotion--column-4 .start-col-xl-3 {
    left: 50%
  }
  .emotion--container.emotion--column-4 .col-xl-4 {
    width: 100%
  }
  .emotion--container.emotion--column-4 .start-col-xl-4 {
    left: 75%
  }
}
.emotion--container.emotion--column-5 .col-1 {
  width: 20%
}
.emotion--container.emotion--column-5 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-5 .col-2 {
  width: 40%
}
.emotion--container.emotion--column-5 .start-col-2 {
  left: 20%
}
.emotion--container.emotion--column-5 .col-3 {
  width: 60%
}
.emotion--container.emotion--column-5 .start-col-3 {
  left: 40%
}
.emotion--container.emotion--column-5 .col-4 {
  width: 80%
}
.emotion--container.emotion--column-5 .start-col-4 {
  left: 60%
}
.emotion--container.emotion--column-5 .col-5 {
  width: 100%
}
.emotion--container.emotion--column-5 .start-col-5 {
  left: 80%
}
.emotion--container.emotion--column-5 .col-xs-1 {
  width: 20%
}
.emotion--container.emotion--column-5 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-5 .col-xs-2 {
  width: 40%
}
.emotion--container.emotion--column-5 .start-col-xs-2 {
  left: 20%
}
.emotion--container.emotion--column-5 .col-xs-3 {
  width: 60%
}
.emotion--container.emotion--column-5 .start-col-xs-3 {
  left: 40%
}
.emotion--container.emotion--column-5 .col-xs-4 {
  width: 80%
}
.emotion--container.emotion--column-5 .start-col-xs-4 {
  left: 60%
}
.emotion--container.emotion--column-5 .col-xs-5 {
  width: 100%
}
.emotion--container.emotion--column-5 .start-col-xs-5 {
  left: 80%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-5 .col-s-1 {
    width: 20%
  }
  .emotion--container.emotion--column-5 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-5 .col-s-2 {
    width: 40%
  }
  .emotion--container.emotion--column-5 .start-col-s-2 {
    left: 20%
  }
  .emotion--container.emotion--column-5 .col-s-3 {
    width: 60%
  }
  .emotion--container.emotion--column-5 .start-col-s-3 {
    left: 40%
  }
  .emotion--container.emotion--column-5 .col-s-4 {
    width: 80%
  }
  .emotion--container.emotion--column-5 .start-col-s-4 {
    left: 60%
  }
  .emotion--container.emotion--column-5 .col-s-5 {
    width: 100%
  }
  .emotion--container.emotion--column-5 .start-col-s-5 {
    left: 80%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-5 .col-m-1 {
    width: 20%
  }
  .emotion--container.emotion--column-5 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-5 .col-m-2 {
    width: 40%
  }
  .emotion--container.emotion--column-5 .start-col-m-2 {
    left: 20%
  }
  .emotion--container.emotion--column-5 .col-m-3 {
    width: 60%
  }
  .emotion--container.emotion--column-5 .start-col-m-3 {
    left: 40%
  }
  .emotion--container.emotion--column-5 .col-m-4 {
    width: 80%
  }
  .emotion--container.emotion--column-5 .start-col-m-4 {
    left: 60%
  }
  .emotion--container.emotion--column-5 .col-m-5 {
    width: 100%
  }
  .emotion--container.emotion--column-5 .start-col-m-5 {
    left: 80%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-5 .col-l-1 {
    width: 20%
  }
  .emotion--container.emotion--column-5 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-5 .col-l-2 {
    width: 40%
  }
  .emotion--container.emotion--column-5 .start-col-l-2 {
    left: 20%
  }
  .emotion--container.emotion--column-5 .col-l-3 {
    width: 60%
  }
  .emotion--container.emotion--column-5 .start-col-l-3 {
    left: 40%
  }
  .emotion--container.emotion--column-5 .col-l-4 {
    width: 80%
  }
  .emotion--container.emotion--column-5 .start-col-l-4 {
    left: 60%
  }
  .emotion--container.emotion--column-5 .col-l-5 {
    width: 100%
  }
  .emotion--container.emotion--column-5 .start-col-l-5 {
    left: 80%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-5 .col-xl-1 {
    width: 20%
  }
  .emotion--container.emotion--column-5 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-5 .col-xl-2 {
    width: 40%
  }
  .emotion--container.emotion--column-5 .start-col-xl-2 {
    left: 20%
  }
  .emotion--container.emotion--column-5 .col-xl-3 {
    width: 60%
  }
  .emotion--container.emotion--column-5 .start-col-xl-3 {
    left: 40%
  }
  .emotion--container.emotion--column-5 .col-xl-4 {
    width: 80%
  }
  .emotion--container.emotion--column-5 .start-col-xl-4 {
    left: 60%
  }
  .emotion--container.emotion--column-5 .col-xl-5 {
    width: 100%
  }
  .emotion--container.emotion--column-5 .start-col-xl-5 {
    left: 80%
  }
}
.emotion--container.emotion--column-6 .col-1 {
  width: 16.66666667%
}
.emotion--container.emotion--column-6 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-6 .col-2 {
  width: 33.33333333%
}
.emotion--container.emotion--column-6 .start-col-2 {
  left: 16.66666667%
}
.emotion--container.emotion--column-6 .col-3 {
  width: 50%
}
.emotion--container.emotion--column-6 .start-col-3 {
  left: 33.33333333%
}
.emotion--container.emotion--column-6 .col-4 {
  width: 66.66666667%
}
.emotion--container.emotion--column-6 .start-col-4 {
  left: 50%
}
.emotion--container.emotion--column-6 .col-5 {
  width: 83.33333333%
}
.emotion--container.emotion--column-6 .start-col-5 {
  left: 66.66666667%
}
.emotion--container.emotion--column-6 .col-6 {
  width: 100%
}
.emotion--container.emotion--column-6 .start-col-6 {
  left: 83.33333333%
}
.emotion--container.emotion--column-6 .col-xs-1 {
  width: 16.66666667%
}
.emotion--container.emotion--column-6 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-6 .col-xs-2 {
  width: 33.33333333%
}
.emotion--container.emotion--column-6 .start-col-xs-2 {
  left: 16.66666667%
}
.emotion--container.emotion--column-6 .col-xs-3 {
  width: 50%
}
.emotion--container.emotion--column-6 .start-col-xs-3 {
  left: 33.33333333%
}
.emotion--container.emotion--column-6 .col-xs-4 {
  width: 66.66666667%
}
.emotion--container.emotion--column-6 .start-col-xs-4 {
  left: 50%
}
.emotion--container.emotion--column-6 .col-xs-5 {
  width: 83.33333333%
}
.emotion--container.emotion--column-6 .start-col-xs-5 {
  left: 66.66666667%
}
.emotion--container.emotion--column-6 .col-xs-6 {
  width: 100%
}
.emotion--container.emotion--column-6 .start-col-xs-6 {
  left: 83.33333333%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-6 .col-s-1 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-6 .col-s-2 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-s-2 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-6 .col-s-3 {
    width: 50%
  }
  .emotion--container.emotion--column-6 .start-col-s-3 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-6 .col-s-4 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-s-4 {
    left: 50%
  }
  .emotion--container.emotion--column-6 .col-s-5 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-s-5 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-6 .col-s-6 {
    width: 100%
  }
  .emotion--container.emotion--column-6 .start-col-s-6 {
    left: 83.33333333%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-6 .col-m-1 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-6 .col-m-2 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-m-2 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-6 .col-m-3 {
    width: 50%
  }
  .emotion--container.emotion--column-6 .start-col-m-3 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-6 .col-m-4 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-m-4 {
    left: 50%
  }
  .emotion--container.emotion--column-6 .col-m-5 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-m-5 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-6 .col-m-6 {
    width: 100%
  }
  .emotion--container.emotion--column-6 .start-col-m-6 {
    left: 83.33333333%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-6 .col-l-1 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-6 .col-l-2 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-l-2 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-6 .col-l-3 {
    width: 50%
  }
  .emotion--container.emotion--column-6 .start-col-l-3 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-6 .col-l-4 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-l-4 {
    left: 50%
  }
  .emotion--container.emotion--column-6 .col-l-5 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-l-5 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-6 .col-l-6 {
    width: 100%
  }
  .emotion--container.emotion--column-6 .start-col-l-6 {
    left: 83.33333333%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-6 .col-xl-1 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-6 .col-xl-2 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-xl-2 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-6 .col-xl-3 {
    width: 50%
  }
  .emotion--container.emotion--column-6 .start-col-xl-3 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-6 .col-xl-4 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-6 .start-col-xl-4 {
    left: 50%
  }
  .emotion--container.emotion--column-6 .col-xl-5 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-6 .start-col-xl-5 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-6 .col-xl-6 {
    width: 100%
  }
  .emotion--container.emotion--column-6 .start-col-xl-6 {
    left: 83.33333333%
  }
}
.emotion--container.emotion--column-7 .col-1 {
  width: 14.28571429%
}
.emotion--container.emotion--column-7 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-7 .col-2 {
  width: 28.57142857%
}
.emotion--container.emotion--column-7 .start-col-2 {
  left: 14.28571429%
}
.emotion--container.emotion--column-7 .col-3 {
  width: 42.85714286%
}
.emotion--container.emotion--column-7 .start-col-3 {
  left: 28.57142857%
}
.emotion--container.emotion--column-7 .col-4 {
  width: 57.14285714%
}
.emotion--container.emotion--column-7 .start-col-4 {
  left: 42.85714286%
}
.emotion--container.emotion--column-7 .col-5 {
  width: 71.42857143000001%
}
.emotion--container.emotion--column-7 .start-col-5 {
  left: 57.14285714%
}
.emotion--container.emotion--column-7 .col-6 {
  width: 85.71428571%
}
.emotion--container.emotion--column-7 .start-col-6 {
  left: 71.42857143000001%
}
.emotion--container.emotion--column-7 .col-7 {
  width: 100%
}
.emotion--container.emotion--column-7 .start-col-7 {
  left: 85.71428571%
}
.emotion--container.emotion--column-7 .col-xs-1 {
  width: 14.28571429%
}
.emotion--container.emotion--column-7 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-7 .col-xs-2 {
  width: 28.57142857%
}
.emotion--container.emotion--column-7 .start-col-xs-2 {
  left: 14.28571429%
}
.emotion--container.emotion--column-7 .col-xs-3 {
  width: 42.85714286%
}
.emotion--container.emotion--column-7 .start-col-xs-3 {
  left: 28.57142857%
}
.emotion--container.emotion--column-7 .col-xs-4 {
  width: 57.14285714%
}
.emotion--container.emotion--column-7 .start-col-xs-4 {
  left: 42.85714286%
}
.emotion--container.emotion--column-7 .col-xs-5 {
  width: 71.42857143000001%
}
.emotion--container.emotion--column-7 .start-col-xs-5 {
  left: 57.14285714%
}
.emotion--container.emotion--column-7 .col-xs-6 {
  width: 85.71428571%
}
.emotion--container.emotion--column-7 .start-col-xs-6 {
  left: 71.42857143000001%
}
.emotion--container.emotion--column-7 .col-xs-7 {
  width: 100%
}
.emotion--container.emotion--column-7 .start-col-xs-7 {
  left: 85.71428571%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-7 .col-s-1 {
    width: 14.28571429%
  }
  .emotion--container.emotion--column-7 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-7 .col-s-2 {
    width: 28.57142857%
  }
  .emotion--container.emotion--column-7 .start-col-s-2 {
    left: 14.28571429%
  }
  .emotion--container.emotion--column-7 .col-s-3 {
    width: 42.85714286%
  }
  .emotion--container.emotion--column-7 .start-col-s-3 {
    left: 28.57142857%
  }
  .emotion--container.emotion--column-7 .col-s-4 {
    width: 57.14285714%
  }
  .emotion--container.emotion--column-7 .start-col-s-4 {
    left: 42.85714286%
  }
  .emotion--container.emotion--column-7 .col-s-5 {
    width: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .start-col-s-5 {
    left: 57.14285714%
  }
  .emotion--container.emotion--column-7 .col-s-6 {
    width: 85.71428571%
  }
  .emotion--container.emotion--column-7 .start-col-s-6 {
    left: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .col-s-7 {
    width: 100%
  }
  .emotion--container.emotion--column-7 .start-col-s-7 {
    left: 85.71428571%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-7 .col-m-1 {
    width: 14.28571429%
  }
  .emotion--container.emotion--column-7 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-7 .col-m-2 {
    width: 28.57142857%
  }
  .emotion--container.emotion--column-7 .start-col-m-2 {
    left: 14.28571429%
  }
  .emotion--container.emotion--column-7 .col-m-3 {
    width: 42.85714286%
  }
  .emotion--container.emotion--column-7 .start-col-m-3 {
    left: 28.57142857%
  }
  .emotion--container.emotion--column-7 .col-m-4 {
    width: 57.14285714%
  }
  .emotion--container.emotion--column-7 .start-col-m-4 {
    left: 42.85714286%
  }
  .emotion--container.emotion--column-7 .col-m-5 {
    width: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .start-col-m-5 {
    left: 57.14285714%
  }
  .emotion--container.emotion--column-7 .col-m-6 {
    width: 85.71428571%
  }
  .emotion--container.emotion--column-7 .start-col-m-6 {
    left: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .col-m-7 {
    width: 100%
  }
  .emotion--container.emotion--column-7 .start-col-m-7 {
    left: 85.71428571%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-7 .col-l-1 {
    width: 14.28571429%
  }
  .emotion--container.emotion--column-7 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-7 .col-l-2 {
    width: 28.57142857%
  }
  .emotion--container.emotion--column-7 .start-col-l-2 {
    left: 14.28571429%
  }
  .emotion--container.emotion--column-7 .col-l-3 {
    width: 42.85714286%
  }
  .emotion--container.emotion--column-7 .start-col-l-3 {
    left: 28.57142857%
  }
  .emotion--container.emotion--column-7 .col-l-4 {
    width: 57.14285714%
  }
  .emotion--container.emotion--column-7 .start-col-l-4 {
    left: 42.85714286%
  }
  .emotion--container.emotion--column-7 .col-l-5 {
    width: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .start-col-l-5 {
    left: 57.14285714%
  }
  .emotion--container.emotion--column-7 .col-l-6 {
    width: 85.71428571%
  }
  .emotion--container.emotion--column-7 .start-col-l-6 {
    left: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .col-l-7 {
    width: 100%
  }
  .emotion--container.emotion--column-7 .start-col-l-7 {
    left: 85.71428571%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-7 .col-xl-1 {
    width: 14.28571429%
  }
  .emotion--container.emotion--column-7 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-7 .col-xl-2 {
    width: 28.57142857%
  }
  .emotion--container.emotion--column-7 .start-col-xl-2 {
    left: 14.28571429%
  }
  .emotion--container.emotion--column-7 .col-xl-3 {
    width: 42.85714286%
  }
  .emotion--container.emotion--column-7 .start-col-xl-3 {
    left: 28.57142857%
  }
  .emotion--container.emotion--column-7 .col-xl-4 {
    width: 57.14285714%
  }
  .emotion--container.emotion--column-7 .start-col-xl-4 {
    left: 42.85714286%
  }
  .emotion--container.emotion--column-7 .col-xl-5 {
    width: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .start-col-xl-5 {
    left: 57.14285714%
  }
  .emotion--container.emotion--column-7 .col-xl-6 {
    width: 85.71428571%
  }
  .emotion--container.emotion--column-7 .start-col-xl-6 {
    left: 71.42857143000001%
  }
  .emotion--container.emotion--column-7 .col-xl-7 {
    width: 100%
  }
  .emotion--container.emotion--column-7 .start-col-xl-7 {
    left: 85.71428571%
  }
}
.emotion--container.emotion--column-8 .col-1 {
  width: 12.5%
}
.emotion--container.emotion--column-8 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-8 .col-2 {
  width: 25%
}
.emotion--container.emotion--column-8 .start-col-2 {
  left: 12.5%
}
.emotion--container.emotion--column-8 .col-3 {
  width: 37.5%
}
.emotion--container.emotion--column-8 .start-col-3 {
  left: 25%
}
.emotion--container.emotion--column-8 .col-4 {
  width: 50%
}
.emotion--container.emotion--column-8 .start-col-4 {
  left: 37.5%
}
.emotion--container.emotion--column-8 .col-5 {
  width: 62.5%
}
.emotion--container.emotion--column-8 .start-col-5 {
  left: 50%
}
.emotion--container.emotion--column-8 .col-6 {
  width: 75%
}
.emotion--container.emotion--column-8 .start-col-6 {
  left: 62.5%
}
.emotion--container.emotion--column-8 .col-7 {
  width: 87.5%
}
.emotion--container.emotion--column-8 .start-col-7 {
  left: 75%
}
.emotion--container.emotion--column-8 .col-8 {
  width: 100%
}
.emotion--container.emotion--column-8 .start-col-8 {
  left: 87.5%
}
.emotion--container.emotion--column-8 .col-xs-1 {
  width: 12.5%
}
.emotion--container.emotion--column-8 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-8 .col-xs-2 {
  width: 25%
}
.emotion--container.emotion--column-8 .start-col-xs-2 {
  left: 12.5%
}
.emotion--container.emotion--column-8 .col-xs-3 {
  width: 37.5%
}
.emotion--container.emotion--column-8 .start-col-xs-3 {
  left: 25%
}
.emotion--container.emotion--column-8 .col-xs-4 {
  width: 50%
}
.emotion--container.emotion--column-8 .start-col-xs-4 {
  left: 37.5%
}
.emotion--container.emotion--column-8 .col-xs-5 {
  width: 62.5%
}
.emotion--container.emotion--column-8 .start-col-xs-5 {
  left: 50%
}
.emotion--container.emotion--column-8 .col-xs-6 {
  width: 75%
}
.emotion--container.emotion--column-8 .start-col-xs-6 {
  left: 62.5%
}
.emotion--container.emotion--column-8 .col-xs-7 {
  width: 87.5%
}
.emotion--container.emotion--column-8 .start-col-xs-7 {
  left: 75%
}
.emotion--container.emotion--column-8 .col-xs-8 {
  width: 100%
}
.emotion--container.emotion--column-8 .start-col-xs-8 {
  left: 87.5%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-8 .col-s-1 {
    width: 12.5%
  }
  .emotion--container.emotion--column-8 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-8 .col-s-2 {
    width: 25%
  }
  .emotion--container.emotion--column-8 .start-col-s-2 {
    left: 12.5%
  }
  .emotion--container.emotion--column-8 .col-s-3 {
    width: 37.5%
  }
  .emotion--container.emotion--column-8 .start-col-s-3 {
    left: 25%
  }
  .emotion--container.emotion--column-8 .col-s-4 {
    width: 50%
  }
  .emotion--container.emotion--column-8 .start-col-s-4 {
    left: 37.5%
  }
  .emotion--container.emotion--column-8 .col-s-5 {
    width: 62.5%
  }
  .emotion--container.emotion--column-8 .start-col-s-5 {
    left: 50%
  }
  .emotion--container.emotion--column-8 .col-s-6 {
    width: 75%
  }
  .emotion--container.emotion--column-8 .start-col-s-6 {
    left: 62.5%
  }
  .emotion--container.emotion--column-8 .col-s-7 {
    width: 87.5%
  }
  .emotion--container.emotion--column-8 .start-col-s-7 {
    left: 75%
  }
  .emotion--container.emotion--column-8 .col-s-8 {
    width: 100%
  }
  .emotion--container.emotion--column-8 .start-col-s-8 {
    left: 87.5%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-8 .col-m-1 {
    width: 12.5%
  }
  .emotion--container.emotion--column-8 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-8 .col-m-2 {
    width: 25%
  }
  .emotion--container.emotion--column-8 .start-col-m-2 {
    left: 12.5%
  }
  .emotion--container.emotion--column-8 .col-m-3 {
    width: 37.5%
  }
  .emotion--container.emotion--column-8 .start-col-m-3 {
    left: 25%
  }
  .emotion--container.emotion--column-8 .col-m-4 {
    width: 50%
  }
  .emotion--container.emotion--column-8 .start-col-m-4 {
    left: 37.5%
  }
  .emotion--container.emotion--column-8 .col-m-5 {
    width: 62.5%
  }
  .emotion--container.emotion--column-8 .start-col-m-5 {
    left: 50%
  }
  .emotion--container.emotion--column-8 .col-m-6 {
    width: 75%
  }
  .emotion--container.emotion--column-8 .start-col-m-6 {
    left: 62.5%
  }
  .emotion--container.emotion--column-8 .col-m-7 {
    width: 87.5%
  }
  .emotion--container.emotion--column-8 .start-col-m-7 {
    left: 75%
  }
  .emotion--container.emotion--column-8 .col-m-8 {
    width: 100%
  }
  .emotion--container.emotion--column-8 .start-col-m-8 {
    left: 87.5%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-8 .col-l-1 {
    width: 12.5%
  }
  .emotion--container.emotion--column-8 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-8 .col-l-2 {
    width: 25%
  }
  .emotion--container.emotion--column-8 .start-col-l-2 {
    left: 12.5%
  }
  .emotion--container.emotion--column-8 .col-l-3 {
    width: 37.5%
  }
  .emotion--container.emotion--column-8 .start-col-l-3 {
    left: 25%
  }
  .emotion--container.emotion--column-8 .col-l-4 {
    width: 50%
  }
  .emotion--container.emotion--column-8 .start-col-l-4 {
    left: 37.5%
  }
  .emotion--container.emotion--column-8 .col-l-5 {
    width: 62.5%
  }
  .emotion--container.emotion--column-8 .start-col-l-5 {
    left: 50%
  }
  .emotion--container.emotion--column-8 .col-l-6 {
    width: 75%
  }
  .emotion--container.emotion--column-8 .start-col-l-6 {
    left: 62.5%
  }
  .emotion--container.emotion--column-8 .col-l-7 {
    width: 87.5%
  }
  .emotion--container.emotion--column-8 .start-col-l-7 {
    left: 75%
  }
  .emotion--container.emotion--column-8 .col-l-8 {
    width: 100%
  }
  .emotion--container.emotion--column-8 .start-col-l-8 {
    left: 87.5%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-8 .col-xl-1 {
    width: 12.5%
  }
  .emotion--container.emotion--column-8 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-8 .col-xl-2 {
    width: 25%
  }
  .emotion--container.emotion--column-8 .start-col-xl-2 {
    left: 12.5%
  }
  .emotion--container.emotion--column-8 .col-xl-3 {
    width: 37.5%
  }
  .emotion--container.emotion--column-8 .start-col-xl-3 {
    left: 25%
  }
  .emotion--container.emotion--column-8 .col-xl-4 {
    width: 50%
  }
  .emotion--container.emotion--column-8 .start-col-xl-4 {
    left: 37.5%
  }
  .emotion--container.emotion--column-8 .col-xl-5 {
    width: 62.5%
  }
  .emotion--container.emotion--column-8 .start-col-xl-5 {
    left: 50%
  }
  .emotion--container.emotion--column-8 .col-xl-6 {
    width: 75%
  }
  .emotion--container.emotion--column-8 .start-col-xl-6 {
    left: 62.5%
  }
  .emotion--container.emotion--column-8 .col-xl-7 {
    width: 87.5%
  }
  .emotion--container.emotion--column-8 .start-col-xl-7 {
    left: 75%
  }
  .emotion--container.emotion--column-8 .col-xl-8 {
    width: 100%
  }
  .emotion--container.emotion--column-8 .start-col-xl-8 {
    left: 87.5%
  }
}
.emotion--container.emotion--column-9 .col-1 {
  width: 11.11111111%
}
.emotion--container.emotion--column-9 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-9 .col-2 {
  width: 22.22222222%
}
.emotion--container.emotion--column-9 .start-col-2 {
  left: 11.11111111%
}
.emotion--container.emotion--column-9 .col-3 {
  width: 33.33333333%
}
.emotion--container.emotion--column-9 .start-col-3 {
  left: 22.22222222%
}
.emotion--container.emotion--column-9 .col-4 {
  width: 44.44444444%
}
.emotion--container.emotion--column-9 .start-col-4 {
  left: 33.33333333%
}
.emotion--container.emotion--column-9 .col-5 {
  width: 55.55555556%
}
.emotion--container.emotion--column-9 .start-col-5 {
  left: 44.44444444%
}
.emotion--container.emotion--column-9 .col-6 {
  width: 66.66666667%
}
.emotion--container.emotion--column-9 .start-col-6 {
  left: 55.55555556%
}
.emotion--container.emotion--column-9 .col-7 {
  width: 77.77777777999999%
}
.emotion--container.emotion--column-9 .start-col-7 {
  left: 66.66666667%
}
.emotion--container.emotion--column-9 .col-8 {
  width: 88.88888889%
}
.emotion--container.emotion--column-9 .start-col-8 {
  left: 77.77777777999999%
}
.emotion--container.emotion--column-9 .col-9 {
  width: 100%
}
.emotion--container.emotion--column-9 .start-col-9 {
  left: 88.88888889%
}
.emotion--container.emotion--column-9 .col-xs-1 {
  width: 11.11111111%
}
.emotion--container.emotion--column-9 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-9 .col-xs-2 {
  width: 22.22222222%
}
.emotion--container.emotion--column-9 .start-col-xs-2 {
  left: 11.11111111%
}
.emotion--container.emotion--column-9 .col-xs-3 {
  width: 33.33333333%
}
.emotion--container.emotion--column-9 .start-col-xs-3 {
  left: 22.22222222%
}
.emotion--container.emotion--column-9 .col-xs-4 {
  width: 44.44444444%
}
.emotion--container.emotion--column-9 .start-col-xs-4 {
  left: 33.33333333%
}
.emotion--container.emotion--column-9 .col-xs-5 {
  width: 55.55555556%
}
.emotion--container.emotion--column-9 .start-col-xs-5 {
  left: 44.44444444%
}
.emotion--container.emotion--column-9 .col-xs-6 {
  width: 66.66666667%
}
.emotion--container.emotion--column-9 .start-col-xs-6 {
  left: 55.55555556%
}
.emotion--container.emotion--column-9 .col-xs-7 {
  width: 77.77777777999999%
}
.emotion--container.emotion--column-9 .start-col-xs-7 {
  left: 66.66666667%
}
.emotion--container.emotion--column-9 .col-xs-8 {
  width: 88.88888889%
}
.emotion--container.emotion--column-9 .start-col-xs-8 {
  left: 77.77777777999999%
}
.emotion--container.emotion--column-9 .col-xs-9 {
  width: 100%
}
.emotion--container.emotion--column-9 .start-col-xs-9 {
  left: 88.88888889%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-9 .col-s-1 {
    width: 11.11111111%
  }
  .emotion--container.emotion--column-9 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-9 .col-s-2 {
    width: 22.22222222%
  }
  .emotion--container.emotion--column-9 .start-col-s-2 {
    left: 11.11111111%
  }
  .emotion--container.emotion--column-9 .col-s-3 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-9 .start-col-s-3 {
    left: 22.22222222%
  }
  .emotion--container.emotion--column-9 .col-s-4 {
    width: 44.44444444%
  }
  .emotion--container.emotion--column-9 .start-col-s-4 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-9 .col-s-5 {
    width: 55.55555556%
  }
  .emotion--container.emotion--column-9 .start-col-s-5 {
    left: 44.44444444%
  }
  .emotion--container.emotion--column-9 .col-s-6 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-9 .start-col-s-6 {
    left: 55.55555556%
  }
  .emotion--container.emotion--column-9 .col-s-7 {
    width: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .start-col-s-7 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-9 .col-s-8 {
    width: 88.88888889%
  }
  .emotion--container.emotion--column-9 .start-col-s-8 {
    left: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .col-s-9 {
    width: 100%
  }
  .emotion--container.emotion--column-9 .start-col-s-9 {
    left: 88.88888889%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-9 .col-m-1 {
    width: 11.11111111%
  }
  .emotion--container.emotion--column-9 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-9 .col-m-2 {
    width: 22.22222222%
  }
  .emotion--container.emotion--column-9 .start-col-m-2 {
    left: 11.11111111%
  }
  .emotion--container.emotion--column-9 .col-m-3 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-9 .start-col-m-3 {
    left: 22.22222222%
  }
  .emotion--container.emotion--column-9 .col-m-4 {
    width: 44.44444444%
  }
  .emotion--container.emotion--column-9 .start-col-m-4 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-9 .col-m-5 {
    width: 55.55555556%
  }
  .emotion--container.emotion--column-9 .start-col-m-5 {
    left: 44.44444444%
  }
  .emotion--container.emotion--column-9 .col-m-6 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-9 .start-col-m-6 {
    left: 55.55555556%
  }
  .emotion--container.emotion--column-9 .col-m-7 {
    width: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .start-col-m-7 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-9 .col-m-8 {
    width: 88.88888889%
  }
  .emotion--container.emotion--column-9 .start-col-m-8 {
    left: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .col-m-9 {
    width: 100%
  }
  .emotion--container.emotion--column-9 .start-col-m-9 {
    left: 88.88888889%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-9 .col-l-1 {
    width: 11.11111111%
  }
  .emotion--container.emotion--column-9 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-9 .col-l-2 {
    width: 22.22222222%
  }
  .emotion--container.emotion--column-9 .start-col-l-2 {
    left: 11.11111111%
  }
  .emotion--container.emotion--column-9 .col-l-3 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-9 .start-col-l-3 {
    left: 22.22222222%
  }
  .emotion--container.emotion--column-9 .col-l-4 {
    width: 44.44444444%
  }
  .emotion--container.emotion--column-9 .start-col-l-4 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-9 .col-l-5 {
    width: 55.55555556%
  }
  .emotion--container.emotion--column-9 .start-col-l-5 {
    left: 44.44444444%
  }
  .emotion--container.emotion--column-9 .col-l-6 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-9 .start-col-l-6 {
    left: 55.55555556%
  }
  .emotion--container.emotion--column-9 .col-l-7 {
    width: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .start-col-l-7 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-9 .col-l-8 {
    width: 88.88888889%
  }
  .emotion--container.emotion--column-9 .start-col-l-8 {
    left: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .col-l-9 {
    width: 100%
  }
  .emotion--container.emotion--column-9 .start-col-l-9 {
    left: 88.88888889%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-9 .col-xl-1 {
    width: 11.11111111%
  }
  .emotion--container.emotion--column-9 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-9 .col-xl-2 {
    width: 22.22222222%
  }
  .emotion--container.emotion--column-9 .start-col-xl-2 {
    left: 11.11111111%
  }
  .emotion--container.emotion--column-9 .col-xl-3 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-9 .start-col-xl-3 {
    left: 22.22222222%
  }
  .emotion--container.emotion--column-9 .col-xl-4 {
    width: 44.44444444%
  }
  .emotion--container.emotion--column-9 .start-col-xl-4 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-9 .col-xl-5 {
    width: 55.55555556%
  }
  .emotion--container.emotion--column-9 .start-col-xl-5 {
    left: 44.44444444%
  }
  .emotion--container.emotion--column-9 .col-xl-6 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-9 .start-col-xl-6 {
    left: 55.55555556%
  }
  .emotion--container.emotion--column-9 .col-xl-7 {
    width: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .start-col-xl-7 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-9 .col-xl-8 {
    width: 88.88888889%
  }
  .emotion--container.emotion--column-9 .start-col-xl-8 {
    left: 77.77777777999999%
  }
  .emotion--container.emotion--column-9 .col-xl-9 {
    width: 100%
  }
  .emotion--container.emotion--column-9 .start-col-xl-9 {
    left: 88.88888889%
  }
}
.emotion--container.emotion--column-10 .col-1 {
  width: 10%
}
.emotion--container.emotion--column-10 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-10 .col-2 {
  width: 20%
}
.emotion--container.emotion--column-10 .start-col-2 {
  left: 10%
}
.emotion--container.emotion--column-10 .col-3 {
  width: 30%
}
.emotion--container.emotion--column-10 .start-col-3 {
  left: 20%
}
.emotion--container.emotion--column-10 .col-4 {
  width: 40%
}
.emotion--container.emotion--column-10 .start-col-4 {
  left: 30%
}
.emotion--container.emotion--column-10 .col-5 {
  width: 50%
}
.emotion--container.emotion--column-10 .start-col-5 {
  left: 40%
}
.emotion--container.emotion--column-10 .col-6 {
  width: 60%
}
.emotion--container.emotion--column-10 .start-col-6 {
  left: 50%
}
.emotion--container.emotion--column-10 .col-7 {
  width: 70%
}
.emotion--container.emotion--column-10 .start-col-7 {
  left: 60%
}
.emotion--container.emotion--column-10 .col-8 {
  width: 80%
}
.emotion--container.emotion--column-10 .start-col-8 {
  left: 70%
}
.emotion--container.emotion--column-10 .col-9 {
  width: 90%
}
.emotion--container.emotion--column-10 .start-col-9 {
  left: 80%
}
.emotion--container.emotion--column-10 .col-10 {
  width: 100%
}
.emotion--container.emotion--column-10 .start-col-10 {
  left: 90%
}
.emotion--container.emotion--column-10 .col-xs-1 {
  width: 10%
}
.emotion--container.emotion--column-10 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-10 .col-xs-2 {
  width: 20%
}
.emotion--container.emotion--column-10 .start-col-xs-2 {
  left: 10%
}
.emotion--container.emotion--column-10 .col-xs-3 {
  width: 30%
}
.emotion--container.emotion--column-10 .start-col-xs-3 {
  left: 20%
}
.emotion--container.emotion--column-10 .col-xs-4 {
  width: 40%
}
.emotion--container.emotion--column-10 .start-col-xs-4 {
  left: 30%
}
.emotion--container.emotion--column-10 .col-xs-5 {
  width: 50%
}
.emotion--container.emotion--column-10 .start-col-xs-5 {
  left: 40%
}
.emotion--container.emotion--column-10 .col-xs-6 {
  width: 60%
}
.emotion--container.emotion--column-10 .start-col-xs-6 {
  left: 50%
}
.emotion--container.emotion--column-10 .col-xs-7 {
  width: 70%
}
.emotion--container.emotion--column-10 .start-col-xs-7 {
  left: 60%
}
.emotion--container.emotion--column-10 .col-xs-8 {
  width: 80%
}
.emotion--container.emotion--column-10 .start-col-xs-8 {
  left: 70%
}
.emotion--container.emotion--column-10 .col-xs-9 {
  width: 90%
}
.emotion--container.emotion--column-10 .start-col-xs-9 {
  left: 80%
}
.emotion--container.emotion--column-10 .col-xs-10 {
  width: 100%
}
.emotion--container.emotion--column-10 .start-col-xs-10 {
  left: 90%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-10 .col-s-1 {
    width: 10%
  }
  .emotion--container.emotion--column-10 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-10 .col-s-2 {
    width: 20%
  }
  .emotion--container.emotion--column-10 .start-col-s-2 {
    left: 10%
  }
  .emotion--container.emotion--column-10 .col-s-3 {
    width: 30%
  }
  .emotion--container.emotion--column-10 .start-col-s-3 {
    left: 20%
  }
  .emotion--container.emotion--column-10 .col-s-4 {
    width: 40%
  }
  .emotion--container.emotion--column-10 .start-col-s-4 {
    left: 30%
  }
  .emotion--container.emotion--column-10 .col-s-5 {
    width: 50%
  }
  .emotion--container.emotion--column-10 .start-col-s-5 {
    left: 40%
  }
  .emotion--container.emotion--column-10 .col-s-6 {
    width: 60%
  }
  .emotion--container.emotion--column-10 .start-col-s-6 {
    left: 50%
  }
  .emotion--container.emotion--column-10 .col-s-7 {
    width: 70%
  }
  .emotion--container.emotion--column-10 .start-col-s-7 {
    left: 60%
  }
  .emotion--container.emotion--column-10 .col-s-8 {
    width: 80%
  }
  .emotion--container.emotion--column-10 .start-col-s-8 {
    left: 70%
  }
  .emotion--container.emotion--column-10 .col-s-9 {
    width: 90%
  }
  .emotion--container.emotion--column-10 .start-col-s-9 {
    left: 80%
  }
  .emotion--container.emotion--column-10 .col-s-10 {
    width: 100%
  }
  .emotion--container.emotion--column-10 .start-col-s-10 {
    left: 90%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-10 .col-m-1 {
    width: 10%
  }
  .emotion--container.emotion--column-10 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-10 .col-m-2 {
    width: 20%
  }
  .emotion--container.emotion--column-10 .start-col-m-2 {
    left: 10%
  }
  .emotion--container.emotion--column-10 .col-m-3 {
    width: 30%
  }
  .emotion--container.emotion--column-10 .start-col-m-3 {
    left: 20%
  }
  .emotion--container.emotion--column-10 .col-m-4 {
    width: 40%
  }
  .emotion--container.emotion--column-10 .start-col-m-4 {
    left: 30%
  }
  .emotion--container.emotion--column-10 .col-m-5 {
    width: 50%
  }
  .emotion--container.emotion--column-10 .start-col-m-5 {
    left: 40%
  }
  .emotion--container.emotion--column-10 .col-m-6 {
    width: 60%
  }
  .emotion--container.emotion--column-10 .start-col-m-6 {
    left: 50%
  }
  .emotion--container.emotion--column-10 .col-m-7 {
    width: 70%
  }
  .emotion--container.emotion--column-10 .start-col-m-7 {
    left: 60%
  }
  .emotion--container.emotion--column-10 .col-m-8 {
    width: 80%
  }
  .emotion--container.emotion--column-10 .start-col-m-8 {
    left: 70%
  }
  .emotion--container.emotion--column-10 .col-m-9 {
    width: 90%
  }
  .emotion--container.emotion--column-10 .start-col-m-9 {
    left: 80%
  }
  .emotion--container.emotion--column-10 .col-m-10 {
    width: 100%
  }
  .emotion--container.emotion--column-10 .start-col-m-10 {
    left: 90%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-10 .col-l-1 {
    width: 10%
  }
  .emotion--container.emotion--column-10 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-10 .col-l-2 {
    width: 20%
  }
  .emotion--container.emotion--column-10 .start-col-l-2 {
    left: 10%
  }
  .emotion--container.emotion--column-10 .col-l-3 {
    width: 30%
  }
  .emotion--container.emotion--column-10 .start-col-l-3 {
    left: 20%
  }
  .emotion--container.emotion--column-10 .col-l-4 {
    width: 40%
  }
  .emotion--container.emotion--column-10 .start-col-l-4 {
    left: 30%
  }
  .emotion--container.emotion--column-10 .col-l-5 {
    width: 50%
  }
  .emotion--container.emotion--column-10 .start-col-l-5 {
    left: 40%
  }
  .emotion--container.emotion--column-10 .col-l-6 {
    width: 60%
  }
  .emotion--container.emotion--column-10 .start-col-l-6 {
    left: 50%
  }
  .emotion--container.emotion--column-10 .col-l-7 {
    width: 70%
  }
  .emotion--container.emotion--column-10 .start-col-l-7 {
    left: 60%
  }
  .emotion--container.emotion--column-10 .col-l-8 {
    width: 80%
  }
  .emotion--container.emotion--column-10 .start-col-l-8 {
    left: 70%
  }
  .emotion--container.emotion--column-10 .col-l-9 {
    width: 90%
  }
  .emotion--container.emotion--column-10 .start-col-l-9 {
    left: 80%
  }
  .emotion--container.emotion--column-10 .col-l-10 {
    width: 100%
  }
  .emotion--container.emotion--column-10 .start-col-l-10 {
    left: 90%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-10 .col-xl-1 {
    width: 10%
  }
  .emotion--container.emotion--column-10 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-10 .col-xl-2 {
    width: 20%
  }
  .emotion--container.emotion--column-10 .start-col-xl-2 {
    left: 10%
  }
  .emotion--container.emotion--column-10 .col-xl-3 {
    width: 30%
  }
  .emotion--container.emotion--column-10 .start-col-xl-3 {
    left: 20%
  }
  .emotion--container.emotion--column-10 .col-xl-4 {
    width: 40%
  }
  .emotion--container.emotion--column-10 .start-col-xl-4 {
    left: 30%
  }
  .emotion--container.emotion--column-10 .col-xl-5 {
    width: 50%
  }
  .emotion--container.emotion--column-10 .start-col-xl-5 {
    left: 40%
  }
  .emotion--container.emotion--column-10 .col-xl-6 {
    width: 60%
  }
  .emotion--container.emotion--column-10 .start-col-xl-6 {
    left: 50%
  }
  .emotion--container.emotion--column-10 .col-xl-7 {
    width: 70%
  }
  .emotion--container.emotion--column-10 .start-col-xl-7 {
    left: 60%
  }
  .emotion--container.emotion--column-10 .col-xl-8 {
    width: 80%
  }
  .emotion--container.emotion--column-10 .start-col-xl-8 {
    left: 70%
  }
  .emotion--container.emotion--column-10 .col-xl-9 {
    width: 90%
  }
  .emotion--container.emotion--column-10 .start-col-xl-9 {
    left: 80%
  }
  .emotion--container.emotion--column-10 .col-xl-10 {
    width: 100%
  }
  .emotion--container.emotion--column-10 .start-col-xl-10 {
    left: 90%
  }
}
.emotion--container.emotion--column-11 .col-1 {
  width: 9.09090909%
}
.emotion--container.emotion--column-11 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-11 .col-2 {
  width: 18.18181818%
}
.emotion--container.emotion--column-11 .start-col-2 {
  left: 9.09090909%
}
.emotion--container.emotion--column-11 .col-3 {
  width: 27.27272727%
}
.emotion--container.emotion--column-11 .start-col-3 {
  left: 18.18181818%
}
.emotion--container.emotion--column-11 .col-4 {
  width: 36.36363636%
}
.emotion--container.emotion--column-11 .start-col-4 {
  left: 27.27272727%
}
.emotion--container.emotion--column-11 .col-5 {
  width: 45.45454545%
}
.emotion--container.emotion--column-11 .start-col-5 {
  left: 36.36363636%
}
.emotion--container.emotion--column-11 .col-6 {
  width: 54.54545455%
}
.emotion--container.emotion--column-11 .start-col-6 {
  left: 45.45454545%
}
.emotion--container.emotion--column-11 .col-7 {
  width: 63.63636364%
}
.emotion--container.emotion--column-11 .start-col-7 {
  left: 54.54545455%
}
.emotion--container.emotion--column-11 .col-8 {
  width: 72.72727273%
}
.emotion--container.emotion--column-11 .start-col-8 {
  left: 63.63636364%
}
.emotion--container.emotion--column-11 .col-9 {
  width: 81.81818182000001%
}
.emotion--container.emotion--column-11 .start-col-9 {
  left: 72.72727273%
}
.emotion--container.emotion--column-11 .col-10 {
  width: 90.90909091%
}
.emotion--container.emotion--column-11 .start-col-10 {
  left: 81.81818182000001%
}
.emotion--container.emotion--column-11 .col-11 {
  width: 100%
}
.emotion--container.emotion--column-11 .start-col-11 {
  left: 90.90909091%
}
.emotion--container.emotion--column-11 .col-xs-1 {
  width: 9.09090909%
}
.emotion--container.emotion--column-11 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-11 .col-xs-2 {
  width: 18.18181818%
}
.emotion--container.emotion--column-11 .start-col-xs-2 {
  left: 9.09090909%
}
.emotion--container.emotion--column-11 .col-xs-3 {
  width: 27.27272727%
}
.emotion--container.emotion--column-11 .start-col-xs-3 {
  left: 18.18181818%
}
.emotion--container.emotion--column-11 .col-xs-4 {
  width: 36.36363636%
}
.emotion--container.emotion--column-11 .start-col-xs-4 {
  left: 27.27272727%
}
.emotion--container.emotion--column-11 .col-xs-5 {
  width: 45.45454545%
}
.emotion--container.emotion--column-11 .start-col-xs-5 {
  left: 36.36363636%
}
.emotion--container.emotion--column-11 .col-xs-6 {
  width: 54.54545455%
}
.emotion--container.emotion--column-11 .start-col-xs-6 {
  left: 45.45454545%
}
.emotion--container.emotion--column-11 .col-xs-7 {
  width: 63.63636364%
}
.emotion--container.emotion--column-11 .start-col-xs-7 {
  left: 54.54545455%
}
.emotion--container.emotion--column-11 .col-xs-8 {
  width: 72.72727273%
}
.emotion--container.emotion--column-11 .start-col-xs-8 {
  left: 63.63636364%
}
.emotion--container.emotion--column-11 .col-xs-9 {
  width: 81.81818182000001%
}
.emotion--container.emotion--column-11 .start-col-xs-9 {
  left: 72.72727273%
}
.emotion--container.emotion--column-11 .col-xs-10 {
  width: 90.90909091%
}
.emotion--container.emotion--column-11 .start-col-xs-10 {
  left: 81.81818182000001%
}
.emotion--container.emotion--column-11 .col-xs-11 {
  width: 100%
}
.emotion--container.emotion--column-11 .start-col-xs-11 {
  left: 90.90909091%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-11 .col-s-1 {
    width: 9.09090909%
  }
  .emotion--container.emotion--column-11 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-11 .col-s-2 {
    width: 18.18181818%
  }
  .emotion--container.emotion--column-11 .start-col-s-2 {
    left: 9.09090909%
  }
  .emotion--container.emotion--column-11 .col-s-3 {
    width: 27.27272727%
  }
  .emotion--container.emotion--column-11 .start-col-s-3 {
    left: 18.18181818%
  }
  .emotion--container.emotion--column-11 .col-s-4 {
    width: 36.36363636%
  }
  .emotion--container.emotion--column-11 .start-col-s-4 {
    left: 27.27272727%
  }
  .emotion--container.emotion--column-11 .col-s-5 {
    width: 45.45454545%
  }
  .emotion--container.emotion--column-11 .start-col-s-5 {
    left: 36.36363636%
  }
  .emotion--container.emotion--column-11 .col-s-6 {
    width: 54.54545455%
  }
  .emotion--container.emotion--column-11 .start-col-s-6 {
    left: 45.45454545%
  }
  .emotion--container.emotion--column-11 .col-s-7 {
    width: 63.63636364%
  }
  .emotion--container.emotion--column-11 .start-col-s-7 {
    left: 54.54545455%
  }
  .emotion--container.emotion--column-11 .col-s-8 {
    width: 72.72727273%
  }
  .emotion--container.emotion--column-11 .start-col-s-8 {
    left: 63.63636364%
  }
  .emotion--container.emotion--column-11 .col-s-9 {
    width: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .start-col-s-9 {
    left: 72.72727273%
  }
  .emotion--container.emotion--column-11 .col-s-10 {
    width: 90.90909091%
  }
  .emotion--container.emotion--column-11 .start-col-s-10 {
    left: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .col-s-11 {
    width: 100%
  }
  .emotion--container.emotion--column-11 .start-col-s-11 {
    left: 90.90909091%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-11 .col-m-1 {
    width: 9.09090909%
  }
  .emotion--container.emotion--column-11 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-11 .col-m-2 {
    width: 18.18181818%
  }
  .emotion--container.emotion--column-11 .start-col-m-2 {
    left: 9.09090909%
  }
  .emotion--container.emotion--column-11 .col-m-3 {
    width: 27.27272727%
  }
  .emotion--container.emotion--column-11 .start-col-m-3 {
    left: 18.18181818%
  }
  .emotion--container.emotion--column-11 .col-m-4 {
    width: 36.36363636%
  }
  .emotion--container.emotion--column-11 .start-col-m-4 {
    left: 27.27272727%
  }
  .emotion--container.emotion--column-11 .col-m-5 {
    width: 45.45454545%
  }
  .emotion--container.emotion--column-11 .start-col-m-5 {
    left: 36.36363636%
  }
  .emotion--container.emotion--column-11 .col-m-6 {
    width: 54.54545455%
  }
  .emotion--container.emotion--column-11 .start-col-m-6 {
    left: 45.45454545%
  }
  .emotion--container.emotion--column-11 .col-m-7 {
    width: 63.63636364%
  }
  .emotion--container.emotion--column-11 .start-col-m-7 {
    left: 54.54545455%
  }
  .emotion--container.emotion--column-11 .col-m-8 {
    width: 72.72727273%
  }
  .emotion--container.emotion--column-11 .start-col-m-8 {
    left: 63.63636364%
  }
  .emotion--container.emotion--column-11 .col-m-9 {
    width: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .start-col-m-9 {
    left: 72.72727273%
  }
  .emotion--container.emotion--column-11 .col-m-10 {
    width: 90.90909091%
  }
  .emotion--container.emotion--column-11 .start-col-m-10 {
    left: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .col-m-11 {
    width: 100%
  }
  .emotion--container.emotion--column-11 .start-col-m-11 {
    left: 90.90909091%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-11 .col-l-1 {
    width: 9.09090909%
  }
  .emotion--container.emotion--column-11 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-11 .col-l-2 {
    width: 18.18181818%
  }
  .emotion--container.emotion--column-11 .start-col-l-2 {
    left: 9.09090909%
  }
  .emotion--container.emotion--column-11 .col-l-3 {
    width: 27.27272727%
  }
  .emotion--container.emotion--column-11 .start-col-l-3 {
    left: 18.18181818%
  }
  .emotion--container.emotion--column-11 .col-l-4 {
    width: 36.36363636%
  }
  .emotion--container.emotion--column-11 .start-col-l-4 {
    left: 27.27272727%
  }
  .emotion--container.emotion--column-11 .col-l-5 {
    width: 45.45454545%
  }
  .emotion--container.emotion--column-11 .start-col-l-5 {
    left: 36.36363636%
  }
  .emotion--container.emotion--column-11 .col-l-6 {
    width: 54.54545455%
  }
  .emotion--container.emotion--column-11 .start-col-l-6 {
    left: 45.45454545%
  }
  .emotion--container.emotion--column-11 .col-l-7 {
    width: 63.63636364%
  }
  .emotion--container.emotion--column-11 .start-col-l-7 {
    left: 54.54545455%
  }
  .emotion--container.emotion--column-11 .col-l-8 {
    width: 72.72727273%
  }
  .emotion--container.emotion--column-11 .start-col-l-8 {
    left: 63.63636364%
  }
  .emotion--container.emotion--column-11 .col-l-9 {
    width: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .start-col-l-9 {
    left: 72.72727273%
  }
  .emotion--container.emotion--column-11 .col-l-10 {
    width: 90.90909091%
  }
  .emotion--container.emotion--column-11 .start-col-l-10 {
    left: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .col-l-11 {
    width: 100%
  }
  .emotion--container.emotion--column-11 .start-col-l-11 {
    left: 90.90909091%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-11 .col-xl-1 {
    width: 9.09090909%
  }
  .emotion--container.emotion--column-11 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-11 .col-xl-2 {
    width: 18.18181818%
  }
  .emotion--container.emotion--column-11 .start-col-xl-2 {
    left: 9.09090909%
  }
  .emotion--container.emotion--column-11 .col-xl-3 {
    width: 27.27272727%
  }
  .emotion--container.emotion--column-11 .start-col-xl-3 {
    left: 18.18181818%
  }
  .emotion--container.emotion--column-11 .col-xl-4 {
    width: 36.36363636%
  }
  .emotion--container.emotion--column-11 .start-col-xl-4 {
    left: 27.27272727%
  }
  .emotion--container.emotion--column-11 .col-xl-5 {
    width: 45.45454545%
  }
  .emotion--container.emotion--column-11 .start-col-xl-5 {
    left: 36.36363636%
  }
  .emotion--container.emotion--column-11 .col-xl-6 {
    width: 54.54545455%
  }
  .emotion--container.emotion--column-11 .start-col-xl-6 {
    left: 45.45454545%
  }
  .emotion--container.emotion--column-11 .col-xl-7 {
    width: 63.63636364%
  }
  .emotion--container.emotion--column-11 .start-col-xl-7 {
    left: 54.54545455%
  }
  .emotion--container.emotion--column-11 .col-xl-8 {
    width: 72.72727273%
  }
  .emotion--container.emotion--column-11 .start-col-xl-8 {
    left: 63.63636364%
  }
  .emotion--container.emotion--column-11 .col-xl-9 {
    width: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .start-col-xl-9 {
    left: 72.72727273%
  }
  .emotion--container.emotion--column-11 .col-xl-10 {
    width: 90.90909091%
  }
  .emotion--container.emotion--column-11 .start-col-xl-10 {
    left: 81.81818182000001%
  }
  .emotion--container.emotion--column-11 .col-xl-11 {
    width: 100%
  }
  .emotion--container.emotion--column-11 .start-col-xl-11 {
    left: 90.90909091%
  }
}
.emotion--container.emotion--column-12 .col-1 {
  width: 8.33333333%
}
.emotion--container.emotion--column-12 .start-col-1 {
  left: 0%
}
.emotion--container.emotion--column-12 .col-2 {
  width: 16.66666667%
}
.emotion--container.emotion--column-12 .start-col-2 {
  left: 8.33333333%
}
.emotion--container.emotion--column-12 .col-3 {
  width: 25%
}
.emotion--container.emotion--column-12 .start-col-3 {
  left: 16.66666667%
}
.emotion--container.emotion--column-12 .col-4 {
  width: 33.33333333%
}
.emotion--container.emotion--column-12 .start-col-4 {
  left: 25%
}
.emotion--container.emotion--column-12 .col-5 {
  width: 41.66666667%
}
.emotion--container.emotion--column-12 .start-col-5 {
  left: 33.33333333%
}
.emotion--container.emotion--column-12 .col-6 {
  width: 50%
}
.emotion--container.emotion--column-12 .start-col-6 {
  left: 41.66666667%
}
.emotion--container.emotion--column-12 .col-7 {
  width: 58.33333333%
}
.emotion--container.emotion--column-12 .start-col-7 {
  left: 50%
}
.emotion--container.emotion--column-12 .col-8 {
  width: 66.66666667%
}
.emotion--container.emotion--column-12 .start-col-8 {
  left: 58.33333333%
}
.emotion--container.emotion--column-12 .col-9 {
  width: 75%
}
.emotion--container.emotion--column-12 .start-col-9 {
  left: 66.66666667%
}
.emotion--container.emotion--column-12 .col-10 {
  width: 83.33333333%
}
.emotion--container.emotion--column-12 .start-col-10 {
  left: 75%
}
.emotion--container.emotion--column-12 .col-11 {
  width: 91.66666667%
}
.emotion--container.emotion--column-12 .start-col-11 {
  left: 83.33333333%
}
.emotion--container.emotion--column-12 .col-12 {
  width: 100%
}
.emotion--container.emotion--column-12 .start-col-12 {
  left: 91.66666667%
}
.emotion--container.emotion--column-12 .col-xs-1 {
  width: 8.33333333%
}
.emotion--container.emotion--column-12 .start-col-xs-1 {
  left: 0%
}
.emotion--container.emotion--column-12 .col-xs-2 {
  width: 16.66666667%
}
.emotion--container.emotion--column-12 .start-col-xs-2 {
  left: 8.33333333%
}
.emotion--container.emotion--column-12 .col-xs-3 {
  width: 25%
}
.emotion--container.emotion--column-12 .start-col-xs-3 {
  left: 16.66666667%
}
.emotion--container.emotion--column-12 .col-xs-4 {
  width: 33.33333333%
}
.emotion--container.emotion--column-12 .start-col-xs-4 {
  left: 25%
}
.emotion--container.emotion--column-12 .col-xs-5 {
  width: 41.66666667%
}
.emotion--container.emotion--column-12 .start-col-xs-5 {
  left: 33.33333333%
}
.emotion--container.emotion--column-12 .col-xs-6 {
  width: 50%
}
.emotion--container.emotion--column-12 .start-col-xs-6 {
  left: 41.66666667%
}
.emotion--container.emotion--column-12 .col-xs-7 {
  width: 58.33333333%
}
.emotion--container.emotion--column-12 .start-col-xs-7 {
  left: 50%
}
.emotion--container.emotion--column-12 .col-xs-8 {
  width: 66.66666667%
}
.emotion--container.emotion--column-12 .start-col-xs-8 {
  left: 58.33333333%
}
.emotion--container.emotion--column-12 .col-xs-9 {
  width: 75%
}
.emotion--container.emotion--column-12 .start-col-xs-9 {
  left: 66.66666667%
}
.emotion--container.emotion--column-12 .col-xs-10 {
  width: 83.33333333%
}
.emotion--container.emotion--column-12 .start-col-xs-10 {
  left: 75%
}
.emotion--container.emotion--column-12 .col-xs-11 {
  width: 91.66666667%
}
.emotion--container.emotion--column-12 .start-col-xs-11 {
  left: 83.33333333%
}
.emotion--container.emotion--column-12 .col-xs-12 {
  width: 100%
}
.emotion--container.emotion--column-12 .start-col-xs-12 {
  left: 91.66666667%
}
@media screen and (min-width: 30em) {
  .emotion--container.emotion--column-12 .col-s-1 {
    width: 8.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-s-1 {
    left: 0%
  }
  .emotion--container.emotion--column-12 .col-s-2 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-s-2 {
    left: 8.33333333%
  }
  .emotion--container.emotion--column-12 .col-s-3 {
    width: 25%
  }
  .emotion--container.emotion--column-12 .start-col-s-3 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-12 .col-s-4 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-s-4 {
    left: 25%
  }
  .emotion--container.emotion--column-12 .col-s-5 {
    width: 41.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-s-5 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-12 .col-s-6 {
    width: 50%
  }
  .emotion--container.emotion--column-12 .start-col-s-6 {
    left: 41.66666667%
  }
  .emotion--container.emotion--column-12 .col-s-7 {
    width: 58.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-s-7 {
    left: 50%
  }
  .emotion--container.emotion--column-12 .col-s-8 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-s-8 {
    left: 58.33333333%
  }
  .emotion--container.emotion--column-12 .col-s-9 {
    width: 75%
  }
  .emotion--container.emotion--column-12 .start-col-s-9 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-12 .col-s-10 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-s-10 {
    left: 75%
  }
  .emotion--container.emotion--column-12 .col-s-11 {
    width: 91.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-s-11 {
    left: 83.33333333%
  }
  .emotion--container.emotion--column-12 .col-s-12 {
    width: 100%
  }
  .emotion--container.emotion--column-12 .start-col-s-12 {
    left: 91.66666667%
  }
}
@media screen and (min-width: 48em) {
  .emotion--container.emotion--column-12 .col-m-1 {
    width: 8.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-m-1 {
    left: 0%
  }
  .emotion--container.emotion--column-12 .col-m-2 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-m-2 {
    left: 8.33333333%
  }
  .emotion--container.emotion--column-12 .col-m-3 {
    width: 25%
  }
  .emotion--container.emotion--column-12 .start-col-m-3 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-12 .col-m-4 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-m-4 {
    left: 25%
  }
  .emotion--container.emotion--column-12 .col-m-5 {
    width: 41.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-m-5 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-12 .col-m-6 {
    width: 50%
  }
  .emotion--container.emotion--column-12 .start-col-m-6 {
    left: 41.66666667%
  }
  .emotion--container.emotion--column-12 .col-m-7 {
    width: 58.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-m-7 {
    left: 50%
  }
  .emotion--container.emotion--column-12 .col-m-8 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-m-8 {
    left: 58.33333333%
  }
  .emotion--container.emotion--column-12 .col-m-9 {
    width: 75%
  }
  .emotion--container.emotion--column-12 .start-col-m-9 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-12 .col-m-10 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-m-10 {
    left: 75%
  }
  .emotion--container.emotion--column-12 .col-m-11 {
    width: 91.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-m-11 {
    left: 83.33333333%
  }
  .emotion--container.emotion--column-12 .col-m-12 {
    width: 100%
  }
  .emotion--container.emotion--column-12 .start-col-m-12 {
    left: 91.66666667%
  }
}
@media screen and (min-width: 64em) {
  .emotion--container.emotion--column-12 .col-l-1 {
    width: 8.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-l-1 {
    left: 0%
  }
  .emotion--container.emotion--column-12 .col-l-2 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-l-2 {
    left: 8.33333333%
  }
  .emotion--container.emotion--column-12 .col-l-3 {
    width: 25%
  }
  .emotion--container.emotion--column-12 .start-col-l-3 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-12 .col-l-4 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-l-4 {
    left: 25%
  }
  .emotion--container.emotion--column-12 .col-l-5 {
    width: 41.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-l-5 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-12 .col-l-6 {
    width: 50%
  }
  .emotion--container.emotion--column-12 .start-col-l-6 {
    left: 41.66666667%
  }
  .emotion--container.emotion--column-12 .col-l-7 {
    width: 58.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-l-7 {
    left: 50%
  }
  .emotion--container.emotion--column-12 .col-l-8 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-l-8 {
    left: 58.33333333%
  }
  .emotion--container.emotion--column-12 .col-l-9 {
    width: 75%
  }
  .emotion--container.emotion--column-12 .start-col-l-9 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-12 .col-l-10 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-l-10 {
    left: 75%
  }
  .emotion--container.emotion--column-12 .col-l-11 {
    width: 91.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-l-11 {
    left: 83.33333333%
  }
  .emotion--container.emotion--column-12 .col-l-12 {
    width: 100%
  }
  .emotion--container.emotion--column-12 .start-col-l-12 {
    left: 91.66666667%
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container.emotion--column-12 .col-xl-1 {
    width: 8.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-xl-1 {
    left: 0%
  }
  .emotion--container.emotion--column-12 .col-xl-2 {
    width: 16.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-xl-2 {
    left: 8.33333333%
  }
  .emotion--container.emotion--column-12 .col-xl-3 {
    width: 25%
  }
  .emotion--container.emotion--column-12 .start-col-xl-3 {
    left: 16.66666667%
  }
  .emotion--container.emotion--column-12 .col-xl-4 {
    width: 33.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-xl-4 {
    left: 25%
  }
  .emotion--container.emotion--column-12 .col-xl-5 {
    width: 41.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-xl-5 {
    left: 33.33333333%
  }
  .emotion--container.emotion--column-12 .col-xl-6 {
    width: 50%
  }
  .emotion--container.emotion--column-12 .start-col-xl-6 {
    left: 41.66666667%
  }
  .emotion--container.emotion--column-12 .col-xl-7 {
    width: 58.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-xl-7 {
    left: 50%
  }
  .emotion--container.emotion--column-12 .col-xl-8 {
    width: 66.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-xl-8 {
    left: 58.33333333%
  }
  .emotion--container.emotion--column-12 .col-xl-9 {
    width: 75%
  }
  .emotion--container.emotion--column-12 .start-col-xl-9 {
    left: 66.66666667%
  }
  .emotion--container.emotion--column-12 .col-xl-10 {
    width: 83.33333333%
  }
  .emotion--container.emotion--column-12 .start-col-xl-10 {
    left: 75%
  }
  .emotion--container.emotion--column-12 .col-xl-11 {
    width: 91.66666667%
  }
  .emotion--container.emotion--column-12 .start-col-xl-11 {
    left: 83.33333333%
  }
  .emotion--container.emotion--column-12 .col-xl-12 {
    width: 100%
  }
  .emotion--container.emotion--column-12 .start-col-xl-12 {
    left: 91.66666667%
  }
}
.emotion--container .is--hidden-s, .emotion--container .is--hidden-m, .emotion--container .is--hidden-l, .emotion--container .is--hidden-xl {
  display: block
}
.emotion--container .is--hidden-xs {
  display: none
}
.emotion--container .emotion--sizer-s, .emotion--container .emotion--sizer-m, .emotion--container .emotion--sizer-l, .emotion--container .emotion--sizer-xl {
  display: none
}
.emotion--container .emotion--sizer-xs {
  display: block
}
.emotion--container .emotion--sizer-xs ~ .emotion--sizer {
  display: none
}
@media screen and (min-width: 30em) {
  .emotion--container .is--hidden-xs, .emotion--container .is--hidden-m, .emotion--container .is--hidden-l, .emotion--container .is--hidden-xl {
    display: block
  }
  .emotion--container .is--hidden-s {
    display: none
  }
  .emotion--container .emotion--sizer-xs, .emotion--container .emotion--sizer-m, .emotion--container .emotion--sizer-l, .emotion--container .emotion--sizer-xl {
    display: none
  }
  .emotion--container .emotion--sizer-s {
    display: block
  }
  .emotion--container .emotion--sizer-s ~ .emotion--sizer {
    display: none
  }
}
@media screen and (min-width: 48em) {
  .emotion--container .is--hidden-xs, .emotion--container .is--hidden-s, .emotion--container .is--hidden-l, .emotion--container .is--hidden-xl {
    display: block
  }
  .emotion--container .is--hidden-m {
    display: none
  }
  .emotion--container .emotion--sizer-s, .emotion--container .emotion--sizer-xs, .emotion--container .emotion--sizer-l, .emotion--container .emotion--sizer-xl {
    display: none
  }
  .emotion--container .emotion--sizer-m {
    display: block
  }
  .emotion--container .emotion--sizer-m ~ .emotion--sizer {
    display: none
  }
}
@media screen and (min-width: 64em) {
  .emotion--container .is--hidden-xs, .emotion--container .is--hidden-s, .emotion--container .is--hidden-m, .emotion--container .is--hidden-xl {
    display: block
  }
  .emotion--container .is--hidden-l {
    display: none
  }
  .emotion--container .emotion--sizer-xs, .emotion--container .emotion--sizer-s, .emotion--container .emotion--sizer-m, .emotion--container .emotion--sizer-xl {
    display: none
  }
  .emotion--container .emotion--sizer-l {
    display: block
  }
  .emotion--container .emotion--sizer-l ~ .emotion--sizer {
    display: none
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--container .is--hidden-xs, .emotion--container .is--hidden-s, .emotion--container .is--hidden-m, .emotion--container .is--hidden-l {
    display: block
  }
  .emotion--container .is--hidden-xl {
    display: none
  }
  .emotion--container .emotion--sizer-s, .emotion--container .emotion--sizer-xs, .emotion--container .emotion--sizer-m, .emotion--container .emotion--sizer-l {
    display: none
  }
  .emotion--container .emotion--sizer-xl {
    display: block
  }
  .emotion--container .emotion--sizer-xl ~ .emotion--sizer {
    display: none
  }
}
.emotion--element {
  display: block;
  position: absolute;
  top: 0;
  left: 0
}
.emotion--container.emotion--mode-rows .emotion--element {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  vertical-align: top
}
.emotion--banner {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden
}
.emotion--banner .banner--content {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}
.emotion--banner .banner--content.left.top {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 0;
  top: 0
}
.emotion--banner .banner--content.left.center {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  left: 0;
  top: 50%
}
.emotion--banner .banner--content.left.bottom {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  left: 0;
  top: 100%
}
.emotion--banner .banner--content.center.top {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  top: 0
}
.emotion--banner .banner--content.center.bottom {
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
  left: 50%;
  top: 100%
}
.emotion--banner .banner--content.right.top {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  left: 100%;
  top: 0
}
.emotion--banner .banner--content.right.center {
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  left: 100%;
  top: 50%
}
.emotion--banner .banner--content.right.bottom {
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%);
  left: 100%;
  top: 100%
}
.emotion--mode-rows .emotion--banner {
  height: auto
}
.emotion--mode-rows .emotion--banner .banner--content, .emotion--mode-rows .emotion--banner .banner--content.left.top, .emotion--mode-rows .emotion--banner .banner--content.left.center, .emotion--mode-rows .emotion--banner .banner--content.left.bottom, .emotion--mode-rows .emotion--banner .banner--content.center.top, .emotion--mode-rows .emotion--banner .banner--content.center.bottom, .emotion--mode-rows .emotion--banner .banner--content.right.top, .emotion--mode-rows .emotion--banner .banner--content.right.center, .emotion--mode-rows .emotion--banner .banner--content.right.bottom {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  left: 0;
  top: 0;
  float: none
}
.emotion--mode-rows .emotion--banner .banner--image-src {
  max-height: none;
  width: 100%
}
.emotion--banner .banner--image {
  width: 100%
}
.emotion--banner .banner--link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 110
}
.emotion--banner .banner--mapping {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.emotion--banner .banner--mapping-link {
  position: absolute;
  display: block;
  z-index: 110;
  background: rgba(0, 0, 0, 0)
}
.emotion--banner-slider {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--banner-slider {
  height: auto
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--container, .emotion--mode-rows .emotion--banner-slider .banner-slider--slide {
  height: auto
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--item {
  vertical-align: middle
}
.emotion--mode-rows .emotion--banner-slider .banner-slider--banner {
  -webkit-transform: none;
  transform: none;
  position: relative;
  top: 0;
  left: 0;
  width: 100%
}
.emotion--banner-slider .banner-slider--title {
  padding: .625rem 1.25rem .625rem 1.25rem;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  color: #fff;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis
}
.emotion--banner-slider .banner-slider--container, .emotion--banner-slider .banner-slider--slide {
  width: 100%;
  height: 100%
}
.emotion--banner-slider .banner-slider--container .arrow {
  display: block
}
.emotion--banner-slider .banner-slider--item {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden
}
.emotion--banner-slider .banner-slider--banner {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100
}
.emotion--banner-slider .banner-slider--image {
  width: 100%
}
.emotion--banner-slider .banner-slider--link {
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden
}
.emotion--banner-slider .image-slider--dots {
  display: none
}
.emotion--product-slider {
  width: 100%;
  height: 100%;
  position: relative
}
.emotion--mode-rows .emotion--product-slider {
  height: 22.5rem
}
.emotion--product-slider .product-slider--title {
  height: 3.4375rem;
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.emotion--product-slider .product-slider--content {
  padding: .625rem .625rem .625rem .625rem;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 400
}
.emotion--product-slider .product-slider--title ~ .product-slider--content {
  padding-top: 4.0625rem
}
.emotion--product-slider .product-slider--arrow.arrow--next {
  border-right: 0 none
}
.emotion--product-slider .product-slider--arrow.arrow--prev {
  border-left: 0 none
}
.emotion--product-slider .box--emotion {
  width: 100%;
  height: 100%;
  padding: 0;
  text-align: center
}
.emotion--product-slider .box--emotion .box--content {
  padding: 0;
  border: 0 none
}
.emotion--product-slider .box--emotion .product--info {
  height: 100%;
  position: relative;
  overflow: hidden
}
.emotion--product-slider .box--emotion .product--image {
  height: 60%;
  margin: 0 auto
}
.emotion--product-slider .box--emotion .product--details {
  max-height: 35%;
  width: 100%;
  margin-top: 5%
}
.emotion--product-slider .box--emotion .product--title {
  font-size: .875rem;
  font-weight: 400;
  white-space: normal
}
.emotion--product-slider .box--emotion .product--price-info .price--unit {
  height: .9375rem;
  font-size: .625rem
}
.emotion--product-slider .box--emotion .product--price .price--default {
  font-size: .875rem
}
.emotion--product {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--product {
  height: 22.5rem
}
.emotion--product.is--no-border .box--content {
  border: 0 none
}
.emotion--product .product--box {
  width: 100%;
  height: 100%;
  padding: 0;
  float: none
}
.emotion--product .product--box .box--content {
  padding: .625rem .625rem .625rem .625rem
}
.emotion--product .product--box .product--info {
  height: 100%;
  position: relative;
  overflow: hidden
}
.emotion--product .product--box .product--image {
  height: 70%;
  margin: 0 auto
}
.emotion--product .product--box .product--image.is--large {
  height: 100%
}
.emotion--product .product--box .product--details {
  max-height: 30%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0
}
.emotion--product .product--box .product--title {
  text-overflow: ellipsis
}
.emotion--category-teaser {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--category-teaser {
  height: 22.5rem
}
.emotion--category-teaser .category-teaser--link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: transparent
}
.emotion--category-teaser .category-teaser--title {
  padding: .625rem 1.25rem .625rem 1.25rem;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-weight: 700;
  background: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.emotion--manufacturer {
  width: 100%;
  height: 100%;
  position: relative
}
.emotion--mode-rows .emotion--manufacturer {
  height: 16.25rem
}
.emotion--manufacturer .manufacturer--title {
  height: 3.4375rem;
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.emotion--manufacturer .manufacturer--content {
  padding: .625rem 1.25rem .625rem 1.25rem;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 400
}
.emotion--manufacturer .manufacturer--title ~ .manufacturer--content {
  padding-top: 4.0625rem
}
.emotion--manufacturer .manufacturer--slider {
  height: 100%
}
.emotion--manufacturer .manufacturer--slider .arrow--next {
  right: -1.25rem;
  border-right: 0 none
}
.emotion--manufacturer .manufacturer--slider .arrow--prev {
  left: -1.25rem;
  border-left: 0 none
}
.emotion--manufacturer .manufacturer--item {
  padding: .625rem .9375rem .625rem .9375rem;
  text-align: center;
  vertical-align: middle
}
.emotion--manufacturer .manufacturer--link {
  font-size: 1.125rem;
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
  font-weight: 700;
  position: relative
}
.emotion--manufacturer .manufacturer--link:hover {
  color: #ff1c8e
}
.emotion--manufacturer .manufacturer--image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.emotion--youtube {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--youtube {
  height: 22.5rem
}
.emotion--video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}
.emotion--mode-rows .emotion--video {
  height: auto
}
.emotion--mode-rows .emotion--video .video--element {
  height: auto;
  position: relative
}
.emotion--video video::-moz-media-controls, .emotion--video video::-webkit-media-controls {
  bottom: 15%
}
.emotion--video .video--element {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000
}
.emotion--video .video--cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1300;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #000;
  text-align: center
}
.emotion--video .video--cover .video--play-icon {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  color: #fff
}
.emotion--video .video--play-btn {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  top: 1.5625rem;
  right: 1.5625rem;
  line-height: 2.5rem;
  font-size: 1.3125rem;
  width: 2.625rem;
  height: 2.625rem;
  border-radius: 100%;
  background-clip: padding-box;
  position: absolute;
  cursor: pointer;
  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  z-index: 1200
}
.emotion--video .video--text {
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1100;
  color: #fff;
  text-align: center
}
.emotion--video .video--text.no--events {
  pointer-events: none
}
.emotion--iframe {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--iframe {
  height: 22.5rem
}
.emotion--blog {
  width: 100%;
  height: 100%;
  overflow: auto
}
.emotion--mode-rows .emotion--blog {
  height: auto
}
.emotion--mode-rows .emotion--blog .blog--image {
  height: 10rem
}
.emotion--blog .blog--container {
  height: 100%;
  margin: 0 0 0 -1%
}
.emotion--blog .blog--entry {
  height: 100%;
  padding-left: 1%
}
.emotion--blog .blog--image {
  height: 40%;
  width: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
  margin-bottom: 2%
}
.emotion--blog .blog--title {
  font-size: .875rem;
  display: block;
  font-weight: 700;
  color: #000;
  margin-bottom: 2%
}
.emotion--blog .blog--title:hover {
  color: #ff1c8e
}
.emotion--blog .blog--description {
  font-size: .875rem;
  line-height: 1.25rem;
  color: #000;
  height: auto;
  max-height: 60%
}
.emotion--html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto
}
.emotion--mode-rows .emotion--html {
  height: auto
}
.emotion--html .html--content :last-child {
  margin-bottom: 0
}
@media screen and (min-width: 48em) {
  .emotion--blog {
    overflow: hidden
  }
}
@media screen and (min-width: 78.75em) {
  .emotion--banner-slider .image-slider--dots {
    bottom: .625rem;
    top: auto;
    left: 0;
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 0
  }
  .emotion--banner-slider .image-slider--dots .dot--link {
    border-radius: 100%;
    margin: 0rem .125rem 0rem .125rem;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #000;
    display: inline-block;
    border: 5px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    text-indent: -99999em;
    background-clip: padding-box
  }
  .emotion--banner-slider .image-slider--dots .dot--link.is--active {
    background: #ff1c8e;
    background-clip: padding-box
  }
}

label {
  font-size: .875rem;
  color: #000
}
label.has--error {
  color: #e74c3c;
  background: #faeceb
}
.select-field, .js--fancy-select {
  max-width: 18.125rem;
  height: 2.625rem;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden
}
.select-field:hover, .js--fancy-select:hover {
  color: #ff1c8e
}
.select-field select, .js--fancy-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0rem 2.5rem 0rem .625rem;
  line-height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  height: 100%;
  width: 100%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border: 1px solid #d9dde0
}
.select-field select option, .js--fancy-select select option {
  padding: .25rem .5rem .25rem .5rem;
  color: #000;
  background: #fff
}
.select-field select::-ms-expand, .js--fancy-select select::-ms-expand {
  display: none
}
.select-field select:hover, .js--fancy-select select:hover {
  color: #ff1c8e;
  border-color: #ff1c8e;
  background: #fff
}
.select-field select:focus, .js--fancy-select select:focus {
  outline: none;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.select-field select:focus::-ms-value, .js--fancy-select select:focus::-ms-value {
  color: #ff1c8e;
  background: none
}
.select-field select:disabled, .js--fancy-select select:disabled {
  opacity: .5;
  cursor: not-allowed
}
.select-field select.has--error, .js--fancy-select select.has--error {
  color: #e74c3c;
  border-color: #e74c3c;
  background: #faeceb
}
.select-field:after, .js--fancy-select:after {
  width: 1.875rem;
  height: 2.5rem;
  top: .0625rem;
  -webkit-user-select: none;
  user-select: none;
  line-height: 40px;
  max-height: 100%;
  display: block;
  content: "\e612";
  position: absolute;
  right: 0;
  font-size: 5px;
  border-left: 1px solid #d9dde0;
  text-align: center;
  font-family: 'shopware';
  pointer-events: none
}
.select-field:after:hover, .js--fancy-select:after:hover {
  color: #ff1c8e
}
.select-field.is--disabled select, .js--fancy-select.is--disabled select, .select-field.is--disabled:after, .js--fancy-select.is--disabled:after {
  opacity: .5;
  cursor: not-allowed
}
.select-field.has--error select, .js--fancy-select.has--error select {
  color: #e74c3c;
  border-color: #e74c3c;
  background: #faeceb
}
.select-field.has--error:after, .js--fancy-select.has--error:after {
  color: #e74c3c;
  border-color: #e74c3c
}
@media screen and (min-width: 48em) {
  .input--field {
    margin-bottom: .9375rem
  }
  .input--field .input--field-zipcode {
    margin-right: 2%;
    width: 20%
  }
  .input--field .input--field-city {
    width: 78%
  }
}
@media screen and (min-width: 78.75em) {
  .input--field {
    margin-bottom: .9375rem
  }
}
@font-face {
  font-family: 'shopware';
  font-display: block;
  src: url('../fonts/shopware.woff2') format('woff2'), url('../fonts/shopware.woff') format('woff'), url('../fonts/shopware.ttf') format('truetype'), url('../fonts/shopware.svg') format('svg');
  font-weight: normal;
  font-style: normal
}
[class^="icon--"], [class*=" icon--"] {
  font-family: 'shopware';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--percent2:before {
  content: "\e723"
}
.icon--percent:before {
  content: "\e722"
}
.icon--coupon:before {
  content: "\e71c"
}
.icon--truck:before {
  content: "\e71d"
}
.icon--logout:before {
  content: "\e614"
}
.icon--grid:before {
  content: "\e615"
}
.icon--filter:before {
  content: "\e616"
}
.icon--clock:before {
  content: "\e617"
}
.icon--arrow-up:before {
  content: "\e610"
}
.icon--arrow-right:before, .image-slider .image-slider--container .arrow.is--right:before, .image--gallery .image-slider--container .arrow.is--right:before, .product-slider .product-slider--arrow.arrow--next:before, .emotion--category-teaser .category-teaser--title:before {
  content: "\e60f"
}
.icon--arrow-left:before, .image-slider .image-slider--container .arrow.is--left:before, .image--gallery .image-slider--container .arrow.is--left:before, .product-slider .product-slider--arrow.arrow--prev:before {
  content: "\e611"
}
.icon--arrow-down:before {
  content: "\e612"
}
.icon--star:before {
  content: "\e600"
}
.icon--star-half:before {
  content: "\e71e"
}
.icon--star-empty:before {
  content: "\e601"
}
.icon--shopware:before {
  content: "\e602"
}
.icon--service:before {
  content: "\e603"
}
.icon--search:before {
  content: "\e604"
}
.icon--numbered-list:before {
  content: "\e605"
}
.icon--menu:before {
  content: "\e606"
}
.icon--mail:before {
  content: "\e607"
}
.icon--list:before {
  content: "\e608"
}
.icon--layout:before {
  content: "\e609"
}
.icon--heart:before, .icon--text:before {
  content: "\e60a"
}
.icon--cross:before, .off-canvas .close--off-canvas .icon--arrow-left::before, .off-canvas .close--off-canvas .icon--arrow-right::before, .navigation--smartphone .entry--close-off-canvas .navigation--link .icon--arrow-left::before, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas .icon--arrow-left::before, .navigation--smartphone .entry--close-off-canvas .navigation--link .icon--arrow-right::before, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas .icon--arrow-right::before {
  content: "\e60d"
}
.icon--compare:before {
  content: "\e60b"
}
.icon--check:before {
  content: "\e60c"
}
.icon--basket:before {
  content: "\e60e"
}
.icon--account:before {
  content: "\e613"
}
.icon--chain:before {
  content: "\f0c1"
}
.icon--delicious:before {
  content: "\f1a5"
}
.icon--delicious2:before {
  content: "\e721"
}
.icon--digg:before {
  content: "\f1a6"
}
.icon--phone:before {
  content: "\e619"
}
.icon--mobile:before {
  content: "\e61d"
}
.icon--mouse:before {
  content: "\e61e"
}
.icon--directions:before {
  content: "\e61f"
}
.icon--paperplane:before {
  content: "\e620"
}
.icon--pencil:before {
  content: "\e618"
}
.icon--feather:before {
  content: "\e621"
}
.icon--paperclip:before {
  content: "\e622"
}
.icon--drawer:before {
  content: "\e623"
}
.icon--reply:before {
  content: "\e624"
}
.icon--reply-all:before {
  content: "\e625"
}
.icon--forward:before {
  content: "\e626"
}
.icon--users:before {
  content: "\e627"
}
.icon--user-add:before {
  content: "\e628"
}
.icon--vcard:before {
  content: "\e629"
}
.icon--export:before {
  content: "\e62a"
}
.icon--location:before {
  content: "\e62b"
}
.icon--map:before {
  content: "\e62c"
}
.icon--compass:before {
  content: "\e62d"
}
.icon--location2:before {
  content: "\e62e"
}
.icon--target:before {
  content: "\e62f"
}
.icon--share:before {
  content: "\e630"
}
.icon--sharable:before {
  content: "\e631"
}
.icon--thumbsup:before {
  content: "\e632"
}
.icon--thumbsdown:before {
  content: "\e633"
}
.icon--chat:before {
  content: "\e634"
}
.icon--comment:before {
  content: "\e61a"
}
.icon--quote:before {
  content: "\e635"
}
.icon--house:before {
  content: "\e636"
}
.icon--popup:before {
  content: "\e637"
}
.icon--flashlight:before {
  content: "\e638"
}
.icon--printer:before {
  content: "\e639"
}
.icon--bell:before {
  content: "\e63a"
}
.icon--link:before {
  content: "\e63b"
}
.icon--flag:before {
  content: "\e63c"
}
.icon--cog:before {
  content: "\e63d"
}
.icon--tools:before {
  content: "\e63e"
}
.icon--trophy:before {
  content: "\e63f"
}
.icon--tag:before {
  content: "\e640"
}
.icon--camera:before {
  content: "\e641"
}
.icon--megaphone:before {
  content: "\e642"
}
.icon--moon:before {
  content: "\e643"
}
.icon--palette:before {
  content: "\e644"
}
.icon--leaf:before {
  content: "\e645"
}
.icon--music:before {
  content: "\e646"
}
.icon--music2:before {
  content: "\e647"
}
.icon--new:before {
  content: "\e648"
}
.icon--graduation:before {
  content: "\e649"
}
.icon--book:before {
  content: "\e64a"
}
.icon--newspaper:before {
  content: "\e64b"
}
.icon--bag:before {
  content: "\e64c"
}
.icon--airplane:before {
  content: "\e64d"
}
.icon--lifebuoy:before {
  content: "\e64e"
}
.icon--eye:before {
  content: "\e64f"
}
.icon--clock2:before {
  content: "\e650"
}
.icon--microphone:before {
  content: "\e651"
}
.icon--calendar:before {
  content: "\e652"
}
.icon--bolt:before {
  content: "\e653"
}
.icon--thunder:before {
  content: "\e654"
}
.icon--droplet:before {
  content: "\e655"
}
.icon--cd:before {
  content: "\e656"
}
.icon--briefcase:before {
  content: "\e657"
}
.icon--air:before {
  content: "\e658"
}
.icon--hourglass:before {
  content: "\e659"
}
.icon--gauge:before {
  content: "\e65a"
}
.icon--language:before {
  content: "\e65b"
}
.icon--network:before {
  content: "\e65c"
}
.icon--key:before {
  content: "\e65d"
}
.icon--battery:before {
  content: "\e65e"
}
.icon--bucket:before {
  content: "\e65f"
}
.icon--magnet:before {
  content: "\e660"
}
.icon--drive:before {
  content: "\e661"
}
.icon--cup:before {
  content: "\e662"
}
.icon--rocket:before {
  content: "\e663"
}
.icon--brush:before {
  content: "\e664"
}
.icon--suitcase:before {
  content: "\e665"
}
.icon--cone:before {
  content: "\e666"
}
.icon--earth:before {
  content: "\e667"
}
.icon--keyboard:before {
  content: "\e668"
}
.icon--browser:before {
  content: "\e669"
}
.icon--publish:before {
  content: "\e66a"
}
.icon--progress-3:before {
  content: "\e66b"
}
.icon--progress-2:before {
  content: "\e66c"
}
.icon--progress-1:before {
  content: "\e66d"
}
.icon--brogress-1:before {
  content: "\e66d"
}
.icon--progress-0:before {
  content: "\e66e"
}
.icon--sun:before {
  content: "\e66f"
}
.icon--sun2:before {
  content: "\e670"
}
.icon--adjust:before {
  content: "\e671"
}
.icon--code:before {
  content: "\e672"
}
.icon--screen:before {
  content: "\e673"
}
.icon--infinity:before {
  content: "\e674"
}
.icon--light-bulb:before {
  content: "\e675"
}
.icon--creditcard:before {
  content: "\e676"
}
.icon--database:before {
  content: "\e677"
}
.icon--voicemail:before {
  content: "\e678"
}
.icon--clipboard:before {
  content: "\e679"
}
.icon--box:before {
  content: "\e67a"
}
.icon--ticket:before {
  content: "\e67b"
}
.icon--rss:before {
  content: "\e67c"
}
.icon--signal:before {
  content: "\e67d"
}
.icon--thermometer:before {
  content: "\e67e"
}
.icon--droplets:before {
  content: "\e67f"
}
.icon--uniE680:before {
  content: "\e680"
}
.icon--statistics:before {
  content: "\e681"
}
.icon--pie:before {
  content: "\e682"
}
.icon--bars:before {
  content: "\e683"
}
.icon--graph:before {
  content: "\e684"
}
.icon--lock:before {
  content: "\e685"
}
.icon--lock-open:before {
  content: "\e686"
}
.icon--login:before {
  content: "\e687"
}
.icon--minus:before {
  content: "\e688"
}
.icon--plus:before {
  content: "\e689"
}
.icon--cross2:before {
  content: "\e68a"
}
.icon--minus2:before {
  content: "\e68b"
}
.icon--plus2:before {
  content: "\e68c"
}
.icon--cross3:before {
  content: "\e68d"
}
.icon--minus3:before {
  content: "\e68e"
}
.icon--plus3:before {
  content: "\e68f"
}
.icon--erase:before {
  content: "\e690"
}
.icon--blocked:before {
  content: "\e691"
}
.icon--info:before {
  content: "\e61b"
}
.icon--info2:before {
  content: "\e692"
}
.icon--question:before {
  content: "\e693"
}
.icon--help:before {
  content: "\e694"
}
.icon--warning:before {
  content: "\e695"
}
.icon--cycle:before {
  content: "\e696"
}
.icon--cw:before {
  content: "\e697"
}
.icon--ccw:before {
  content: "\e698"
}
.icon--shuffle:before {
  content: "\e699"
}
.icon--arrow:before {
  content: "\e69a"
}
.icon--arrow2:before {
  content: "\e69b"
}
.icon--retweet:before {
  content: "\e69c"
}
.icon--loop:before {
  content: "\e69d"
}
.icon--history:before {
  content: "\e69e"
}
.icon--back:before {
  content: "\e69f"
}
.icon--list2:before {
  content: "\e6a0"
}
.icon--add-to-list:before {
  content: "\e6a1"
}
.icon--layout2:before {
  content: "\e6a2"
}
.icon--list3:before {
  content: "\e6a3"
}
.icon--text:before {
  content: "\e6a4"
}
.icon--text2:before {
  content: "\e6a5"
}
.icon--document:before {
  content: "\e6a6"
}
.icon--docs:before {
  content: "\e6a7"
}
.icon--landscape:before {
  content: "\e6a8"
}
.icon--pictures:before {
  content: "\e6a9"
}
.icon--video:before {
  content: "\e6aa"
}
.icon--music3:before {
  content: "\e6ab"
}
.icon--folder:before {
  content: "\e6ac"
}
.icon--archive:before {
  content: "\e6ad"
}
.icon--trash:before {
  content: "\e6ae"
}
.icon--upload:before {
  content: "\e6af"
}
.icon--download:before {
  content: "\e6b0"
}
.icon--disk:before {
  content: "\e6b1"
}
.icon--install:before {
  content: "\e61c"
}
.icon--cloud:before {
  content: "\e6b2"
}
.icon--upload2:before {
  content: "\e6b3"
}
.icon--bookmark:before {
  content: "\e6b4"
}
.icon--bookmarks:before {
  content: "\e6b5"
}
.icon--book2:before {
  content: "\e6b6"
}
.icon--play:before {
  content: "\e6b7"
}
.icon--pause:before {
  content: "\e6b8"
}
.icon--record:before {
  content: "\e6b9"
}
.icon--stop:before {
  content: "\e6ba"
}
.icon--next:before {
  content: "\e6bb"
}
.icon--previous:before {
  content: "\e6bc"
}
.icon--first:before {
  content: "\e6bd"
}
.icon--last:before {
  content: "\e6be"
}
.icon--resize-enlarge:before {
  content: "\e6bf"
}
.icon--resize-shrink:before {
  content: "\e6c0"
}
.icon--volume:before {
  content: "\e6c1"
}
.icon--sound:before {
  content: "\e6c2"
}
.icon--mute:before {
  content: "\e6c3"
}
.icon--flow-cascade:before {
  content: "\e6c4"
}
.icon--flow-branch:before {
  content: "\e6c5"
}
.icon--flow-tree:before {
  content: "\e6c6"
}
.icon--flow-line:before {
  content: "\e6c7"
}
.icon--flow-parallel:before {
  content: "\e6c8"
}
.icon--arrow-left2:before {
  content: "\e6c9"
}
.icon--arrow-down2:before {
  content: "\e6ca"
}
.icon--arrow-up-upload:before {
  content: "\e6cb"
}
.icon--arrow-right2:before {
  content: "\e6cc"
}
.icon--arrow-left3:before {
  content: "\e6cd"
}
.icon--arrow-down3:before {
  content: "\e6ce"
}
.icon--arrow-up2:before {
  content: "\e6cf"
}
.icon--arrow-right3:before {
  content: "\e6d0"
}
.icon--arrow-left4:before {
  content: "\e6d1"
}
.icon--arrow-down4:before {
  content: "\e6d2"
}
.icon--arrow-up3:before {
  content: "\e6d3"
}
.icon--arrow-right4:before {
  content: "\e6d4"
}
.icon--arrow-left5:before {
  content: "\e6d5"
}
.icon--arrow-down5:before {
  content: "\e6d6"
}
.icon--arrow-up4:before {
  content: "\e6d7"
}
.icon--arrow-right5:before {
  content: "\e6d8"
}
.icon--arrow-left6:before {
  content: "\e6d9"
}
.icon--arrow-down6:before {
  content: "\e6da"
}
.icon--arrow-up5:before {
  content: "\e6db"
}
.icon--arrow-right6:before {
  content: "\e6dc"
}
.icon--menu2:before {
  content: "\e6dd"
}
.icon--ellipsis:before {
  content: "\e6de"
}
.icon--dots:before {
  content: "\e6df"
}
.icon--dot:before {
  content: "\e6e0"
}
.icon--cc:before {
  content: "\e6e1"
}
.icon--cc-by:before {
  content: "\e6e2"
}
.icon--cc-nc:before {
  content: "\e6e3"
}
.icon--cc-nc-eu:before {
  content: "\e6e4"
}
.icon--cc-nc-jp:before {
  content: "\e6e5"
}
.icon--cc-sa:before {
  content: "\e6e6"
}
.icon--cc-nd:before {
  content: "\e6e7"
}
.icon--cc-pd:before {
  content: "\e6e8"
}
.icon--cc-zero:before {
  content: "\e6e9"
}
.icon--cc-share:before {
  content: "\e6ea"
}
.icon--cc-share2:before {
  content: "\e6eb"
}
.icon--danielbruce:before {
  content: "\e6ec"
}
.icon--danielbruce2:before {
  content: "\e6ed"
}
.icon--github:before {
  content: "\e6ee"
}
.icon--github2:before {
  content: "\e6ef"
}
.icon--flickr:before {
  content: "\e6f0"
}
.icon--flickr2:before {
  content: "\e6f1"
}
.icon--vimeo:before {
  content: "\e6f2"
}
.icon--vimeo2:before {
  content: "\e6f3"
}
.icon--twitter:before {
  content: "\e6f4"
}
.icon--twitter2:before {
  content: "\e6f5"
}
.icon--facebook:before {
  content: "\e6f6"
}
.icon--facebook2:before {
  content: "\e6f7"
}
.icon--facebook3:before {
  content: "\e6f8"
}
.icon--googleplus:before {
  content: "\e6f9"
}
.icon--googleplus2:before {
  content: "\e6fa"
}
.icon--pinterest:before {
  content: "\e6fb"
}
.icon--pinterest2:before {
  content: "\e6fc"
}
.icon--tumblr:before {
  content: "\e6fd"
}
.icon--tumblr2:before {
  content: "\e6fe"
}
.icon--linkedin:before {
  content: "\e6ff"
}
.icon--linkedin2:before {
  content: "\e700"
}
.icon--dribbble:before {
  content: "\e701"
}
.icon--dribbble2:before {
  content: "\e702"
}
.icon--stumbleupon:before {
  content: "\e703"
}
.icon--stumbleupon2:before {
  content: "\e704"
}
.icon--lastfm:before {
  content: "\e705"
}
.icon--lastfm2:before {
  content: "\e706"
}
.icon--rdio:before {
  content: "\e707"
}
.icon--rdio2:before {
  content: "\e708"
}
.icon--spotify:before {
  content: "\e709"
}
.icon--spotify2:before {
  content: "\e70a"
}
.icon--qq:before {
  content: "\e70b"
}
.icon--instagram3:before {
  content: "\e70c"
}
.icon--dropbox:before {
  content: "\e70d"
}
.icon--evernote:before {
  content: "\e70e"
}
.icon--flattr:before {
  content: "\e70f"
}
.icon--skype:before {
  content: "\e710"
}
.icon--skype2:before {
  content: "\e711"
}
.icon--renren:before {
  content: "\e712"
}
.icon--sina-weibo:before {
  content: "\e713"
}
.icon--paypal:before {
  content: "\e714"
}
.icon--picasa:before {
  content: "\e715"
}
.icon--soundcloud:before {
  content: "\e716"
}
.icon--mixi:before {
  content: "\e717"
}
.icon--behance:before {
  content: "\e718"
}
.icon--circles:before {
  content: "\e719"
}
.icon--vk:before {
  content: "\e71a"
}
.icon--smashing:before {
  content: "\e71b"
}
.icon--feed:before {
  content: "\e71f"
}
.icon--feed2:before {
  content: "\e720"
}
.icon--instagram:before {
  content: "\e903"
}
.icon--instagram2:before {
  content: "\e902"
}
.icon--xing:before {
  content: "\e901"
}
.icon--xing2:before {
  content: "\e900"
}
.icon--youtube:before {
  content: "\e905"
}
.icon--youtube2:before {
  content: "\e904"
}
.navigation--list {
  list-style: none
}
.off-canvas {
  -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
  transition: all .45s cubic-bezier(.3, 0, .15, 1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 17.5rem;
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 8000
}
.off-canvas.is--left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  left: 0
}
.off-canvas.is--right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  right: 0
}
.off-canvas.is--active {
  display: block
}
.off-canvas.is--open {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.off-canvas.is--full-screen {
  width: 100%
}
.off-canvas.no--transitions {
  -webkit-transition: none;
  transition: none
}
.off-canvas .buttons--off-canvas {
  display: block
}
.off-canvas .close--off-canvas {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2.375rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  display: block;
  color: #fff;
  font-weight: 700;
  cursor: pointer
}
.off-canvas .close--off-canvas:after {
  content: "";
  display: table;
  clear: both
}
.off-canvas .close--off-canvas .icon--arrow-left {
  margin: 0rem .625rem 0rem 0rem;
  font-size: .6875rem
}
.off-canvas .link--go-main {
  font-size: 1rem;
  padding: .625rem .625rem .625rem .625rem;
  height: 2.625rem;
  font-weight: 700;
  display: block;
  width: 100%
}
.off-canvas .link--go-main .icon--menu {
  font-size: 1.25rem;
  margin-right: .625rem;
  float: left
}
.off-canvas .sidebar--navigation .navigation--link {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2.375rem
}
.off-canvas .sidebar--navigation .navigation--link .is--icon-right {
  margin-top: 0
}
.off-canvas .sidebar--navigation .navigation--link .is--icon-left {
  margin: 0rem .625rem 0rem 0rem;
  float: left
}
.buttons--off-canvas {
  display: none
}
.page-wrap {
  -webkit-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
  transition: left 400ms cubic-bezier(.16, .04, .14, 1);
  position: relative;
  left: 0
}
.navigation--smartphone .navigation--entry {
  padding: .75rem .625rem .75rem .625rem;
  background: #fff
}
.navigation--smartphone .navigation--link {
  display: block
}
.navigation--smartphone .entry--close-off-canvas, #cookie-consent .cookie-consent--header {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2.375rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%)
}
.navigation--smartphone .entry--close-off-canvas .navigation--link, #cookie-consent .cookie-consent--header {
  font-size: .875rem;
  color: #fff;
  font-weight: 700
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:after {
  content: "";
  display: table;
  clear: both
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:active {
  color: #f5f6f7
}
.navigation--smartphone .entry--close-off-canvas .icon--arrow-right, #cookie-consent .cookie-consent--header .icon--arrow-right {
  margin: .75rem 0rem 0rem 0rem;
  font-size: .6875rem;
  float: right
}
.navigation--headline, .sidebar--navigation {
  margin: 0rem .625rem 0rem .625rem
}
.navigation--headline {
  margin: 1rem .625rem .375rem .625rem;
  line-height: 1.625rem;
  color: #000;
  font-weight: 700;
  font-size: 1em
}
.sidebar--navigation {
  border-radius: 3px;
  background-clip: padding-box;
  background: #fff;
  border: 1px solid #d9dde0
}
.sidebar--navigation .navigation--entry {
  border-bottom: 1px solid #d9dde0
}
.sidebar--navigation .navigation--entry:last-child {
  border-bottom: 0 none
}
.sidebar--navigation .navigation--link {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis
}
@media screen and (min-width: 48em) {
  .off-canvas {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: none;
    transition: none;
    display: block;
    background: transparent;
    position: relative;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1000
  }
  .off-canvas .sidebar--navigation .navigation--link {
    padding: .625rem .625rem .625rem .625rem;
    line-height: inherit
  }
  .off-canvas .account--menu .navigation--link {
    padding: .3125rem 0rem .3125rem 0rem;
    line-height: inherit
  }
  .sidebar-main .entry--close-off-canvas {
    display: none
  }
  .sidebar-main .icon--arrow-right, .sidebar-main .icon--arrow-left {
    display: none
  }
}
.panel {
  display: block;
  background: #fff
}
.panel.has--shadow {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
}
.panel.has--border {
  border: 1px solid #d9dde0
}
.panel--header {
  padding: .625rem .625rem .625rem .625rem;
  font-size: .875rem;
  background: #fff;
  display: block;
  margin: 0;
  font-weight: 700;
  color: #000;
  border-bottom: 1px solid #d9dde0
}
.panel--header.secondary {
  color: #000;
  background: #fff
}
.panel--header.primary {
  color: #ff1c8e;
  background: #fff
}
.panel--title {
  padding: 1.25rem 0rem 0rem 0rem;
  margin: 0rem 1.25rem 0rem 1.25rem;
  font-size: 1rem;
  display: block;
  font-weight: 700;
  color: #000
}
.panel--title.is--underline {
  padding: 1.25rem 0rem .625rem 0rem;
  border-bottom: 1px solid #d9dde0;
  text-decoration: none !important
}
.panel--title.is--secondary {
  color: #000
}
.panel--title.is--primary {
  color: #ff1c8e
}
.panel--body {
  padding: .625rem .625rem .625rem .625rem;
  font-size: .875rem;
  line-height: 1.5rem;
  display: block;
  position: relative
}
.panel--body.has--border {
  border: 1px solid #d9dde0
}
.panel--body.is--slim {
  padding: .3125rem .3125rem .3125rem .3125rem
}
.panel--body.is--wide {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.panel--body.is--flat {
  background: #f5f6f7
}
.panel--body.is--embossed {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #f5f6f7
}
.panel--actions {
  padding: .625rem .625rem .625rem .625rem;
  line-height: 2.5rem;
  display: block
}
.panel--actions.has--border {
  margin: .625rem 0rem 0rem 0rem;
  padding: .625rem 0rem 0rem 0rem;
  border-top: 1px solid #d9dde0
}
.panel--actions.is--slim {
  padding: .3125rem .3125rem .3125rem .3125rem
}
.panel--actions.is--wide {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.panel--actions .btn {
  margin: 0rem .375rem 0rem 0rem
}
.panel--table {
  width: 100%;
  display: block;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show
}
.panel--table:after {
  content: "";
  display: table;
  clear: both
}
.panel--table.has--border {
  border: 1px solid #d9dde0
}
.panel--tr {
  display: block;
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #d9dde0
}
.panel--tr:after {
  content: "";
  display: table;
  clear: both
}
.panel--tr:last-child {
  border-width: 0
}
.panel--tr.is--odd {
  background: #f5f5f5
}
.panel--tr.is--secondary {
  background: #f5f5f5
}
.panel--tr.is--primary {
  color: #ff1c8e
}
.panel--th, .panel--td {
  padding: .625rem .625rem .625rem .625rem;
  font-size: .875rem;
  line-height: 1.5rem;
  display: inline-block;
  float: left
}
.panel--th:after, .panel--td:after {
  content: "";
  display: table;
  clear: both
}
.panel--th.has--border, .panel--td.has--border {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #d9dde0
}
.panel--th.has--border:last-child, .panel--td.has--border:last-child {
  border-width: 0
}
.panel--th p, .panel--td p {
  margin: 0
}
.panel--th {
  font-weight: 700;
  color: #000
}
.panel--dot-nav {
  height: .6875rem;
  position: relative
}
.panel--dot-nav .dot--link, .panel--dot-nav a {
  border-radius: 11px;
  background-clip: padding-box;
  margin: 0rem .3125rem 0rem .3125rem;
  width: .6875rem;
  height: .6875rem;
  display: inline-block;
  border: 1px solid #d9dde0
}
.panel--dot-nav .dot--link.is--active, .panel--dot-nav a.is--active {
  border-color: #ff1c8e;
  background: #ff1c8e
}
.panel--paging {
  line-height: 2rem;
  display: inline-block
}
.panel--paging .paging--link {
  padding: 0rem .625rem 0rem .625rem;
  margin: 0rem .0625rem 0rem .0625rem;
  font-size: .875rem;
  line-height: 1.875rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  display: inline-block;
  font-weight: 400;
  text-align: center;
  border: 1px solid #d9dde0;
  color: #000
}
.panel--paging .paging--link [class^="icon--"] {
  font-size: .625rem
}
.panel--paging .paging--link.is--active, .panel--paging .paging--link.is--active:hover {
  line-height: 2rem;
  background-color: #ff1c8e;
  background-image: linear-gradient(to bottom, #ff1c8e 0%, #ff1c8e 100%);
  color: #fff;
  border: 0 none;
  font-weight: 700;
  cursor: default
}
.panel--paging .paging--link:hover {
  background: #fff;
  color: #ff1c8e;
  border-color: #ff1c8e
}
form {
  display: block
}
form table {
  width: 100%
}
form table td {
  padding: 10px
}
fieldset {
  padding: .625rem .625rem .625rem .625rem;
  border: 1px solid #d9dde0
}
.alert {
  font-size: .875rem;
  line-height: 1.5rem;
  position: relative;
  overflow: hidden
}
.alert:after {
  content: "";
  display: table;
  clear: both
}
.alert.is--success {
  color: #208e4e;
  background: #def2e7
}
.alert.is--success .alert--icon {
  background: #2ecc71
}
.alert.is--info {
  color: #217dbb;
  background: #e9f2f8
}
.alert.is--info .alert--icon {
  background: #4aa3df
}
.alert.is--warning {
  color: #ae8e0a;
  background: #fbf5db
}
.alert.is--warning .alert--icon {
  background: #f1c40f
}
.alert.is--error {
  color: #e74c3c;
  background: #faeceb
}
.alert.is--error .alert--icon {
  background: #e74c3c
}
.alert.no--cookies {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0
}
.alert.no--cookies a.close--alert {
  float: right
}
.alert.no--cookies a.close--alert:hover {
  cursor: pointer;
  text-decoration: underline
}
.alert .alert--close {
  position: absolute;
  top: 1.0625rem;
  right: 1.25rem;
  font-size: .625rem;
  color: #000;
  cursor: pointer
}
.alert .icon--element {
  position: absolute;
  top: 50%;
  left: 0;
  width: 15%;
  margin-top: -9px
}
.alert .alert--icon, .alert .alert--content {
  padding: .625rem .625rem .625rem .625rem;
  float: left
}
.alert .alert--icon p, .alert .alert--content p {
  margin-bottom: 0rem
}
.alert .alert--icon {
  font-size: 1.125rem;
  line-height: 1.625rem;
  width: 15%;
  text-align: center;
  font-weight: 700;
  color: #fff;
  padding-bottom: 9999em;
  margin-bottom: -9999em
}
.alert .alert--content {
  width: 85%
}
.alert .alert--content.is--strong {
  font-weight: 700
}
.alert .alert--list {
  list-style: none
}
.alert .list--entry {
  display: block
}
.container--ajax-cart:not(.off-canvas) .alert {
  margin: .625rem
}
.container--ajax-cart .alert .alert--close {
  right: .9375rem
}
.container--ajax-cart .alert .alert--content {
  padding: .625rem 1.25rem .625rem 1.25rem
}
@media screen and (min-width: 48em) {
  .alert .alert--icon, .alert .icon--element {
    width: 8%
  }
  .alert .alert--content {
    width: 92%
  }
}
.badge {
  padding: 0rem .3125rem 0rem .3125rem;
  margin: 0rem .3125rem 0rem .3125rem;
  height: 1.25rem;
  min-width: .625rem;
  line-height: 1.25rem;
  font-size: .75rem;
  border-radius: 50px;
  background-clip: padding-box;
  box-sizing: content-box;
  display: inline-block;
  white-space: nowrap;
  z-index: 500;
  font-weight: 700;
  text-align: center;
  background: #fff;
  color: #ff1c8e;
  border: 1px solid #d9dde0
}
.badge.is--primary {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
  color: #fff;
  border-color: #fff
}
.badge.is--secondary {
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  color: #fff;
  border-color: #fff
}
.badge.is--minimal {
  border: 0 none
}
.label {
  padding: .1875rem .5rem .1875rem .5rem;
  margin: 0rem .3125rem 0rem .3125rem;
  font-size: .875rem;
  line-height: 1.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  color: #000;
  background: #000
}
.label.success {
  background: #2ecc71
}
.label.info {
  background: #4aa3df
}
.label.warning {
  background: #f1c40f
}
.label.error {
  background: #e74c3c
}
.collapse--header {
  padding: .625rem 1.25rem .625rem 1.25rem;
  margin: .625rem 0rem 0rem 0rem;
  font-size: 1rem;
  line-height: 1rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8);
  display: block;
  position: relative;
  z-index: 1100;
  border: 1px solid #d9dde0;
  cursor: pointer
}
.collapse--header .collapse--toggler {
  height: 1rem;
  top: .625rem;
  right: 1.25rem;
  font-size: .375rem;
  line-height: 1rem;
  position: absolute;
  font-weight: 400;
  font-family: 'shopware'
}
.collapse--header .collapse--toggler:before {
  content: "\e612"
}
.collapse--header:hover {
  color: #ff1c8e
}
.collapse--header.is--active {
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  box-shadow: 0 1px 3px 0 rgba(95, 114, 133, 0.5);
  color: #fff;
  font-weight: 700;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #aeb6be;
  z-index: 1300
}
.collapse--header.is--active .collapse--toggler:before {
  content: "\e610"
}
.collapse--content {
  padding: .3125rem 0rem 0rem 0rem;
  top: -0.3125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px 0 rgba(236, 238, 241, 0.8);
  display: none;
  position: relative;
  z-index: 1000;
  background: #fff;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d9dde0
}
.collapse--content.is--collapsed {
  display: block;
  z-index: 1200
}
.js--collapse-target {
  display: none
}
.js--collapse-target.is--collapsed {
  display: block
}
.product-slider {
  display: block;
  padding: 0;
  position: relative;
  top: 0;
  left: 0
}
.product-slider--container {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch
}
.product-slider--container:after {
  content: "";
  display: table;
  clear: both
}
.product-slider--container::-webkit-scrollbar {
  width: 0;
  height: 0
}
.product-slider--container.is--vertical {
  overflow-y: scroll;
  overflow-x: hidden;
  white-space: normal
}
.product-slider--container.is--vertical .product-slider--item {
  display: block;
  width: 100%
}
.product-slider--container.is--horizontal {
  overflow-y: hidden;
  overflow-x: scroll;
  white-space: nowrap
}
.product-slider--container.is--horizontal .product-slider--item {
  height: 100%;
  display: inline-block
}
.is--ie .product-slider--container, .is--firefox .product-slider--container, .product-slider--container.is--no-scroll {
  overflow-y: hidden;
  overflow-x: hidden
}
.product-slider--item {
  padding: .625rem .625rem .625rem .625rem;
  font-size: 1rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: inline-block
}
.product-slider--arrow {
  width: 1.875rem;
  height: 3.75rem;
  margin: -1.875rem 0rem 0rem 0rem;
  line-height: 3.75rem;
  font-size: .75rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.5);
  display: block;
  position: absolute;
  top: 50%;
  z-index: 750;
  font-family: 'shopware';
  text-align: center;
  color: #000;
  border: 1px solid #d9dde0;
  cursor: pointer
}
.product-slider--arrow.arrow--prev {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  left: 0
}
.product-slider--arrow.arrow--prev:before, .product-slider--arrow.arrow--prev::before {
  content: "\e611"
}
.product-slider--arrow.arrow--next {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  right: 0
}
.product-slider--arrow.arrow--next:before {
  content: "\e60f"
}
.product-slider--arrow:hover {
  color: #ff1c8e;
  border-color: #ff1c8e;
  background: rgba(255, 255, 255, 0.8)
}
.product-slider--arrow.is--vertical {
  width: 3.75rem;
  height: 1.875rem;
  margin: 0rem 0rem 0rem -1.875rem;
  line-height: 1.875rem;
  font-size: .375rem;
  left: 50%;
  top: auto
}
.product-slider--arrow.is--vertical.arrow--prev {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  top: 0
}
.product-slider--arrow.is--vertical.arrow--prev:before, .product-slider--arrow.is--vertical.arrow--prev::before {
  content: "\e610"
}
.product-slider--arrow.is--vertical.arrow--next {
  bottom: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box
}
.product-slider--arrow.is--vertical.arrow--next:before {
  content: "\e612"
}
@media screen and (min-width: 30em) {
  .product-slider--item {
    width: 50%
  }
}
@media screen and (min-width: 48em) {
  .product-slider--item {
    width: 33.33%
  }
}
@media screen and (min-width: 64em) {
  .product-slider--item {
    width: 25%
  }
}
@media screen and (min-width: 78.75em) {
  .product-slider--container.is--horizontal, .product-slider--container.is--vertical {
    overflow: hidden
  }
}
.js--modal {
  -webkit-transition: all .5s;
  transition: all .5s;
  box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.25);
  box-sizing: content-box;
  opacity: 0;
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: padding-box #fff;
  max-height: 100%;
  max-width: 100%;
  z-index: 7000;
  overflow-x: hidden;
  overflow-y: auto
}
.js--modal .header {
  padding: .625rem .625rem .625rem .625rem;
  height: 2.625rem;
  border-bottom: 1px solid #d9dde0
}
.js--modal .header .title {
  font-size: 1rem;
  font-weight: 700
}
.js--modal .modal--close {
  height: 1.875rem;
  width: 1.875rem;
  line-height: 1.875rem;
  font-size: .625rem;
  right: .625rem;
  top: .4375rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 0;
  text-align: center;
  position: absolute
}
.js--modal .content {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
.js--modal .content .content--iframe {
  padding: .625rem .625rem .625rem .625rem;
  width: 100%;
  height: 100%;
  border: 0 none;
  display: block
}
.js--modal.sizing--auto.is--fullscreen {
  height: 100% !important;
  width: 100% !important
}
.js--modal.sizing--fixed {
  max-height: none !important;
  max-width: none !important
}
.js--modal.sizing--content {
  position: fixed;
  bottom: auto;
  top: auto;
  height: auto
}
.js--modal.no--header .header {
  display: none
}
.js--modal.no--border-radius {
  border-radius: 0
}
@media screen and (min-width: 48em) {
  .js--modal {
    border-radius: 3px;
    background-clip: padding-box
  }
}
.js--is-loading {
  position: relative
}
.js--loading-indicator {
  position: absolute;
  display: none;
  z-index: 6000;
  top: 50%;
  left: 50%
}
body > .js--loading-indicator {
  position: fixed
}
.js--loading-indicator.indicator--relative {
  width: 1.875rem;
  height: 1.875rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  background: none;
  position: relative;
  display: block;
  left: 50%;
  top: auto;
  border: 0 none
}
.js--loading-indicator.indicator--absolute {
  width: 1.875rem;
  height: 1.875rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  background: none;
  position: relative;
  display: block;
  left: 50%;
  top: auto;
  border: 0 none;
  position: absolute;
  padding: 0;
  top: 50%
}
.js--loading-indicator.indicator--absolute.js--loading-indicator {
  margin: -0.9375rem 0rem 0rem -0.9375rem
}
.has--cssanimations .js--loading-indicator {
  margin: -0.8125rem 0rem 0rem -0.8125rem
}
.has--cssanimations .js--loading-indicator div[class^="icon--"] {
  width: 1.625rem;
  height: 1.625rem;
  display: block
}
.has--cssanimations .js--loading-indicator .icon--default:before, .has--cssanimations .js--loading-indicator .icon--default::before {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #d9dde0;
  border-top: 2px solid #929da8
}
.has--no-cssanimations .js--loading-indicator {
  margin: -0.8125rem 0rem 0rem -0.8125rem
}
.has--no-cssanimations .js--loading-indicator div[class^="icon--"] {
  width: 1rem;
  height: 1rem;
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%
}
.has--no-cssanimations .js--loading-indicator .icon--default {
  height: 1rem;
  width: 1rem;
  background-image: url('../images/loading-indicator.gif')
}
.js--overlay-relative {
  position: relative
}
.js--overlay {
  -webkit-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
  transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: .01;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5000;
  visibility: hidden
}
.js--overlay.theme--dark {
  background: rgba(197, 234, 252, 0.9)
}
.js--overlay.theme--light {
  background: rgba(255, 255, 255, 0.9)
}
.js--overlay.is--open {
  -webkit-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
  visibility: visible
}
.js--overlay.is--closable {
  cursor: pointer
}
body > .js--overlay {
  position: fixed
}
.language--flag {
  height: .6875rem;
  width: .875rem;
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}
.language--flag.de_DE {
  background-position: 0 0;
  background-image: linear-gradient(to bottom, #000 33%, #d00 33%, #d00 66%, #ffce00 66%)
}
.language--flag.en_GB {
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='640' height='480'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M-85 0h682v512H-85z'%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path='url%28%23a%29' transform='translate%2880%29 scale%28.94%29'%3E%3Cpath fill='%23006' d='M-256 0H768v512H-256z'%2F%3E%3Cpath fill='%23fff' d='M-256 0v57l910 455h114v-57L-141 0h-115zM768 0v57l-909 455h-115v-57L654 0h114z'%2F%3E%3Cpath fill='%23fff' d='M171 0v512h170V0H171zm-427 171v170H768V171H-256z'%2F%3E%3Cpath fill='%23c00' d='M-256 205v102H768V205H-256zM205 0v512h102V0H205zm-461 512L85 341h77l-342 171h-76zm0-512L85 171H9L-256 38V0zm606 171L692 0h76L427 171h-77zm418 341L427 341h76l265 133v38z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.language--flag.nl_NL {
  background-position: 0 0;
  background-image: linear-gradient(to bottom, #d00 33%, #fff 33%, #fff 66%, #21468b 66%)
}
.language--flag.fr_FR {
  background-position: 0 0;
  background-image: linear-gradient(to right, #21468b 33%, #fff 33%, #fff 66%, #d00 66%)
}
.language--flag.es_ES {
  background-position: 0 0;
  background-image: linear-gradient(#d00 25%, #ffce00 25%, #ffce00 75%, #d00 75%)
}
.language--flag.it_IT {
  background-position: 0 0;
  background-image: linear-gradient(to right, #009246 33%, #fff 33%, #fff 66%, #d00 66%)
}
.tagcloud a {
  color: #000;
  margin: 0rem .625rem 0rem 0rem
}
.tagcloud a:hover {
  color: #ff1c8e
}
.tagcloud .tag0 {
  font-size: 1.3125rem;
  line-height: 1.3125rem
}
.tagcloud .tag1 {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700
}
.tagcloud .tag2 {
  font-size: .875rem;
  line-height: .875rem
}
.tagcloud .tag3 {
  font-size: .75rem;
  line-height: .75rem;
  font-weight: 700
}
.last-seen-products {
  margin: .625rem 0rem 0rem 0rem;
  clear: both
}
.last-seen-products:after {
  content: "";
  display: table;
  clear: both
}
.last-seen-products .last-seen-products--title {
  padding: .625rem 0rem .625rem 0rem;
  border-bottom: 1px solid #d9dde0;
  font-size: 1rem;
  display: block;
  font-weight: 700;
  color: #000
}
.last-seen-products--slider {
  border-radius: 3px;
  background-clip: padding-box;
  height: auto
}
.last-seen-products--slider .product--box .product--title {
  text-align: center;
  margin: 0;
  padding: 0
}
.last-seen-products--slider, .last-seen-products--container {
  position: relative;
  overflow: hidden
}
.last-seen-products--container {
  padding: .625rem 0rem .625rem 0rem
}
.last-seen-products-item--image {
  line-height: 7.5rem;
  display: block
}
.last-seen-products--item {
  padding: .625rem .625rem .625rem .625rem
}
@media screen and (min-width: 48em) {
  .last-seen-products {
    margin: 1.875rem 0rem 0rem 0rem
  }
}
.lightbox--container {
  display: block;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: relative
}
.lightbox--image {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  vertical-align: middle
}
.list--unordered {
  padding-left: 1.25rem;
  list-style-type: none
}
.list--unordered li {
  position: relative;
  line-height: 1.5rem
}
.list--unordered li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e6b9";
  position: absolute;
  top: 0
}
.list--unordered.is--disc li {
  position: relative
}
.list--unordered.is--disc li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e656";
  position: absolute;
  top: 0
}
.list--unordered.is--checked li {
  position: relative
}
.list--unordered.is--checked li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e60c";
  position: absolute;
  top: 0
}
.list--unordered.is--arrow-right li {
  position: relative
}
.list--unordered.is--arrow-right li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e60f";
  position: absolute;
  top: 0
}
.list--unordered.is--star li {
  position: relative
}
.list--unordered.is--star li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e600";
  position: absolute;
  top: 0
}
.list--unordered.is--cross li {
  position: relative
}
.list--unordered.is--cross li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e60d";
  position: absolute;
  top: 0
}
.list--unordered.is--tag li {
  position: relative
}
.list--unordered.is--tag li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e640";
  position: absolute;
  top: 0
}
.list--unordered.is--plus li {
  position: relative
}
.list--unordered.is--plus li:before {
  width: 1.25rem;
  font-size: .625rem;
  left: -1.25rem;
  font-family: 'shopware';
  content: "\e689";
  position: absolute;
  top: 0
}
.list--unstyled {
  list-style: none
}
.list--inline {
  list-style: none
}
.list--inline li {
  display: inline
}
.image-slider {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  z-index: 1000;
  position: relative
}
.image-slider:after {
  content: "";
  display: table;
  clear: both
}
.force--3d {
  backface-visibility: hidden
}
.image-slider--container {
  height: 12.5rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden
}
.image-slider--container .arrow {
  width: 1.875rem;
  height: 4.375rem;
  margin-top: -2.1875rem;
  line-height: 4.25rem;
  font-size: 1rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  z-index: 1000;
  font-family: 'shopware';
  text-align: center;
  color: #000;
  cursor: pointer;
  display: none
}
.image-slider--container .arrow.is--left {
  left: 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box
}
.image-slider--container .arrow.is--left:before, .image-slider--container .arrow.is--left::before {
  content: "\e611"
}
.image-slider--container .arrow.is--right {
  right: 0rem;
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box
}
.image-slider--container .arrow.is--right:before {
  content: "\e60f"
}
.image-slider--container .arrow:hover {
  color: #ff1c8e;
  border-color: rgba(43, 188, 208, 0.5)
}
.image-slider--container.is--dragging .image-slider--item {
  cursor: move
}
.image-slider--slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  white-space: nowrap;
  font-size: 0;
  -ms-touch-action: pan-y
}
.image-slider--slide:after {
  content: "";
  display: table;
  clear: both
}
.image-slider--item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
  cursor: pointer
}
.image-slider--item .image--element {
  display: inline-block;
  max-width: 100%;
  height: 100%
}
.image-slider--item .image--media {
  margin: 0 auto;
  text-align: center
}
.image-slider--item .image--media.image--svg img {
  height: 100%
}
.image-slider--dots {
  padding: .625rem 0rem .625rem 0rem;
  text-align: center
}
.image-slider--thumbnails {
  height: 4.375rem;
  top: 27.5rem;
  display: none;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  left: 0
}
.image-slider--thumbnails .image-slider--thumbnails-slide {
  position: absolute;
  top: 0;
  left: 0
}
.image-slider--thumbnails .thumbnail--link {
  width: 6.375rem;
  height: 6.375rem;
  padding: .3125rem .3125rem .3125rem .3125rem;
  margin: 0rem .625rem 0rem 0rem;
  line-height: 3.5625rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  text-align: center;
  border: 1px solid #d9dde0
}
.image-slider--thumbnails .thumbnail--link.is--active {
  border-color: #ff1c8e
}
.image-slider--thumbnails .thumbnail--image {
  display: inline;
  vertical-align: middle;
	max-width: 100%;
}
.image-slider--thumbnails .thumbnails--arrow {
  width: 1.25rem;
  height: 4.375rem;
  line-height: 4.375rem;
  font-size: .875rem;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  display: none;
  position: absolute;
  z-index: 1000;
  font-family: 'shopware';
  text-align: center;
  color: #000;
  border: 1px solid rgba(255, 255, 255, 0.85);
  cursor: pointer;
  background: rgba(255, 255, 255, 0.85)
}
.image-slider--thumbnails .thumbnails--arrow:hover {
  color: #ff1c8e;
  border-color: rgba(43, 188, 208, 0.85)
}
.image-slider--thumbnails .thumbnails--arrow.is--top, .image-slider--thumbnails .thumbnails--arrow.is--bottom {
  font-size: .5rem;
  width: 4.375rem;
  height: 1.5rem;
  padding: .125rem 0rem 0rem 0rem;
  line-height: 1.125rem;
  left: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  top: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--top::before {
  content: "\e610"
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  bottom: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--bottom::before {
  content: "\e612"
}
.image-slider--thumbnails .thumbnails--arrow.is--left {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 1.5rem;
  top: 0;
  left: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--left::before {
  content: "\e611"
}
.image-slider--thumbnails .thumbnails--arrow.is--right {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 1.5rem;
  top: 0;
  right: 0
}
.image-slider--thumbnails .thumbnails--arrow.is--right::before {
  content: "\e60f"
}
.image-slider--thumbnails .thumbnails--arrow.is--active {
  display: block
}
@media screen and (min-width: 48em) {
  .image-slider--container {
    height: 25rem
  }
  .image-slider--container .arrow {
    display: block
  }
}
@media screen and (min-width: 64em) {
  .image-slider--thumbnails {
    display: block
  }
  .image-slider--container {
    height: 25rem;
    margin-bottom: 6.875rem
  }
  .image-slider--container.no--thumbnails {
    margin-bottom: 0
  }
  .image-slider--container.no--image .image-slider--item {
    cursor: default
  }
  .image-slider--dots {
    top: 25.3125rem;
    position: absolute;
    width: 100%
  }
}
@media screen and (min-width: 78.75em) {
  .image-slider--container {
    height: 26.875rem;
    margin-bottom: 0
  }
  .image-slider--thumbnails {
    width: 6.375rem;
    height: 26.875rem;
    margin: 0rem 1.25rem 0rem 0rem;
    position: relative;
    top: 0;
    left: 0;
    float: left
  }
  .image-slider--thumbnails .thumbnail--link {
    margin: 0rem 0rem 1.25rem 0rem;
    display: block
  }
  .image-slider--dots {
    padding: .625rem 0rem .625rem 5.625rem;
    position: relative;
    top: auto;
    display: block
  }
}
.js--img-zoom--container {
  position: relative;
  top: 0;
  left: 0
}
.js--img-zoom--lens {
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #d9dde0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer
}
.js--img-zoom--flyout {
  width: 28.75rem;
  height: 21.25rem;
  right: -30.625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
  position: absolute;
  top: 0;
  z-index: 2500;
  overflow: hidden;
  background: #FFFFFF;
  border: 1px solid #d9dde0
}
.js--img-zoom--title {
  padding: .3125rem 1.25rem .3125rem 1.25rem;
  font-size: .875rem;
  line-height: 1rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 0.5)
}
.js--menu-scroller {
  position: relative
}
.navigation--list-wrapper {
  position: relative;
  overflow: hidden
}
.js--menu-scroller--list {
  max-width: none;
  overflow-x: scroll;
  position: relative;
  white-space: nowrap;
  left: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none
}
.js--menu-scroller--list::-webkit-scrollbar {
  display: none
}
.js--menu-scroller--arrow {
  width: 1.375rem;
  height: 2.3125rem;
  line-height: 2.25rem;
  font-size: .75rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  top: .0625rem;
  border: 1px solid #d9dde0;
  position: absolute;
  font-family: 'shopware';
  text-align: center;
  color: #000;
  cursor: pointer;
  z-index: 750;
  display: none
}
.js--menu-scroller--arrow:hover, .js--menu-scroller--arrow:active {
  color: #ff1c8e;
  border-color: #ff1c8e;
  background: #fff
}
.js--menu-scroller--arrow.left--arrow {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  border-left: 0 none;
  left: 0
}
.js--menu-scroller--arrow.right--arrow {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  border-right: 0 none;
  right: 0
}
@media screen and (min-width: 78.75em) {
  .js--menu-scroller--arrow.left--arrow {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0;
    left: 0
  }
  .js--menu-scroller--arrow.left--arrow:hover {
    border-color: #ff1c8e
  }
  .js--menu-scroller--arrow.right--arrow {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0;
    right: 0
  }
  .js--menu-scroller--arrow.right--arrow:hover {
    border-color: #ff1c8e
  }
}
.filter-panel {
  height: 2.375rem;
  margin-bottom: .625rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  position: relative;
  border: 1px solid #d9dde0
}
.filter-panel:hover {
  border: 1px solid #ff1c8e;
  background: #FFF
}
.filter-panel:hover .filter-panel--icon, .filter-panel:hover .filter-panel--title {
  color: #ff1c8e
}
.filter-panel.is--disabled {
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  opacity: 0.5;
  border: 1px solid #d9dde0;
  color: #000
}
.filter-panel.is--disabled:hover {
  border: 1px solid #d9dde0;
  color: #000
}
.filter-panel.is--disabled:hover .filter-panel--icon, .filter-panel.is--disabled:hover .filter-panel--title {
  color: #000
}
.filter-panel.is--disabled .filter-panel--title {
  color: #000
}
.filter-panel.is--collapsed {
  height: auto;
  border: 0 none
}
.filter-panel.is--collapsed .filter-panel--flyout {
  height: auto;
  border: 1px solid #ff1c8e;
  background: #FFF;
  overflow: visible;
  z-index: 800
}
.filter-panel.is--collapsed .filter-panel--title {
  color: #ff1c8e
}
.filter-panel.is--collapsed .filter-panel--icon:before {
  color: #ff1c8e;
  content: "\e610"
}
.filter-panel .flatpickr-wrapper {
  position: relative;
  display: block
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static {
  top: 2.8125rem;
  display: block;
  width: 100%
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-rContainer {
  display: block
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer {
  display: block;
  width: 100%
}
.filter-panel .flatpickr-wrapper .flatpickr-calendar.static .flatpickr-innerContainer .flatpickr-days {
  width: 100%
}
.filter-panel--flyout {
  height: 2.375rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  overflow: hidden;
  z-index: 500
}
.filter-panel--title {
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0rem 1.875rem 0rem .625rem;
  margin: 0rem 0rem .3125rem 0rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer
}
.filter-panel--icon {
  width: 1rem;
  height: 1rem;
  top: .5rem;
  right: .625rem;
  font-size: .375rem;
  line-height: 1rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-block;
  position: absolute;
  font-family: 'shopware';
  text-align: center;
  cursor: pointer;
  pointer-events: none
}
.filter-panel--icon:before {
  content: "\e612"
}
.filter-panel--content {
  padding: .625rem .625rem .625rem .625rem;
  display: block
}
.filter-panel--option-list {
  padding-bottom: .3125rem;
  list-style: none
}
.filter-panel--option-list.sub-level {
  margin: 0rem 0rem 0rem .5rem;
  padding: 0rem 0rem 0rem 1.125rem;
  border-left: 1px solid #d9dde0
}
.filter-panel--option {
  display: block;
  position: relative
}
.value-tree--option {
  margin: 0rem 0rem .625rem 0rem
}
.sub-level .value-tree--option {
  margin: 0
}
.filter-panel--label {
  padding: .25rem 0rem .25rem 1.875rem;
  line-height: 1.125rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.filter-panel--range-info {
  padding: .625rem 0rem .3125rem 0rem;
  text-align: center
}
.filter-panel--range-info .range-info--label {
  color: #000;
  font-weight: 700
}
.filter--date .input-type--date .filter-panel--input {
  display: block;
  width: 100%
}
.filter-panel--checkbox, .filter-panel--radio {
  width: 1rem;
  height: 1rem;
  padding: .0625rem .0625rem .0625rem .0625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  border: 1px solid #d9dde0;
  cursor: pointer;
  position: relative;
  vertical-align: top
}
.filter-panel--checkbox:hover, .filter-panel--radio:hover {
  border-color: #ff1c8e
}
.filter-panel--checkbox input[type="checkbox"], .filter-panel--radio input[type="checkbox"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .input--state, .filter-panel--radio input[type="checkbox"]:checked ~ .input--state, .filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state, .filter-panel--radio input[type="checkbox"]:checked ~ .checkbox--state {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%)
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .input--state:before, .filter-panel--radio input[type="checkbox"]:checked ~ .input--state:before, .filter-panel--checkbox input[type="checkbox"]:checked ~ .checkbox--state:before, .filter-panel--radio input[type="checkbox"]:checked ~ .checkbox--state:before {
  width: .75rem;
  height: .75rem;
  line-height: .75rem;
  font-size: .4375rem;
  display: block;
  font-family: 'shopware';
  font-weight: 400;
  text-align: center;
  color: #fff;
  content: "\e60c"
}
.filter-panel--checkbox input[type="checkbox"]:checked ~ .filter-panel--label, .filter-panel--radio input[type="checkbox"]:checked ~ .filter-panel--label {
  color: #ff1c8e;
  font-weight: 700
}
.filter-panel--checkbox input[type="checkbox"]:disabled ~ .input--state, .filter-panel--radio input[type="checkbox"]:disabled ~ .input--state, .filter-panel--checkbox input[type="checkbox"]:disabled ~ .checkbox--state, .filter-panel--radio input[type="checkbox"]:disabled ~ .checkbox--state {
  background: #fff
}
.filter-panel--checkbox input[type="checkbox"]:disabled ~ .filter-panel--label, .filter-panel--radio input[type="checkbox"]:disabled ~ .filter-panel--label {
  color: #262626
}
.filter-panel--checkbox .input--state, .filter-panel--radio .input--state, .filter-panel--checkbox .checkbox--state, .filter-panel--radio .checkbox--state, .filter-panel--checkbox .radio--state, .filter-panel--radio .radio--state {
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 60
}
.filter-panel--checkbox.filter-panel--radio, .filter-panel--radio.filter-panel--radio {
  border-radius: 11px;
  background-clip: padding-box
}
.filter-panel--checkbox input[type="radio"], .filter-panel--radio input[type="radio"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65
}
.filter-panel--checkbox input[type="radio"]:checked ~ .input--state, .filter-panel--radio input[type="radio"]:checked ~ .input--state, .filter-panel--checkbox input[type="radio"]:checked ~ .radio--state, .filter-panel--radio input[type="radio"]:checked ~ .radio--state {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%)
}
.filter-panel--checkbox input[type="radio"]:checked ~ .filter-panel--label, .filter-panel--radio input[type="radio"]:checked ~ .filter-panel--label {
  color: #ff1c8e;
  font-weight: 700
}
.filter-panel--checkbox input[type="radio"]:disabled .input--state, .filter-panel--radio input[type="radio"]:disabled .input--state, .filter-panel--checkbox input[type="radio"]:disabled .radio--state, .filter-panel--radio input[type="radio"]:disabled .radio--state {
  background: #fff
}
.filter-panel--checkbox input[type="radio"]:disabled .filter-panel--label, .filter-panel--radio input[type="radio"]:disabled .filter-panel--label {
  color: #000
}
.filter-panel--checkbox input[type="radio"] + .input--state, .filter-panel--radio input[type="radio"] + .input--state, .filter-panel--checkbox input[type="radio"] + .radio--state, .filter-panel--radio input[type="radio"] + .radio--state {
  border-radius: 11px;
  background-clip: padding-box
}
.input-type--media:after {
  content: "";
  display: table;
  clear: both
}
.input-type--media .option--container {
  height: 2.8125rem;
  max-width: 2.8125rem;
  width: 18%;
  margin: 0 0 2% 2%;
  display: block;
  position: relative;
  float: left
}
.input-type--media .option--container .filter-panel--label {
  padding: 0
}
.input-type--media .option--container input.is--disabled ~ label {
  opacity: 0.2
}
.input-type--media .option--container input[type="checkbox"], .input-type--media .option--container input[type="radio"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65
}
.input-type--media .option--container input[type="checkbox"]:hover ~ .filter-panel--label, .input-type--media .option--container input[type="radio"]:hover ~ .filter-panel--label {
  border-color: #ff1c8e
}
.input-type--media .option--container input[type="checkbox"]:checked ~ .filter-panel--label, .input-type--media .option--container input[type="radio"]:checked ~ .filter-panel--label {
  border-color: #ff1c8e
}
.input-type--media .option--container input[type="checkbox"]:checked ~ .filter-panel--label:after, .input-type--media .option--container input[type="radio"]:checked ~ .filter-panel--label:after {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: .4375rem;
  top: -0.25rem;
  right: -0.25rem;
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
  border-radius: 8px;
  background-clip: padding-box;
  display: block;
  position: absolute;
  font-family: 'shopware';
  font-weight: 400;
  text-align: center;
  color: #fff;
  content: "\e60c"
}
.input-type--media .option--container input[type="checkbox"]:disabled .filter-panel--label, .input-type--media .option--container input[type="radio"]:disabled .filter-panel--label {
  opacity: .2
}
.filter--multi-selection .option--container:hover .filter-panel--label, .filter--value .option--container:hover .filter-panel--label, .filter--value-tree .option--container:hover .filter-panel--label {
  color: #ff1c8e
}
.filter--multi-selection .option--container:hover .filter-panel--input, .filter--value .option--container:hover .filter-panel--input, .filter--value-tree .option--container:hover .filter-panel--input {
  border-color: #ff1c8e
}
.filter--multi-selection .option--container:hover .filter-panel--input.is--disabled, .filter--value .option--container:hover .filter-panel--input.is--disabled, .filter--value-tree .option--container:hover .filter-panel--input.is--disabled {
  border-color: #d9dde0
}
.filter--multi-selection .filter-panel--checkbox, .filter--value .filter-panel--checkbox, .filter--value-tree .filter-panel--checkbox, .filter--multi-selection .filter-panel--radio, .filter--value .filter-panel--radio, .filter--value-tree .filter-panel--radio {
  top: .3125rem;
  left: 0rem;
  position: absolute
}
.filter--multi-selection .filter-panel--checkbox.is--disabled ~ .filter-panel--label, .filter--value .filter-panel--checkbox.is--disabled ~ .filter-panel--label, .filter--value-tree .filter-panel--checkbox.is--disabled ~ .filter-panel--label, .filter--multi-selection .filter-panel--radio.is--disabled ~ .filter-panel--label, .filter--value .filter-panel--radio.is--disabled ~ .filter-panel--label, .filter--value-tree .filter-panel--radio.is--disabled ~ .filter-panel--label {
  color: #d9dde0
}
.filter--multi-selection .filter-panel--checkbox.is--disabled:hover, .filter--value .filter-panel--checkbox.is--disabled:hover, .filter--value-tree .filter-panel--checkbox.is--disabled:hover, .filter--multi-selection .filter-panel--radio.is--disabled:hover, .filter--value .filter-panel--radio.is--disabled:hover, .filter--value-tree .filter-panel--radio.is--disabled:hover {
  border-color: #d9dde0
}
.filter-panel--star-rating {
  height: 5.625rem;
  margin-bottom: .625rem;
  position: relative
}
.filter-panel--star-rating:after {
  content: "";
  display: table;
  clear: both
}
.filter-panel--star-rating .rating-star--outer-container {
  width: 13.75rem;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer
}
.filter-panel--star-rating .rating-star--outer-container:after {
  content: "";
  display: table;
  clear: both
}
.filter-panel--star-rating .rating-star--outer-container .icon--star, .filter-panel--star-rating .rating-star--outer-container .icon--star-empty {
  font-size: 1.125rem
}
.filter-panel--star-rating .rating-star--outer-container .icon--star {
  color: #f1c40f
}
.filter-panel--star-rating .rating-star--outer-container .icon--star-empty {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #d9dde0
}
.filter-panel--star-rating .rating-star--outer-container .rating-star--suffix {
  margin-left: .3125rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.filter-panel--star-rating .rating-star--outer-container.is--active .icon--star-empty {
  color: #000
}
.filter-panel--star-rating .rating-star--outer-container.is--active .rating-star--suffix {
  font-weight: 700
}
.filter-panel--star-rating .rating-star--outer-container.is--disabled {
  opacity: 0.3
}
.filter-panel--star-rating .rating-star--outer-container:hover .icon--star-empty {
  color: #000
}
.filter-panel--star-rating .rating-star--outer-container:hover .rating-star--suffix {
  color: #ff1c8e
}
.filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .icon--star-empty {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  color: #d9dde0
}
.filter-panel--star-rating .rating-star--outer-container:hover .is--disabled ~ .rating-star--suffix {
  color: #000
}
.filter--set-title {
  margin: 1.875rem 0rem .625rem 0rem;
  font-size: .875rem;
  line-height: 1.5rem;
  margin-left: 1%;
  margin-right: 1%;
  border-bottom: 1px solid #d9dde0;
  clear: both
}
.filter--value {
  background: #fff
}
.filter--value .filter-panel--input {
  top: .625rem;
  left: .625rem
}
.filter--value .filter-panel--title {
  padding: 0rem 1.875rem 0rem 2.5rem
}
.filter--value.is--disabled .filter-panel--input:hover {
  border-color: #d9dde0
}
.filter--range .filter-panel--content {
  padding: .625rem 1.25rem .625rem 1.25rem
}
.filter--active-container {
  padding: 1.25rem 0rem 0rem 0rem
}
.filter--active, .search--cat-filter .cat-filter--reset {
  padding: 0rem .625rem 0rem .625rem;
  margin: 0rem .625rem .625rem 0rem;
  line-height: 1.5rem;
  font-size: .8125rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  border: 1px solid #d9dde0;
  color: #000;
  background: #FFF;
  cursor: pointer;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis
}
.filter--active .filter--active-icon {
  margin: 0rem .625rem 0rem 0rem;
  font-size: .5rem;
  top: -0.0625rem;
  position: relative;
  font-family: 'shopware';
  color: #000
}
.filter--active .filter--active-icon:before {
  content: "\e60d"
}
.filter--active .icon--star {
  color: #f1c40f
}
.filter--active .icon--star-empty {
  color: #000
}
.filter--active:hover, .filter--active[data-filter-param="reset"] {
  color: #ff1c8e;
  border-color: #ff1c8e
}
.filter--active:hover .filter--active-icon, .filter--active[data-filter-param="reset"] .filter--active-icon {
  color: #ff1c8e
}
.action--filter-options.off-canvas.is--open .filter--active {
  max-width: 100%
}
.filter--actions {
  padding: .625rem 0rem .625rem 0rem;
  margin-bottom: .625rem;
  clear: both
}
.filter--btn-apply {
  position: relative;
  font-weight: 700;
  width: 100%
}
.filter--btn-apply.is--icon-right [class^="icon--"] {
  font-size: .875rem;
  line-height: 1rem;
  margin: -0.5rem 0rem 0rem 0rem
}
.filter--btn-apply.is--loading [class^="icon--"] {
  -webkit-animation: keyframe--spin-reverse 1s linear infinite;
  animation: keyframe--spin-reverse 1s linear infinite
}
.filter--btn-apply .filter--count {
  font-weight: 700
}
.filter--facet-container {
  padding: .625rem 0rem 0rem 0rem
}
.filter--facet-container:after {
  content: "";
  display: table;
  clear: both
}
.action--filter-options.is--active-filter .filter--active-container {
  padding: .9375rem 0rem .3125rem 0rem;
  display: block
}
.filter--active-container {
  display: none
}
.listing--wrapper {
  width: 100%
}
.listing--wrapper.has--sidebar-filter .listing--paging {
  clear: both
}
.listing--wrapper.has--sidebar-filter .action--filter-btn {
  display: block
}
.listing--wrapper.has--sidebar-filter .action--sort {
  line-height: 2rem;
  margin: 0rem .625rem .625rem 0rem;
  width: 100%
}
.listing--wrapper.has--sidebar-filter .action--sort .sort--label {
  display: none
}
.listing--wrapper.has--sidebar-filter .action--sort .sort--select {
  width: 100%;
  vertical-align: top
}
.listing--wrapper .filter--actions.filter--actions-top {
  margin: 0
}
.listing--wrapper.with--fullscreen-emotion .sidebar-main.off-canvas {
  padding-top: 0
}
.listing--wrapper.with--fullscreen-emotion .listing--wrapper-inner {
  margin-left: 16.25rem
}
@media screen and (min-width: 48em) {
  .filter-panel {
    width: 49%;
    margin-left: 1%;
    float: left
  }
  .filter-panel.is--collapsed {
    height: 2.375rem
  }
  .filter-panel .flatpickr-wrapper {
    position: static
  }
  .filter-panel .flatpickr-wrapper .flatpickr-calendar.static {
    top: 100%
  }
  .is--no-sidebar .filter-panel {
    width: 32%
  }
  .filter-panel--flyout {
    position: absolute;
    top: 0;
    left: 0
  }
  .filter-panel--content {
    max-height: 12.5rem;
    overflow-x: hidden;
    overflow-y: auto
  }
  .filter--active-container {
    padding: 0;
    margin-left: 1%;
    margin-right: 1%
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]), .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover {
    color: #000;
    border-color: #d9dde0;
    cursor: default
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]) .filter--active-icon, .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover .filter--active-icon {
    color: #000
  }
  .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]) .filter--active-icon:before, .filter--active-container.is--disabled .filter--active:not([data-filter-param="reset"]):hover .filter--active-icon:before {
    content: "\e60c"
  }
  .filter--actions {
    margin-left: 1%;
    margin-right: 1%
  }
  .filter--btn-apply {
    width: auto
  }
  .filter--facet-container, .filter--actions-bottom {
    display: none
  }
  .filter--actions.filter--actions-top {
    display: none
  }
  .listing--wrapper.has--sidebar-filter .action--filter-btn {
    display: none
  }
  .listing--wrapper.has--sidebar-filter .action--sort .sort--select {
    max-width: 12.5rem;
    vertical-align: top
  }
}
@media screen and (min-width: 64em) {
  .filter-panel {
    width: 32%
  }
}
@media screen and (min-width: 78.75em) {
  .filter-panel--star-rating .rating-star--input {
    width: 1.25rem;
    height: 1.25rem
  }
  .filter-panel--star-rating .rating-star--label {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: 1.25rem
  }
  .listing--wrapper.has--sidebar-filter .action--sort .sort--label {
    margin: 0rem .625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700
  }
}
.range-slider {
  -webkit-touch-callout: none
}
.range-slider--container {
  height: .75rem;
  border-radius: 6px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  background: #fff;
  box-shadow: inset 0 1px 1px #f0f0f0;
  border: 1px solid #d9dde0;
  -ms-touch-action: none
}
.range-slider--range-bar {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 3px #2ab9cd;
  height: 100%;
  width: 100%;
  position: relative;
  background: #ff1c8e
}
.range-slider--handle {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  border: 1px solid #d9dde0;
  cursor: pointer
}
.range-slider--handle.is--min {
  left: -0.625rem;
  top: -0.25rem
}
.range-slider--handle.is--max {
  right: -0.625rem;
  top: -0.25rem
}
.range-slider--handle:hover, .range-slider--handle.is--dragging {
  border-color: #ff1c8e
}
.range-slider--format {
  display: none
}
.flatpickr-calendar {
  width: 19.6875rem;
  font-size: .875rem;
  line-height: 1.5rem;
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  position: absolute;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 1px 0 0 #d9dde0, -1px 0 0 #d9dde0, 0 1px 0 #d9dde0, 0 -1px 0 #d9dde0, 0 3px 13px rgba(0, 0, 0, 0.2)
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
  max-height: 40rem;
  opacity: 1;
  visibility: visible;
  overflow: visible
}
.flatpickr-calendar.open {
  display: inline-block;
  animation: flatpickrFadeInDown 300ms cubic-bezier(0, 1, .5, 1);
  z-index: 8100
}
.flatpickr-calendar.inline {
  top: .125rem;
  display: block;
  position: relative
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(102%)
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block
}
.flatpickr-calendar.hasWeeks {
  width: auto
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 2.5rem;
  border-top: 1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  left: 1.375rem;
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
  right: 1.375rem;
  left: auto
}
.flatpickr-calendar:before {
  margin: 0rem -0.3125rem 0rem -0.3125rem;
  border-width: 5px
}
.flatpickr-calendar:after {
  margin: 0rem -0.25rem 0rem -0.25rem;
  border-width: 4px
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
  bottom: 100%
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
  top: 100%
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block
}
.flatpickr-month {
  height: 2.5rem;
  line-height: 1.5rem;
  -webkit-user-select: none;
  user-select: none;
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  text-align: center;
  position: relative
}
.flatpickr-prev-month, .flatpickr-next-month {
  height: 1rem;
  line-height: 1rem;
  top: .9375rem;
  text-decoration: none;
  cursor: pointer;
  position: absolute
}
.flatpickr-prev-month i, .flatpickr-next-month i {
  position: relative
}
.flatpickr-prev-month.flatpickr-prev-month, .flatpickr-next-month.flatpickr-prev-month {
  left: calc(2.07%)
}
.flatpickr-prev-month.flatpickr-next-month, .flatpickr-next-month.flatpickr-next-month {
  right: calc(2.07%)
}
.flatpickr-prev-month:hover, .flatpickr-next-month:hover {
  color: #959ea9
}
.flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {
  fill: #f64747
}
.flatpickr-prev-month svg, .flatpickr-next-month svg {
  width: .875rem
}
.flatpickr-prev-month svg path, .flatpickr-next-month svg path {
  transition: fill .1s;
  fill: inherit
}
.numInputWrapper {
  position: relative;
  height: auto
}
.numInputWrapper input, .numInputWrapper span {
  display: inline-block
}
.numInputWrapper input {
  width: 100%
}
.numInputWrapper input::-ms-clear, .numInputWrapper input::-ms-expand {
  display: none
}
.numInputWrapper span {
  width: .875rem;
  padding: 0rem .25rem 0rem .125rem;
  position: absolute;
  right: 0;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  box-sizing: border-box
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1)
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2)
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6)
}
.numInputWrapper span.arrowDown {
  top: 50%
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6)
}
.numInputWrapper span svg {
  width: inherit;
  height: auto
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5)
}
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05)
}
.numInputWrapper:hover span {
  opacity: 1
}
.flatpickr-current-month {
  top: .625rem;
  font-size: 135%;
  line-height: inherit;
  font-weight: 400;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  display: inline-block;
  text-align: center
}
.flatpickr-current-month span.cur-month {
  margin-right: .625rem;
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  padding: 0;
  max-width: 50%
}
.flatpickr-current-month .numInputWrapper {
  width: 4.375rem;
  display: inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9)
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline;
  font-size: inherit;
  font-family: inherit;
  font-weight: 400;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden
}
.flatpickr-days, .flatpickr-weeks {
  padding: .0625rem 0rem 0rem 0rem
}
.flatpickr-days {
  width: 19.6875rem;
  padding: 0;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-around
}
.flatpickr-day {
  line-height: 2.5rem;
  height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  background: none;
  border: 0 none;
  margin: 0;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #f5f6f7;
  border-color: #f5f6f7
}
.flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #f5f6f7;
  border-color: #f5f6f7
}
.flatpickr-day.today {
  border-color: #959ea9
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #ff1c8e;
  color: #fff;
  border-color: #ff1c8e
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
  border-radius: 3px;
  background-clip: padding-box
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #f5f6f7, 5px 0 0 #f5f6f7
}
.flatpickr-day.inRange.endRange {
  box-shadow: -5px 0 0 #f5f6f7
}
.flatpickr-day.inRange.startRange {
  box-shadow: 5px 0 0 #f5f6f7
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
  pointer-events: none
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default
}
span.flatpickr-weekday {
  line-height: 1.5rem;
  cursor: default;
  font-size: 90%;
  color: #000;
  height: 27.333333333333332px;
  margin: 0;
  background: transparent;
  text-align: center;
  display: block;
  float: left;
  width: 14.28%;
  font-weight: 700;
  padding-top: 3.333333333333333px
}
.rangeMode .flatpickr-day {
  margin-top: .0625rem
}
.flatpickr-weekwrapper {
  display: inline-block;
  float: left
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: .0625rem .75rem 0rem .75rem;
  box-shadow: 1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%
}
.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box
}
.flatpickr-time {
  line-height: 2.5rem;
  max-height: 2.5rem;
  -webkit-transition: height .33s cubic-bezier(0, 1, .5, 1);
  transition: height .33s cubic-bezier(0, 1, .5, 1);
  display: block;
  display: flex;
  text-align: center;
  outline: 0;
  height: 0;
  box-sizing: border-box;
  overflow: hidden
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both
}
.flatpickr-time .numInputWrapper {
  height: 2.5rem;
  flex: 1;
  width: 40%;
  float: left
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #222
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #222
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}
.flatpickr-time input {
  font-size: .875rem;
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #000;
  position: relative;
  box-sizing: border-box;
  text-align: center
}
.flatpickr-time input::-ms-clear, .flatpickr-time input::-ms-expand {
  display: none
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
  -webkit-user-select: none;
  user-select: none;
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #000;
  font-weight: 700;
  width: 2%
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400
}
.flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0
}
.hasWeeks .flatpickr-days, .hasTime .flatpickr-days {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.hasWeeks .flatpickr-days {
  border-left: 0
}
@media all and (-ms-high-contrast: none) {
  .flatpickr-month svg {
    top: 0 !important
  }
}
.flatpickr-input[readonly] {
  cursor: pointer
}
.slideRight, .slideLeft {
  display: none
}
@-moz-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
@-webkit-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
@-o-keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
@keyframes flatpickrFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.container--ajax-cart {
  top: 3.125rem;
  margin-right: .625rem;
  padding: .9375rem 0rem 0rem 0rem;
  position: absolute;
  text-align: left;
  right: 0;
  z-index: 3000;
  display: none
}
.container--ajax-cart.off-canvas {
  width: 17.5rem;
  -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
  transition: all .45s cubic-bezier(.3, 0, .15, 1);
  margin-right: 0;
  display: block;
  height: 100%;
  left: auto;
  position: fixed;
  top: 0;
  padding: 0;
  background: #fff;
  z-index: 8000
}
.container--ajax-cart.off-canvas .icon--loading-indicator {
  width: 2.375rem;
  height: 2.375rem;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.container--ajax-cart .icon--loading-indicator {
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 1.25rem 0rem 1.25rem 0rem;
  margin: 0 auto;
  display: block;
  position: relative;
  box-sizing: content-box
}
.container--ajax-cart .icon--loading-indicator:before {
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  content: "";
  border: 2px solid #ccc;
  border-top: 2px solid #333
}
.container--ajax-cart .product--essential-features {
  margin-left: 3rem
}
.ajax--cart {
  width: 28.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: .875rem;
  border: 1px solid #d9dde0;
  position: relative;
  background: #fff
}
.ajax--cart:after, .ajax--cart:before {
  right: .625rem;
  bottom: 100%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none
}
.ajax--cart:after {
  right: .6875rem;
  border-width: .5625rem;
  border-bottom-color: #fff
}
.ajax--cart:before {
  border-width: .625rem;
  border-bottom-color: #d9dde0
}
.ajax--cart .content--loader {
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 1.25rem 0rem 1.25rem 0rem;
  box-sizing: content-box;
  margin: 0 auto
}
.ajax--cart .item--container {
  padding: 0rem .625rem 0rem .625rem;
  max-height: 22.0625rem;
  overflow-y: auto
}
.ajax--cart .alert {
  border-radius: 0;
  margin-bottom: .625rem
}
.ajax--cart .alert .alert--icon, .ajax--cart .alert .icon--element {
  width: 15%
}
.ajax--cart .alert .alert--icon .is--warning, .ajax--cart .alert .icon--element .is--warning {
  color: #f1c40f;
  background: #f9f3dd
}
.ajax--cart .alert .alert--icon .is--success, .ajax--cart .alert .icon--element .is--success {
  color: #2ecc71;
  background: #def2e7
}
.ajax--cart .alert .alert--content {
  width: 85%
}
.ajax--cart .cart--item {
  padding: .625rem 0rem .625rem 0rem;
  line-height: 2.375rem;
  border-bottom: 1px solid #d9dde0;
  overflow: hidden
}
.ajax--cart .cart--item:last-child {
  border: 0 none
}
.ajax--cart .cart--item.is--empty {
  padding-bottom: 0
}
.ajax--cart .cart--item .thumbnail--container {
  margin: 0rem .625rem 0rem 0rem;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  position: relative
}
.ajax--cart .cart--item .thumbnail--container.has--image {
  border: 1px solid #d9dde0;
  background: #FFFFFF
}
.ajax--cart .cart--item .thumbnail--container .cart--badge {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: .875rem;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background: #ff1c8e
}
.ajax--cart .cart--item .thumbnail--container .cart--badge .badge--free {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: .5rem;
  line-height: .75rem;
  width: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  bottom: 0
}
.ajax--cart .cart--item .thumbnail--container .basket--badge {
  line-height: 2.3125rem;
  font-size: .75rem;
  border-radius: 100%;
  background-clip: padding-box;
  height: 2.1875rem;
  width: 2.1875rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  background: #000;
  color: #fff
}
.ajax--cart .cart--item .thumbnail--container .basket--badge .icon--arrow-right {
  font-size: .625rem
}
.ajax--cart .cart--item .thumbnail--container .basket--badge .icon--coupon {
  font-size: 1.25rem;
  line-height: 2.3125rem
}
.ajax--cart .cart--item .thumbnail--image {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.ajax--cart .cart--item .item--link {
  color: #000
}
.ajax--cart .cart--item .item--quantity {
  margin: 0rem .3125rem 0rem 0rem;
  font-weight: 700
}
.ajax--cart .cart--item .item--price {
  font-weight: 700;
  float: right
}
.ajax--cart .cart--item .action--container {
  width: 1.3125rem;
  height: 1.3125rem;
  margin: .625rem 0rem 0rem .625rem;
  line-height: 1;
  float: right
}
.ajax--cart .cart--item .action--container .btn {
  height: 1.3125rem;
  width: 1.3125rem;
  padding: .25rem .3125rem .25rem .3125rem;
  font-size: .5rem;
  line-height: .875rem
}
.ajax--cart .cart--item .action--container *[class*="icon--"] {
  margin: 0;
  padding: 0
}
.ajax--cart .prices--container {
  padding: .625rem .625rem .625rem .625rem;
  border-top: 1px solid #d9dde0
}
.ajax--cart .prices--container .prices--articles-amount {
  float: right
}
.ajax--cart .prices--container .prices--articles {
  color: #000;
  font-weight: 700
}
.ajax--cart .prices--container .prices--tax {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0
}
.ajax--cart .button--container {
  padding: .625rem .625rem .625rem .625rem;
  overflow: hidden
}
.ajax--cart .button--container *[class*="button--"] {
  width: 13.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  text-align: center
}
.ajax--cart .button--container .button--checkout {
  float: right
}
.ajax--cart .button--container .button--open-basket *[class^="icon--"] {
  display: none
}
.ajax--cart .small--information {
  font-size: .75rem
}
.ajax--cart .small--information .small--prices {
  float: right
}
.ajax--cart .context--shipping-costs {
  margin-left: .625rem
}
.ajax--cart .table--shipping-costs-trigger {
  font-size: .75rem;
  margin-bottom: .3125rem;
  font-weight: 700
}
.ajax--cart .table--shipping-costs-trigger-no-action {
  font-size: .75rem;
  margin-bottom: .3125rem
}
.ajax--cart .table--shipping-costs {
  font-size: .75rem
}
.ajax--cart .table--shipping-costs .select-field {
  max-height: 2.5rem;
  margin: .3125rem .625rem .3125rem 0rem
}
.ajax--cart .table--shipping-costs label {
  font-size: .75rem;
  font-weight: 700;
  margin: .3125rem 6.25rem 0rem 0rem;
  float: left
}
.off-canvas .ajax--cart {
  font-size: .875rem;
  background: #fff;
  width: auto;
  position: absolute;
  left: 0;
  right: 0;
  border: 0 none;
  min-height: 100%
}
.off-canvas .ajax--cart .item--container {
  max-height: none
}
.off-canvas .ajax--cart .cart--item {
  line-height: 1.1875rem
}
.off-canvas .ajax--cart .cart--item .item--link {
  width: 9.3125rem;
  display: inline-block
}
.off-canvas .ajax--cart .cart--item .item--price {
  float: none;
  display: block
}
.off-canvas .ajax--cart .prices--container {
  background: #fff;
  border-bottom: 0 none
}
.off-canvas .ajax--cart .action--container, .off-canvas .ajax--cart .action--container .action--remove {
  width: 2.375rem;
  height: 2.375rem
}
.off-canvas .ajax--cart .action--container {
  margin: 0
}
.off-canvas .ajax--cart .action--container .action--remove {
  font-size: .875rem;
  text-align: center;
  vertical-align: middle
}
.off-canvas .ajax--cart .action--container .icon--loading-indicator {
  width: 1.3125rem;
  height: 1.3125rem;
  margin: .5625rem 0rem 0rem 0rem;
  position: relative;
  margin-left: auto;
  margin-right: auto
}
.off-canvas .ajax--cart .action--container *[class*="icon--"] {
  line-height: 1.75rem;
  margin: 0;
  padding: 0
}
.off-canvas .ajax--cart .button--container {
  text-align: left
}
.off-canvas .ajax--cart .button--container *[class*="button--"] {
  margin: .625rem 0rem 0rem 0rem;
  width: 100%
}
.off-canvas .ajax--cart .button--container .button--checkout {
  margin: 0
}
.off-canvas .ajax--cart .button--container .button--open-basket {
  padding-right: 1.875rem
}
.off-canvas .ajax--cart .button--container .button--open-basket *[class^="icon--"] {
  display: block;
  right: .625rem
}
.off-canvas .ajax--cart .product--essential-features {
  margin-top: .3125rem
}
.product--essential-features {
  line-height: 1.125rem;
  font-size: .75rem
}
@media screen and (min-width: 48em) {
  .container--ajax-cart.is--shown {
    display: block
  }
}
@media screen and (min-width: 78.75em) {
  .container--ajax-cart {
    margin-right: 0
  }
}
table {
  border-collapse: separate;
  border-spacing: 1px
}
table th, table thead td {
  background: #222;
  color: #fff;
  font-weight: 700;
  text-align: center
}
table td {
  padding: .3125rem .625rem .3125rem .625rem;
  background: #fff;
  color: #222;
  border: 1px solid #fff
}
table tr:nth-child(even) td {
  background: #f5f5f5
}
.checkbox {
  width: 1rem;
  height: 1rem;
  padding: .0625rem .0625rem .0625rem .0625rem;
  line-height: 1rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: 1px solid #d9dde0;
  cursor: pointer
}
.checkbox .checkbox--state {
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 60
}
.checkbox input[type="checkbox"] {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0 none;
  background: none;
  cursor: pointer;
  z-index: 65
}
.checkbox input[type="checkbox"]:checked ~ .checkbox--state {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%)
}
.checkbox input[type="checkbox"]:checked ~ .checkbox--state:before {
  width: .75rem;
  height: .75rem;
  line-height: .75rem;
  font-size: .4375rem;
  display: inline-block;
  font-family: 'shopware';
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  color: #fff;
  content: "\e60c"
}
.checkbox input[type="checkbox"]:disabled ~ .checkbox--state {
  background: #fff
}
.checkbox.is--active .checkbox--state, a:hover .checkbox .checkbox--state {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%)
}
.checkbox.is--active .checkbox--state:before, a:hover .checkbox .checkbox--state:before {
  width: .75rem;
  height: .75rem;
  line-height: .75rem;
  font-size: .4375rem;
  display: inline-block;
  font-family: 'shopware';
  font-weight: 400;
  text-align: center;
  vertical-align: top;
  color: #fff;
  content: "\e60c"
}
.js--off-canvas-button {
  padding: .625rem .625rem .625rem .625rem;
  margin-bottom: .625rem;
  border-radius: 3px;
  background-clip: padding-box;
  position: relative;
  border: 1px solid #d9dde0;
  cursor: pointer;
  display: block
}
.js--off-canvas-button .tab--header {
  margin-bottom: .625rem;
  position: relative
}
.js--off-canvas-button .tab--title:after {
  font-size: .75rem;
  right: .3125rem;
  margin-top: -0.375rem;
  content: "\e60f"
}
.js--off-canvas-button .tab--preview {
  display: block
}
.js--off-canvas-button .tab--preview p:last-child {
  margin-bottom: 0
}
.js--off-canvas-button .tab--content {
  cursor: default
}
.js--off-canvas-button:hover .tab--title {
  color: #ff1c8e
}
.js--tab-menu .tab--navigation {
  list-style: none
}
.js--tab-menu .tab--link {
  padding: .625rem .9375rem .625rem .9375rem;
  margin: 0rem .3125rem 0rem 0rem;
  line-height: 1.5rem;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  top: .0625rem;
  display: none;
  position: relative;
  font-weight: 700;
  text-align: center;
  color: #000;
  border: 1px solid #d9dde0;
  white-space: nowrap
}
.js--tab-menu .tab--link:hover {
  color: #ff1c8e;
  background: #fff
}
.js--tab-menu .tab--link:focus {
  outline: none
}
.js--tab-menu .tab--link.is--active {
  color: #000;
  border-bottom-color: #fff;
  background: #fff
}
.js--tab-menu .tab--link.is--active:hover {
  color: #000
}
.js--tab-menu .tab--link.has--content {
  display: inline-block
}
.js--tab-menu.js--menu-scroller .tab--navigation {
  overflow: hidden
}
.js--tab-menu.js--menu-scroller .tab--navigation .js--menu-scroller--item {
  top: 0
}
.js--tab-menu.js--menu-scroller .js--menu-scroller--arrow {
  line-height: 2.875rem;
  height: 2.875rem;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #d9dde0
}
.js--tab-menu.js--menu-scroller .js--menu-scroller--arrow:hover {
  border-color: #ff1c8e
}
.js--tab-menu .tab--container-list .tab--container {
  border: 1px solid #d9dde0;
  display: none
}
.js--tab-menu .tab--container-list .tab--container.has--content.is--active {
  display: block
}
.image--gallery .image-slider--container {
  bottom: 5.625rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  margin: 0
}
.image--gallery.no--thumbnails .image-slider--container {
  bottom: 0
}
.image--gallery .image-slider--item {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
  cursor: default
}
.image--gallery .image-slider--item .image--element {
  display: block;
  max-width: 100%;
  height: auto;
  width: auto
}
.image--gallery .image-slider--item .image--media, .image--gallery .image-slider--item img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.image--gallery .image-slider--thumbnails {
  padding: .625rem 0rem .625rem 0rem;
  height: 5.625rem;
  background: #fff;
  top: auto;
  bottom: 0;
  width: 100%;
  margin: 0;
  position: absolute;
  display: block
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow {
  top: .625rem
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--left {
  border-left: 0 none
}
.image--gallery .image-slider--thumbnails .thumbnails--arrow.is--right {
  border-right: 0 none
}
.image--gallery .image-slider--thumbnails-slide {
  margin: 0rem .625rem 0rem .625rem;
  left: auto;
  top: auto
}
.image--gallery .thumbnail--link {
  margin: 0rem .625rem 0rem 0rem;
  display: inline-block
}
.image--gallery .button--zoom-in, .image--gallery .button--zoom-out, .image--gallery .button--zoom-reset {
  top: .625rem;
  left: .625rem;
  font-size: 1.25rem;
  padding: .125rem .375rem .125rem .375rem;
  position: absolute
}
.image--gallery .button--zoom-in:hover, .image--gallery .button--zoom-out:hover, .image--gallery .button--zoom-reset:hover {
  z-index: 1
}
.image--gallery .button--zoom-out {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box
}
.image--gallery .button--zoom-reset {
  left: 2.6875rem;
  border-radius: 0
}
.image--gallery .button--zoom-in {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  left: 4.75rem
}
.image-gallery--modal .modal--close {
  top: .625rem;
  width: 2.125rem;
  height: 2.125rem;
  line-height: 2rem
}
@media screen and (min-width: 78.75em) {
  .js--image-gallery {
    width: 80%;
    height: 80%
  }
}
.product--quick-view {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.product--quick-view .quick-view--image {
  height: 12.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem 1.25rem 0rem;
  border: 1px solid #d9dde0;
  width: 100%;
  display: block;
  position: relative;
  float: left
}
.product--quick-view .quick-view--image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.product--quick-view .quick-view--title {
  font-size: 1.125rem;
  color: #080808;
  display: block;
  font-weight: 700
}
.product--quick-view .quick-view--title:hover {
  color: #ff1c8e
}
.product--quick-view .quick-view--supplier {
  font-size: .875rem;
  padding: .625rem 0rem .3125rem 0rem;
  font-weight: 700
}
.product--quick-view .quick-view--description-title {
  font-size: 1rem;
  padding-bottom: .3125rem;
  margin-top: .9375rem;
  color: #080808;
  border-bottom: 1px solid #d9dde0;
  font-weight: 700;
  clear: both
}
.product--quick-view .quick-view--description {
  font-size: .875rem;
  padding-top: .625rem;
  color: #222
}
.product--quick-view .quick-view--description, .product--quick-view .quick-view--description > p {
  margin: 0
}
@media screen and (min-width: 30em) {
  .product--quick-view {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
  .product--quick-view .quick-view--image {
    width: 50%
  }
  .product--quick-view .quick-view--header {
    padding-left: 1.25rem;
    width: 50%;
    float: right
  }
  .product--quick-view .quick-view--description-title {
    margin-top: 0
  }
}
.c-firstname-confirmation {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}
* {
  box-sizing: border-box
}
html {
  width: 100%;
  height: 100%
}
html.no--scroll {
  position: relative;
  overflow: hidden
}
html.no--scroll body {
  overflow: hidden
}

.content--wrapper img {

  max-width: 100%;
  max-height: 100%;
  height: auto
}
a {
  color: #ff1c8e;
  text-decoration: none
}
ul {
  margin: 0;
  padding: 0
}
.product--rating i[class^=icon] {
  color: #f1c40f
}
.product--rating i.icon--star-empty {
  color: #d9dde0
}


blockquote {
  padding: .625rem .625rem .625rem .625rem;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
  background: #f5f6f7;
  text-align: left;
  margin: 0
}
.ajax-loader {
  display: none
}
.is--rounded {
  border-radius: 3px;
  background-clip: padding-box
}
.is--block {
  display: block !important
}
.is--inline {
  display: inline !important
}
.is--inline-block {
  display: inline-block !important
}
.is--hidden {
  display: none !important
}
.is--invisible {
  visibility: hidden !important
}
.is--align-left {
  text-align: left !important
}
.is--align-right {
  text-align: right !important
}
.is--align-center {
  text-align: center !important
}
.is--underline {
  text-decoration: underline !important
}
.is--line-through {
  text-decoration: line-through !important
}
.is--uppercase {
  text-transform: uppercase !important
}
.is--strong {
  font-weight: 700 !important
}
.is--bold {
  font-weight: 700 !important
}
.is--italic {
  font-style: italic
}
.is--nowrap {
  white-space: nowrap !important
}
.is--dark {
  color: #000 !important
}
.is--light {
  color: #a0aab3 !important
}
.is--soft {
  color: #d9dde0 !important
}
.is--fluid {
  width: 100% !important
}
.left {
  float: left
}
.right {
  float: right
}
::-moz-placeholder {
  color: #262626
}
::-webkit-input-placeholder {
  color: #262626
}
:-ms-input-placeholder {
  color: #262626
}
.page-wrap {
  min-width: 20rem
}
.content-main:after, .content--wrapper:after {
  content: "";
  display: table;
  clear: both
}
.content-main--inner {
  padding: 0rem .625rem 1rem .625rem
}
.content-main--inner:after {
  content: "";
  display: table;
  clear: both
}
.content {
  width: 100%;
  float: left
}
@media screen and (min-width: 48em) {
  .content-main {
    box-shadow: 0 0 4px 1px #d9dde0
  }
  .content-main:not(.is--small) {
    min-height: 46.875rem
  }
  .content-main--inner {
    padding: 0rem 1.875rem 1rem 1.875rem;
    width: 100%
  }
}
@media screen and (min-width: 78.75em) {
  .content-main {
    margin-top: 1.25rem;
    margin-bottom: 2.8125rem
  }
  .content-main:not(.is--small) {
    min-height: 43.75rem
  }
  .content-main--inner {
    padding: 0rem 3.125rem 3.125rem 3.125rem
  }
}
.header-main {
  padding-bottom: .625rem;
  background: #fff;
  border-bottom: 1px solid #ff1c8e
}
.header-main .top-bar {
  display: none
}
.header-main .logo-main {
  padding: .625rem .625rem .625rem .625rem
}
.header-main .logo-main .logo--link {
  height: 2.1875rem;
  display: inline-block;
  max-width: 100%
}
.header-main .logo-main .logo--shop {
  height: 2.1875rem;
  width: 50%
}
.header-main .logo-main .logo--supportinfo {
  display: none
}
.header-main .header--navigation {
  position: relative
}
.is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
  border-bottom: 1px solid #ff1c8e
}
.is--ctl-checkout.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
  width: 100%
}
.is--ctl-checkout.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
  width: 50%
}
.is--ctl-checkout.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
  margin-top: .625rem
}
.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
  display: none
}
.is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
  margin-top: .625rem;
  width: 40%;
  float: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.shop--navigation {
  position: relative
}
.shop--navigation .navigation--list {
  width: 100%;
  text-align: right
}
.shop--navigation .navigation--entry {
  margin-right: .3125rem;
  display: inline-block
}
.shop--navigation .navigation--entry .btn {
  height: 2.5rem;
  width: 2.5rem;
  vertical-align: middle
}
.shop--navigation .navigation--entry .cart--link {
  padding: .125rem .625rem .125rem .375rem
}
.shop--navigation .navigation--entry .account--link {
  padding: .125rem .625rem .125rem .5rem
}
.shop--navigation .navigation--entry .account--link.account--user-loggedin:after {
  width: 1rem;
  height: 1rem;
  top: -0.3125rem;
  right: -0.3125rem;
  line-height: 1.125rem;
  font-size: .5rem;
  border-radius: 50%;
  background-clip: padding-box;
  content: "\e60c";
  display: inline-block;
  position: absolute;
  background: #2ecc71;
  font-family: 'shopware';
  color: #fff
}
.shop--navigation .navigation--entry .icon--basket, .shop--navigation .navigation--entry .icon--account {
  font-size: 1.3125rem;
  display: inline;
  position: relative;
  vertical-align: middle;
  top: 0;
  left: 0
}
.shop--navigation .navigation--entry .icon--heart {
  font-size: 1.125rem;
  vertical-align: middle
}
.shop--navigation .navigation--entry .icon--search {
  font-size: 1.375rem;
  vertical-align: middle
}
.shop--navigation .cart--quantity, .shop--navigation .notes--quantity {
  top: -0.25rem;
  left: 1.4375rem;
  position: absolute;
  margin: 0
}
.shop--navigation .entry--link {
  text-align: center;
  text-decoration: none
}
.shop--navigation .main-search--form, .shop--navigation .account--display, .shop--navigation .cart--display, .shop--navigation .cart--amount, .shop--navigation .search--display {
  display: none
}
.shop--navigation .entry--search .is--active.btn {
  background: #fff;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.shop--navigation .entry--account {
  position: relative
}
.shop--navigation .entry--cart {
  margin-right: .75rem;
  position: relative
}
.shop--navigation .entry--menu-left {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  font-weight: 700;
  text-align: left
}
.shop--navigation .entry--menu-left .btn {
  padding-left: 3rem;
  line-height: 2.1875rem;
  font-size: 1.0625rem;
  height: 2.5rem;
  color: #222;
  width: auto;
  background: 0 none;
  border: 0 none
}
.shop--navigation .entry--menu-left .icon--menu {
  font-size: 1.25rem
}
.main-search--form {
  padding: .625rem .625rem .625rem .625rem;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 3000
}
.main-search--form .main-search--field {
  padding: .5625rem 2.375rem .5625rem .5625rem;
  height: 2.5rem;
  background: #fff;
  vertical-align: middle;
  width: 100%;
  position: relative
}
.main-search--form .main-search--button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  top: .625rem;
  bottom: .625rem;
  right: .625rem;
  font-size: 1.25rem;
  padding: 0rem .625rem 0rem .625rem;
  line-height: 1;
  position: absolute;
  z-index: 2;
  border: 0 none;
  background: transparent;
  color: #000;
  outline: none
}
.main-search--form .main-search--text {
  display: none
}
.account--menu.is--personalized .navigation--logout-personalized {
  display: inline-block
}
.account--menu.is--personalized .navigation--logout {
  display: block
}
.account--menu.is--personalized .navigation--link.navigation--personalized {
  padding-top: .5625rem;
  padding-left: 1.4375rem;
  padding-bottom: .5625rem;
  line-height: 1.25rem;
  position: relative;
  color: #000;
  font-weight: 400
}
.account--menu.is--personalized .navigation--link.navigation--personalized:before, .account--menu.is--personalized .navigation--link.navigation--personalized::before {
  width: 1rem;
  height: 1rem;
  left: .125rem;
  content: "\e614";
  font-family: 'shopware';
  position: absolute
}
.account--menu.is--personalized .navigation--link.navigation--personalized [class^="icon--"] {
  margin: 0rem .3125rem 0rem 0rem;
  display: inline-block
}
.account--menu.is--personalized .navigation--link.navigation--personalized .icon--logout {
  position: relative;
  top: .625rem
}
.account--menu.is--personalized .navigation--link.navigation--personalized:hover {
  color: #ff1c8e
}
.off-canvas .account--menu.is--personalized .navigation--signin {
  border-bottom: none
}
.account--dropdown-navigation {
  display: none;
  text-align: left
}
.account--dropdown-navigation .navigation--logout-personalized {
  display: inline-block
}
.account--dropdown-navigation .navigation--logout {
  display: block
}
.account--dropdown-navigation .navigation--signin {
  padding-top: .9375rem;
  padding-bottom: .9375rem;
  margin-top: .4375rem;
  border-bottom: 1px solid #d9dde0;
  display: block;
  text-align: center
}
.account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
  margin-bottom: .3125rem;
  width: 95%;
  text-align: center
}
.account--dropdown-navigation .navigation--register {
  font-size: .8125rem
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized {
  line-height: 1.25rem;
  padding-left: 2.0625rem;
  color: #000;
  font-weight: 400
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:before, .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized::before {
  left: .625rem
}
.account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:hover {
  color: #ff1c8e
}
.account--dropdown-navigation.off-canvas {
  background: #f5f6f7
}
.account--dropdown-navigation.off-canvas .account--menu, .account--dropdown-navigation.off-canvas .sidebar--navigation {
  text-align: left
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry {
  display: block;
  margin: 0
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized {
  padding-top: .5625rem;
  padding-bottom: .5625rem
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.link--logout.navigation--personalized [class^="icon--"], .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.link--logout.navigation--personalized [class^="icon--"] {
  margin: 0rem .3125rem 0rem 0rem;
  display: inline-block
}
.account--dropdown-navigation.off-canvas .account--close-off-canvas {
  color: #fff;
  font-weight: 700
}
.has--csstransforms .entry--search .entry--trigger.is--active::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: .9375rem;
  height: .9375rem;
  margin-top: .5rem;
  margin-left: .0625rem;
  background: #eff1f2;
  content: '';
  display: block
}
.entry--search.is--active .main-search--form {
  top: 3.125rem;
  background: #eff1f2;
  left: 0;
  display: block;
  position: absolute
}
.header-main.is--active-searchfield {
  padding-bottom: 4.375rem
}
.has--cssanimations .form--ajax-loader {
  top: 1.25rem;
  right: 3.4375rem;
  position: absolute;
  display: none
}
.has--cssanimations .form--ajax-loader::before {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67;
  display: block;
  content: ""
}
.has--no-cssanimations .form--ajax-loader {
  top: 1.5rem;
  right: 3.4375rem;
  width: 1rem;
  height: 1rem;
  position: absolute;
  display: none;
  background-image: url('../images/loading-indicator.gif1ef8b81ad6f9321091e1707bd8166bf1')
}
.main-search--results {
  top: 6.875rem;
  position: absolute;
  width: 100%;
  left: 0;
  text-align: left;
  z-index: 3500;
  display: none
}
.main-search--results:after {
  content: "";
  display: table;
  clear: both
}
.results--list {
  padding: .625rem .625rem .625rem .625rem;
  box-shadow: 0 10px 25px -15px #000;
  border-top: 1px solid #d9dde0;
  border-bottom: 1px solid #d9dde0;
  background: #fff;
  -ms-touch-action: manipulation
}
.results--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: .75rem;
  height: .75rem;
  top: -0.375rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  left: 48%;
  border: 1px solid #d9dde0;
  border-top: 0 none;
  border-right: 0 none
}
.results--list .list--entry, .results--list .entry--all-results {
  display: block
}
.results--list .entry--all-results.is--active {
  font-weight: 700
}
.results--list .entry--all-results.is--active .entry--all-results-number {
  font-weight: 700
}
.results--list .list--entry {
  line-height: 1.875rem;
  border-bottom: 1px solid #d9dde0
}
.results--list .list--entry:last-child {
  border: 0 none
}
.results--list .entry--no-results {
  width: 100%;
  text-align: center;
  list-style: none;
  font-weight: 400
}
.results--list .is--active, .results--list .list--entry:hover {
  color: #ff1c8e
}
.results--list .is--active .entry--name, .results--list .list--entry:hover .entry--name, .results--list .is--active .entry--price, .results--list .list--entry:hover .entry--price {
  color: #ff1c8e
}
.results--list .search-result--link {
  padding: .375rem 0rem .375rem 0rem;
  display: block
}
.results--list .search-result--link:after {
  content: "";
  display: table;
  clear: both
}
.results--list .entry--name, .results--list .entry--all-results-link, .results--list .entry--all-results-number {
  height: 1.875rem;
  line-height: 1.875rem;
  display: block
}
.results--list .price--unit {
  font-size: .6875rem;
  line-height: 1.125rem;
  float: right
}
.results--list .entry--media {
  height: 1.875rem;
  width: 10%;
  min-width: 10%;
  position: relative;
  text-align: center
}
.results--list .entry--media .media--image {
  display: inline-block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.results--list .entry--name {
  padding-left: .625rem;
  width: 60%;
  color: #000;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.results--list .entry--price, .results--list .entry--all-results-number {
  width: 30%;
  text-align: right;
  color: #000;
  white-space: nowrap
}
.results--list .entry--all-results {
  padding: .375rem .3125rem .375rem .3125rem;
  font-weight: 400
}
.results--list .entry--all-results-link {
  width: 70%;
  padding: 0
}
.results--list .entry--all-results-link .icon--arrow-right {
  top: -0.0625rem;
  margin: 0rem .5rem 0rem 0rem;
  position: relative
}
.results--list .entry--all-results-number {
  font-weight: 400;
  color: #ff1c8e
}
.off-canvas .mobile--switches .navigation--entry {
  padding: 0;
  border: none;
  background: none
}
@media screen and (min-width: 30em) {
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    width: auto
  }
  .entry--search {
    display: inline-block;
    position: absolute;
    left: 26%;
    width: 40%
  }
  .entry--search.is--active .main-search--form {
    top: 0;
    display: inline-block
  }
  .entry--search .entry--trigger {
    display: none
  }
  .entry--search .main-search--form {
    box-shadow: 0 0 0 transparent;
    border-bottom: 0 none;
    padding: 0;
    display: inline-block;
    position: relative
  }
  .entry--search .main-search--form .main-search--field {
    background: #fff
  }
  .entry--search .main-search--form .main-search--field:focus {
    background: #fff
  }
  .entry--search .main-search--form .main-search--button {
    top: 0rem;
    bottom: 0rem;
    right: 0rem;
    padding: 0rem .625rem 0rem .625rem;
    height: 2.5rem
  }
  .main-search--results {
    top: 3.125rem;
    width: 28.125rem;
    margin-left: -6.875rem
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both
  }
  .results--list {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0;
    background: #fff
  }
  .header-main.is--active-searchfield {
    padding-bottom: .625rem
  }
  .has--cssanimations .form--ajax-loader {
    top: .625rem;
    right: 2.8125rem;
    position: absolute
  }
  .has--no-cssanimations .form--ajax-loader {
    top: .875rem;
    right: 2.8125rem;
    position: absolute
  }
}
@media screen and (min-width: 48em) {
  .header-main.is--active-searchfield {
    padding-bottom: 0
  }
  .header-main {
    padding-bottom: 0;
    border-bottom: 0 none
  }
  .header-main .container:after {
    content: "";
    display: table;
    clear: both
  }
  .header-main .top-bar {
    padding: .25rem 0rem .25rem 0rem;
    display: block
  }
  .header-main .top-bar--navigation {
    width: auto;
    float: right
  }
  .header-main .top-bar--navigation .navigation--entry {
    padding: 0rem .9375rem 0rem .9375rem;
    line-height: 1.5625rem;
    float: left;
    display: block
  }
  .header-main .top-bar--navigation .navigation--entry li {
    line-height: normal
  }
  .header-main .top-bar--navigation .navigation--entry, .header-main .top-bar--navigation .navigation--link {
    color: #000;
    cursor: pointer
  }
  .header-main .top-bar--navigation .navigation--entry:hover, .header-main .top-bar--navigation .navigation--link:hover {
    color: #ff1c8e
  }
  .header-main .top-bar--navigation .field--select, .header-main .top-bar--navigation .navigation--entry {
    height: 1.5625rem
  }
  .header-main .top-bar--navigation .field--select {
    position: relative
  }
  .header-main .top-bar--navigation .select-field {
    height: 1.5625rem
  }
  .header-main .top-bar--navigation .select-field select {
    border-radius: 0;
    padding: 0rem 1.125rem 0rem 0rem;
    line-height: 1.5625rem;
    background: none;
    border: 0 none
  }
  .header-main .top-bar--navigation .select-field:after {
    height: 1.5625rem;
    line-height: 1.5rem;
    width: auto;
    border: 0 none
  }
  .header-main .top-bar--navigation .top-bar--language .select-field {
    width: 2rem
  }
  .header-main .top-bar--navigation .top-bar--language .select-field select {
    text-indent: -9999px
  }
  .header-main .top-bar--navigation .top-bar--language .language--flag {
    margin-top: -0.375rem;
    position: absolute;
    z-index: 900;
    top: 50%;
    left: 0;
    pointer-events: none
  }
  .header-main .top-bar--navigation .entry--service {
    position: relative
  }
  .header-main .top-bar--navigation .entry--service:after, .header-main .top-bar--navigation .entry--service::after {
    top: -0.1875rem;
    margin-left: .3125rem;
    content: "\e612";
    font-family: 'shopware';
    position: relative
  }
  .header-main .top-bar--navigation .entry--service.js--is--dropdown-active {
    color: #ff1c8e
  }
  .header-main .top-bar--navigation .service--list {
    min-width: 9.375rem;
    padding: .3125rem 0rem .3125rem 0rem;
    top: 2rem;
    right: .75rem;
    text-align: left;
    position: absolute;
    display: none;
    list-style: none;
    background: #fff;
    z-index: 3500;
    border: 1px solid #d9dde0
  }
  .header-main .top-bar--navigation .service--list::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: .5rem;
    height: .5rem;
    top: -0.3125rem;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #d9dde0;
    border-width: 0 0 1px 1px;
    border-style: solid
  }
  .header-main .top-bar--navigation .service--list .service--link {
    padding: .3125rem .625rem .3125rem .625rem;
    display: block;
    color: #000
  }
  .header-main .top-bar--navigation .service--list .service--link:hover {
    color: #ff1c8e
  }
  .header-main .top-bar--navigation .js--is--dropdown-active .service--list {
    display: block
  }
  .header-main .header--navigation {
    padding: .625rem 0rem .625rem 0rem
  }
  .header-main .logo-main {
    padding: 0rem 0rem 0rem .625rem;
    width: 35%
  }
  .header-main .logo-main .logo--link {
    height: 3.125rem
  }
  .header-main .logo-main .logo--shop {
    height: 3.125rem;
    width: 82%
  }
  .is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #d9dde0
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: .625rem;
    width: 100%
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 35%
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
    margin-top: 0;
    width: 80%
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    padding: .3125rem 0rem .3125rem 0rem;
    display: block;
    width: 35%
  }
  .logo-main, .shop--navigation {
    float: left
  }
  .shop--navigation {
    width: 65%
  }
  .shop--navigation .navigation--list {
    background-image: none;
    text-align: right
  }
  .shop--navigation .navigation--entry {
    border-radius: 3px;
    background-clip: padding-box;
    border: 0 none;
    width: auto;
    float: none;
    display: inline-block
  }
  .shop--navigation .entry--cart .entry--link {
    padding: 0;
    display: inline-block
  }
  .shop--navigation .entry--link {
    font-weight: 400
  }
  .shop--navigation .entry--menu-left {
    display: none
  }
  .shop--navigation .cart--quantity, .shop--navigation .search--display, .shop--navigation .entry--account {
    display: inline-block
  }
  .shop--navigation .entry--search {
    font-size: .875rem;
    position: absolute;
    left: 3%;
    margin-right: 10%;
    background: #fff;
    padding: 0;
    border: 0 none;
    width: 50%
  }
  .shop--navigation .entry--search .entry--trigger {
    display: none
  }
  .shop--navigation .main-search--form {
    box-shadow: 0 0 0 transparent;
    display: block;
    padding: 0;
    border: 0 none
  }
  .main-search--form {
    left: auto
  }
  .account--dropdown-navigation {
    min-width: 12.5rem;
    max-width: 15.625rem;
    padding: .3125rem 0rem .3125rem 0rem;
    top: 2.8125rem;
    display: none;
    position: absolute;
    right: 0;
    z-index: 3500;
    text-align: left
  }
  .js--is--dropdown-active .account--dropdown-navigation {
    display: block
  }
  .account--dropdown-navigation .navigation--signin {
    padding-bottom: .375rem;
    margin-bottom: .375rem;
    margin-top: .3125rem;
    padding-top: 0
  }
  .account--dropdown-navigation .navigation--signin .navigation--signin-btn.btn {
    width: 100%;
    margin-bottom: 0
  }
  .account--dropdown-navigation .navigation--smartphone {
    display: none
  }
  .account--dropdown-navigation .account--menu {
    text-align: left;
    background: #fff
  }
  .account--dropdown-navigation .account--menu::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: .5rem;
    height: .5rem;
    right: 1.125rem;
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-color: #d9dde0;
    border-width: 0 0 1px 1px;
    border-style: solid;
    top: 0
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation {
    text-align: left
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--entry {
    display: block
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--link {
    padding: .1875rem 0rem .1875rem 0rem
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout {
    padding: .625rem 0rem 0rem 1.4375rem
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--logout:before {
    left: .125rem
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .link--abort {
    padding-top: 0rem;
    margin-top: 0rem;
    border-top: 0 none;
    white-space: nowrap
  }
  .main-search--results {
    width: 28.125rem;
    margin-left: -14.0625rem;
    top: 3.4375rem;
    left: 50%
  }
  .main-search--results:after {
    content: "";
    display: table;
    clear: both
  }
}
@media screen and (min-width: 64em) {
  .header-main .logo-main {
    width: 30%
  }
  .header-main .shop--navigation {
    width: 70%
  }
  .shop--navigation .entry--search {
    width: 40%;
    margin-right: 8%
  }
  .is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #d9dde0
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 30%
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right
  }
  .navigation--list .navigation--entry .btn {
    width: auto
  }
  .navigation--list .entry--cart .cart--link {
    padding-left: 3.125rem
  }
  .navigation--list .entry--cart .cart--link .cart--quantity {
    display: inline-block
  }
  .navigation--list .entry--cart .cart--link .cart--amount {
    display: inline-block;
    color: #ff1c8e;
    font-weight: 700
  }
  .navigation--list .entry--cart .icon--basket {
    left: .5rem;
    display: block;
    position: absolute;
    top: 50%
  }
  .navigation--list .entry--account .account--link {
    padding-left: 2.25rem
  }
  .navigation--list .entry--account .account--link.account--user-loggedin:after {
    content: none;
    display: none
  }
  .navigation--list .entry--account .icon--account {
    left: .5rem;
    display: block;
    position: absolute;
    top: 50%
  }
  .navigation--list .account--display {
    display: inline-block
  }
  .navigation--list .account--display.navigation--personalized {
    line-height: 1rem;
    font-size: .75rem;
    max-width: 5.625rem;
    margin-top: .125rem;
    text-align: left
  }
  .navigation--list .account--display.navigation--personalized .account--display-greeting {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 700
  }
}
@media screen and (min-width: 78.75em) {
  .header-main .top-bar {
    margin-bottom: .125rem
  }
  .header-main .logo--shop {
    width: 75%
  }
  .is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    box-shadow: 0 1px 2px 0 #d9dde0
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    padding-right: 0
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 30%
  }
  .is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
    width: 35%
  }
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    display: inline-block;
    float: right
  }
  .shop--navigation {
    width: 75%
  }
  .shop--navigation .navigation--link {
    padding: .5rem 1rem 1rem 1rem
  }
  .shop--navigation .entry--link {
    font-size: .875rem
  }
  .shop--navigation .entry--trigger {
    margin-right: .875rem
  }
  .shop--navigation .entry--search {
    width: 40%
  }
  .shop--navigation .entry--cart {
    margin-right: 0
  }
  .account--menu.is--personalized .navigation--link.navigation--personalized {
    padding-bottom: 0
  }
  .header-main .top-bar--navigation .service--list {
    right: 0
  }
  .header-main .top-bar--navigation .navigation--entry:last-child {
    padding-right: 0
  }
  .cart--display {
    margin: 0rem 1.5625rem 0rem .3125rem;
    font-weight: 700;
    color: #000
  }
}
.navigation-main {
  background: #fff;
  display: none
}
@media screen and (min-width: 48em) {
  .navigation-main {
    border-bottom: 1px solid #ff1c8e;
    display: block;
    position: relative
  }
  .navigation-main .navigation--list {
    padding: 0rem .625rem 0rem .625rem;
    margin: 0;
    position: relative;
    white-space: nowrap
  }
  .navigation-main .navigation--list:after {
    content: "";
    display: table;
    clear: both
  }
  .navigation-main .navigation--entry {
    display: inline-block;
    -ms-touch-action: none
  }
  .navigation-main .navigation--link {
    -webkit-transition: none;
    transition: none;
    padding: .5rem .875rem .5rem .875rem;
    font-size: 1rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    margin: 0;
    display: block;
    cursor: pointer;
    color: #000
  }
  .navigation-main .navigation--link:hover {
    color: #ff1c8e
  }
  .navigation-main .is--active .navigation--link {
    background-color: #53cbdb;
    background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
    font-weight: 700;
    color: #fff
  }
  .navigation-main .is--active .navigation--link:hover {
    color: #fff
  }
}
@media screen and (min-width: 78.75em) {
  .navigation-main .navigation--list {
    padding: 0
  }
}
.content--breadcrumb {
  font-size: .875rem;
  display: block;
  float: none;
  border-bottom: 1px solid #d9dde0
}
.content--breadcrumb:after {
  content: "";
  display: table;
  clear: both
}
.content--breadcrumb .breadcrumb--list {
  overflow: hidden
}
.content--breadcrumb .breadcrumb--entry, .content--breadcrumb .breadcrumb--separator {
  display: none;
  float: left;
  list-style: none;
  white-space: nowrap;
  overflow: hidden
}
.content--breadcrumb .breadcrumb--entry:last-child, .content--breadcrumb .breadcrumb--separator:last-child {
  display: list-item
}
.content--breadcrumb .breadcrumb--link, .content--breadcrumb .breadcrumb--separator {
  line-height: 1.5rem;
  padding: .625rem .625rem .625rem .625rem
}
.content--breadcrumb .breadcrumb--separator {
  font-size: .5625rem
}
.content--breadcrumb .breadcrumb--link {
  display: block;
  color: #000
}
.content--breadcrumb .breadcrumb--link:hover {
  color: #ff1c8e
}
.content--breadcrumb .is--active .breadcrumb--link {
  color: #ff1c8e
}
.content--breadcrumb .breadcrumb--button {
  padding: .625rem 0rem .625rem .625rem;
  display: inline-block;
  float: left;
  list-style: none
}
.content--breadcrumb .breadcrumb--button .breadcrumb--title {
  padding-right: 1.25rem;
  border-right: 1px solid #d9dde0
}
.content--breadcrumb .breadcrumb--button .icon--arrow-left {
  font-size: .5625rem;
  margin-right: .625rem
}
@media screen and (min-width: 48em) {
  .content--breadcrumb {
    padding: 0rem 1.25rem 0rem 1.25rem
  }
  .content--breadcrumb .breadcrumb--list {
    padding-left: 0
  }
  .content--breadcrumb .breadcrumb--entry, .content--breadcrumb .breadcrumb--separator {
    display: list-item
  }
  .content--breadcrumb .breadcrumb--button {
    margin-right: .625rem;
    padding: .625rem 1.875rem .625rem .625rem
  }
  .content--breadcrumb .breadcrumb--button .breadcrumb--title {
    padding-right: 0rem;
    border-right: 0 none
  }
}
@media screen and (min-width: 78.75em) {
  .content--breadcrumb {
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
.product--details .product--actions {
  margin: 0rem 0rem .625rem 0rem;
  padding: 0rem 0rem .625rem 0rem;
  border-top: 0 none;
  border-bottom: 1px solid #d9dde0
}
.product--details .product--actions:after {
  content: "";
  display: table;
  clear: both
}
.product--details .product--actions .js--off-canvas-button {
  display: inline-block
}
.product--details .product--header {
  padding: .625rem 0rem .625rem 0rem;
  min-height: 1.2rem;
  box-sizing: content-box
}
.product--details .product--header:after {
  content: "";
  display: table;
  clear: both
}
.product--details .product--header .product--title {
  font-size: 1.3125rem;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #000
}
.product--details .product--supplier, .product--details .product--rating-container {
  width: 50%
}
.product--details .product--rating-link {
  display: inline-block
}
.product--details .product--rating {
  font-size: 1.1875rem;
  display: block;
  letter-spacing: -1px;
  color: #000
}
.product--details .product--rating:after {
  content: "";
  display: table;
  clear: both
}
.product--details .product--rating .rating--count-wrapper {
  font-size: 1rem;
  margin-left: .625rem;
  line-height: 1.5625rem;
  vertical-align: text-top;
  letter-spacing: 1px
}
.product--details .product--supplier {
  height: 2.1875rem;
  text-align: right;
  float: right;
  margin: 0
}
.product--details .product--supplier .product--supplier-link {
  height: 2.1875rem;
  display: inline-block;
  max-width: 100%
}
.product--details .product--supplier.image--svg img {
  height: 100%
}
.product--details .product--rating-container {
  margin: .3125rem 0rem 0rem 0rem;
  float: left
}
.product--details .product--image-container {
  margin: 0rem 0rem 1.25rem 0rem;
  width: 100%
}
.product--details .product--image-container .image-slider--slide {
  margin-right: -0.5px
}
.product--details .alert {
  margin: 0rem 0rem .625rem 0rem
}
.product--details .product--tax {
  font-size: .75rem;
  margin: 0
}
.product--details .product--buybox {
  margin: 0rem 0rem .625rem 0rem;
  width: 100%
}
.product--details .product--buybox .product--price {
  margin: 0
}
.product--details .product--buybox .price--label {
  font-weight: 700
}
.product--details .product--buybox .price--line-through {
  text-decoration: line-through
}
.product--details .product--buybox .price--discount .price--content {
  color: #e74c3c
}
.product--details .product--buybox .price--content {
  font-size: 1.75rem;
  white-space: nowrap;
  color: #000;
  font-weight: 700;
  display: inline-block;
  line-height: 1
}
.product--details .product--buybox .content--discount {
  font-size: .875rem;
  padding: .25rem 0rem .25rem 0rem;
  white-space: nowrap;
  display: inline-block
}
.product--details .product--buybox .price--discount-icon {
  padding: .375rem .4375rem .375rem .4375rem;
  margin: 0rem .3125rem 0rem .3125rem;
  font-size: .8125rem;
  border-radius: .1875rem;
  display: inline-block;
  position: relative;
  background: #e74c3c;
  color: #fff;
  text-align: center;
  font-weight: 700;
  vertical-align: top
}
.product--details .product--configurator .reset--configuration {
  margin: 0rem 0rem 1.25rem 0rem;
  white-space: nowrap
}
.product--details .product--configurator .alert {
  margin: .625rem 0rem 0rem 0rem
}
.product--details .buybox--form {
  padding: .625rem 0rem .625rem 0rem
}
.product--details .buybox--quantity {
  margin: 0 2% 0 0;
  width: 35%
}
.product--details .buybox--quantity .select-field select {
  font-size: 1rem;
  font-weight: 700
}
.product--details .buybox--button {
  font-size: 1rem;
  white-space: nowrap;
  width: 63%
}
.product--details .product--base-info {
  margin: .625rem 0rem .625rem 0rem;
  font-size: .875rem
}
.product--details .product--base-info .entry--label {
  margin: 0rem .5rem 0rem 0rem;
  width: 35%;
  display: inline-block
}
.product--details .content--description, .product--details .content--product-reviews, .product--details .content--related-products, .product--details .content--similar-products {
  padding: .625rem .625rem .625rem .625rem
}
.product--details .product--properties {
  margin: 0rem 0rem .625rem 0rem
}
.product--details .product--properties .product--properties-table {
  width: 100%;
  background: #fff
}
.product--details .product--properties td {
  padding: .3125rem .625rem .3125rem .625rem;
  width: 50%;
  border: 0 none
}
.product--details .product--properties tr:nth-child(even) td {
  background: #f5f5f5
}
.product--details .content--title {
  font-size: 1.125rem;
  margin: .625rem 0rem .3125rem 0rem;
  font-weight: 700;
  color: #000
}
.product--details .content--title.title--description-supplier {
  margin-top: 1.5625rem
}
.product--details .content--link [class^=icon] {
  font-size: .625rem;
  margin: -0.125rem .5rem 0rem 0rem
}
.product--details .block-prices--container {
  margin: 0rem 0rem .75rem 0rem;
  display: block
}
.product--details .block-prices--container .block-prices--table {
  width: 100%
}
.product--details .block-prices--container .block-prices--table td, .product--details .block-prices--container .block-prices--table th {
  padding: .25rem .625rem .25rem .625rem
}
.product--details .block-prices--container .block-prices--table th {
  color: #fff;
  text-align: left
}
.product--details .listing .product--box .panel--body {
  border-left: 1px solid #d9dde0;
  border-right: 1px solid #d9dde0
}
.product--details .action--form {
  float: left
}
.product--details .action--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: .875rem;
  margin: 0rem 2.1875rem .3125rem 0rem;
  color: #000;
  white-space: nowrap
}
.product--details .action--link.action--compare {
  display: none
}
.product--details .action--link:last-child {
  margin-right: 0
}
.product--details .action--link:hover {
  color: #ff1c8e
}
.product--details .action--link *[class^="icon"] {
  font-size: .75rem;
  margin: 0rem .3125rem 0rem 0rem
}
.product--details .action--link *[class="icon--star"] {
  font-size: .875rem;
  margin: 0rem .3125rem 0rem 0rem
}
.product--details .action--compare {
  display: none
}
.product--details .link--notepad:focus {
  outline: none
}
.product--details .link--notepad.js--is-saved {
  color: #2ecc71
}
.product--details .price--unit {
  font-size: .75rem
}
.product--details .delivery--text {
  font-size: .875rem
}
.product--details .similar--content .product-slider, .product--details .viewed--content .product-slider, .product--details .bought--content .product-slider, .product--details .related--content .product-slider, .product--details .product-streams--content .product-slider {
  padding: .625rem .625rem .625rem .625rem;
  min-height: 16.875rem
}
.product--details .similar--content .product-slider--arrow.arrow--prev, .product--details .viewed--content .product-slider--arrow.arrow--prev, .product--details .bought--content .product-slider--arrow.arrow--prev, .product--details .related--content .product-slider--arrow.arrow--prev, .product--details .product-streams--content .product-slider--arrow.arrow--prev {
  border-left: 0 none
}
.product--details .similar--content .product-slider--arrow.arrow--next, .product--details .viewed--content .product-slider--arrow.arrow--next, .product--details .bought--content .product-slider--arrow.arrow--next, .product--details .related--content .product-slider--arrow.arrow--next, .product--details .product-streams--content .product-slider--arrow.arrow--next {
  border-right: 0 none
}
.product--navigation {
  display: none
}
.review--form .review--field {
  margin: 0rem 0rem .625rem 0rem;
  width: 100%
}
.review--form .review--field.select-field {
  max-width: 100%
}
.review--form .review--notice {
  font-size: .75rem
}
.product--description ol, .product--description ul {
  margin: 0rem 1rem 1rem 1rem;
  padding: 0
}
.product--description ol li, .product--description ul li {
  margin: 0rem 0rem 0rem .375rem
}
.review--entry {
  border-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem 1.5625rem 0rem;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  font-size: .875rem;
  background: #fff;
  border: 1px solid #d9dde0
}
.review--entry.is--last {
  margin: 0rem 0rem 1.875rem 0rem
}
.review--entry.has--answer {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin: 0
}
.review--entry .entry--header, .review--entry .product--rating {
  margin-bottom: .625rem
}
.review--entry .content--label {
  margin: 0rem .5rem 0rem 0rem;
  float: left
}
.review--entry .content--field:after {
  content: "";
  display: table;
  clear: both
}
.review--entry .content--title {
  font-size: 1rem
}
.review--entry .review--content {
  font-size: .875rem;
  margin: 0
}
.review--entry.is--answer {
  margin: 0rem .625rem 1.875rem .625rem;
  padding: 1.25rem .625rem 1.25rem .625rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  background: #f5f6f7;
  border-top: 0
}
.review--entry.is--answer .entry--header {
  position: relative;
  border: 0 none
}
.review--entry.is--answer .entry--header::after {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  top: -0.5625rem;
  background: #f5f6f7
}
.content--product-reviews .alert {
  margin: 0rem 0rem 1rem 0rem
}
.content--product-reviews .captcha--notice {
  font-size: .75rem;
  line-height: 1.2
}
.product--rating-count {
  margin-left: .5rem;
  padding: .125rem .4375rem .125rem .4375rem;
  border-radius: 3px;
  background-clip: padding-box;
  background: #222;
  color: #fff;
  font-weight: 700
}
.product--notification {
  margin: 0rem 0rem 1rem 0rem
}
.product--notification .alert {
  margin: 0rem 0rem .5rem 0rem;
  word-wrap: break-word
}
.product--notification .notification--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem .625rem 0rem;
  position: relative;
  width: 80%
}
.product--notification .notification--field:focus {
  z-index: 1
}
.product--notification .notification--button {
  padding: .1875rem .625rem .1875rem .625rem;
  margin: 0rem 0rem .625rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin-left: -0.0625rem;
  position: relative;
  width: 20%
}
.product--notification .notification--button .icon--mail {
  font-size: .75rem
}
.product--notification .privacy-information {
  margin: 0rem 0rem 0rem 0rem
}
.configurator--form {
  padding: .625rem 0rem .625rem 0rem
}
.configurator--form .select-field {
  max-width: 100%
}
.configurator--label {
  margin: .375rem 0rem .25rem 0rem;
  font-size: .875rem;
  font-weight: 700
}
.is--ctl-detail .content-main--inner {
  background: #fff;
  position: relative
}
.link--prev-button, .link--next-button {
  display: none
}
.base-info--entry {
  margin: 0rem 0rem .3125rem 0rem
}
.tab--navigation {
  display: none
}
.tab--title {
  color: #000;
  font-weight: 700
}
.tab--title:hover {
  color: #ff1c8e
}
.tab--title:after {
  right: .625rem;
  font-size: 1.125rem;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  content: "";
  font-family: 'shopware'
}
.tab-menu--cross-selling .tab--container {
  margin: 0rem 0rem .625rem 0rem;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #d9dde0;
  display: none
}
.tab-menu--cross-selling .tab--container.has--content {
  display: block
}
.tab-menu--cross-selling .tab--container:last-child {
  margin: 0rem 0rem 0rem 0rem
}
.tab-menu--cross-selling .tab--header.is--active {
  border-bottom: 1px solid #d9dde0
}
.tab-menu--cross-selling .tab--header.is--active .tab--title:after {
  content: "\e68e"
}
.tab-menu--cross-selling .tab--title {
  padding: .625rem 2.375rem .625rem .625rem;
  line-height: 1.25rem;
  position: relative;
  display: block
}
.tab-menu--cross-selling .tab--title:after {
  content: "\e68f"
}
@media screen and (min-width: 30em) {
  .product--details .configurator--form .select-field {
    height: 2.375rem;
    max-width: 80%
  }
  .product--details .configurator--form .select-field select {
    line-height: 2.25rem
  }
  .product--details .configurator--form .select-field:after {
    height: 2.25rem
  }
  .product--details .configurator--form, .product--details .buybox--form {
    width: 80%
  }
  .tab-menu--product {
    margin: 0rem 0rem .625rem 0rem
  }
  .tab-menu--product .tab--navigation {
    display: block
  }
  .tab-menu--product .tab--header, .tab-menu--product .tab--preview {
    display: none
  }
}
@media screen and (min-width: 48em) {
  .product--details .product--header {
    padding: 1.875rem 0rem 1.25rem 0rem
  }
  .product--details .product--header .product--title {
    font-size: 1.75rem;
    line-height: 1.875rem;
    width: 80%;
    float: left;
    border: 0 none
  }
  .product--details .product--supplier {
    height: 4.375rem;
    width: 20%;
    float: right
  }
  .product--details .product--supplier .product--supplier-link {
    height: 4.375rem
  }
  .product--details .action--link.action--compare {
    display: inline-block
  }
  .product--details .product--rating-container {
    width: 80%;
    float: left
  }
  .product--details .product--image-container {
    width: 100%
  }
  .product--details .product--base-info .entry--label {
    margin: 0rem .5rem 0rem 0rem
  }
  .product--details .content--description, .product--details .content--product-reviews {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem
  }
  .product--details .content--related-products, .product--details .content--similar-products {
    padding: 1.25rem 2.1875rem 1.25rem 2.1875rem
  }
  .product--details .product--properties {
    margin: 0rem 0rem 1.25rem 0rem
  }
  .product--details .block-prices--container {
    margin-top: .75rem
  }
  .product--details .tab--navigation {
    display: block
  }
  .product--details .tab--header, .product--details .tab--preview {
    display: none
  }
  .product--details .review--entry {
    padding: 1.875rem 1.875rem 1.875rem 1.875rem
  }
  .product--details .review--entry.is--answer {
    padding: 1.875rem 1.25rem 1.875rem 1.25rem
  }
  .product--details .tab--container {
    margin: 0rem 0rem 0rem 0rem
  }
  .product--details .tab-menu--product {
    margin: 0rem 0rem 1.875rem 0rem
  }
  .product--details .tab-menu--cross-selling .tab--container {
    display: none
  }
  .product--details .review--form-container {
    width: 80%
  }
}
@media screen and (min-width: 64em) {
  .product--details .product--image-container {
    width: 58%;
    margin-right: 4%;
    float: left
  }
  .product--details .product--buybox {
    width: 38%
  }
  .product--details .configurator--form {
    padding: .625rem 0rem .625rem 0rem
  }
  .product--details .buybox--inner {
    width: 100%;
    float: none
  }
  .product--details .product--base-info {
    margin: .625rem 0rem 1.25rem 0rem;
    padding: 0;
    width: 100%;
    float: none
  }
  .product--details .product--properties {
    width: 50%
  }
  .product--details .action--link {
    margin-right: 1.5625rem
  }
  .product--details .review--form-container {
    width: 70%
  }
  .product--details .product--actions {
    padding: 0rem 0rem .3125rem 0rem;
    border-bottom: 1px solid #d9dde0
  }
  .product--details .product--buybox {
    border-bottom: 0 none
  }
  .product--details .configurator--form, .product--details .buybox--form {
    width: 100%
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-detail .page-wrap {
    overflow-x: hidden
  }
  .product--details .product--header {
    padding-top: 2.8125rem
  }
  .product--details .review--form-container {
    width: 60%
  }
  .product--navigation {
    display: block;
    position: relative
  }
  .product--navigation .navigation--link {
    top: 8.75rem;
    display: none;
    position: absolute
  }
  .product--navigation .link--prev-button, .product--navigation .link--next-button {
    width: 2.5rem;
    height: 15.9375rem;
    line-height: 15.9375rem;
    font-size: 1.5625rem;
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    background: rgba(34, 34, 34, 0.1);
    text-align: center;
    color: #fff;
    display: block
  }
  .product--navigation .link--prev-button .link--prev-inner, .product--navigation .link--next-button .link--prev-inner, .product--navigation .link--prev-button .link--next-inner, .product--navigation .link--next-button .link--next-inner {
    display: none
  }
  .product--navigation .image--wrapper {
    padding: .9375rem .9375rem .9375rem .9375rem;
    width: 12.5rem;
    height: 15.9375rem;
    float: left;
    background: #fff;
    position: relative
  }
  .product--navigation .image--container {
    -webkit-transition: all .45s cubic-bezier(.16, .04, .14, 1);
    transition: all .45s cubic-bezier(.16, .04, .14, 1);
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative
  }
  .product--navigation .link--prev-button {
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
    background-clip: padding-box;
    float: left
  }
  .product--navigation .link--prev-button:before {
    font-family: 'shopware';
    content: "\e611"
  }
  .product--navigation .link--next-button {
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
    background-clip: padding-box;
    float: right
  }
  .product--navigation .link--next-button:before {
    font-family: 'shopware';
    content: "\e60f"
  }
  .product--navigation .link--prev, .product--navigation .link--next {
    -webkit-transition: all .38s cubic-bezier(.16, .04, .14, 1);
    transition: all .38s cubic-bezier(.16, .04, .14, 1)
  }
  .product--navigation .link--prev:hover .link--prev-button, .product--navigation .link--next:hover .link--prev-button, .product--navigation .link--prev:hover .link--next-button, .product--navigation .link--next:hover .link--next-button {
    background: rgba(34, 34, 34, 0.2)
  }
  .product--navigation .link--prev {
    left: -2.5rem
  }
  .product--navigation .link--prev .image--container {
    left: 3.125rem
  }
  .product--navigation .link--prev.can--slide:hover {
    left: -8.75rem
  }
  .product--navigation .link--prev.can--slide:hover .image--container {
    left: 0
  }
  .product--navigation .link--next {
    right: -2.5rem
  }
  .product--navigation .link--next .image--container {
    right: 3.125rem
  }
  .product--navigation .link--next.can--slide:hover {
    right: -8.75rem
  }
  .product--navigation .link--next.can--slide:hover .image--container {
    right: 0
  }
  .product--supplier {
    height: 4.375rem
  }
  .product--supplier .product--supplier-link {
    height: 4.375rem
  }
  .content--description, .content--product-reviews {
    padding: .625rem 2.8125rem 2.8125rem 2.8125rem
  }
  .content--related-products, .content--similar-products {
    padding: 1.875rem 2.8125rem 1.25rem 2.8125rem
  }
  .product--notification {
    margin: 0rem 0rem 1.25rem 0rem
  }
  .product--notification .alert {
    margin: 0rem 0rem .625rem 0rem
  }
}
.footer-main {
  background: #fff
}
.footer-main .footer--phone-link {
  font-size: 1.1875rem;
  font-weight: 700;
  color: #222
}
.footer-main .footer--column {
  padding: 0rem .625rem 0rem .625rem;
  border-top: 1px solid #d9dde0
}
.footer-main .footer--column.is--last {
  border-bottom: 1px solid #d9dde0
}
.footer-main .column--headline {
  -webkit-user-select: none;
  user-select: none;
  padding: .5rem 0rem .5rem 0rem;
  margin: 0;
  font-weight: 700;
  color: #ff1c8e;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.625rem
}
.footer-main .column--headline.is--active::after {
  content: "\e68e"
}
.footer-main .column--headline::after {
  font-size: 1.125rem;
  font-family: 'shopware';
  color: #000;
  font-weight: 700;
  content: "\e68f";
  float: right
}
.footer-main .column--content {
  display: none
}
.footer-main .column--content.is--active {
  display: block
}
.footer-main .footer--bottom {
  font-size: .75rem;
  padding: 1.33333333rem 1rem 0rem 1rem;
  text-align: center
}
.footer-main .footer--copyright {
  font-size: .8125rem
}
.footer-main .footer--logo {
  font-size: 1.75rem;
  color: #009fe3
}
.footer-main .navigation--list {
  padding: 0rem 0rem 1rem 0rem
}
.footer-main .navigation--list .is--level1 {
  padding-bottom: .625rem
}
.footer-main .navigation--list .is--level1 .navigation--entry {
  margin-left: .625rem
}
.footer-main .navigation--link {
  padding: .625rem 0rem .625rem 0rem;
  display: block;
  color: #000;
  cursor: pointer
}
.footer-main .navigation--link:hover {
  color: #ff1c8e
}
.footer-main .newsletter--form {
  padding: 0rem 0rem 1rem 0rem
}
.footer-main .newsletter--form:after {
  content: "";
  display: table;
  clear: both
}
.footer-main .newsletter--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  margin: 0rem 0rem .625rem 0rem;
  position: relative;
  width: 87.5%;
  float: left
}
.footer-main .newsletter--field:focus {
  z-index: 1
}
.footer-main .newsletter--button {
  box-shadow: 0 0 0 transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  margin: 0rem 0rem .625rem 0rem;
  padding: .1875rem .3125rem .1875rem .3125rem;
  margin-left: -0.0625rem;
  position: relative;
  width: 12.5%;
  text-align: center;
  float: left
}
.footer-main .newsletter--button .icon--mail {
  font-size: .875rem;
  margin-right: 0rem
}
.footer-main .newsletter--button .button--text {
  display: none
}
.footer-main .footer--logo {
  padding: .625rem 0rem .625rem 0rem
}
.footer-vat {
  margin-top: .625rem;
  padding: 0rem .3125rem 0rem .3125rem;
  background: transparent
}
.footer--vat-info .vat-info--text {
  font-size: .75rem;
  margin-bottom: .625rem;
  text-align: center
}
.footer-minimal {
  font-size: .8125rem;
  padding: 2.5rem .625rem 1.25rem .625rem;
  background: transparent;
  text-align: center
}
.footer-main .footer-minimal {
  padding: 0
}
.footer-minimal .footer--service-menu .service--list {
  list-style-type: none;
  padding: 0;
  margin: 0
}
.footer-minimal .footer--service-menu .service--list .service--link {
  padding: .5rem .125rem .5rem .125rem;
  display: inline-block
}
.footer-minimal .footer--service-menu .service--list .service--entry {
  display: inline-block
}
.footer-minimal .footer--service-menu .service--list .service--entry:after {
  height: .625rem;
  width: .0625rem;
  margin: 0rem .3125rem 0rem .3125rem;
  border-left: 1px solid #bcc3ca;
  display: inline-block;
  content: ''
}
.footer-minimal .footer--service-menu .service--list .service--entry:last-child:after {
  display: none
}
.footer-minimal .footer--vat-info {
  margin: .9375rem 0rem .625rem 0rem
}
.footer-minimal .footer--vat-info .vat-info--text {
  line-height: 1.125rem;
  margin: 0
}
@media screen and (min-width: 48em) {
  .footer-main .footer-minimal {
    display: none
  }
}
@media screen and (min-width: 48em) {
  .footer-main {
    border-top: 1px solid #d9dde0
  }
  .footer-main .column--headline {
    margin: 1.75rem 0rem .625rem 0rem;
    padding: 0;
    cursor: text
  }
  .footer-main .column--headline::after {
    display: none
  }
  .footer-main .footer--column {
    padding: 0rem .625rem 0rem 0rem;
    width: 25%;
    border: 0 none
  }
  .footer-main .footer--column.is--last {
    padding-right: 0;
    border-bottom: 0 none
  }
  .footer-main .footer--columns {
    padding: 0rem 1.875rem 0rem 1.875rem;
    border-bottom: 1px solid #d9dde0
  }
  .footer-main .column--content {
    display: block
  }
  .footer-main .navigation--list .is--level1 {
    display: none
  }
  .footer-main .navigation--entry {
    padding: 0
  }
  .footer-main .navigation--link {
    line-height: 1.7;
    padding: 0
  }
  .footer-main .newsletter--field {
    width: 80%
  }
  .footer-main .newsletter--button {
    width: 20%
  }
  .footer-main .newsletter--button .icon--mail {
    font-size: .75rem
  }
  .footer-vat {
    padding: 0
  }
  .footer--vat-info .vat-info--text {
    margin-bottom: 1.25rem
  }
}
@media screen and (min-width: 78.75em) {
  .footer-main .footer--columns {
    padding: 0rem 0rem 1.25rem 0rem
  }
  .footer-main .footer--bottom {
    font-size: .9375rem
  }
  .footer-minimal {
    padding-top: 0
  }
}
body > .sidebar-main {
  padding-bottom: 1.25rem;
  border-right: #d9dde0
}
body > .sidebar-main:after {
  content: "";
  display: table;
  clear: both
}
.sidebar-main.off-canvas, #cookie-consent {
  background: #f5f6f7
}
.mobile--switches {
  padding: .375rem .625rem .375rem .625rem;
  height: 2.6875rem;
  display: block
}
.mobile--switches:after {
  content: "";
  display: table;
  clear: both
}
.mobile--switches .navigation--entry {
  margin-right: 1.25rem;
  float: left
}
.mobile--switches .field--select, .mobile--switches .navigation--entry {
  height: 1.875rem
}
.mobile--switches .field--select {
  position: relative
}
.mobile--switches .select-field {
  height: 1.875rem
}
.mobile--switches .select-field select {
  border-radius: 0;
  padding: 0rem 1.125rem 0rem 0rem;
  line-height: 1.75rem;
  font-size: 1rem;
  background: none;
  border: 0 none
}
.mobile--switches .select-field:after {
  height: 1.5625rem;
  line-height: 1.75rem;
  width: auto;
  border: 0 none
}
.mobile--switches .top-bar--language .select-field {
  width: 2rem
}
.mobile--switches .top-bar--language .select-field select {
  text-indent: -9999px
}
.mobile--switches .top-bar--language .language--flag {
  margin-top: -0.375rem;
  position: absolute;
  z-index: 900;
  top: 50%;
  left: 0;
  pointer-events: none
}
.campaign--box {
  display: none
}
.sidebar--navigation {
  border-radius: 0;
  margin: 0;
  border-left: 0 none;
  border-right: 0 none
}
.sidebar--navigation .navigation--entry {
  position: relative
}
.sidebar--navigation .navigation--link {
  padding: .625rem 1.25rem .625rem 1.25rem;
  width: 100%;
  height: 100%;
  display: block
}
.sidebar--navigation .navigation--link .is--icon-right {
  margin-top: .3125rem;
  font-size: .625rem;
  display: inline-block;
  float: right
}
.sidebar--navigation .navigation--link:hover {
  color: #ff1c8e
}
.sidebar--navigation.show--active-items .navigation--link.is--active {
  color: #ff1c8e;
  font-weight: 700
}
.offcanvas--overlay {
  width: 17.5rem;
  top: 2.625rem;
  background: #f5f6f7;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  padding: 0;
  z-index: 1200;
  bottom: 0
}
.offcanvas--overlay.background {
  z-index: 1100
}
.offcanvas--overlay .overlay--headline {
  margin-bottom: .625rem;
  border-bottom: 1px solid #d9dde0;
  width: 100%;
  background: #fff
}
.offcanvas--overlay .overlay--category {
  margin: 1rem .625rem .375rem .625rem;
  line-height: 1.625rem
}
.offcanvas--overlay .overlay--category .category--headline {
  font-size: .875rem;
  color: #000;
  margin: 0;
  padding: 0;
  font-weight: 700
}
.offcanvas--overlay .is--icon-left {
  margin-top: .3125rem;
  margin-right: .3125rem;
  font-size: .625rem;
  display: inline-block
}
.offcanvas--overlay .is--icon-right {
  margin-top: .3125rem;
  font-size: .625rem;
  display: inline-block;
  float: right
}
.offcanvas--overlay .is--back-button {
  font-weight: 700
}
.offcanvas--overlay .is--display-button {
  color: #ff1c8e;
  font-weight: 700
}
.has--cssanimations .sidebar--ajax-loader {
  top: .75rem;
  right: .9375rem;
  position: absolute;
  display: none
}
.has--cssanimations .sidebar--ajax-loader::before {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67
}
.sidebar--ajax-loader {
  top: .75rem;
  right: .9375rem;
  position: absolute;
  display: none
}
.sidebar--ajax-loader::before {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-clip: padding-box;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  display: block;
  content: "";
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67
}
.listing--sidebar {
  overflow: hidden;
  width: 0;
  height: 0;
  margin-bottom: 1.25rem
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload {
  overflow: hidden
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--container {
  overflow: auto;
  position: absolute;
  top: 43px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0
}
.listing--sidebar .sidebar-filter .off-canvas.is--open.is--ajax-reload .filter--close-btn {
  position: absolute;
  width: 100%;
  z-index: 10
}
.listing--sidebar .sidebar-filter .action--filter-options {
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #d9dde0
}
.listing--sidebar .sidebar-filter .filter--active {
  max-width: 100%
}
.listing--sidebar .sidebar-filter .filter--container {
  padding: .625rem .625rem .625rem .625rem;
  margin: 0
}
.listing--sidebar .sidebar-filter .filter--container .filter-panel {
  margin: 0rem 0rem .625rem 0rem;
  float: none;
  width: auto
}
.listing--sidebar .sidebar-filter .filter--actions {
  width: auto;
  padding: 0;
  margin: 0
}
.listing--sidebar .sidebar-filter .filter--actions.filter--actions-top {
  margin: 0
}
.listing--sidebar .sidebar-filter .filter--actions .filter--btn-apply {
  width: 100%
}
.listing--sidebar .sidebar-filter #filter {
  display: block;
  padding: 0
}
@media screen and (min-width: 48em) {
  .listing--sidebar {
    width: 14.375rem;
    height: auto;
    display: block;
    float: left
  }
  .listing--sidebar + .content--wrapper {
    margin-left: 16.25rem
  }
  .is--no-sidebar .listing--sidebar {
    display: none
  }
  .is--no-sidebar .listing--sidebar + .content--wrapper {
    margin: 0
  }
  .offcanvas--overlay {
    display: none
  }
  .sidebar-main {
    width: 14.375rem;
    margin: 0rem 0rem 0rem 0rem;
    padding-top: 1.875rem;
    display: none;
    float: left
  }
  .is--ctl-listing .sidebar-main, .is--ctl-forms .sidebar-main, .is--ctl-tellafriend .sidebar-main, .is--ctl-newsletter .sidebar-main, .is--ctl-sitemap .sidebar-main, .is--ctl-custom .sidebar-main, .is--ctl-note.is--user .sidebar-main, .is--ctl-address .sidebar-main, .is--ctl-account.is--user .sidebar-main {
    display: block
  }
  .is--ctl-listing .sidebar-main + .content--wrapper, .is--ctl-forms .sidebar-main + .content--wrapper, .is--ctl-tellafriend .sidebar-main + .content--wrapper, .is--ctl-newsletter .sidebar-main + .content--wrapper, .is--ctl-sitemap .sidebar-main + .content--wrapper, .is--ctl-custom .sidebar-main + .content--wrapper, .is--ctl-note.is--user .sidebar-main + .content--wrapper, .is--ctl-address .sidebar-main + .content--wrapper, .is--ctl-account.is--user .sidebar-main + .content--wrapper {
    margin-left: 16.25rem
  }
  .is--ctl-blog .sidebar-main, .is--ctl-note .sidebar-main, .is--ctl-note.is--user.is--one-time-account .sidebar-main, .is--ctl-index .sidebar-main, .is--ctl-detail .sidebar-main, .is--ctl-search .sidebar-main, .is--ctl-checkout .sidebar-main, .is--ctl-register .sidebar-main, .is--ctl-campaign .sidebar-main, .is--ctl-account.is--act-logout .sidebar-main, .is--ctl-account.is--act-abort .sidebar-main, .is--ctl-account.is--act-password .sidebar-main, .is--ctl-account.is--act-resetpassword .sidebar-main, .is--ctl-listing.is--no-sidebar .sidebar-main {
    display: none
  }
  .is--ctl-blog .sidebar-main + .content--wrapper, .is--ctl-note .sidebar-main + .content--wrapper, .is--ctl-note.is--user.is--one-time-account .sidebar-main + .content--wrapper, .is--ctl-index .sidebar-main + .content--wrapper, .is--ctl-detail .sidebar-main + .content--wrapper, .is--ctl-search .sidebar-main + .content--wrapper, .is--ctl-checkout .sidebar-main + .content--wrapper, .is--ctl-register .sidebar-main + .content--wrapper, .is--ctl-campaign .sidebar-main + .content--wrapper, .is--ctl-account.is--act-logout .sidebar-main + .content--wrapper, .is--ctl-account.is--act-abort .sidebar-main + .content--wrapper, .is--ctl-account.is--act-password .sidebar-main + .content--wrapper, .is--ctl-account.is--act-resetpassword .sidebar-main + .content--wrapper, .is--ctl-listing.is--no-sidebar .sidebar-main + .content--wrapper {
    margin: 0
  }
  .is--ctl-note .sidebar-main .categories--headline, .is--ctl-address .sidebar-main .categories--headline, .is--ctl-account .sidebar-main .categories--headline, .is--ctl-note .sidebar-main .categories--navigation, .is--ctl-address .sidebar-main .categories--navigation, .is--ctl-account .sidebar-main .categories--navigation, .is--ctl-note .sidebar-main .shop-sites--container, .is--ctl-address .sidebar-main .shop-sites--container, .is--ctl-account .sidebar-main .shop-sites--container {
    display: none
  }
  .sidebar-main .mobile--switches, .sidebar-main .filter--container, .sidebar-main .navigation--smartphone {
    display: none
  }
  .sidebar-main .sidebar--categories-wrapper {
    display: block
  }
  .navigation--headline {
    margin: 1.25rem .625rem .625rem .625rem
  }
  .campaign--box {
    margin: 0rem 0rem 1.25rem 0rem;
    display: block
  }
  .categories--headline {
    display: none
  }
  .categories--navigation.is--level0 .navigation--entry:first-child .navigation--link.is--active {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-clip: padding-box
  }
  .categories--navigation.is--level1 .navigation--entry:first-child .navigation--link.is--active {
    border-radius: 0
  }
  .sidebar--categories-navigation {
    margin-bottom: 1.25rem
  }
  .sidebar--navigation {
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0
  }
  .sidebar--navigation .navigation--entry {
    padding: 0rem 0rem 0rem 0rem;
    margin: 0rem .625rem 0rem .625rem
  }
  .sidebar--navigation ul.sidebar--navigation {
    border-radius: 0
  }
  .sidebar--navigation ul.sidebar--navigation .navigation--entry {
    margin: 0rem 0rem 0rem .625rem
  }
  .sidebar--navigation .navigation--link {
    padding: .625rem .625rem .625rem .625rem;
    display: block
  }
  .sidebar--navigation .navigation--link:hover {
    color: #ff1c8e
  }
  .sidebar--navigation .navigation--link.is--active {
    color: #ff1c8e;
    font-weight: 700
  }
  .sidebar--navigation .navigation--link .is--icon-right {
    display: none
  }
  .sidebar--navigation .is--level1 {
    margin-bottom: .625rem;
    border: 0 none
  }
  .sidebar--navigation .is--level1 .navigation--entry {
    margin: 0rem 0rem 0rem 0rem;
    border: 0 none
  }
  .sidebar--navigation .is--level1 .navigation--link {
    padding: .3125rem .625rem .3125rem .625rem
  }
  .sidebar--navigation .is--level1 .navigation--link.is--active {
    font-weight: 700;
    text-shadow: none;
    color: #ff1c8e;
    background: transparent;
    border: 0 none
  }
  .sidebar--navigation .is--level2 {
    font-size: .75rem
  }
  .sidebar--navigation .navigation--level-high {
    border: 0 none
  }
  .shop-sites--container {
    padding: .9375rem .625rem .9375rem .625rem;
    margin-bottom: 1.25rem;
    border: 1px solid #d9dde0
  }
  .shop-sites--container .shop-sites--headline {
    padding-bottom: .66666667rem;
    font-size: 1rem;
    margin-top: 0;
    border-bottom: 1px solid #d9dde0;
    color: #000;
    font-weight: 700
  }
  .shop-sites--container .shop-sites--navigation, .shop-sites--container .navigation--entry {
    border: 0 none
  }
  .shop-sites--container .shop-sites--navigation .navigation--link, .shop-sites--container .navigation--entry .navigation--link {
    padding: .3125rem .625rem .3125rem .625rem
  }
  .sidebar-filter .filter--active-container {
    margin: 0;
    padding: 0
  }
  .sidebar-filter .is--instant-filter .filter--facet-container .filter-panel:last-child {
    margin-bottom: 0
  }
  .sidebar-filter .filter--facet-container, .sidebar-filter .filter--actions-bottom, .sidebar-filter .filter--active-container {
    display: block
  }
  .sidebar-filter .filter--facet-container {
    padding: 0
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed {
    height: auto
  }
  .listing--sidebar .sidebar-filter .filter-panel.is--collapsed .filter-panel--flyout {
    position: relative
  }
  .listing--sidebar + .search--results {
    margin-left: 16.25rem
  }
  .listing--sidebar + .search--results .listing--wrapper {
    float: left
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-forms .sidebar-main .sidebar--categories-navigation, .is--ctl-custom .sidebar-main .sidebar--categories-navigation {
    display: none
  }
  .is--ctl-forms .sidebar-main .shop-sites--container, .is--ctl-custom .sidebar-main .shop-sites--container {
    display: block
  }
  .sidebar-main .shop-sites--container {
    display: none
  }
  .sidebar-main.off-canvas, #cookie-consent {
    background: transparent
  }
}
@media screen and (min-width: 78.75em) {
  .sidebar-main {
    padding-top: 2.8125rem;
    display: block
  }
  .sidebar-main.off-canvas, #cookie-consent {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000
  }
}
.listing--content {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.banner--container {
  margin: 0rem 0rem 1.25rem 0rem
}
.category--teaser {
  margin: 0rem 0rem 1.25rem 0rem
}
.category--teaser .hero--text {
  padding: .625rem 1.25rem .625rem 1.25rem
}
.category--teaser .offcanvas--content {
  padding: 1.25rem
}
.category--teaser .offcanvas--content .content--title {
  font-size: 1.125rem;
  margin: .625rem 0rem .9375rem 0rem;
  font-weight: 700;
  color: #000
}
.vendor--info {
  margin: 0rem 0rem 1.25rem 0rem
}
.vendor--info:after {
  content: "";
  display: table;
  clear: both
}
.vendor--info .vendor--image-wrapper {
  margin: 0rem 0rem .625rem 0rem;
  max-width: 12.5rem;
  height: 4.375rem;
  margin-left: auto;
  margin-right: auto
}
.vendor--info .vendor--image {
  margin: 0 auto;
  height: 100%
}
.vendor--info .vendor--text {
  margin: 0rem 0rem 1.25rem 0rem
}
.listing--actions {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.listing--actions:after {
  content: "";
  display: table;
  clear: both
}
.listing--wrapper.js--is-loading .js--loading-indicator {
  top: 9.375rem
}
.listing {
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
  opacity: 1
}
.listing.is--loading {
  opacity: 0
}
.action--filter-btn {
  margin-bottom: .625rem
}
.action--filter-btn .filter--trigger {
  height: 2.125rem;
  padding: .25rem .25rem .25rem .625rem;
  line-height: 1.5rem;
  display: block;
  position: relative;
  overflow: hidden
}
.action--filter-btn .filter--trigger .icon--filter {
  margin-right: .5rem
}
.action--filter-btn .filter--trigger .action--collapse-icon {
  padding: 0rem .625rem 0rem .625rem;
  line-height: 1.5rem;
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
  border-radius: 3px;
  background-clip: padding-box;
  display: inline-block;
  color: #fff;
  float: right
}
.action--filter-options .filter--container {
  padding: 0rem .625rem 0rem .625rem
}
.action--filter-options .filter--close-btn {
  padding: .75rem .625rem .75rem .625rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  display: block;
  color: #fff;
  font-weight: 700
}
.action--filter-options .filter--close-btn:hover {
  color: #fff
}
.action--filter-options .filter--close-btn .icon--arrow-right {
  margin: .1875rem 0rem 0rem 0rem;
  float: right
}
.action--filter-options .filter--btn-apply {
  clear: both
}
.action--filter-options .filter--list {
  list-style: none
}
.action--filter-options .filter--entry {
  padding: .625rem 1.25rem .625rem 1.25rem;
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #d9dde0
}
.action--filter-options .filter--entry:last-child {
  border: 0 none
}
.action--filter-options .filter--link {
  color: #000
}
.action--filter-options .filter--link:hover {
  color: #ff1c8e
}
.action--sort {
  margin-bottom: 1.25rem;
  display: block
}
.action--sort .sort--label {
  display: none
}
.action--sort .sort--select {
  height: 2.125rem;
  max-width: 100%
}
.action--sort .sort--select:after, .action--sort .sort--select .sort--field {
  line-height: 2.125rem
}
.action--per-page {
  display: none
}
.listing--paging {
  padding: .625rem 0rem .625rem 0rem;
  display: block
}
.listing--paging:after {
  content: "";
  display: table;
  clear: both
}
.listing--paging .paging--label {
  display: none
}
.listing--paging .paging--display {
  line-height: 1.875rem;
  margin-left: .625rem
}
.listing--bottom-paging {
  margin: .625rem 0rem 1.25rem 0rem
}
.listing--container {
  overflow: hidden
}
.listing {
  margin: -2% 0 0 -2%;
  padding: 0 0 2% 0
}
.listing:after {
  content: "";
  display: table;
  clear: both
}
.infinite--actions {
  width: 100%;
  margin: 0 auto;
  text-align: center
}
.infinite--actions .js--load-more, .infinite--actions .js--load-previous {
  margin-bottom: 1.25rem
}
@media screen and (min-width: 48em) {
  .category--teaser .hero--headline {
    font-size: 1.625rem;
    padding: 2.5rem 0rem 0rem 0rem;
    margin: 0rem 2.5rem 0rem 2.5rem
  }
  .category--teaser .hero--text {
    padding: 1.5625rem 2.5rem .625rem 2.5rem
  }
  .listing--content {
    margin: 1.875rem 0rem 1.875rem 0rem
  }
  .listing--content:after {
    content: "";
    display: table;
    clear: both
  }
  .vendor--info .vendor--image-wrapper {
    margin: 0rem 1.25rem 1.25rem 0rem;
    float: left
  }
  .vendor--info .vendor--image-wrapper + .vendor--text {
    margin: 0rem 0rem 0rem 15.625rem
  }
  .vendor--info .vendor--image-wrapper .vendor--image {
    margin: 0
  }
  .listing--actions {
    border-radius: 3px;
    background-clip: padding-box;
    margin: 0rem 0rem 1.25rem 0rem;
    padding-top: .625rem;
    border: 1px solid #d9dde0;
    background: #fcfcfc
  }
  .listing--actions .listing--paging {
    padding: .625rem .625rem .625rem .625rem;
    display: block;
    border-top: 1px solid #d9dde0
  }
  .listing--actions.without-facets.without-sortings.without-pagination {
    display: none
  }
  .listing--actions.without-facets.without-sortings {
    padding-top: 0rem;
    border-top: none
  }
  .action--per-page {
    line-height: 2rem;
    display: inline-block;
    width: 30%;
    text-align: right;
    float: right
  }
  .action--per-page .per-page--label {
    display: none
  }
  .action--per-page .per-page--select {
    width: 5rem;
    height: 2rem;
    vertical-align: top
  }
  .action--per-page .per-page--select:after, .action--per-page .per-page--select .per-page--field {
    line-height: 1.875rem;
    text-align: center
  }
  .action--sort {
    width: 12.5rem;
    margin: 0rem .625rem 0rem 0rem;
    display: inline-block;
    text-align: right;
    float: right
  }
  .action--sort .sort--select {
    max-width: 12.5rem
  }
  .action--filter-btn {
    width: 11.875rem;
    margin: 0rem 1.25rem .625rem .625rem;
    float: left
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    display: none
  }
  .action--filter-btn .filter--trigger:before, .action--filter-btn .filter--trigger:after {
    -webkit-transition: margin-top .4s cubic-bezier(.02, .01, .47, 1);
    transition: margin-top .4s cubic-bezier(.02, .01, .47, 1);
    width: 1rem;
    height: 1rem;
    right: .625rem;
    margin-top: -0.5rem;
    font-size: .375rem;
    line-height: 1rem;
    font-family: 'shopware';
    content: "\e612";
    position: absolute;
    text-align: center;
    background: none;
    color: inherit;
    top: 50%
  }
  .action--filter-btn .filter--trigger:after {
    margin-top: -3rem;
    content: "\e610"
  }
  .action--filter-btn .filter--trigger.is--active {
    padding: .125rem .75rem .125rem .75rem;
    line-height: 2.125rem;
    background-color: #ff1c8e;
    background-image: linear-gradient(to bottom, #ff1c8e 0%, #ff1c8e 100%);
    border: 0 none;
    color: #fff
  }
  .action--filter-btn .filter--trigger.is--active:hover {
    background: #53cbdb;
    color: #fff
  }
  .action--filter-btn .filter--trigger.is--active.is--small {
    line-height: 1.875rem
  }
  .action--filter-btn .filter--trigger.is--active.is--large {
    line-height: 2.375rem
  }
  .action--filter-btn .filter--trigger.is--active:before {
    margin-top: 2.5rem
  }
  .action--filter-btn .filter--trigger.is--active:after {
    margin-top: -0.5rem
  }
  .action--filter-options {
    width: auto;
    height: auto;
    padding: 0;
    overflow: visible;
    position: relative;
    background: #fff;
    border: 0 none;
    clear: both
  }
  .action--filter-options.is--collapsed, .action--filter-options.is--active-filter {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #d9dde0
  }
  .action--filter-options.is--active-filter .filter--active-container {
    display: block
  }
  .action--filter-options.is--instant-filter-active .filter--active-container {
    display: block
  }
  .action--filter-options .filter--close-btn {
    display: none
  }
  .action--filter-options .filter--container {
    margin-left: -2%;
    padding-left: 3%
  }
  .action--filter-options .filter--container:after {
    content: "";
    display: table;
    clear: both
  }
  .action--filter-options .filter--group {
    height: 2.375rem;
    width: 31%;
    margin: 0 2% 2% 0;
    position: relative;
    float: left
  }
  .action--filter-options .filter--header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1100
  }
  .action--filter-options .filter--header.is--active {
    z-index: 1300
  }
  .action--filter-options .filter--content {
    top: 2.375rem;
    width: 100%;
    position: absolute;
    left: 0
  }
  .action--filter-options #filter:after {
    content: "";
    display: table;
    clear: both
  }
  .listing--bottom-paging {
    padding: 0rem .625rem 0rem .625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0;
    background: #fcfcfc
  }
}
@media screen and (min-width: 78.75em) {
  .listing--content {
    padding-top: 2.8125rem;
    margin: 0rem 0rem 0rem 0rem
  }
  .action--filter-btn {
    width: 20%;
    margin-right: 2%
  }
  .action--filter-btn .filter--trigger {
    font-size: .875rem
  }
  .action--filter-btn .filter--trigger .action--collapse-icon {
    margin-top: -0.5rem
  }
  .action--filter-options {
    background: #fff
  }
  .action--filter-options.is--collapsed, .action--filter-options.is--active-filter {
    border-width: 1px 0 0 0
  }
  .action--sort {
    line-height: 2rem;
    margin: 0rem .625rem .625rem 0rem;
    width: 40%
  }
  .action--sort .sort--label {
    margin: 0rem .625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700
  }
  .action--sort .sort--select {
    max-width: 12.5rem;
    vertical-align: top
  }
  .action--per-page .per-page--label {
    margin: 0rem .625rem 0rem 0rem;
    display: inline-block;
    font-weight: 700
  }
  .listing--paging {
    display: block;
    clear: both
  }
  .listing--paging .paging--label {
    margin: 0rem .625rem 0rem 0rem;
    font-weight: 700
  }
  .listing--paging .paging--display {
    line-height: 1.875rem
  }
}
.product--box {
  display: block;
  width: 100%;
  padding: 2% 0 0 2%;
  float: left
}
.product--box:after {
  content: "";
  display: table;
  clear: both
}
.product--box .box--content {
  padding: .625rem .625rem .625rem .625rem;
  height: 100%;
  border: 1px solid #d9dde0;
  position: relative
}
.product--box .product--image {
  height: 11.25rem;
  margin: 0rem 0rem .3125rem 0rem;
  display: block;
  text-align: center
}
.product--box .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative
}
.product--box .product--image .image--element img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500
}
.product--box .product--rating-container {
  height: 1.5625rem;
  display: block
}
.product--box .product--title {
  height: 2.5rem;
  margin: 0rem 0rem .3125rem 0rem;
  font-size: 1rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #000;
  font-weight: 700;
  overflow: hidden
}
.product--box .product--title:hover {
  color: #ff1c8e
}
.product--box .variant--description {
  height: 2.5rem;
  margin: 0rem 0rem .3125rem 0rem;
  font-size: .75rem;
  line-height: 1.25rem;
  display: block;
  width: 100%;
  color: #000;
  overflow: hidden;
  font-weight: 400
}
.product--box .variant--description .variant--groupName {
  font-weight: 700
}
.product--box .variant--description .variant--description--line {
  white-space: nowrap
}
.product--box .product--description {
  height: 4.5rem;
  margin: 0rem 0rem .625rem 0rem;
  font-size: .875rem;
  line-height: 1.125rem;
  display: block;
  width: 100%;
  overflow: hidden
}
.product--box .product--price-info {
  height: 2.5rem
}
.product--box .product--price-info .price--unit {
  height: 1.25rem;
  font-size: .6875rem;
  line-height: 1rem;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.product--box .product--price-info .price--unit[title] {
  user-select: none
}
.product--box .product--price-info .price--unit[title]:hover {
  user-select: auto
}
.product--box .product--price {
  height: 1.25rem
}
.product--box .product--price .price--default {
  font-size: 1.125rem;
  line-height: 1.25rem;
  display: inline-block;
  color: #000;
  font-weight: 700
}
.product--box .product--price .price--default.is--discount {
  color: #e74c3c
}
.product--box .product--price .price--pseudo {
  font-size: .75rem;
  line-height: 1.25rem
}
.product--box .product--price .price--discount {
  font-size: .75rem;
  line-height: 1.25rem;
  display: inline-block;
  text-decoration: line-through;
  vertical-align: baseline
}
.product--box .buybox--form {
  height: 2.625rem;
  margin-top: .4375rem
}
.product--box .buybox--form i.icon--basket {
  display: none
}
.product--box .product--detail-btn {
  height: 2.625rem;
  margin-top: .4375rem
}
.product--box .product--actions {
  margin: .9375rem 0rem 0rem 0rem;
  font-size: .875rem;
  line-height: 1.5rem;
  overflow: auto
}
.product--box .product--actions form {
  display: inline-block
}
.product--box .product--action {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  margin: 0rem 1.25rem 0rem 0rem;
  font-size: .875rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #000;
  word-break: keep-all;
  white-space: nowrap
}
.product--box .product--action [class^="icon--"] {
  margin: 0rem .3125rem 0rem 0rem;
  font-size: .75rem
}
.product--box .product--action:hover {
  color: #ff1c8e
}
.product--box .action--compare {
  display: none
}
.product--box .action--note:focus {
  outline: none
}
.product--box .action--note.js--is-saved {
  color: #2ecc71
}
.product--box .product--badges {
  top: 1.25rem;
  left: -0.0625rem;
  position: absolute;
  z-index: 750
}
.product--box .product--badges .product--badge {
  padding: .1875rem .625rem .1875rem .625rem;
  margin: 0rem 0rem .3125rem 0rem;
  font-size: .875rem;
  line-height: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  display: block;
  float: left;
  position: relative;
  text-align: center;
  font-weight: 700;
  clear: both
}
.product--box .product--badges .badge--discount {
  color: #fff;
  background: #e74c3c
}
.product--box .product--badges .badge--recommend {
  color: #fff;
  background: #2ecc71
}
.product--box .product--badges .badge--newcomer {
  color: #fff;
  background: #f1c40f
}
.product--box .product--badges .badge--esd {
  background: #4aa3df;
  color: #fff
}
.box--minimal {
  width: 50%
}
.box--minimal .product--image {
  height: 7.5rem
}
.box--minimal .product--price-info {
  height: 4.375rem
}
.box--minimal .product--price-info .price--unit {
  height: 1.875rem;
  font-size: .625rem;
  line-height: .875rem;
  display: block
}
.box--minimal .product--price-outer {
  height: 2.5rem;
  position: relative
}
.box--minimal .product--price {
  line-height: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto
}
.box--minimal .product--price .price--default {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0rem .3125rem 0rem 0rem;
  vertical-align: bottom;
  float: left
}
.box--minimal .product--price .price--pseudo, .box--minimal .product--price .price--discount {
  font-size: .625rem;
  line-height: .875rem
}
.box--minimal .buybox--form .buy-btn--cart-text {
  display: none
}
.box--minimal .buybox--form i.icon--basket {
  left: .125rem;
  top: .0625rem;
  font-size: .875rem;
  display: inline-block;
  position: relative
}
.box--image .product--image {
  margin: 0rem 0rem .3125rem 0rem;
  width: auto;
  position: relative;
  height: 12.5rem
}
.box--image .product--info {
  padding: 0
}
.box--slider {
  display: block;
  padding: 0;
  position: relative;
  text-align: center;
  float: none
}
.box--slider:hover .product--title {
  color: #ff1c8e
}
.box--slider .box--content {
  border: 0 none;
  padding: 0
}
.box--slider .product--price-info {
  height: auto
}
.box--slider .product--price-info .price--unit {
  height: .875rem;
  font-size: .625rem
}
.box--slider .product--price-info .price--default {
  font-size: .875rem
}
.box--slider .product--price-info .is--discount {
  font-weight: 700
}
.box--slider .product--image {
  height: 8.75rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin-bottom: .625rem;
  display: block;
  text-align: center;
  position: relative
}
.box--slider .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative
}
.box--slider .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500
}
.box--slider .product--title {
  font-size: .875rem;
  height: 2.5rem;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: block;
  color: #000;
  font-weight: 400;
  white-space: normal
}
.box--list .buybox--form {
  max-width: 17.5rem
}
.box--list .product--detail-btn {
  max-width: 17.5rem
}
@media screen and (min-width: 30em) {
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem
  }
  .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.25rem
  }
  .box--minimal {
    width: 33.3%
  }
  .box--image .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%
  }
  .box--image .product--info {
    position: relative;
    padding-left: 52%
  }
  .box--image .product--price-info {
    height: 3.75rem
  }
  .box--image .product--price-info .price--unit {
    height: 2.5rem
  }
  .box--list .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 11.25rem
  }
  .box--list .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 12.5rem
  }
}
@media screen and (min-width: 48em) {
  .product--box .action--compare {
    display: inline-block
  }
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem
  }
  .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.25rem
  }
  .box--image .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 15rem
  }
  .box--image .product--info {
    padding: 0
  }
  .box--image .product--price-info {
    height: 2.5rem
  }
  .box--image .product--price-info .price--unit {
    height: 1.25rem
  }
  .is--ctl-search .box--basic, .is--ctl-listing.is--no-sidebar .box--basic {
    width: 50%
  }
  .is--ctl-search .box--basic .product--image, .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem
  }
  .is--ctl-search .box--basic .product--info, .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    padding: 0
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 25%
  }
  .is--ctl-search .box--minimal .product--image, .is--ctl-listing.is--no-sidebar .box--minimal .product--image {
    height: 11.25rem
  }
  .is--ctl-search .box--image, .is--ctl-listing.is--no-sidebar .box--image {
    width: 50%
  }
  .is--ctl-search .has--sidebar-filter .box--basic, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 100%
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10rem
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.25rem
  }
  .is--ctl-search .has--sidebar-filter .box--minimal, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 33.3%
  }
}
@media screen and (min-width: 64em) {
  .box--basic {
    width: 50%
  }
  .box--basic .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem
  }
  .box--basic .product--info {
    padding: 0
  }
  .box--minimal {
    width: 25%
  }
  .box--image {
    width: 50%
  }
  .box--image .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 17.5rem
  }
  .box--image .product--info {
    padding: 0
  }
  .is--ctl-search .box--basic .product--image, .is--ctl-listing.is--no-sidebar .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.625rem
  }
  .is--ctl-search .box--basic .product--info, .is--ctl-listing.is--no-sidebar .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.875rem
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%
  }
  .is--ctl-search .box--image, .is--ctl-listing.is--no-sidebar .box--image {
    width: 33.3%
  }
  .is--ctl-search .has--sidebar-filter .box--basic, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic {
    width: 50%
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 11.25rem
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    padding: 0
  }
  .is--ctl-search .has--sidebar-filter .box--minimal, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--minimal {
    width: 25%
  }
}
@media screen and (min-width: 78.75em) {
  .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.625rem
  }
  .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.875rem
  }
  .box--basic .box--content {
    padding: 1.25rem .625rem 1.25rem .625rem
  }
  .box--minimal {
    width: 25%
  }
  .box--minimal .buybox--form .buy-btn--cart-text {
    display: inline-block
  }
  .box--minimal .buybox--form i.icon--basket {
    display: none
  }
  .box--image .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 18.75rem
  }
  .box--image .product--info {
    padding: 0
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--image, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--image {
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 10.625rem
  }
  .is--ctl-search .has--sidebar-filter .box--basic .product--info, .is--ctl-listing.is--no-sidebar .has--sidebar-filter .box--basic .product--info {
    position: relative;
    padding: 0rem 0rem 0rem 11.875rem
  }
}
.viewlast {
  clear: both
}
.tellafriend--content {
  padding-top: .625rem;
  width: 100%
}
.tellafriend--content .tellafriend--field {
  margin: 0rem 0rem .625rem 0rem;
  width: 100%
}
.tellafriend--content .tellafriend--buttons:after {
  content: "";
  display: table;
  clear: both
}
.tellafriend--content .captcha--placeholder {
  margin-bottom: .625rem
}
.tellafriend--content .captcha--notice {
  margin-bottom: .625rem;
  display: block
}
.tellafriend--content .alert {
  margin-top: 1.875rem
}
.tellafriend--content .review--notice {
  margin-bottom: .625rem;
  font-size: .875rem
}
@media screen and (min-width: 48em) {
  .tellafriend--content {
    padding-top: 1.25rem;
    width: 100%
  }
  .tellafriend--content .tellafriend--field {
    margin-bottom: .9375rem
  }
  .tellafriend--content .alert {
    margin: 0rem 0rem 1rem 0rem
  }
}
@media screen and (min-width: 78.75em) {
  .tellafriend--content {
    padding-top: 2.8125rem
  }
}
.topseller {
  margin: 0rem 0rem 1.25rem 0rem
}
.topseller:after {
  content: "";
  display: table;
  clear: both
}
.topseller .topseller--content {
  padding: 0rem .625rem 0rem .625rem
}
.topseller .product-slider--arrow.arrow--next {
  right: -0.0625rem
}
.topseller .product-slider--arrow.arrow--prev {
  left: -0.0625rem
}
.topseller--product {
  text-align: center
}
.topseller--product:hover .badge {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
  color: #fff;
  text-shadow: 0 1px 1px #ad1200
}
.topseller--product:hover .product--title {
  color: #ff1c8e
}
.topseller--number {
  margin: .625rem 0rem .3125rem 0rem
}
.register--message {
  margin-top: 1.25rem
}
.register--content {
  margin: .625rem 0rem .625rem 0rem;
  width: 100%;
  display: none
}
.register--content:after {
  content: "";
  display: table;
  clear: both
}
.register--content.is--collapsed {
  display: block
}
.register--content .alert {
  margin: 1.25rem 1.125rem 1.25rem 1.125rem
}
.register--content .register--check {
  padding-bottom: .5rem
}
.register--content .register--action {
  margin: 1.25rem 1.25rem 1.25rem 1.25rem
}
.register--content .register--action .register--submit {
  width: 100%;
  text-align: center
}
.register--content .register--required-info {
  padding-bottom: 1.875rem;
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: .875rem
}
.register--content .select-field {
  margin-bottom: .625rem;
  max-width: 100%
}
.register--content .register--field {
  margin-bottom: .625rem;
  width: 100%
}
.register--content .register--customertype {
  display: block
}
.register--content .register--zip-city .register--field-zipcode {
  width: 28%;
  float: left
}
.register--content .register--zip-city .register--field-city {
  width: 70%;
  float: left
}
.register--content .register--zip-city .register--field-city:after {
  content: "";
  display: table;
  clear: both
}
.register--content .register--zip-city .register--spacer {
  margin-right: 2%
}
.register--content .birthday--label {
  margin: 0rem 0rem .3125rem 0rem;
  display: block;
  font-weight: 700
}
.register--content .birthday--label:after {
  content: "";
  display: table;
  clear: both
}
.register--content .register--password-description {
  padding-bottom: 1.25rem
}
.register--content .register--birthdate .select-field {
  margin-bottom: .9375rem;
  max-width: 100%;
  float: left
}
.register--content .register--birthdate .datepicker {
  margin-bottom: .9375rem;
  width: 100%;
  max-width: 100%;
  float: left
}
.register--content .register--birthdate .register--birthyear, .register--content .register--birthdate .register--birthyear.select-field {
  margin-right: 0rem
}
.register--content .register--privacy {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin: 0rem 1.25rem 1.25rem 1.25rem;
  font-size: .875rem;
  border: 1px solid #d9dde0
}
.register--content .register--privacy input[type="checkbox"] {
  margin: 0rem .625rem 0rem 0rem
}
.register--content .register--personal {
  padding-bottom: .625rem
}
.register--content .register--personal:after {
  content: "";
  display: table;
  clear: both
}
.register--login:after {
  content: "";
  display: table;
  clear: both
}
.register--login .register--new-customer {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.register--login .register--new-customer .new-customer-btn {
  display: block;
  width: 100%;
  text-align: center;
  position: relative
}
.register--login .register--new-customer .new-customer-btn:after {
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin-top: -0.5rem;
  font-size: .375rem;
  right: .625rem;
  position: absolute;
  font-family: 'shopware';
  font-weight: 400;
  content: "\e612";
  color: inherit;
  top: 50%
}
.register--login .register--new-customer .new-customer-btn.is--active:after {
  content: "\e610"
}
.register--login .register--login-field {
  margin-bottom: .625rem;
  width: 100%
}
.register--login .register--login-description {
  padding-bottom: 1.25rem
}
.register--login .register--login-lostpassword {
  padding-bottom: 1.25rem
}
.register--login .register--login-btn {
  width: 100%;
  text-align: center
}
.register--advantages {
  display: none
}
.password--success {
  margin: .625rem 0rem 1.25rem 0rem
}
.steps--container {
  background: transparent
}
.steps--content {
  padding-top: 1rem;
  display: table;
  border-top: 1px solid #d9dde0;
  width: 100%
}
.steps--content .steps--list {
  display: table-row
}
.steps--content .steps--list:after {
  content: "";
  display: table;
  clear: both
}
.steps--content .steps--entry {
  padding: 0rem .625rem 0rem .625rem;
  display: table-cell;
  list-style: none;
  vertical-align: top;
  text-align: center
}
.steps--content .steps--spacer {
  display: none;
  vertical-align: middle
}
.steps--content .steps--entry .icon {
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  border-radius: 22px;
  background-clip: padding-box;
  padding: .625rem 1rem .625rem 1rem;
  width: 2.875rem;
  font-size: 1.25rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-weight: 700
}
.steps--content .is--active .icon {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%);
  color: #fff
}
.steps--content .steps--entry .text {
  margin: 0rem 0rem 0rem .625rem;
  height: 3.25rem;
  position: relative;
  top: -2px;
  display: none;
  vertical-align: middle
}
.steps--content .steps--entry .text::after {
  content: '';
  height: 100%
}
.steps--content .is--active .text {
  color: #ff1c8e;
  display: inline-block;
  font-weight: 700
}
.steps--content .steps--entry .text--inner, .steps--content .steps--entry .text::after {
  display: inline-block;
  vertical-align: middle
}
.account--change-payment .payment--method {
  padding: .625rem 0rem .625rem 0rem
}
.account--change-payment .payment--selection-input {
  width: 2.5rem;
  float: left;
  text-align: center
}
.account--change-payment .payment--selection-label, .account--change-payment .payment--description, .account--change-payment .payment--content {
  padding: 0rem 0rem 0rem 2.5rem;
  width: 100%
}
.account--change-payment .payment--content input {
  max-width: 100%
}
@media screen and (min-width: 48em) {
  .register--message {
    margin-top: 2.8125rem
  }
  .register--content {
    margin-top: 3.125rem;
    width: 64%;
    float: right;
    display: block
  }
  .register--content .select-field {
    margin-bottom: .9375rem
  }
  .register--content .select-field .register--birthday {
    margin-right: 2%
  }
  .register--content .register--field {
    margin-bottom: .9375rem
  }
  .register--content .register--check {
    padding-bottom: .5rem
  }
  .register--content .select-field {
    max-width: 18.125rem
  }
  .register--content .register--birthdate .select-field {
    width: 32%;
    margin-right: 2%
  }
  .register--content .register--action {
    text-align: right
  }
  .register--content .register--action .register--submit {
    width: 35%
  }
  .steps--content {
    padding: 1.875rem 0rem 1.5rem 0rem;
    background: transparent;
    border: none
  }
  .steps--content .steps--spacer {
    width: 5rem;
    display: table-cell;
    text-align: center
  }
  .steps--content .steps--entry .text {
    margin: 0rem .625rem 0rem .625rem;
    display: inline-block;
    font-weight: 700
  }
  .register--login {
    margin-top: 3.125rem;
    width: 34%;
    float: left
  }
  .register--login .register--new-customer {
    display: none
  }
  .register--login .register--login-field {
    margin-bottom: .9375rem
  }
  .register--login .register--login-btn {
    width: auto;
    text-align: left
  }
  .register--advantages {
    display: block;
    width: 34%;
    float: left
  }
  .register--advantages:after {
    content: "";
    display: table;
    clear: both
  }
  .register--advantages .panel--title {
    margin: 0rem 0rem .625rem 0rem
  }
}
@media screen and (min-width: 78.75em) {
  .steps--content .steps--entry.step--payment {
    width: 30%
  }
  .steps--content .steps--entry .text {
    margin: 0rem 0rem 0rem .625rem;
    width: 70%;
    text-align: left
  }
  .steps--content .steps--spacer {
    width: 15%
  }
}
.is--ctl-checkout .panel--body > .alert {
  margin: 1.875rem 0rem 1.875rem 0rem
}
.is--ctl-checkout .basket--info-messages {
  margin-top: .625rem
}
.is--ctl-checkout .account--billing-address.register--content, .is--ctl-checkout .account--shipping-address.register--content, .is--ctl-checkout .account--change-billing.register--content, .is--ctl-checkout .account--change-shipping.register--content {
  float: none;
  width: 100%
}
.is--act-shippingpayment .add-product--form {
  display: none
}
.is--act-shippingpayment .product--table {
  margin-top: 0
}
.is--act-shippingpayment .product--table .panel--body {
  padding: 1.25rem 1.25rem 0rem 1.25rem
}
.is--act-shippingpayment .payment--method-list {
  margin-top: .625rem
}
.product--table {
  margin-top: .625rem
}
.product--table .alert {
  margin-bottom: .625rem
}
.product--table .is--no-star {
  margin-left: -0.375rem
}
.product--table .panel {
  border: 0 none
}
.product--table .panel--body {
  padding: 0
}
.product--table .premium-product.panel {
  margin: .625rem 0rem 0rem 0rem;
  border: 1px solid #d9dde0
}
.product--table .delivery--status-icon {
  display: none
}
.product--table .table--actions {
  margin-top: .625rem;
  position: relative
}
.product--table .table--actions:after {
  content: "";
  display: table;
  clear: both
}
.product--table .table--actions .btn--checkout-proceed, .product--table .table--actions .btn--checkout-continue {
  width: 100%;
  text-align: center;
  margin-bottom: .625rem
}
.product--table .actions--bottom .main--actions {
  margin-bottom: 0rem
}
.product--table .table--header {
  display: none
}
.product--table .table--tr {
  padding: .625rem 0rem .5rem 0rem;
  position: relative;
  border-bottom: 1px solid #d9dde0;
  width: 100%;
  height: 100%
}
.product--table .table--tr:after {
  content: "";
  display: table;
  clear: both
}
.product--table .table--media, .product--table .table--content {
  float: left
}
.product--table .column--product {
  padding-left: 0;
  width: 90%
}
.product--table .column--product .column--image {
  padding: .625rem 0rem .625rem 0rem;
  float: left;
  width: 26%
}
.product--table .table--media {
  width: 100%;
  position: relative
}
.product--table .table--media .table--media-outer {
  border-radius: 2px;
  background-clip: padding-box;
  max-width: 4.375rem;
  max-height: 4.375rem;
  border: 1px solid #d9dde0;
  margin: 0 auto
}
.product--table .table--media .table--media-inner {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
  height: 0
}
.product--table .table--media img {
  padding: 5%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.product--table .table--content {
  font-size: .75rem;
  width: 70%
}
.product--table .delivery--status-icon {
  font-size: .75rem;
  margin: 0
}
.product--table .delivery--information {
  font-size: .875rem
}
.product--table .content--title {
  font-size: 1rem;
  font-weight: 700;
  color: #000
}
.product--table .column--actions {
  padding-right: 0;
  position: absolute;
  width: 20%;
  top: 10px;
  right: 0;
  text-align: right
}
.product--table .column--actions .column--actions-link {
  line-height: 2.5rem;
  padding: 0rem .875rem 0rem .9375rem
}
.product--table .column--actions .icon--cross {
  font-size: .75rem
}
.product--table .column--label {
  color: #000;
  text-align: left;
  margin: 0%;
  float: left;
  font-weight: 700
}
.product--table .column--label.quantity--label {
  margin-top: .6875rem
}
.product--table .row--rebate .column--label, .product--table .row--premium-product .column--label, .product--table .row--voucher .column--label {
  margin: 0
}
.product--table .row--rebate .table--media, .product--table .row--premium-product .table--media, .product--table .row--voucher .table--media {
  width: 4.375rem;
  margin: 0 auto;
  float: none
}
.product--table .row--rebate .column--image, .product--table .row--premium-product .column--image, .product--table .row--voucher .column--image {
  padding: .625rem 0rem .625rem 0rem;
  width: 24%
}
.product--table .row--rebate .table--content, .product--table .row--premium-product .table--content {
  padding-top: 1.3125rem
}
.product--table .column--total-price {
  font-weight: 700
}
.product--table .column--product:after {
  content: "";
  display: table;
  clear: both
}
.product--table .column--product .column--image {
  float: left;
  width: 24%
}
.product--table .column--quantity .select-field {
  min-width: 6.25rem;
  max-width: 10rem;
  width: auto
}
.product--table .column--quantity, .product--table .column--unit-price, .product--table .column--total-price, .product--table .column--tax-price {
  padding: .3125rem 0rem .3125rem .625rem;
  margin-left: 22%;
  width: 78%
}
.product--table .column--quantity {
  padding: 0rem 0rem 0rem .625rem
}
.product--table .column--unit-price {
  padding: 0rem 0rem .5625rem .625rem
}
.product--table .product--delivery {
  margin: 0
}
.product--table .cart--badge {
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ff1c8e
}
.product--table .cart--badge span {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
  line-height: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  position: absolute;
  width: 70px;
  top: 0;
  bottom: 0
}
.product--table .basket--badge {
  line-height: 3rem;
  font-size: 1rem;
  border-radius: 128px;
  background-clip: padding-box;
  height: 3rem;
  width: 3rem;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  background: #000;
  color: #fff
}
.product--table .basket--badge .icon--arrow-right {
  font-size: .8125rem
}
.product--table .basket--badge .icon--coupon {
  font-size: 1.75rem;
  line-height: 3.125rem
}
.product--table .row--premium-product .basket--badge {
  font-size: .6875rem
}
.product--table .table--actions + .alert {
  margin-top: .625rem
}
.product--table .content {
  font-size: .875rem;
  margin: 0
}
.product--table .add-product--form {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.product--table .add-product--field, .product--table .add-voucher--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  height: 2.375rem;
  width: 90%
}
.product--table .add-voucher--field {
  background: #fff
}
.product--table .add-product--button, .product--table .add-voucher--button {
  height: 2.375rem;
  padding: .1875rem 0rem .1875rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%
}
.product--table .add-voucher--form {
  margin: 0rem 0rem .75rem 0rem
}
.product--table .add-voucher--panel {
  margin: .625rem 0rem 0rem 0rem
}
.product--table .table--aggregation {
  margin: 0rem -0.625rem 0rem -0.625rem;
  padding: .75rem .625rem .75rem .625rem;
  background: #fff;
  border-color: #d9dde0;
  border-style: solid;
  border-width: 1px 0 0 0
}
.product--table .table--shipping-costs label {
  font-weight: 700
}
.product--table .table--shipping-costs .select-field {
  height: 2.375rem;
  line-height: 2.25rem;
  max-width: 100%
}
.product--table .table--shipping-costs-trigger {
  font-weight: 700
}
.product--table .main--actions:after {
  content: "";
  display: table;
  clear: both
}
.product--table .table--footer {
  font-size: .875rem
}
.product--table .table--footer .benefit--text {
  font-size: .875rem
}
.product--table .benefit--headline {
  font-size: .875rem;
  color: #000;
  font-weight: 700
}
.aggregation--list {
  margin: 0rem -0.625rem 0rem -0.625rem;
  padding: .75rem .625rem .75rem .625rem;
  background: #fff;
  border-bottom: 1px solid #d9dde0
}
.aggregation--list .list--entry {
  list-style: none
}
.aggregation--list .entry--label {
  width: 70%
}
.aggregation--list .entry--value {
  width: 30%;
  text-align: right
}
.aggregation--list .entry--total {
  font-weight: 700;
  color: #000
}
.aggregation--list .entry--totalnet, .aggregation--list .entry--taxes {
  font-size: .75rem
}
.premium-product.panel {
  margin: .625rem 0rem .625rem 0rem
}
.premium-product--content {
  height: 20rem
}
.premium-product--content .product-slider--container {
  padding: 0
}
.premium-product p {
  margin: .625rem 0rem .625rem 0rem
}
.premium-product .premium-product--difference {
  border-color: #d9dde0;
  display: block
}
.premium-product .premium-product--difference .difference--price {
  font-size: .875rem
}
.premium-product .product-slider--arrow.arrow--next {
  right: -0.0625rem
}
.premium-product .product-slider--arrow.arrow--prev {
  left: -0.0625rem
}
.premium-product .product--inner {
  padding: .3125rem 1.875rem .3125rem 1.875rem;
  margin: 0rem 0rem .625rem 0rem
}
.premium-product .product--inner .product--image {
  border-radius: 3px;
  background-clip: padding-box;
  height: 10.9375rem;
  margin: 0rem 0rem .9375rem 0rem;
  padding: .625rem .625rem .625rem .625rem;
  display: block;
  border: 1px solid #d9dde0;
  position: relative;
  text-align: center
}
.premium-product .product--inner .product--image .image--element {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto;
  position: relative
}
.premium-product .product--inner .product--image .image--element img {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  z-index: 500
}
.premium-product .product--inner .premium-product--badge {
  border-radius: 38px;
  background-clip: padding-box;
  height: 2.375rem;
  width: 2.375rem;
  line-height: 2.375rem;
  top: -1.1875rem;
  right: -1.1875rem;
  background: #ff1c8e;
  position: absolute;
  color: #fff;
  font-weight: 700;
  z-index: 750
}
.premium-product .product--inner .premium-product--free {
  color: #2ecc71;
  font-weight: 700;
  text-align: left
}
.premium-product .product--inner .btn {
  width: 100%
}
.premium-product .product--inner .premium--variant:after {
  content: "";
  display: table;
  clear: both
}
.premium-product .product--inner .premium--variant .premium--button {
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  height: 2.375rem;
  margin-left: -0.125rem;
  width: 20%
}
.premium-product .product--inner .premium--variant .select-field {
  margin-right: .125rem;
  max-width: 80%;
  float: left
}
.premium-product .product--inner .premium--variant .select-field .premium--selection {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  line-height: 2.375rem;
  height: 2.375rem;
  font-weight: 700
}
.premium-product .product--inner .premium--variant .select-field:after {
  height: 2.25rem
}
.js--modal .modal--checkout-add-article .link--article-image .image--media {
  display: block;
  width: 100%;
  height: 100%;
  position: relative
}
.js--modal .modal--checkout-add-article .link--article-image .image--media img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.js--modal .modal--checkout-add-article .modal--title {
  padding: .625rem 2.5rem .625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #d9dde0
}
.js--modal .modal--checkout-add-article .modal--error {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.js--modal .modal--checkout-add-article .modal--article {
  padding: 1.25rem
}
.js--modal .modal--checkout-add-article .article--info {
  margin-left: 5rem
}
.js--modal .modal--checkout-add-article .article--info:after {
  content: "";
  display: table;
  clear: both
}
.js--modal .modal--checkout-add-article .article--image {
  padding: .3125rem;
  width: 5rem;
  height: 5rem;
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  border: 1px solid #d9dde0
}
.js--modal .modal--checkout-add-article .article--name {
  width: 100%
}
.js--modal .modal--checkout-add-article .list--name {
  margin-left: .9375rem
}
.js--modal .modal--checkout-add-article .list--name .entry--name {
  margin-bottom: .625rem
}
.js--modal .modal--checkout-add-article .list--name .link--name {
  color: #000;
  font-weight: 700
}
.js--modal .modal--checkout-add-article .article--price {
  margin: .9375rem 0rem 0rem .9375rem;
  width: 100%
}
.js--modal .modal--checkout-add-article .list--price .entry--price {
  margin-bottom: .625rem;
  color: #000;
  font-weight: 700
}
.js--modal .modal--checkout-add-article .modal--actions {
  margin: 0rem 0rem 1.25rem 0rem;
  padding: .625rem 1.25rem 0rem 1.25rem
}
.js--modal .modal--checkout-add-article .modal--actions:after {
  content: "";
  display: table;
  clear: both
}
.js--modal .modal--checkout-add-article .modal--actions .btn {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
  margin-top: .625rem
}
.js--modal .modal--checkout-add-article .modal--actions .is--left {
  padding-left: 2.1875rem
}
.js--modal .modal--checkout-add-article .modal--cross-selling {
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  margin: 0
}
.js--modal .modal--checkout-add-article .modal--cross-selling .product-slider--container {
  padding: 0
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--image {
  padding-bottom: .625rem;
  height: 10.625rem;
  border-bottom: 1px solid #d9dde0;
  margin: 0 auto;
  text-align: center
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image, .js--modal .modal--checkout-add-article .modal--cross-selling .link--image span {
  overflow: hidden;
  display: block;
  height: 100%
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--image img {
  margin: 0 auto
}
.js--modal .modal--checkout-add-article .modal--cross-selling .image--slider-item, .js--modal .modal--checkout-add-article .modal--cross-selling .image--no-picture {
  display: inline-block;
  vertical-align: middle;
  text-align: center
}
.js--modal .modal--checkout-add-article .modal--cross-selling .link--name {
  color: #000;
  font-weight: 700
}
.js--modal .modal--checkout-add-article .modal--cross-selling .item--price-unit {
  font-size: .6875rem
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--normal {
  font-size: 1.0625rem;
  color: #000;
  font-weight: 700
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--reduced {
  color: #e74c3c
}
.js--modal .modal--checkout-add-article .modal--cross-selling .price--pseudo {
  font-size: .625rem;
  text-decoration: line-through
}
.content--confirm .alert {
  margin-top: .625rem
}
.content--confirm .has--border {
  border: 1px solid #d9dde0
}
.content--confirm .confirm--actions .main--actions {
  text-align: center;
  width: 100%
}
.content--confirm .payment--method-list, .content--confirm .dispatch--method-list {
  margin-bottom: .625rem
}
.content--confirm .payment--method, .content--confirm .dispatch--method {
  padding-bottom: .625rem;
  margin-bottom: .625rem;
  border-bottom: 1px solid #d9dde0
}
.content--confirm .payment--method .method_last, .content--confirm .dispatch--method .method_last {
  border: 0 none
}
.content--confirm .payment--method.method_last, .content--confirm .dispatch--method.method_last {
  border: 0 none
}
.content--confirm .method--input {
  width: 2.5rem;
  text-align: center;
  float: left
}
.content--confirm .method--label {
  padding-left: 2.5rem;
  width: 100%
}
.content--confirm .method--description {
  padding-left: 2.5rem
}
.content--confirm .payment--method-logo {
  margin-left: 2.5rem
}
.content--confirm .method--bankdata {
  padding-left: 2.5rem
}
.content--confirm .method--bankdata input[type="text"] {
  max-width: 100%
}
.content--confirm .table--aggregation, .content--confirm .add-product--form, .content--confirm .add-product--field, .content--confirm .add-product--button {
  display: none
}
.content--confirm .aggregation--list {
  font-size: .875rem;
  line-height: 1.5rem;
  margin: 0rem -0.625rem 0rem -0.625rem;
  border-top: 1px solid #d9dde0
}
@media screen and (min-width: 30em) {
  .product--table .column--label {
    text-align: right;
    width: 100%;
    margin: 0
  }
  .product--table .table--tr {
    padding: .625rem 0rem 1.25rem 0rem
  }
  .product--table .table--content {
    width: 85%
  }
  .product--table .table--actions .btn--checkout-proceed, .product--table .table--actions .btn--checkout-continue {
    width: 49%;
    text-align: center;
    margin-bottom: 0rem
  }
  .product--table .column--product .column--image {
    width: 15%
  }
  .product--table .column--quantity, .product--table .column--unit-price, .product--table .column--total-price {
    float: left;
    width: 28.83%
  }
  .product--table .column--quantity {
    padding-right: .625rem;
    margin-left: 13.5%
  }
  .product--table .column--quantity .quantity--label {
    margin: 0rem 0rem .1875rem 0rem;
    text-align: left
  }
  .product--table .column--quantity .select-field {
    float: left;
    font-weight: 700
  }
  .product--table .column--unit-price {
    padding-right: .625rem;
    margin: 0
  }
  .product--table .column--unit-price .unit-price--label {
    margin-bottom: .75rem
  }
  .product--table .column--total-price {
    padding: 0rem .625rem .3125rem .625rem;
    margin: 0
  }
  .product--table .column--total-price .total-price--label {
    margin-bottom: .75rem
  }
  .product--table .column--tax-price {
    margin: 0
  }
  .product--table .column--tax-price .tax-price--label {
    margin-bottom: .75rem
  }
  .product--table .row--rebate .column--label, .product--table .row--premium-product .column--label, .product--table .row--voucher .column--label {
    margin: 0
  }
  .product--table .row--rebate .column--image, .product--table .row--premium-product .column--image, .product--table .row--voucher .column--image {
    width: 15%
  }
  .product--table .row--rebate .column--total-price, .product--table .row--premium-product .column--total-price, .product--table .row--voucher .column--total-price {
    float: right
  }
  .product--table .add-product--field {
    width: 55%
  }
  .product--table .actions--bottom .main--actions {
    margin-bottom: .625rem
  }
  .js--modal .modal--checkout-add-article .article--name {
    width: 75%;
    float: left
  }
  .js--modal .modal--checkout-add-article .article--price {
    width: 25%;
    float: right;
    margin: 0
  }
  .js--modal .modal--checkout-add-article .modal--actions {
    margin: 0rem 0rem 1.25rem 0rem;
    padding: .625rem 1.25rem 0rem 1.25rem
  }
  .js--modal .modal--checkout-add-article .modal--actions:after {
    content: "";
    display: table;
    clear: both
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 49%
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0
  }
  .js--modal .modal--checkout-add-article .modal--actions .is--left {
    padding-left: 2.1875rem
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 1.25rem 0rem .25rem 0rem
  }
  .is--ctl-checkout .account--change-billing.register--content, .is--ctl-checkout .account--change-shipping.register--content {
    width: 75%
  }
  .is--act-shippingpayment .product--table .table--actions {
    margin-top: 1.25rem
  }
  .is--act-shippingpayment .payment--method-list {
    margin-top: 0
  }
  .is--act-shippingpayment .basket--footer .aggregation--list {
    padding-right: 1.25rem
  }
  .product--table {
    margin: 1.25rem 0rem 1.25rem 0rem
  }
  .product--table .alert {
    margin-bottom: 1.25rem
  }
  .product--table .row--voucher, .product--table .row--premium-product {
    height: 100%
  }
  .product--table .panel--body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 1px solid #d9dde0
  }
  .product--table .premium-product--content {
    height: 20.625rem;
    border: 0 none
  }
  .product--table .premium-product.panel {
    margin: 1.25rem 0rem 0rem 0rem
  }
  .product--table .column--actions {
    position: static;
    bottom: auto;
    float: right
  }
  .product--table .column--label {
    display: none
  }
  .product--table .table--header {
    margin: 0rem 0rem .625rem 0rem;
    border-bottom: 1px solid #d9dde0;
    display: block
  }
  .product--table .table--header .table--column {
    font-size: 1rem;
    padding-bottom: 0;
    font-weight: 700;
    color: #000
  }
  .product--table .table--header .panel--th {
    padding: .3125rem .625rem .5625rem .625rem;
    font-size: 1rem
  }
  .product--table .table--header .column--product {
    padding-left: 0;
    width: 52%
  }
  .product--table .column--product {
    float: left;
    width: 52%
  }
  .product--table .column--product .column--image {
    width: 8%
  }
  .product--table .table--tr {
    padding: 0;
    border-bottom: 1px solid #d9dde0
  }
  .product--table .is--centered {
    display: inline-block;
    vertical-align: middle
  }
  .product--table .column--actions {
    width: 8%;
    padding-right: 0
  }
  .product--table .column--product .column--image {
    width: 20%
  }
  .product--table .table--media, .product--table .table--content {
    float: left
  }
  .product--table .table--media {
    width: 100%
  }
  .product--table .table--media .table--media-outer {
    margin: 0
  }
  .product--table .table--content {
    width: 74%
  }
  .product--table .column--quantity {
    padding: .625rem .625rem .625rem .625rem;
    float: left;
    width: 11%;
    margin: 0
  }
  .product--table .column--quantity .select-field {
    float: right;
    font-weight: 700;
    padding: 0rem 0rem 0rem 1rem
  }
  .product--table .column--unit-price, .product--table .column--total-price {
    padding: .625rem .625rem .625rem .625rem;
    width: 14.5%
  }
  .product--table .row--product .column--quantity {
    padding-top: 1.625rem
  }
  .product--table .row--product .column--unit-price, .product--table .row--product .column--total-price {
    line-height: 2.625rem;
    padding-top: 1.625rem
  }
  .product--table .row--product .column--actions {
    padding-top: 1.625rem
  }
  .product--table .content--title {
    font-size: 1rem;
    font-weight: 700;
    color: #000
  }
  .product--table .column--total-price {
    float: left;
    font-weight: 700
  }
  .product--table .basket--badge {
    width: 3rem;
    margin: 0 auto
  }
  .product--table .row--rebate .table--media, .product--table .row--premium-product .table--media, .product--table .row--voucher .table--media {
    float: left
  }
  .product--table .row--rebate .column--total-price, .product--table .row--premium-product .column--total-price, .product--table .row--voucher .column--total-price {
    margin-left: 25.5%;
    float: left
  }
  .product--table .row--rebate .column--tax-price, .product--table .row--premium-product .column--tax-price, .product--table .row--voucher .column--tax-price {
    margin: 0
  }
  .product--table .row--rebate .column--actions, .product--table .row--premium-product .column--actions, .product--table .row--voucher .column--actions {
    padding-top: .8125rem
  }
  .product--table .row--rebate .table--content, .product--table .row--premium-product .table--content {
    padding-top: 1.3125rem
  }
  .product--table .row--rebate .column--total-price, .product--table .row--premium-product .column--total-price {
    padding-top: 1.375rem
  }
  .product--table .row--voucher .column--total-price {
    padding-top: 1.375rem
  }
  .product--table .row--premium-product .column--product, .product--table .row--rebate .column--product {
    width: 77.5%
  }
  .product--table .row--premium-product .column--image, .product--table .row--rebate .column--image {
    width: 13.3%
  }
  .product--table .row--premium-product .column--total-price, .product--table .row--rebate .column--total-price {
    margin-left: 0
  }
  .product--table .add-product--form {
    margin: .9375rem 0rem 1.25rem 0rem;
    width: 35%
  }
  .product--table .add-product--field {
    width: 80%
  }
  .product--table .add-product--button {
    width: 16%
  }
  .product--table .basket--footer {
    margin: 0rem -1.25rem -1.25rem -1.25rem;
    border-top: 1px solid #d9dde0;
    background: #fff
  }
  .product--table .basket--footer:after {
    content: "";
    display: table;
    clear: both
  }
  .product--table .aggregation--list, .product--table .table--aggregation {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    padding-right: 11%;
    border: 0 none;
    background: transparent;
    margin: 0;
    float: left;
    width: 50%
  }
  .product--table .table--actions {
    padding-bottom: 1.25rem;
    margin: 0
  }
  .product--table .table--actions .is--secondary {
    margin-right: 1.25rem
  }
  .product--table .table--actions .btn--inquiry {
    margin-left: -8.125rem;
    width: 16.25rem;
    top: 0;
    position: absolute;
    left: 50%
  }
  .product--table .table--actions .btn--checkout-proceed, .product--table .table--actions .btn--checkout-continue {
    width: 25%;
    text-align: center;
    margin-bottom: 0rem
  }
  .product--table .actions--bottom .main--actions {
    margin-top: 1.25rem
  }
  .product--table .table--footer {
    display: block
  }
  .footer--benefit {
    font-size: .875rem;
    padding: 0rem 1.25rem 0rem 0rem;
    width: 33.33332%
  }
  .footer--benefit.is--last {
    padding: 0
  }
  .js--modal .modal--checkout-add-article .article--price {
    margin-top: 0;
    margin-left: 0
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn {
    width: 35%;
    margin-bottom: 0
  }
  .js--modal .modal--checkout-add-article .modal--actions .btn:last-child {
    margin-top: 0
  }
  .content--confirm .alert {
    margin: 0
  }
  .content--confirm .table--aggregation {
    visibility: hidden;
    display: block
  }
  .content--confirm .confirm--inner-container .payment--method-list, .content--confirm .confirm--inner-container .dispatch--method-list {
    margin-bottom: 1.25rem
  }
  .content--confirm .confirm--inner-container .panel--body {
    border: 0 none
  }
  .content--confirm .confirm--inner-container .has--border {
    border: 1px solid #d9dde0
  }
  .content--confirm .confirm--inner-container .basket--footer {
    border: 1px solid #d9dde0;
    margin: 0
  }
  .content--confirm .confirm--actions .main--actions {
    width: 25%
  }
}
@media screen and (min-width: 64em) {
  .product--table .table--actions .btn--inquiry {
    left: 50%
  }
  .product--table .column--product .column--image {
    width: 16%
  }
  .product--table .column--product .table--content {
    width: 84%
  }
  .product--table .row--premium-product .column--product .column--image, .product--table .row--rebate .column--product .column--image {
    width: 10.7%
  }
  .product--table .add-product--form {
    width: 25%
  }
  .product--table .aggregation--list {
    float: right;
    padding-right: 10.5%
  }
  .product--table .table--aggregation {
    width: 45%
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-checkout .basket--info-messages {
    margin: 2.8125rem 0rem 0rem 0rem
  }
  .is--act-shippingpayment .product--table {
    margin-top: 1.5625rem
  }
  .product--table {
    margin-top: 2.8125rem
  }
  .product--table .column--actions {
    width: 4%
  }
  .product--table .table--header .column--product {
    width: 55%
  }
  .product--table .column--product {
    width: 55%
  }
  .product--table .column--product .column--image {
    width: 14%
  }
  .product--table .column--product .table--content {
    width: 86%
  }
  .product--table .row--rebate .column--actions, .product--table .row--premium-product .column--actions, .product--table .row--voucher .column--actions {
    padding-top: 1.3125rem
  }
  .product--table .row--product .column--actions {
    padding-top: 2.125rem
  }
  .product--table .table--tr .column--actions .column--actions-link {
    line-height: 1.125rem;
    padding: 0rem .3125rem .125rem .3125rem
  }
  .product--table .table--tr .column--actions .icon--cross {
    font-size: .5625rem
  }
  .product--table .row--premium-product .column--product, .product--table .row--rebate .column--product {
    width: 80.5%
  }
  .product--table .row--premium-product .column--product .column--image, .product--table .row--rebate .column--product .column--image {
    width: 9.5%
  }
  .product--table .aggregation--list {
    padding-right: 7.3%
  }
}
.is--act-finish .content-main {
  margin-top: 1.25rem
}
.finish--content {
  padding-top: .625rem
}
.finish--content .information--panel-item {
  margin-bottom: 1.25rem
}
.finish--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both
}
.finish--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both
}
.finish--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center
}
.finish--content .product--table {
  margin-top: 0
}
.finish--teaser {
  margin: 0rem 0rem 1.25rem 0rem
}
.teaser--btn-back {
  margin: 0rem 0rem 1.25rem 0rem
}
.teaser--btn-print, .teaser--btn-back {
  text-align: center;
  width: 100%
}
.teaser--btn-print *[class^="icon--"], .teaser--btn-back *[class^="icon--"] {
  margin: .25rem 0rem 0rem 0rem;
  float: left
}
.finish--table .panel--body {
  border: 1px solid #d9dde0
}
.finish--table .table--tr {
  padding: .625rem .625rem .625rem .625rem
}
.finish--table .column--quantity, .finish--table .column--total-price {
  padding-right: 0
}
.finish--table .table--aggregation {
  display: none
}
.finish--table .aggregation--list {
  margin: 0;
  border-bottom: 0 none
}
.finish--table .basket--footer {
  border-top: 1px solid #d9dde0
}
.finish--table .is--last-row {
  border-bottom: 0 none
}
@media screen and (min-width: 30em) {
  .finish--table .table--tr .column--quantity {
    margin-left: 42.3%
  }
  .finish--table .table--tr .column--quantity .column--label {
    margin-bottom: .75rem;
    text-align: right
  }
}
@media screen and (min-width: 48em) {
  .teaser--btn-print {
    text-align: left;
    width: auto
  }
  .is--act-finish .content-main {
    margin-top: 2.5rem
  }
  .finish--content {
    padding-top: 1.25rem
  }
  .finish--content .information--panel-wrapper {
    margin: -2% 0 0 -2%;
    margin-bottom: 1.25rem
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing {
    width: 50%
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    padding-left: 0;
    width: 50%
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .finish--content .information--panel-wrapper .information--panel {
    margin: 0
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left;
    margin-bottom: 0
  }
  .finish--content .information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both
  }
  .finish--content .information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%
  }
  .finish--content .information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%
  }
  .teaser--btn-back {
    margin: 0rem 1.25rem 0rem 0rem;
    width: auto
  }
  .finish--table {
    margin: 1.25rem 0rem 0rem 0rem
  }
  .finish--table .table--header .panel--th {
    padding-right: 0
  }
  .finish--table .panel--body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
  .finish--table .column--total-price {
    width: 37%
  }
  .finish--table .table--tr {
    padding: 0
  }
  .finish--table .table--tr:last-child {
    border: 0 none
  }
  .finish--table .table--tr .column--quantity {
    line-height: 2.625rem;
    margin: 0
  }
  .finish--table .row--rebate .column--total-price, .finish--table .row--premium-product .column--total-price {
    width: 22.5%
  }
  .finish--table .row--voucher .column--total-price {
    margin-left: 0;
    width: 48%
  }
  .finish--table .table--aggregation {
    display: block;
    width: 50%
  }
  .finish--table .aggregation--list {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
}
@media screen and (min-width: 64em) {
  .finish--content .information--panel-wrapper {
    margin-bottom: 1.25rem
  }
  .finish--content .information--panel-wrapper .information--panel-item {
    width: 33.3%
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-billing, .finish--content .information--panel-wrapper .information--panel-item.information--panel-item-shipping {
    width: 33.3%
  }
  .finish--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%
  }
  .finish--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0
  }
  .finish--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
}
@media screen and (min-width: 78.75em) {
  .finish--content {
    padding-top: 2.8125rem
  }
  .finish--content .column--total-price {
    width: 34%
  }
  .finish--content .finish--table .table--header .column--product {
    width: 55%
  }
  .finish--content .finish--table .row--premium-product .column--total-price, .finish--content .finish--table .row--rebate .column--total-price {
    width: 19.5%
  }
  .finish--content .finish--table .row--voucher .column--total-price {
    width: 45%
  }
}
@media print {
  body {
    width: auto;
    height: auto;
    overflow: auto;
    background: #ffffff
  }
  .container {
    max-width: none
  }
  .is--act-finish .content-main {
    margin-top: 0
  }
  .finish--teaser, .navigation-main, .footer--columns, .shop--navigation, .top-bar, .btn--back-top-shop, .header-main .container--ajax-cart {
    display: none
  }
  .is--ctl-checkout.is--minimal-header .header-main, .header-main {
    border-bottom: none;
    margin: 0;
    padding: 0
  }
  .content-main {
    margin-bottom: 0
  }
  .finish--table {
    clear: both
  }
  .finish--table .table--tr {
    page-break-inside: avoid
  }
  .finish--table .table--content {
    width: 85%
  }
  .finish--table .column--product .column--image {
    width: 15%
  }
  .finish--table .column--label.quantity--label {
    margin: 0
  }
  .finish--table .column--product {
    width: 100%
  }
  .finish--table .column--product:after {
    content: "";
    display: table;
    clear: both
  }
  .finish--table .column--total-price, .finish--table .column--quantity {
    margin-left: 70%;
    width: 30%
  }
  .footer-minimal .footer--service-menu, .footer-main .footer--service-menu, .footer-minimal .footer--copyright, .footer-main .footer--copyright, .footer-minimal .footer--logo, .footer-main .footer--logo {
    display: none
  }
  .footer-minimal .vat-info--text, .footer-main .vat-info--text {
    font-size: .5625rem
  }
  .footer-minimal a, .footer-main a {
    color: #000
  }
}
.account--content {
  margin: .625rem 0rem 0rem 0rem
}
.partner-statistic .panel--title {
  padding-bottom: 1.25rem
}
.account--content:after, .payment_logo_debit:after, .account-address--container:after, .account-info--container:after {
  content: "";
  display: table;
  clear: both
}
.account--logout .logout--headline {
  font-size: 1.5rem;
  margin: .625rem 0rem 1.25rem 0rem
}
.account--logout .logout--actions {
  margin-bottom: .625rem
}
.account--logout .logout-back-to-shop {
  display: block
}
.account--menu .link--logout {
  font-weight: 700;
  color: #ff1c8e
}
.account--menu .navigation--logout-personalized {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.account--box {
  margin: 0rem 0rem 1.25rem 0rem
}
.account--password input[type="text"], .account--email input[type="text"], .account--password input[type="password"], .account--email input[type="password"], .account--password input[type="email"], .account--email input[type="email"] {
  width: 100%
}
.account--welcome {
  margin-bottom: 1.25rem
}
.account--welcome .panel--body {
  padding: 0
}
.account--welcome .panel--title {
  padding: 1.25rem 0rem 1.25rem 0rem;
  margin: 0
}
.account--welcome .panel--actions {
  padding: 0
}
.account--error, .account--success {
  margin: 0rem 0rem .625rem 0rem
}
.register--error-msg {
  color: #e74c3c
}
.account--actions {
  margin: 0rem 1.25rem 1.25rem 1rem
}
.account--actions:after {
  content: "";
  display: table;
  clear: both
}
.account--change-payment.register--content {
  display: block;
  width: 100%
}
.account--newsletter fieldset {
  border: 0;
  padding: 0
}
.account--newsletter fieldset input[type="checkbox"] {
  margin: 0rem .625rem 0rem 0rem
}
.account--paging {
  padding: .625rem .625rem .625rem .625rem;
  display: block;
  background: #fff
}
.account--paging:after {
  content: "";
  display: table;
  clear: both
}
.account--paging .paging--display {
  float: right
}
.account--orders-overview {
  border: 1px solid #d9dde0
}
.account--orders-overview p {
  font-size: .875rem
}
.account--orders-overview .orders--table-header {
  display: none;
  background: #fff
}
.account--orders-overview .orders--table-header .panel--th {
  color: #000
}
.account--orders-overview .panel--tr {
  padding: .625rem 0rem .625rem 0rem
}
.account--orders-overview .panel--td {
  padding: .3125rem .625rem .3125rem .625rem;
  display: block;
  float: none
}
.account--orders-overview .panel--td:after {
  content: "";
  display: table;
  clear: both
}
.account--orders-overview .column--info-labels, .account--orders-overview .column--info-data {
  width: 50%;
  float: left;
  text-align: left
}
.account--orders-overview .column--info-data {
  padding: .3125rem .625rem 0rem 0rem
}
.account--orders-overview .column--summary-labels, .account--orders-overview .column--summary-data {
  width: 50%;
  float: left;
  text-align: left
}
.account--orders-overview .column--summary-data {
  padding: .3125rem .625rem 0rem 0rem
}
.account--orders-overview .column--label, .account--orders-overview .column--value {
  width: 50%;
  float: left
}
.account--orders-overview .column--label {
  font-weight: 700
}
.is--act-partnerStatistic .content-main--inner {
  padding: 0rem 0rem 1rem 0rem
}
.is--act-partnerStatistic .account--welcome {
  padding: 0rem 0rem 0rem .625rem
}
.is--act-partnerStatistic .listing--actions {
  padding: .625rem 1.125rem 1.5rem 1.125rem;
  border-bottom: 1px solid #d9dde0
}
.is--act-partnerStatistic .date-filter {
  font-size: .875rem;
  height: 3.125rem;
  display: block;
  width: 100%
}
.is--act-partnerStatistic .date-filter--label {
  padding: .5625rem 0rem .625rem 0rem;
  width: 2.5rem;
  display: block;
  float: left
}
.is--act-partnerStatistic .date-filter--input {
  margin: 0rem 0rem 0rem 2.5rem;
  width: auto
}
.is--act-partnerStatistic .datepicker {
  padding-right: 2.1875rem;
  width: 100%;
  float: left
}
.is--act-partnerStatistic .ui-datepicker-trigger {
  width: 1.25rem;
  height: 1.25rem;
  margin: .625rem 0rem 0rem -1.875rem;
  display: inline;
  border: 0;
  background: transparent;
  text-align: center;
  color: #000;
  padding: 0
}
.is--act-partnerStatistic .btn--filter {
  width: 100%;
  text-align: center;
  margin: 0
}
.is--act-partnerStatistic .chart--holder {
  display: none
}
.is--act-partnerStatistic .panel--th, .is--act-partnerStatistic .panel--td {
  padding: .5rem .625rem .4375rem .625rem;
  width: 25%;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.is--act-partnerStatistic .panel--th:first-child, .is--act-partnerStatistic .panel--td:first-child {
  text-align: left
}
.is--act-partnerStatistic .panel--th {
  padding: .1875rem .625rem .125rem .625rem;
  font-size: .75rem;
  color: #000
}
.is--act-partnerStatistic .is--odd {
  padding: 0rem 0rem .5625rem 0rem;
  border-bottom: 1px solid #d9dde0
}
.is--act-partnerStatistic .is--odd .column--price, .is--act-partnerStatistic .is--odd .column--total {
  padding: .625rem .625rem .625rem .625rem;
  width: 100%
}
.is--act-partnerStatistic .column--label {
  text-align: left
}
.is--act-partnerStatistic .column--value {
  text-align: right
}
.is--act-partnerStatistic .column--label, .is--act-partnerStatistic .column--value {
  width: 50%;
  float: left
}
.is--act-partnerStatistic .column--item-sum .column--label {
  display: block !important
}
.order--status-icon {
  width: .5rem;
  height: .5rem;
  top: .5rem;
  display: inline-block;
  position: relative
}
.order--status-icon.status--0, .order--status-icon.status--1, .order--status-icon.status--3, .order--status-icon.status--6 {
  background: #4aa3df
}
.order--status-icon.status--2, .order--status-icon.status--5, .order--status-icon.status--7 {
  background: #2ecc71
}
.order--status-icon.status--4, .order--status-icon.status--8 {
  background: #e74c3c
}
.order--name {
  color: #000
}
.order--details, .order--price-unit, .order--current-price {
  display: none
}
.order--details .panel--tr {
  border-bottom: 1px solid #d9dde0
}
.order--repeat {
  text-align: center;
  background: #f5f6f7;
  border-bottom: 1px solid #d9dde0
}
.order--actions {
  text-align: center !important
}
.order--user-comments, .order--shop-comments {
  border-bottom: 1px solid #d9dde0
}
.account--downloads {
  border: 1px solid #d9dde0
}
.account--downloads p {
  font-size: .875rem
}
.account--downloads .downloads--table-header {
  display: none
}
.account--downloads .panel--tr {
  padding: .625rem 0rem .625rem 0rem
}
.account--downloads .panel--td {
  padding: .3125rem .625rem .3125rem .625rem;
  display: block;
  float: none
}
.account--downloads .panel--td:after {
  content: "";
  display: table;
  clear: both
}
.account--password-reset {
  margin-top: .625rem
}
.account--password-reset p {
  margin: 0
}
.account--password-reset .password-reset--input {
  margin: 0rem 0rem 1.875rem 0rem;
  width: 100%
}
.account--password-reset .password-reset--link {
  width: 100%;
  margin: 0
}
.account--password-reset .password-reset--link:first-child {
  margin: 0rem 0rem .625rem 0rem
}
.account--password-new {
  margin-top: .625rem
}
.account--password-new .password-new--input {
  margin-bottom: .9375rem;
  width: 100%
}
.account--password-new .password-new--helptext {
  margin-bottom: 0
}
.account--password-new .password-new--submit {
  display: block;
  width: 100%
}
.account--profile {
  margin: 0rem;
  padding-top: 1.875rem
}
.account--profile .profile--email-password-container:after {
  content: "";
  display: table;
  clear: both
}
.account--profile .profile-password--container {
  float: right;
  width: 100%
}
.account--profile .profile-email--container {
  float: left;
  width: 100%
}
.account--profile .alert {
  margin-bottom: 1.25rem
}
.account--profile .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0rem 0rem 0rem .3125rem;
  top: .25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67;
  display: inline-block;
  position: relative
}
.account--profile .panel {
  margin-bottom: 1.25rem
}
.account--profile .required-info {
  font-size: .875rem
}
.account--profile .select-field {
  margin-bottom: .625rem;
  max-width: 100%
}
.account--profile .profile--field {
  margin-bottom: .625rem;
  width: 100%
}
.account--profile .profile--zip-city .profile--field-zipcode {
  width: 28%;
  float: left
}
.account--profile .profile--zip-city .profile--field-city {
  width: 70%;
  float: left
}
.account--profile .profile--zip-city .profile--field-city:after {
  content: "";
  display: table;
  clear: both
}
.account--profile .birthday--label {
  margin: 0rem 0rem .3125rem 0rem;
  display: block;
  font-weight: 700
}
.account--profile .profile--birthdate .select-field {
  margin-bottom: .9375rem;
  max-width: 100%;
  float: left
}
.account--profile .profile--birthdate .datepicker {
  margin-bottom: .9375rem;
  width: 100%;
  max-width: 100%;
  float: left
}
.account--profile .profile--birthdate .profile--birthyear, .account--profile .profile--birthdate .profile--birthyear.select-field {
  margin-right: 0rem
}
@media screen and (max-width: 48em) {
  .column--info-wrapper:after {
    content: "";
    display: table;
    clear: both
  }
}
@media screen and (min-width: 30em) {
  .account--password-reset {
    margin-top: .625rem
  }
  .account--password-reset .password-reset--input {
    margin: .625rem 0rem 1.875rem 0rem
  }
  .account--password-reset .password-reset--link {
    margin: 0rem 0rem .625rem 0rem;
    width: auto
  }
  .account--password-reset .password-reset--link:first-child {
    margin: 0rem .625rem 0rem 0rem
  }
  .account--password-new .password-new--submit {
    display: inline-block;
    width: auto
  }
  .account--logout .logout-back-to-shop {
    display: inline-block
  }
}
@media screen and (min-width: 48em) {
  .account--content {
    margin: 1.875rem 0rem 0rem 0rem
  }
  .account--content.is--wide {
    width: 100%
  }
  .account--password-reset {
    margin: 1.25rem 0rem 0rem 0rem
  }
  .account--password-new {
    margin-top: 1.25rem
  }
  .account--password-new .password-new--input {
    width: 20rem
  }
  .account--menu {
    border: 1px solid #d9dde0
  }
  .account--menu .navigation--headline {
    padding: 1.25rem 0rem 0rem 0rem;
    margin: 0rem 1.25rem 0rem 1.25rem;
    font-size: 1rem;
    display: block;
    font-weight: 700;
    font-weight: 400;
    text-align: center;
    text-transform: none;
    color: #000;
    margin: auto;
    font-family: "Muli", sans-serif;
    line-height: 1.875rem;
    font-size: 1.375rem;
    padding: 1.25rem 0rem .625rem 0rem;
    text-decoration: none !important;
    background: transparent;
    padding: .9375rem 0rem .9375rem 0rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #d9dde0
  }
  .account--menu .navigation--headline.is--underline {
    padding: 1.25rem 0rem .625rem 0rem;
    border-bottom: 1px solid #d9dde0;
    text-decoration: none !important
  }
  .account--menu .navigation--headline.is--secondary {
    color: #000
  }
  .account--menu .navigation--headline.is--primary {
    color: #ff1c8e
  }
  .account--menu .navigation--headline.is--underline {
    background: transparent;
    padding: .9375rem 0rem .9375rem 0rem;
    margin-bottom: 1.25rem
  }
  .account--menu .navigation--headline.topseller--title {
    line-height: 1.875rem;
    font-size: 1.625rem;
    padding: .9375rem 0rem .9375rem 0rem
  }
  .account--menu .navigation--headline small, .account--menu .navigation--headline span {
    font-family: "Muli", sans-serif;
    font-size: 60%;
    font-weight: 300;
    display: block;
    line-height: .9375rem
  }
  .account--menu .account--menu-container {
    padding: .625rem .625rem .625rem .625rem;
    font-size: .875rem;
    line-height: 1.5rem;
    display: block;
    position: relative;
    color: #000;
    padding: .625rem 1.25rem .625rem 1.25rem
  }
  .account--menu .account--menu-container.has--border {
    border: 1px solid #d9dde0
  }
  .account--menu .account--menu-container.is--slim {
    padding: .3125rem .3125rem .3125rem .3125rem
  }
  .account--menu .account--menu-container.is--wide {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
  .account--menu .account--menu-container.is--flat {
    background: #f5f6f7
  }
  .account--menu .account--menu-container.is--embossed {
    box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
    background: #f5f6f7
  }
  .account--menu .navigation--list {
    padding: 0;
    border: 0 none
  }
  .account--menu .navigation--entry {
    margin: 0;
    border: 0 none
  }
  .account--menu .navigation--link {
    padding: .3125rem 0rem .3125rem 0rem
  }
  .account--menu .navigation--link.link--logout {
    margin: .625rem 0rem 0rem 0rem;
    padding: .625rem 0rem 0rem 0rem;
    border-top: 1px solid #d9dde0;
    font-weight: 700;
    color: #ff1c8e
  }
  .account--menu .navigation--link.link--logout [class^="icon--"] {
    margin: 0rem .3125rem 0rem 0rem;
    display: inline-block
  }
  .account--welcome .panel--title {
    font-size: 1.625rem
  }
  .account--orders-overview .orders--table-header {
    display: block
  }
  .account--orders-overview .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0
  }
  .account--orders-overview .panel--tr.order--repeat {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
  .account--orders-overview .panel--td {
    padding: .625rem .625rem .625rem .625rem;
    display: inline-block;
    float: left
  }
  .account--orders-overview .column--label {
    display: none
  }
  .account--orders-overview .column--value {
    width: 100%;
    float: none
  }
  .account--orders-overview .column--summary-labels, .account--orders-overview .column--summary-data {
    width: 20%;
    text-align: right
  }
  .account--orders-overview .column--date, .account--orders-overview .column--id, .account--orders-overview .column--dispatch {
    width: 20%
  }
  .account--orders-overview .column--status {
    width: 25%
  }
  .account--orders-overview .column--actions {
    width: 15%
  }
  .account--orders-overview .column--actions .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
  }
  .account--orders-overview .column--name {
    width: 50%
  }
  .account--orders-overview .column--quantity {
    width: 10%
  }
  .account--orders-overview .column--price {
    width: 20%
  }
  .account--orders-overview .column--total {
    width: 20%
  }
  .account--orders-overview .column--info-labels {
    width: 20%
  }
  .account--orders-overview .column--info-data {
    width: 40%
  }
  .order--item {
    margin: 0
  }
  .order--pseudo-price {
    font-size: .75rem
  }
  .order--download, .order--price-unit, .order--current-price {
    display: block !important
  }
  .order--download {
    margin: .625rem 0rem 0rem 0rem
  }
  .order--quantity {
    text-align: center !important
  }
  .order--actions, .order--price, .order--amount {
    text-align: right !important
  }
  .account--downloads .downloads--table-header {
    display: block !important;
    background: #fff
  }
  .account--downloads .downloads--table-header .panel--th {
    color: #000
  }
  .account--downloads .panel--tr {
    padding: 0;
    border-width: 0 0 1px 0
  }
  .account--downloads .panel--td {
    padding: .625rem .625rem .625rem .625rem;
    display: inline-block;
    float: left
  }
  .account--downloads .column--date, .account--downloads .column--actions {
    width: 20%
  }
  .account--downloads .column--info {
    width: 60%
  }
  .column--label {
    display: none
  }
  .column--date, .column--id, .column--dispatch {
    width: 20%
  }
  .column--status {
    width: 25%
  }
  .column--actions {
    width: 15%
  }
  .column--name {
    width: 50%
  }
  .column--quantity {
    width: 10%
  }
  .column--price {
    width: 20%
  }
  .column--total {
    width: 20%
  }
  .column--info-labels {
    width: 20%
  }
  .column--info-data {
    width: 40%
  }
  .column--summary {
    width: 20%
  }
  .account--password-reset .password-reset--input {
    width: 20rem
  }
  .account--error, .account--success {
    margin: 0rem 0rem 1.25rem 0rem
  }
  .is--act-partnerStatistic .content-main--inner {
    padding: 0rem 1.25rem 1rem 1.25rem
  }
  .is--act-partnerStatistic .account--welcome {
    padding: 0rem 0rem 0rem 0rem
  }
  .is--act-partnerStatistic .listing--actions {
    padding: .625rem .625rem .625rem .625rem;
    border-radius: 3px;
    background-clip: padding-box;
    border: 1px solid #d9dde0;
    background: #fff
  }
  .is--act-partnerStatistic .date-filter {
    padding: 0rem .625rem 0rem .625rem;
    width: 40%;
    float: left;
    height: auto
  }
  .is--act-partnerStatistic .date-filter--label {
    width: 10%
  }
  .is--act-partnerStatistic .btn--filter {
    width: 20%;
    float: left;
    height: 40px
  }
  .is--act-partnerStatistic .chart--holder {
    text-align: center !important;
    display: block !important;
    width: 100%
  }
  .is--act-partnerStatistic .panel--th, .is--act-partnerStatistic .panel--td {
    padding: .625rem .625rem .625rem .625rem
  }
  .is--act-partnerStatistic .column--item-sum {
    width: 75% !important
  }
  .is--act-partnerStatistic .column--item-sum .column--label, .is--act-partnerStatistic .column--item-sum .column--value {
    float: left;
    width: 50%
  }
  .is--act-partnerStatistic .is--odd {
    border: 0;
    padding: 0
  }
  .is--act-partnerStatistic .is--odd .column--total {
    width: 25%;
    float: left !important
  }
  .is--act-partnerStatistic .is--odd .column--total .column--value {
    width: 100%
  }
  .account--profile {
    margin: 0rem
  }
  .account--profile .select-field {
    margin-bottom: .9375rem
  }
  .account--profile .profile--field {
    margin-bottom: .9375rem
  }
  .account--profile .select-field {
    max-width: 18.125rem
  }
  .account--profile .profile--birthdate .select-field {
    width: 32%;
    margin-right: 2%
  }
}
@media screen and (min-width: 64em) {
  .account--info, .account--billing {
    width: 49%;
    float: left
  }
  .account--payment, .account--shipping {
    width: 49%;
    float: right
  }
  .account--email, .account--password, .account--userdata {
    display: none
  }
  .account--email, .account--password, .account--userdata, .account--newsletter {
    clear: both
  }
  .account--password-reset {
    margin: 1.25rem 0rem 0rem 0rem
  }
  .account--info .panel--body, .account--payment .panel--body {
    height: 7.5rem
  }
  .account--profile .profile-password--container {
    float: right;
    width: 49%
  }
  .account--profile .profile-email--container {
    float: left;
    width: 49%;
    margin-right: 2%
  }
}
@media screen and (min-width: 78.75em) {
  .is--act-partnerStatistic .content-main--inner {
    padding: 0rem 2.8125rem 2.8125rem 2.8125rem
  }
  .account--profile {
    padding-top: 2.8125rem
  }
  .account--content {
    margin: 2.8125rem 0rem 0rem 0rem
  }
  .account--password-reset {
    margin: 2.8125rem 0rem 0rem 0rem
  }
  .account--password-new {
    margin-top: 2.8125rem
  }
  .account--error, .account--success {
    margin: 0rem 0rem 1.25rem 0rem
  }
}
.partner-statistic .account--welcome {
  margin-bottom: 0
}
.partner-statistic .partner-statistic-body {
  padding: .625rem .625rem .625rem .625rem;
  margin: 0rem 0rem 1.25rem 0rem
}
.partner-statistic .date-filter {
  display: inline-block
}
.partner-statistic .date-filter--input {
  margin: 0rem 0rem 1.25rem 0rem
}
.partner-statistic .ui-datepicker-trigger {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2rem;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: 1px solid #d9dde0;
  color: #000;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  padding: .625rem .625rem .5625rem .625rem;
  margin: 0rem 1.5625rem 0rem 0rem;
  line-height: 1.25rem
}
.partner-statistic .ui-datepicker-trigger [class^="icon--"] {
  font-size: .625rem
}
.partner-statistic .ui-datepicker-trigger .is--large {
  font-size: 1rem
}
.partner-statistic .ui-datepicker-trigger.is--icon-right {
  padding-right: 2.25rem
}
.partner-statistic .ui-datepicker-trigger.is--icon-right [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  right: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.partner-statistic .ui-datepicker-trigger.is--icon-left {
  padding-left: 2.25rem
}
.partner-statistic .ui-datepicker-trigger.is--icon-left [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  left: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.partner-statistic .ui-datepicker-trigger:disabled, .partner-statistic .ui-datepicker-trigger:disabled:hover, .partner-statistic .ui-datepicker-trigger.is--disabled, .partner-statistic .ui-datepicker-trigger.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.partner-statistic .ui-datepicker-trigger:hover {
  background: #fff;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.partner-statistic .ui-datepicker-trigger:focus {
  outline: none
}
.partner-statistic .ui-datepicker-trigger.is--small {
  line-height: 1.75rem
}
.partner-statistic .ui-datepicker-trigger.is--medium {
  line-height: 2rem;
  height: 2.375rem
}
.partner-statistic .ui-datepicker-trigger.is--large {
  line-height: 2.25rem;
  height: 2.625rem
}
.partner-statistic .ui-datepicker-trigger.is--full {
  display: block
}
.partner-statistic .ui-datepicker-trigger.is--center {
  text-align: center
}
.partner-statistic .ui-datepicker-trigger.is--icon-right [class^="icon--"] {
  font-weight: normal
}
.partner-statistic .ui-datepicker-trigger.is--icon-left [class^="icon--"] {
  font-weight: normal
}
.partner-statistic .ui-datepicker-trigger.is--primary, .partner-statistic .ui-datepicker-trigger.is--secondary {
  background-size: 200% auto
}
.partner-statistic .ui-datepicker-trigger.is--primary:hover, .partner-statistic .ui-datepicker-trigger.is--secondary:hover {
  background-position: right center
}
.partner-statistic .ui-datepicker-trigger.is--primary {
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%)
}
.partner-statistic .ui-datepicker-trigger.is--secondary {
  background-image: linear-gradient(to right, #222 0%, #222 51%, #222 100%)
}
.partner-statistic .ui-datepicker-trigger:disabled, .partner-statistic .ui-datepicker-trigger:disabled:hover, .partner-statistic .ui-datepicker-trigger.is--disabled, .partner-statistic .ui-datepicker-trigger.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.note--content {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.note--overview .panel--td {
  padding: 0
}
.note--item {
  padding: 1.25rem 0rem 1.25rem 0rem;
  position: relative
}
.note--info, .note--sale {
  width: 80%
}
.note--image-container {
  width: 4.6875rem;
  margin: 0rem 1.25rem 1.25rem 0rem;
  display: table-row;
  float: left
}
.note--image-link {
  width: 4.6875rem;
  height: 4.6875rem;
  padding: .3125rem .3125rem .3125rem .3125rem;
  line-height: 4.0625rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d9dde0
}
.note--image {
  max-width: 4.0625rem;
  max-height: 4.0625rem;
  margin: 0 auto
}
.note--title {
  margin: 0rem 0rem .3125rem 5.9375rem;
  font-size: 1.125rem;
  display: block;
  font-weight: 700;
  color: #000
}
.note--title:hover {
  color: #ff1c8e
}
.note--rating {
  margin: 0rem 0rem .625rem 5.9375rem
}
.note--rating [class^="icon--"] {
  color: #f1c40f
}
.note--supplier {
  display: none
}
.note--ordernumber, .note--date, .note--overview .product--rating {
  margin: 0rem 0rem 0rem 5.9375rem;
  display: block
}
.note--delivery {
  margin: 0rem 0rem 0rem 5.9375rem
}
.note--delivery .delivery--status-icon {
  display: none
}
.note--delivery .delivery--text-available {
  display: block
}
.note--compare {
  margin: .625rem 0rem 0rem 5.9375rem;
  display: none
}
.note--compare .compare--link {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #000
}
.note--compare .compare--link:hover {
  color: #ff1c8e
}
.note--compare [class^="icon--"] {
  margin: 0rem .3125rem 0rem 0rem;
  font-size: .75rem
}
.note--price-unit {
  margin: .3125rem 0rem 0rem 5.9375rem;
  font-size: .75rem;
  line-height: 1.125rem;
  display: block
}
.note--price {
  font-size: 1.125rem;
  margin: .9375rem 0rem 0rem 5.9375rem;
  color: #000;
  font-weight: 700
}
.note--delete {
  width: 2.5rem;
  height: 2.5rem;
  font-size: .625rem;
  line-height: 2.375rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border-radius: 3px;
  background-clip: padding-box;
  top: 1.25rem;
  right: 0;
  left: auto;
  display: block;
  position: absolute;
  border: 1px solid #d9dde0;
  text-align: center;
  font-weight: 400;
  color: #000
}
.note--delete:hover {
  color: #ff1c8e;
  border-color: #ff1c8e
}
@media screen and (min-width: 48em) {
  .note--overview .panel--table {
    padding: 0rem 1.25rem 0rem 1.25rem;
    border: 1px solid #d9dde0
  }
  .note--compare {
    display: block
  }
}
@media screen and (min-width: 64em) {
  .note--info {
    padding-right: 1.25rem;
    width: 70%
  }
  .note--sale {
    padding-right: 3.4375rem;
    width: 30%
  }
  .note--zoom {
    font-size: .75rem;
    display: block;
    color: #000;
    text-align: center
  }
  .note--zoom:hover {
    color: #ff1c8e
  }
  .note--title {
    margin: 0rem 0rem .3125rem 6.5625rem
  }
  .note--supplier, .note--ordernumber, .note--date, .note--overview .product--rating {
    margin: 0rem 0rem 0rem 6.5625rem;
    display: block
  }
  .note--delivery {
    margin: 0rem 0rem 0rem 6.5625rem
  }
  .note--compare {
    margin: .3125rem 0rem 0rem 0rem
  }
  .note--price {
    margin: 0
  }
  .note--price-unit {
    padding-right: 3.125rem;
    margin: .3125rem 0rem 0rem 0rem
  }
}
@media screen and (min-width: 78.75em) {
  .note--content {
    margin: 2.8125rem 0rem 0rem 0rem
  }
}
.forms--content {
  width: 100%
}
.forms--content .forms--headline {
  margin-bottom: 1.25rem
}
.forms--content .forms--headline .forms--title {
  margin-top: 0rem
}
.forms--content .forms--headline .forms--text p {
  margin-bottom: .75rem
}
.forms--content .alert {
  margin: 1.875rem 0rem 0rem 0rem
}
.forms--content .forms--field {
  margin-bottom: .3125rem;
  width: 100%
}
.forms--content input {
  margin-bottom: .625rem;
  width: 100%
}
.forms--content input[type="checkbox"] {
  width: auto
}
.forms--content textarea {
  margin-bottom: .625rem;
  width: 100%
}
.forms--content .field--select {
  margin-bottom: .625rem
}
.forms--content .btn {
  float: right
}
.forms--content .buttons:after {
  content: "";
  display: table;
  clear: both
}
.forms--content .strasse {
  margin-right: 2%;
  width: 80%;
  float: left
}
.forms--content .nr {
  width: 18%;
  float: left
}
.forms--content .plz {
  margin-right: 2%;
  width: 28%;
  float: left
}
.forms--content .ort {
  width: 70%;
  float: left
}
.forms--content .ort:after {
  content: "";
  display: table;
  clear: both
}
.forms--content .forms--required {
  font-size: .75rem;
  margin-bottom: .625rem
}
.forms--content .forms--description {
  margin: -0.5rem 0rem .625rem 0rem;
  clear: both
}
.forms--content .forms--captcha strong.captcha--notice {
  margin-bottom: .5rem;
  display: block
}
.forms--content .forms--checkbox label {
  top: -0.125rem;
  position: relative
}
.forms--content .forms--checkbox input[type="checkbox"] {
  width: auto
}
@media screen and (min-width: 48em) {
  .forms--content {
    margin-top: 2.8125rem
  }
  .forms--content input {
    margin-bottom: .9375rem
  }
  .forms--content textarea {
    margin-bottom: .9375rem
  }
  .forms--content .forms--captcha strong.captcha--notice {
    margin-bottom: 1rem
  }
}
@media screen and (min-width: 78.75em) {
  .forms--content {
    margin-top: 2.8125rem
  }
  .forms--content .alert {
    margin: 0rem 0rem 0rem 0rem
  }
}
.sitemap--content {
  margin-top: .625rem
}
.sitemap--content .sitemap--headline {
  margin-bottom: .625rem
}
.sitemap--content .sitemap--headline .sitemap--title {
  margin-top: 0
}
.sitemap--content .sitemap--headline .sitemap--headline-text {
  margin-bottom: 0rem
}
.sitemap--content .sitemap--category {
  padding-bottom: .625rem;
  margin-bottom: 1rem;
  min-height: 3.75rem;
  background-color: #fff
}
.sitemap--content .sitemap--category .sitemap--navigation-link {
  padding: .25rem 0rem .25rem 1.25rem;
  color: #000;
  display: block
}
.sitemap--content .sitemap--category .sitemap--navigation-link:hover {
  color: #ff1c8e
}
.sitemap--content .sitemap--navigation-entry-inner .sitemap--navigation-link {
  padding-left: 2.1875rem
}
.sitemap--content .sitemap--navigation-head {
  padding: .25rem .625rem .25rem .625rem;
  margin-bottom: .5rem;
  background: #222
}
.sitemap--content .sitemap--navigation-head .sitemap--navigation-head-link {
  color: #fff
}
@media screen and (min-width: 48em) {
  .sitemap--content {
    margin-top: 1.25rem
  }
  .sitemap--content .sitemap--headline {
    margin-bottom: 1.25rem
  }
  .sitemap--content .sitemap--category {
    width: 49%;
    float: left;
    margin-right: 2%
  }
  .sitemap--content .sitemap--category:last-child, .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 0rem
  }
}
@media screen and (min-width: 64em) {
  .sitemap--content .sitemap--category {
    width: 24%;
    float: left;
    margin-right: 1.25%
  }
  .sitemap--content .sitemap--category:last-child {
    margin-right: 0rem
  }
  .sitemap--content .sitemap--category:nth-child(2) {
    margin-right: 1.25%
  }
}
@media screen and (min-width: 78.75em) {
  .sitemap--content {
    margin-top: 2.8125rem
  }
}
.search--content {
  padding: 2.5rem 0rem 0rem 0rem
}
.search--headline {
  margin: 0rem 0rem 2.5rem 0rem;
  text-align: center
}
.search--cat-filter {
  margin: 0rem 0rem 1.25rem 0rem
}
.search--cat-filter .cat-filter--headline {
  padding: 0rem 0rem .3125rem 0rem;
  margin: 0rem 0rem 1.25rem 0rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #d9dde0
}
.search--cat-filter .cat-filter--reset {
  margin: 0rem 0rem .9375rem 0rem;
  line-height: 1.5rem;
  border-color: #ff1c8e
}
.search--cat-filter .cat-filter--reset [class^="icon--"] {
  top: -0.0625rem;
  margin-right: .625rem;
  font-size: .5rem;
  position: relative
}
.search--cat-filter .cat-filter--active-path {
  margin: 0rem 0rem 1.25rem 0rem
}
.search--cat-filter .cat-filter--label {
  margin: 0rem .625rem 0rem 0rem;
  font-weight: 700
}
.search--cat-filter .cat-filter--path {
  white-space: nowrap
}
.search--cat-filter .cat-filter--path [class^="icon--"] {
  margin: 0rem 1.25rem 0rem 1.25rem;
  font-size: .625rem
}
.search--cat-filter .cat-filter--link, .search--cat-filter .cat-filter--sub-cat {
  color: #000
}
.search--cat-filter .cat-filter--link:hover, .search--cat-filter .cat-filter--sub-cat:hover {
  color: #ff1c8e
}
.search--cat-filter .cat-filter--link .checkbox, .search--cat-filter .cat-filter--sub-cat .checkbox {
  margin: 0rem .3125rem 0rem 0rem;
  top: -0.0625rem;
  position: relative
}
.search--cat-filter .cat-filter--sub-cat {
  width: 11.25rem;
  line-height: 1.5rem;
  margin: 0rem .625rem 0rem 0rem;
  display: block
}
@media screen and (min-width: 48em) {
  .search--cat-filter {
    margin: 0rem 0rem 2.5rem 0rem
  }
}
@media screen and (min-width: 78.75em) {
  .search--content {
    padding: 2.8125rem 0rem 0rem 0rem
  }
}
.custom-page--content {
  margin-top: .625rem
}
.custom-page--content ul, .custom-page--content ol {
  padding-left: 1.25rem
}
.custom-page--content .custom-page--tab-headline {
  margin-top: 0rem;
  font-size: 1.5rem
}
.custom-page--content .content--custom.panel--body {
  padding: 1.25rem
}
.custom-page--content .is--active-parent {
  display: block
}
.ajax-modal--custom {
  padding: .5rem .5rem .5rem .5rem
}
@media screen and (min-width: 48em) {
  .custom-page--content {
    margin-top: 1.875rem
  }
  .custom-page--content .custom-page--tab-headline {
    margin-top: .625rem
  }
  .ajax-modal--custom {
    padding: .625rem .625rem .625rem .625rem
  }
}
@media screen and (min-width: 78.75em) {
  .ajax-modal--custom {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
  .custom-page--content {
    margin-top: 2.8125rem
  }
}
.confirm--content > .alert {
  margin: .5rem 0rem 0rem 0rem
}
.confirm--content .body--revocation {
  font-weight: 700
}
.confirm--content .panel {
  margin: .5rem 0rem .5rem 0rem;
  border-radius: 3px;
  background-clip: padding-box
}
.confirm--content .product--table {
  margin: 0
}
.confirm--content .product--table .panel--body {
  background: #fff;
  color: #000;
  padding-bottom: 0
}
.confirm--content .product--table .table--tr, .confirm--content .product--table .table--media img {
  border-color: #d9dde0
}
.confirm--content .product--table .basket--footer {
  margin: 0rem -0.625rem 0rem -0.625rem;
  background: #fff;
  border-color: #d9dde0
}
.confirm--content .product--table .basket--footer .aggregation--list {
  margin: 0;
  background: transparent;
  border-top: 1px solid #d9dde0
}
.confirm--content .product--table .basket--footer .table--aggregation {
  margin-left: 0;
  margin-right: 0
}
.confirm--content .product--table .is--last-row {
  border-bottom: 0 none
}
.confirm--content .column--unit-price {
  display: none
}
.confirm--content .table--tr .column--tax-price {
  padding: 0rem 0rem .5625rem .625rem
}
.confirm--content .agb_info, .confirm--content .list--checkbox {
  margin: 0rem 0rem 1.3125rem 0rem
}
.confirm--content .list--checkbox .column--checkbox {
  width: 10%
}
.confirm--content .list--checkbox .column--label {
  width: 90%
}
.confirm--content .add-product--form {
  margin: .75rem 0rem .75rem 0rem
}
.confirm--content .add-voucher--form:after, .confirm--content .add-product--form:after {
  content: "";
  display: table;
  clear: both
}
.confirm--content .add-product--field, .confirm--content .add-voucher--field {
  border-top-left-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
  background-clip: padding-box;
  width: 90%
}
.confirm--content .add-product--button, .confirm--content .add-voucher--button {
  padding: .3125rem 0rem .3125rem 0rem;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  width: 10%;
  text-align: center
}
.confirm--content .user-comment--field {
  width: 100%
}
.confirm--content .table--actions .main--actions {
  margin: 1.25rem 0rem .625rem 0rem
}
.confirm--content .table--actions .btn {
  width: 100%
}
.confirm--content .table-footer--country-notice {
  margin: .6875rem 0rem 0rem 0rem
}
.confirm--content .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: .375rem;
  top: .125rem;
  margin: .5rem .3125rem .5rem .3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67;
  display: block;
  position: absolute
}
.confirm--content .payment--panel .payment--method-info, .confirm--content .payment--panel .shipping--method-info {
  margin-bottom: .625rem
}
.confirm--content .payment--panel .payment--description, .confirm--content .payment--panel .shipping--description {
  white-space: nowrap
}
.confirm--content .information--panel-item:after {
  content: "";
  display: table;
  clear: both
}
.confirm--content .information--panel-item .panel--body:after {
  content: "";
  display: table;
  clear: both
}
.confirm--content .information--panel-item .alert {
  margin-bottom: 0
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel {
  text-align: center
}
.confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
  display: none
}
.confirm--content .set-default {
  margin-top: .9375rem
}
.confirm--content .choose-different-address {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
  vertical-align: bottom
}
@media screen and (max-width: 30em) {
  .confirm--content .information--panel-item .information--panel-address .shipping--panel {
    margin-top: 1.25rem;
    padding-top: 1.25rem
  }
  .confirm--content .information--panel-item .information--panel-address .shipping--panel .btn {
    text-align: center
  }
  .confirm--content .information--panel-item .information--panel-address .panel--actions .choose-different-address {
    display: inline-block
  }
  .confirm--content .information--panel-item .information--panel-address .panel--body {
    padding-bottom: 0
  }
  .confirm--content .information--panel-item .choose-different-address {
    margin-top: .625rem
  }
}
@media screen and (min-width: 30em) {
  .confirm--content .product--table .column--quantity {
    width: 26%
  }
  .confirm--content .product--table .column--total-price {
    width: 28.5%
  }
  .confirm--content .product--table .column--tax-price {
    padding-right: .625rem;
    float: left;
    width: 32%
  }
  .confirm--content .product--table .row--rebate .column--tax-price, .confirm--content .product--table .row--premium-product .column--tax-price, .confirm--content .product--table .row--voucher .column--tax-price {
    margin-left: 39.5%
  }
  .confirm--content .information--panel-address > .panel {
    margin: 0
  }
  .confirm--content .information--panel-address > .panel .information--panel {
    width: 50%;
    float: left
  }
}
@media screen and (min-width: 48em) {
  .is--act-shippingpayment .basket--footer {
    border-radius: 3px;
    background-clip: padding-box
  }
  .confirm--content > .alert {
    margin: 1.25rem 0rem 0rem 0rem
  }
  .confirm--content .panel {
    margin: 1.25rem 0rem 1.25rem 0rem
  }
  .confirm--content .product--table .table--header {
    background: #fff;
    border-color: #d9dde0
  }
  .confirm--content .product--table .table--header .panel--th {
    color: #000
  }
  .confirm--content .product--table .column--product {
    width: 47%
  }
  .confirm--content .product--table .column--quantity {
    width: 11%
  }
  .confirm--content .product--table .column--tax-price {
    width: 17%
  }
  .confirm--content .product--table .column--total-price {
    width: 17%
  }
  .confirm--content .product--table .column--actions {
    width: 7.5%
  }
  .confirm--content .product--table .is--last-row {
    border-bottom: 0 none
  }
  .confirm--content .product--table .row--product .column--tax-price {
    line-height: 2.625rem;
    padding-top: 1.625rem
  }
  .confirm--content .product--table .panel--body {
    padding-bottom: 1.25rem
  }
  .confirm--content .product--table .basket--footer {
    margin: 0rem -1.25rem -1.25rem -1.25rem
  }
  .confirm--content .product--table .row--rebate .column--tax-price, .confirm--content .product--table .row--premium-product .column--tax-price, .confirm--content .product--table .row--voucher .column--tax-price {
    padding-top: 1.3125rem;
    margin-left: 11%
  }
  .confirm--content .product--table .row--rebate .column--total-price, .confirm--content .product--table .row--premium-product .column--total-price, .confirm--content .product--table .row--voucher .column--total-price {
    margin-left: 0
  }
  .confirm--content .product--table .column--tax-price .tax-price--label {
    margin-bottom: .75rem;
    margin: 0
  }
  .confirm--content .row--premium-product .column--product, .confirm--content .row--rebate .column--product {
    width: 58%
  }
  .confirm--content .row--premium-product .column--product .column--image, .confirm--content .row--rebate .column--product .column--image {
    width: 16.2%
  }
  .confirm--content .product--table .row--premium-product .column--tax-price, .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0
  }
  .confirm--content .tos--panel .column--checkbox {
    margin-right: .75rem;
    width: auto
  }
  .confirm--content .tos--panel .column--label {
    width: 95%;
    display: block
  }
  .confirm--content .information--panel-wrapper {
    margin: -2% 0 0 -2%
  }
  .confirm--content .information--panel-wrapper .information--panel {
    margin: 0
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    padding: 2% 0 0 2%;
    width: 100%;
    float: left
  }
  .confirm--content .additional--features .feature--add-product {
    width: 40%;
    margin: -1% 2.5% 0 0
  }
  .confirm--content .additional--features .feature--user-comment {
    width: 55%;
    margin: 0 0 0 2.5%
  }
  .confirm--content .additional--features .user-comment--field {
    height: 5.9375rem
  }
  .confirm--content .product--table .basket--footer .aggregation--list {
    float: right;
    padding-right: 10.4%;
    border-top: 0 none
  }
  .confirm--content .main--actions .btn {
    width: auto;
    float: right
  }
  .confirm--content .main--actions .btn:after {
    content: "";
    display: table;
    clear: both
  }
  .confirm--content .relevant--info {
    display: block
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing {
    width: 50%
  }
  .confirm--content .information--panel-wrapper .information--panel-item-billing .panel {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping {
    padding-left: 0;
    width: 50%
  }
  .confirm--content .information--panel-wrapper .information--panel-item-shipping .panel {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }
  .confirm--content .information--panel-item.information--panel-address .panel--actions .choose-different-address {
    display: none
  }
  .confirm--content .information--panel-item.information--panel-address .shipping--panel .btn {
    display: inline-block
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body:after {
    content: "";
    display: table;
    clear: both
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .billing--panel {
    float: left;
    width: 50%
  }
  .confirm--content .information--panel-item.information--panel-address .panel--body .shipping--panel {
    float: right;
    width: 50%
  }
}
@media screen and (min-width: 64em) {
  .confirm--content .product--table .row--premium-product .column--image, .confirm--content .product--table .row--rebate .column--image {
    width: 13%
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 10%
  }
  .confirm--content .information--panel-wrapper .payment--panel .panel--actions {
    position: relative
  }
  .confirm--content .information--panel-wrapper .payment--panel .btn--change-payment {
    bottom: 1.25rem;
    position: absolute
  }
  .confirm--content .information--panel-wrapper .information--panel-item {
    width: 33.3%
  }
  .confirm--content .information--panel-wrapper .information--panel-item.information--panel-address {
    width: 66.6%
  }
}
@media screen and (min-width: 78.75em) {
  .confirm--content {
    padding-top: 1.5625rem
  }
  .confirm--content > .alert {
    margin: 2.8125rem 0rem 0rem 0rem
  }
  .confirm--content .product--table .row--premium-product .column--product, .confirm--content .product--table .row--rebate .column--product {
    width: 58%
  }
  .confirm--content .product--table .row--premium-product .column--image, .confirm--content .product--table .row--rebate .column--image {
    width: 11.3%
  }
  .confirm--content .product--table .row--premium-product .column--tax-price, .confirm--content .product--table .row--rebate .column--tax-price {
    margin-left: 0
  }
  .confirm--content .product--table .aggregation--list {
    padding-right: 9.6%
  }
}
.newsletter--content {
  padding-top: .625rem
}
.newsletter--content:after {
  content: "";
  display: table;
  clear: both
}
.newsletter--content .newsletter--error-messages {
  margin-bottom: .625rem
}
.newsletter--content .newsletter--headline {
  margin-bottom: .625rem
}
.newsletter--content .newsletter--headline .newsletter--title {
  margin-top: .625rem
}
.newsletter--content .newsletter--headline .newsletter--info {
  margin: 0
}
.newsletter--content .select-field {
  margin-bottom: .625rem;
  max-width: 100%
}
.newsletter--content .newsletter--required-info {
  margin-bottom: 1rem
}
.newsletter--content .newsletter--action:after {
  content: "";
  display: table;
  clear: both
}
.newsletter-listing--content {
  margin-top: .625rem
}
.newsletter-listing--content .newsletter-listing--headline {
  margin-bottom: .625rem
}
.newsletter-listing--content .newsletter--title {
  margin: .625rem 0rem .625rem 0rem
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
  width: 65%
}
.newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
  width: 35%
}
.newsletter-listing--content .newsletter-listing--entry {
  padding: .625rem 0rem .625rem 0rem;
  border-bottom: 1px solid #d9dde0
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
  margin-top: .25rem;
  width: 65%
}
.newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
  width: 35%
}
.newsletter-listing--content .newsletter-listing--entry:last-child {
  border: none
}
.newsletter-detail--content {
  margin-top: .625rem
}
.newsletter-detail--content .newsletter-detail--container:after {
  content: "";
  display: table;
  clear: both
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}
.newsletter-detail--content .newsletter-detail--container .newsletter-detail--iframe iframe {
  min-height: 31.25rem;
  width: 100%;
  border: none;
  outline: none
}
.newsletter-detail--content .newsletter-detail--buttons {
  margin: .625rem 0rem .625rem 0rem
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink {
  width: 100%
}
.newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
  margin-bottom: .625rem;
  width: 100%
}
@media screen and (min-width: 30em) {
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 80%
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 20%
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 80%
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 20%
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--backlink, .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    margin: 0
  }
}
@media screen and (min-width: 48em) {
  .newsletter--content {
    padding-top: 1.25rem
  }
  .newsletter--content .newsletter--error-messages {
    margin-bottom: 1.25rem
  }
  .newsletter--content .newsletter--headline {
    margin-bottom: 1.25rem
  }
  .newsletter--content .select-field {
    margin-bottom: .9375rem;
    max-width: 18.125rem
  }
  .newsletter-listing--content {
    margin-top: 1.25rem
  }
  .newsletter-listing--content .newsletter-listing--headline {
    margin-bottom: 1.25rem
  }
  .newsletter-detail--content {
    margin-top: 1.25rem
  }
  .newsletter-detail--content .newsletter-detail--buttons .newsletter-detail--window {
    width: auto;
    text-align: right
  }
}
@media screen and (min-width: 78.75em) {
  .newsletter--error-messages {
    padding-top: 0rem
  }
  .newsletter--content {
    margin-top: 2.8125rem;
    padding: 0
  }
  .newsletter--content .newsletter--headline .newsletter--title {
    margin-top: 0rem
  }
  .newsletter-listing--content {
    margin-top: 2.8125rem
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-name {
    width: 90%
  }
  .newsletter-listing--content .newsletter-listing--table-headline .newsletter-listing--headline-button {
    width: 10%
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-description {
    width: 90%
  }
  .newsletter-listing--content .newsletter-listing--entry .newsletter-listing--entry-button {
    width: 10%
  }
  .newsletter-detail--content {
    margin-top: 2.8125rem
  }
}
.blog--listing {
  margin-top: 1rem
}
.blog--filter-btn {
  margin-bottom: 1.25rem
}
.blog--filter-btn .filter--trigger {
  display: block
}
.blog--filter-options {
  border-right: 1px solid #d9dde0
}
.blog--filter-options .filter--container {
  padding: 0rem .625rem 0rem .625rem
}
.blog--filter-options .blog--filter-close-btn {
  padding: .75rem .625rem .75rem .625rem;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%);
  display: block;
  color: #fff;
  font-weight: 700
}
.blog--filter-options .blog--filter-close-btn:hover {
  color: #fff
}
.blog--filter-options .blog--filter-close-btn .icon--arrow-right {
  margin: .1875rem 0rem 0rem 0rem;
  float: right
}
.blog--filter-options .blog--subscribe {
  display: none
}
.blog--filter-options .filter--headline {
  font-size: 1rem;
  line-height: 1.625rem;
  margin: 1rem .625rem .375rem .625rem;
  font-weight: 700;
  color: #000
}
.blog--filter-options .filter--entry {
  padding: .625rem 1.25rem .625rem 1.25rem;
  font-size: 1rem;
  display: block;
  border-bottom: 1px solid #d9dde0
}
.blog--filter-options .filter--entry:last-child {
  border: 0 none
}
.blog--filter-options .filter--link {
  color: #000
}
.blog--filter-options .filter--link:hover {
  color: #ff1c8e
}
.blog--sidebar {
  width: 100%
}
.blog--sidebar .block-group {
  width: 100%
}
.blog--sidebar .blog--navigation .has--border {
  border: none
}
.blog--sidebar .blog--navigation .collapse--header {
  padding: .625rem 1.25rem .625rem 1.25rem;
  margin-bottom: .3125rem;
  font-weight: 400;
  color: #000
}
.blog--sidebar .blog--navigation .collapse--header:hover {
  color: #ff1c8e
}
.blog--sidebar .blog--navigation .is--active {
  color: #fff;
  font-weight: 700
}
.blog--sidebar .blog--navigation .is--active:hover {
  color: #fff
}
.blog--sidebar .blog--navigation .collapse--content {
  padding: 0rem 0rem 0rem 0rem
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link {
  color: #000
}
.blog--sidebar .blog--navigation .collapse--content .filter--entry-link:hover {
  color: #ff1c8e
}
.blog--sidebar .blog--filter-content, .blog--sidebar .blog--subscribe-content {
  display: none
}
.blog--sidebar .blog--filter-content.is--active, .blog--sidebar .blog--subscribe-content.is--active {
  display: block
}
.blog--sidebar .blog--filter-tags:after {
  content: "";
  display: table;
  clear: both
}
.blog--box {
  margin-bottom: 1.25rem
}
.blog--box:after {
  content: "";
  display: table;
  clear: both
}
.blog--box .blog--box-metadata {
  padding-bottom: .875rem;
  padding-top: .3125rem;
  font-size: .75rem;
  margin: 0rem 1.25rem 0rem 1.25rem;
  border-bottom: 1px solid #d9dde0
}
.blog--box .blog--box-metadata .blog--metadata {
  padding-right: .5rem;
  margin-right: .5rem;
  display: inline-block;
  border-right: 1px solid #d9dde0
}
.blog--box .blog--box-metadata .blog--metadata:last-child {
  border-right: 0 none
}
.blog--box .blog--box-metadata .blog--metadata-rating {
  font-size: .875rem;
  color: #000
}
.blog--box .blog--box-headline {
  font-size: 1.125rem
}
.blog--box .blog--box-link {
  color: #000
}
.blog--box .blog--box-link:hover {
  color: #ff1c8e
}
.blog--box .blog--box-picture {
  display: block;
  height: auto;
  width: 100%
}
.blog--box .blog--picture-preview {
  width: 100%
}
.blog--box .blog--box-description {
  margin-top: 1rem
}
.blog--box .blog--box-description .blog--box-description-short {
  margin-bottom: 1rem;
  margin-top: -0.375rem
}
.blog--box .blog--box-tags {
  margin-top: .5rem;
  font-size: .75rem
}
.blog--detail {
  margin-top: .625rem
}
.blog--detail ul, .blog--detail ol {
  padding-left: 1.875rem
}
.blog--detail .listing {
  margin: 0
}
.blog--detail .blog--box {
  margin-bottom: 0
}
.blog--detail .blog--detail-header {
  margin-bottom: 1.25rem
}
.blog--detail .blog--detail-headline {
  margin: 0rem 0rem .3125rem 0rem
}
.blog--detail .blog--detail-headline, .blog--detail .blog--detail-box-headline {
  font-size: 1.125rem
}
.blog--detail .select-field {
  max-width: 100%
}
.blog--detail .blog--rating-link {
  font-size: .875rem;
  color: #000
}
.blog--detail .blog--bookmarks-icons {
  margin-top: .625rem;
  float: right
}
.blog--detail .blog--bookmark {
  font-size: 2.5rem
}
.blog--detail .blog--detail-thumbnails {
  margin-bottom: .625rem
}
.blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
  margin: 0 auto
}
.blog--detail .blog--detail-thumbnails .block {
  height: 5rem;
  width: 23%
}
.blog--detail .blog--image {
  padding: .625rem .625rem .625rem .625rem;
  width: 100%
}
.blog--detail .blog--thumbnail {
  padding: .3125rem .3125rem .3125rem .3125rem;
  margin: 2% 1%;
  display: block;
  float: left
}
.blog--detail .blog--thumbnail:first-child {
  margin-left: 0
}
.blog--detail .blog--thumbnail:last-child {
  margin-right: 0
}
.blog--detail .blog--comments-wrapper {
  padding: 1.25rem 0rem 1.25rem 0rem
}
.blog--detail .blog--comments {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.blog--detail .blog--comments .comments--actions .btn--create-entry {
  width: 100%
}
.blog--detail .blog--comments .comments--list {
  margin-top: 1.875rem
}
.blog--detail .blog--comments .list--entry {
  margin-top: .625rem
}
.blog--detail .blog--comments .list--entry:after {
  content: "";
  display: table;
  clear: both
}
.blog--detail .blog--comments .entry--meta {
  width: 100%
}
.blog--detail .blog--comments .entry--meta .meta--rating {
  margin-bottom: .3125rem
}
.blog--detail .blog--comments .entry--content {
  width: 100%
}
.blog--detail .blog--comments .content--headline {
  margin: .625rem 0rem .3125rem 0rem;
  font-size: 1rem
}
.blog--detail .blog--comments-headline {
  font-size: 1.3125rem;
  margin: 0rem 0rem 1.25rem 0rem
}
.blog--detail .blog--comments-entry {
  margin-bottom: 1.25rem
}
.blog--detail .blog--comments-entry:last-child {
  margin: 0
}
.blog--detail .blog--comments-entry-left {
  padding: 1.25rem 2.5rem 1rem 2.5rem;
  border-bottom: 1px solid #d9dde0
}
.blog--detail .blog--comments-entry-left::after {
  margin: 0rem 0rem 0rem -0.5625rem;
  width: 1.125rem;
  height: 1.125rem;
  bottom: -0.5625rem;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: '';
  position: absolute;
  left: 50%;
  background: #fff;
  border: 1px solid #d9dde0;
  border-left: 0 none;
  border-top: 0 none
}
.blog--detail .blog--comments-rating {
  font-size: 1.125rem;
  color: #f1c40f
}
.blog--detail .blog--comments-entry-right {
  padding: 1.25rem 2.5rem 1rem 2.5rem
}
.blog--detail .blog--comments-entry-headline {
  font-size: 1rem;
  color: #000;
  margin-top: 0
}
.blog--detail .blog--comments-form .form--comment-add {
  margin-top: 20px
}
.blog--detail .blog--comments-form-errors .alert {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.blog--detail .blog--comments-voting {
  margin-bottom: .625rem;
  line-height: 1
}
.blog--detail .collapse--soft-hidden {
  display: none
}
.blog--detail .collapse--soft-show {
  display: block
}
@media screen and (min-width: 48em) {
  .blog--listing {
    margin-top: 1rem
  }
  .blog--listing .panel--title {
    margin: 0rem 1.25rem 0rem 1.25rem
  }
  .blog--listing .panel--body {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
  .blog--box .blog--box-metadata {
    font-size: .875rem
  }
  .blog--box .blog--box-picture {
    width: 20%;
    float: left
  }
  .blog--box .blog--box-description {
    padding-top: 0;
    margin-top: 0;
    width: 76%;
    float: right
  }
  .blog--box .blog--box-tags {
    font-size: .875rem
  }
  .blog--content {
    margin-top: 2.8125rem
  }
  .blog--content .blog--navigation {
    padding: 0rem 0rem 0rem 0rem
  }
  .blog--content .blog--navigation .has--border {
    border: 1px solid #d9dde0
  }
  .blog--content .blog--navigation .blog--sidebar-title {
    padding: 1.25rem 0rem .625rem 0rem;
    margin: 0rem 1.25rem 0rem 1.25rem;
    border-radius: 0;
    color: #000;
    border-color: #d9dde0;
    border-width: 0 0 1px 0;
    display: block;
    font-weight: 700;
    background: none;
    box-shadow: none;
    cursor: default
  }
  .blog--content .blog--navigation .blog--sidebar-body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
  }
  .blog--content .blog--navigation .collapse--header:hover {
    color: #000
  }
  .blog--content .blog--navigation .blog--subscribe {
    display: block
  }
  .blog--content .blog--navigation .blog--subscribe-content, .blog--content .blog--navigation .blog--filter-content {
    display: block
  }
  .blog--content .filter--container {
    padding: 0
  }
  .blog--content .blog--filter-btn {
    display: none
  }
  .blog--content .blog--filter-options {
    display: block;
    float: right;
    width: 20%;
    border: none;
    background: none
  }
  .blog--content .blog--filter-options .filter--group {
    margin: 0rem 0rem 1rem 0rem;
    width: 100%;
    height: auto
  }
  .blog--content .blog--filter-options .filter--entry {
    font-size: .875rem;
    padding: 0;
    border: 0 none
  }
  .blog--content .blog--filter-options .blog--filter-close-btn {
    display: none
  }
  .blog--content .blog--filter-options .filter--headline {
    display: none
  }
  .blog--content .filter--expand-collapse {
    display: none
  }
  .blog--content .blog--listing {
    margin-top: 0;
    width: 78%;
    float: left
  }
  .blog--content .blog--box .blog--box-headline {
    font-size: 1.125rem
  }
  .blog--content .blog--box .blog--box-link {
    color: #000
  }
  .blog--content .blog--box .blog--box-link:hover {
    color: #ff1c8e
  }
  .blog--content .blog--box .blog--box-metadata {
    padding-top: .3125rem
  }
  .blog--content .blog--box .blog--box-content .blog--box-description {
    width: 74%
  }
  .blog--detail {
    margin-top: 1.875rem
  }
  .blog--detail .blog--detail-headline {
    font-size: 1.125rem;
    margin-bottom: .3125rem
  }
  .blog--detail .blog--box-metadata, .blog--detail .panel--title {
    margin: 0
  }
  .blog--detail .panel--body {
    padding-left: 0;
    padding-right: 0
  }
  .blog--detail .blog--detail-thumbnails {
    margin-bottom: .625rem
  }
  .blog--detail .blog--detail-thumbnails .blog--thumbnail-image {
    margin: 0 auto
  }
  .blog--detail .blog--detail-thumbnails .block {
    width: 5rem;
    height: 5rem
  }
  .blog--detail .blog--comments .entry--meta {
    width: 25%;
    text-align: left
  }
  .blog--detail .blog--comments .entry--content {
    width: 75%;
    float: left
  }
  .blog--detail .blog--comments .comments--actions .btn--create-entry {
    width: auto
  }
  .blog--detail .blog--comments-name, .blog--detail .blog--comments-summary {
    padding-right: .625rem;
    width: 50%;
    float: left
  }
  .blog--detail .blog--comments-email, .blog--detail .blog--comments-voting {
    padding-left: .625rem;
    width: 50%;
    float: right
  }
  .blog--detail .blog--comments-voting {
    margin-bottom: .625rem
  }
  .blog--detail .blog--comments-opinion {
    clear: both
  }
  .blog--detail .blog--comments-captcha {
    margin-bottom: .625rem
  }
  .blog--detail .blog--comments-captcha:after {
    content: "";
    display: table;
    clear: both
  }
  .blog--detail .blog--comments-captcha {
    width: 50%
  }
  .blog--detail .blog--comments-captcha .captcha--placeholder {
    padding-right: .625rem;
    width: 30%;
    float: left
  }
  .blog--detail .blog--comments-captcha .captcha--code {
    padding-right: .625rem;
    width: 70%;
    float: right
  }
}
@media screen and (min-width: 64em) {
  .blog--detail .blog--detail-description {
    width: 100%
  }
  .blog--detail .blog--detail-image-container {
    width: 40%;
    margin: 0 0 3% 3%;
    float: right
  }
}
@media screen and (min-width: 78.75em) {
  .blog--listing .listing--actions {
    margin-top: .9375rem;
    padding-top: 0;
    margin-bottom: 0
  }
  .blog--listing .listing--paging {
    border: 0 none
  }
  .blog--detail {
    margin-top: 3.125rem
  }
  .blog--detail .blog--detail-headline {
    font-size: 1.3125rem
  }
  .blog--detail .blog--bookmark {
    font-size: 2rem
  }
}
.configurator--variant .variant--group {
  margin: 0rem 0rem .625rem 0rem
}
.configurator--variant .variant--group:after {
  content: "";
  display: table;
  clear: both
}
.configurator--variant .variant--name {
  margin: 0rem 0rem .3125rem 0rem;
  font-weight: 700
}
.configurator--variant .variant--option {
  height: 3.125rem;
  line-height: 2.5rem;
  margin-bottom: .625rem;
  overflow: hidden;
  display: block;
  width: 23%;
  margin-right: 2%;
  position: relative;
  float: left
}
.configurator--variant .option--input {
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer
}
.configurator--variant .option--input:hover ~ label {
  color: #ff1c8e;
  border-color: #ff1c8e
}
.configurator--variant .option--input:hover ~ label.is--disabled {
  color: #000;
  border-color: #d9dde0
}
.configurator--variant .option--input:checked ~ label {
  color: #ff1c8e;
  border-color: #ff1c8e
}
.configurator--variant .option--input:disabled ~ label {
  opacity: .5
}
.configurator--variant .option--input:disabled {
  cursor: not-allowed
}
.configurator--variant .option--label {
  padding: .3125rem .3125rem .3125rem .3125rem;
  line-height: 2.5rem;
  border-radius: 3px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 500;
  border: 1px solid #d9dde0;
  font-weight: 700;
  text-align: center;
  overflow: hidden
}
.configurator--variant .option--label.is--disabled img {
  opacity: 0.3
}
.configurator--variant .option--label .image--media {
  line-height: 3.125rem;
  vertical-align: middle;
  text-align: center
}
.configurator--variant .option--label img {
  margin: 0 auto
}
.top-bar--navigation {
  position: relative
}
.top-bar--navigation .entry--compare {
  padding: 0rem .5rem 0rem .5rem
}
.top-bar--navigation .entry--compare .compare--quantity {
  margin-left: .3125rem;
  font-weight: 700;
  display: inline-block;
  color: #ff1c8e
}
.top-bar--navigation .entry--compare .icon--compare {
  font-size: .75rem
}
.top-bar--navigation .compare--list {
  width: 17.5rem;
  padding: .3125rem .625rem .625rem .625rem;
  top: 2rem;
  right: .75rem;
  text-align: left;
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  z-index: 4000;
  border: 1px solid #d9dde0
}
.top-bar--navigation .compare--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: .5rem;
  height: .5rem;
  top: -0.3125rem;
  left: 1.5625rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  border-color: #d9dde0;
  border-width: 0 0 1px 1px;
  border-style: solid
}
.top-bar--navigation .compare--list .btn--compare-delete {
  width: 100%
}
.top-bar--navigation .js--is--dropdown-active .compare--list {
  display: block
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry {
  cursor: default
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--entry form {
  display: inline-block
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link {
  width: 14.375rem;
  padding: .625rem 0rem .625rem 0rem;
  font-size: .875rem;
  color: #000;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--link:hover {
  color: #ff1c8e
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button {
  padding: .1875rem .25rem .1875rem .25rem;
  margin: .1875rem 0rem 0rem 0rem;
  float: right
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete {
  height: 1.3125rem;
  width: 1.3125rem;
  padding: .25rem .3125rem .25rem .3125rem;
  margin: .5rem 0rem .5rem 0rem;
  font-size: .5rem;
  line-height: .875rem;
  float: right
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--item-delete .icon--cross {
  padding: 0;
  margin: 0
}
.top-bar--navigation .js--is--dropdown-active .compare--list .compare--button .icon--cross {
  padding: 0;
  margin: 0
}
.top-bar--navigation .js--is--dropdown-active .compare--list .btn--compare {
  margin-top: .3125rem
}
.compare--wrapper {
  display: block;
  overflow: auto
}
.modal--compare {
  font-size: .875rem;
  letter-spacing: -0.25rem;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top
}
.modal--compare.is--fluid {
  width: 100%;
  overflow: hidden
}
.modal--compare .modal--title {
  padding: .625rem 2.5rem .625rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid #000;
  letter-spacing: 0
}
.modal--compare .modal--error {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  letter-spacing: 0
}
.modal--compare .list--head {
  background: #fff;
  font-weight: 700
}
.modal--compare .compare--group {
  width: 12.5rem;
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  letter-spacing: 0
}
.modal--compare .group--small {
  width: 12.5rem
}
.modal--compare .compare--group-list {
  margin: 0;
  padding: 0
}
.modal--compare .list--entry {
  padding: .625rem 1.875rem .625rem .625rem;
  color: #000;
  border-bottom: 1px solid #d9dde0
}
.modal--compare .entry--picture {
  height: 10rem;
  position: relative
}
.modal--compare .entry--picture .image--element img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.modal--compare .entry--name {
  height: 7.8125rem
}
.modal--compare .link--name {
  position: relative;
  display: block;
  height: 70px;
  color: #000;
  font-weight: 700
}
.modal--compare .entry--voting {
  height: 3.125rem
}
.modal--compare .entry--voting .icon--star, .modal--compare .entry--voting .icon--star-empty {
  color: #f1c40f
}
.modal--compare .entry--description {
  height: 9.375rem;
  text-align: left;
  word-wrap: break-word
}
.modal--compare .entry--price {
  height: 8.125rem
}
.modal--compare .entry--price .price--pseudoprice {
  text-decoration: line-through
}
.modal--compare .entry--price .price--normal {
  font-size: 1rem;
  color: #000;
  font-weight: 700
}
.modal--compare .entry--price .price--reduced {
  color: #e74c3c
}
.modal--compare .entry--property {
  height: auto
}
@media screen and (min-width: 78.75em) {
  .top-bar--navigation .compare--list {
    right: 0
  }
}
.content--home {
  margin-top: 1.25rem
}
@media screen and (min-width: 48em) {
  .content--home {
    margin-top: 1.875rem
  }
}
@media screen and (min-width: 78.75em) {
  .content--home {
    margin-top: 3.125rem
  }
}
.payment--form-group {
  margin: .625rem 0rem .625rem 0rem
}
.payment--form-group .payment--field {
  margin-bottom: .625rem;
  display: block;
  width: 100%
}
.payment--form-group .register--required-info {
  margin: 0
}
@media screen and (min-width: 48em) {
  .payment--form-group .payment--field {
    width: 85%
  }
}
.address-manager--modal .header > .title {
  padding-left: 2%
}
.address-manager--modal.address-manager--editor .address-editor--errors {
  padding: 1.25rem;
  padding-bottom: 0
}
.address-manager--modal.address-manager--editor .address-editor--body {
  padding: 0
}
.address-manager--modal.address-manager--selection .content:after {
  content: "";
  display: table;
  clear: both
}
.address-manager--modal.address-manager--selection .content .modal--container {
  margin: -2% 0 0 -2%
}
.address-manager--modal.address-manager--selection .content .modal--container:after {
  content: "";
  display: table;
  clear: both
}
.address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
  padding: 2% 0 0 2%;
  float: left;
  width: 100%
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn {
  width: 100%;
  text-align: center
}
.address-manager--modal.address-manager--selection .content .panel--actions .btn .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  right: .375rem;
  top: .125rem;
  margin: .5rem .3125rem .5rem .3125rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67;
  display: block;
  position: absolute
}
.account--address.account--content, .address-manager--modal.account--content {
  margin: 0rem;
  padding-top: 2.8125rem
}
.account--address .address--item-body .panel--title, .address-manager--modal .address--item-body .panel--title {
  margin: 0rem 0rem 1.25rem 0rem;
  padding-top: 0
}
.account--address .account--welcome, .address-manager--modal .account--welcome {
  margin-bottom: 0
}
.account--address.account--address-form .alert, .address-manager--modal.account--address-form .alert {
  margin: 1.25rem 1.125rem 1.25rem 1.125rem
}
.account--address .address--form-actions:after, .address-manager--modal .address--form-actions:after {
  content: "";
  display: table;
  clear: both
}
.account--address .address--form-actions .address--form-submit, .address-manager--modal .address--form-actions .address--form-submit {
  margin-bottom: .625rem;
  width: 100%;
  text-align: center
}
.account--address .address--actions-set-defaults, .address-manager--modal .address--actions-set-defaults {
  margin-bottom: .625rem;
  line-height: normal
}
.account--address .address--actions-set-defaults .btn, .address-manager--modal .address--actions-set-defaults .btn {
  padding: 0;
  color: #222
}
.account--address .address--actions-set-defaults .btn:hover, .address-manager--modal .address--actions-set-defaults .btn:hover {
  color: #ff1c8e
}
.account--address .address--required-info, .address-manager--modal .address--required-info {
  margin: 0rem 1.625rem 1rem 1.625rem;
  font-size: .875rem
}
.account--address .select-field, .address-manager--modal .select-field {
  margin-bottom: .3125rem;
  max-width: 100%
}
.account--address .address--field, .address-manager--modal .address--field {
  margin-bottom: .625rem;
  width: 100%
}
.account--address .address--customertype, .address-manager--modal .address--customertype {
  display: block
}
.account--address .address--zip-city .address--field-zipcode, .address-manager--modal .address--zip-city .address--field-zipcode {
  width: 28%;
  float: left
}
.account--address .address--zip-city .address--field-city, .address-manager--modal .address--zip-city .address--field-city {
  width: 70%;
  float: left
}
.account--address .address--zip-city .address--field-city:after, .address-manager--modal .address--zip-city .address--field-city:after {
  content: "";
  display: table;
  clear: both
}
.account--address .address--zip-city .address--spacer, .address-manager--modal .address--zip-city .address--spacer {
  margin-right: 2%
}
.account--address.address--delete .panel, .address-manager--modal.address--delete .panel {
  margin-bottom: 1.25rem
}
.account--address .address--delete-actions .btn.is--primary, .address-manager--modal .address--delete-actions .btn.is--primary {
  float: right
}
.account--address .address--content, .address-manager--modal .address--content {
  margin: -2% 0 0 -2%
}
.account--address .address--content:after, .address-manager--modal .address--content:after {
  content: "";
  display: table;
  clear: both
}
.account--address .address--item-content, .address-manager--modal .address--item-content {
  width: 100%;
  float: left;
  padding: 2%
}
.account--address .address--item-content .panel--actions, .address-manager--modal .address--item-content .panel--actions {
  display: table-cell;
  vertical-align: bottom
}
.account--address .address--item-create .btn, .address-manager--modal .address--item-create .btn {
  text-align: center
}
.account--address .address--item-actions form, .address-manager--modal .address--item-actions form {
  display: block
}
.account--address .js--loading, .address-manager--modal .js--loading {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 100%;
  background-clip: padding-box;
  margin: 0rem 0rem 0rem .3125rem;
  top: .25rem;
  -webkit-animation: keyframe--spin 1s linear infinite;
  animation: keyframe--spin 1s linear infinite;
  border: 2px solid #d9dde0;
  border-top: 2px solid #535d67;
  display: inline-block;
  position: relative
}
@media screen and (min-width: 48em) {
  .account--address .address--form-actions .address--form-submit, .address-manager--modal .address--form-actions .address--form-submit {
    width: auto
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 50%
  }
  .account--address.account--content .address--field {
    margin-bottom: .9375rem;
    width: 70%
  }
  .account--address.account--content .select-field {
    max-width: 18.125rem
  }
  .account--address.account--content .address--form-actions:after {
    content: "";
    display: table;
    clear: both
  }
  .account--address.account--content .address--item-content {
    width: 50%
  }
  .account--address.account--content .address--zip-city .address--field-zipcode {
    width: 18%;
    float: left
  }
  .account--address.account--content .address--zip-city .address--field-city {
    width: 50%;
    float: left
  }
  .account--address.account--content .address--zip-city .address--field-city:after {
    content: "";
    display: table;
    clear: both
  }
  .account--address.account--content .address--zip-city .address--spacer {
    margin-right: 2%
  }
}
@media screen and (min-width: 78.75em) {
  .address-manager--modal.address-manager--selection {
    max-width: 71.5625rem
  }
  .address-manager--modal.address-manager--selection .content .modal--container .modal--container-item {
    width: 33.3%
  }
}
.page-wrap--cookie-permission {
  padding: .625rem;
  z-index: 8000;
  border-top: 1px solid #d9dde0;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0
}
.page-wrap--cookie-permission .cookie-permission--container {
  width: 100%;
  text-align: center;
  position: relative
}
.page-wrap--cookie-permission .cookie-permission--container:after {
  content: "";
  display: table;
  clear: both
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
  margin: 0 auto;
  margin-top: 1.25rem
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button.cookie-permission--extra-button .cookie-permission--accept-button {
  margin-right: .3125rem
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button {
  margin-right: .3125rem
}
.page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button, .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button, .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
  margin-top: .625rem
}
.cookie-removal--container {
  padding: 1.5625rem
}
.cookie-removal--container .cookie-removal--list {
  margin-bottom: 1.25rem;
  list-style-position: inside
}
.cookie-removal--container .cookie-removal--buttons {
  margin-top: 1.25rem
}
.cookie-removal--container .cookie-removal--buttons .btn {
  margin-bottom: .375rem;
  display: inline-block;
  width: 48%;
  float: right
}
.cookie-removal--container .cookie-removal--buttons .btn:last-child {
  margin-right: 2%
}
@media screen and (min-width: 30em) {
  .cookie-removal--container .cookie-removal--footer:after {
    content: "";
    display: table;
    clear: both
  }
  .cookie-removal--container .cookie-removal--footer .cookie-removal--buttons {
    float: right
  }
  .cookie-removal--container .cookie-removal--buttons {
    min-width: 16.25rem;
    margin: 0
  }
  .cookie-removal--container .privacy--notice {
    padding-top: .5rem;
    display: inline-block
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--accept-button, .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--decline-button, .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--configure-button {
    margin-top: 0
  }
}
@media screen and (min-width: 64em) {
  .page-wrap--cookie-permission .cookie-permission--container {
    width: 100%
  }
  .page-wrap--cookie-permission .cookie-permission--container:after {
    content: "";
    display: table;
    clear: both
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content {
    width: calc(100% - 240px);
    text-align: left
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--content.cookie-permission--extra-button {
    width: calc(100% - 370px)
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
    width: 15rem;
    right: .3125rem;
    position: absolute;
    top: calc(50% - 21px)
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
    width: 23.125rem
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--content {
    padding: .75rem;
    float: left
  }
  .page-wrap--cookie-permission .cookie-permission--container .cookie-permission--button {
    margin: 0;
    float: right
  }
}
.content-type--head {
  overflow: hidden;
  margin: 1rem 0rem 1rem 0rem
}
.content-type--head .head--picture {
  max-height: 30em;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 3px;
  background-clip: padding-box
}
.content-type--head .head--picture img {
  max-height: 30em;
  object-fit: scale-down;
  margin: 0 auto
}
.content-type--field {
  display: block;
  width: 100%;
  padding: 1rem 1rem 1rem 1rem;
  border-radius: 3px;
  background-clip: padding-box
}
.content-type--field:nth-child(odd) {
  background: #fff
}
.field--full > .field--label {
  display: none
}
.field--full > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.field--label, .field--content {
  display: block;
  width: 50%;
  float: left
}
.field--label > span {
  display: inline-block;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.field--label-separator {
  display: none;
  float: right;
  width: 1px;
  height: 1rem;
  margin: 0 1rem;
  background: #d9dde0
}
.field--content {
  text-align: right
}
.content-type--field-checkbox .icon--check {
  color: #2ecc71
}
.content-type--field-checkbox .icon--cross {
  color: #e74c3c
}
.content-type--field-media > .field--label, .content-type--field-media-grid > .field--label {
  display: none
}
.content-type--field-media > .field--content, .content-type--field-media-grid > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-media.content-type--field, .content-type--field-media-grid.content-type--field {
  background: #fff
}
.content-type--field-media picture, .content-type--field-media-grid picture, .content-type--field-media img, .content-type--field-media-grid img {
  margin: 0 auto;
  border-radius: 3px;
  background-clip: padding-box
}
.content-type--field-media-grid .image--gallery {
  min-height: 30em
}
.content-type--field-textarea > .field--label {
  display: none
}
.content-type--field-textarea > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-textarea.content-type--field {
  background: #fff
}
.content-type--field-text > .field--label {
  display: none
}
.content-type--field-text > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-text.content-type--field {
  background: #fff
}
.content-type--field-product-field > .field--label {
  display: none
}
.content-type--field-product-field > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-product-field .product--box {
  background-color: #fff;
  padding: unset
}
.content-type--field-product-field .box--content {
  padding: 1.25rem 1.875rem 1.25rem 1.875rem
}
.content-type--field-product-grid {
  overflow: hidden;
  padding: 1rem 0rem 1rem 0rem
}
.content-type--field-product-grid > .field--label {
  display: none
}
.content-type--field-product-grid > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-product-grid .product-slider .product-slider--container {
  padding: 0rem 2rem 0rem 2rem
}
.content-type--field-product-grid .product-slider .product--description {
  white-space: normal
}
.content-type--field-product-grid .box--content {
  background-color: #fff
}
.content-type--field-tinymce > .field--label {
  display: none
}
.content-type--field-tinymce > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
.content-type--field-aceeditor > .field--label {
  display: none
}
.content-type--field-aceeditor > .field--content {
  width: 100%;
  max-width: unset;
  text-align: left
}
@media screen and (min-width: 30em) {
  .content-type--head .head--picture {
    max-width: 50%;
    float: left
  }
  .content-type--head .head--picture img {
    max-height: 30em
  }
}
@media screen and (min-width: 48em) {
  .field--label {
    max-width: 30%;
    width: 30%
  }
  .field--label-separator {
    display: inline-block
  }
  .field--content {
    max-width: 70%;
    width: 70%;
    text-align: unset
  }
}
@media screen and (min-width: 64em) {
  .content-type {
    width: 75%;
    margin: 0 auto
  }
}
@media screen and (min-width: 78.75em) {
  .is--content-type .sidebar-main {
    display: none
  }
}
.product--tax a {
  text-decoration: none !important
}
.product--tax a:hover {
  text-decoration: underline !important
}
.entry--all-results-link i {
  font-size: 8px
}
.table--shipping-costs-trigger i {
  margin: -0.25rem 0rem 0rem 0rem;
  font-size: 8px
}
.table--footer i, .premium-product--product .btn i, .compare--button i, .modal--compare .btn i {
  font-size: 8px
}
.js--modal.sizing--auto.is--fullscreen {
  height: 100% !important;
  width: 100% !important
}
.js--modal.sizing--fixed {
  max-height: none !important;
  max-width: none !important
}
.is--inactive {
  overflow: hidden !important
}
.btn::-moz-focus-inner {
  border: 0;
  padding: 0
}
.is--ie .action--sort .sort--select:after {
  line-height: 34px
}
.is--ie .register--login .register--new-customer .new-customer-btn::after {
  line-height: 16px
}
.is--ie .filter-panel--input input[type='checkbox']:checked ~ .input--state::before, .is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .input--state::before, .is--ie .filter-panel--radio input[type='checkbox']:checked ~ .input--state::before, .is--ie .filter-panel--input input[type='checkbox']:checked ~ .checkbox--state::before, .is--ie .filter-panel--checkbox input[type='checkbox']:checked ~ .checkbox--state::before, .is--ie .filter-panel--radio input[type='checkbox']:checked ~ .checkbox--state::before {
  line-height: 12px
}
@media screen and (min-width: 48em) {
  .top-bar--navigation .entry--service:after, .top-bar--navigation .entry--service::after {
    font-size: 5px
  }
  .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active:before, .sidebar--navigation .is--level1 .navigation--entry.has--sub-children.is--active::before {
    font-size: 5px
  }
  .is--ie .header-main .top-bar--navigation .select-field:after {
    line-height: 24px
  }
  .is--ie .action--filter-btn .filter--trigger:before, .is--ie .action--filter-btn .filter--trigger:after {
    line-height: 16px
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select, .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select {
    font-size: 0
  }
  .is--ie .header-main .top-bar--navigation .top-bar--language .select-field select option, .is--edge .header-main .top-bar--navigation .top-bar--language .select-field select option {
    font-size: .875rem
  }
}
.container {
  background: transparent;
  max-width: none
}
@media screen and (min-width: 78.75em) {
  .container {
    max-width: 87.5rem;
    max-width: none
  }
}
.btn {
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.btn.is--icon-right [class^="icon--"] {
  font-weight: normal
}
.btn.is--icon-left [class^="icon--"] {
  font-weight: normal
}
.btn.is--primary, .badge.is--primary, .btn.is--secondary, .badge.is--secondary {
  background-size: 200% auto
}
.btn.is--primary:hover, .badge.is--primary:hover, .btn.is--secondary:hover, .badge.is--secondary:hover {
  background-position: right center
}
.btn.is--primary, .badge.is--primary {
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%)
}
.btn.is--secondary, .badge.is--secondary {
  background-image: linear-gradient(to right, #222 0%, #222 51%, #222 100%)
}
.btn:disabled, .badge:disabled, .btn:disabled:hover, .badge:disabled:hover, .btn.is--disabled, .badge.is--disabled, .btn.is--disabled:hover, .badge.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.btn--ghost.btn {
  background: none;
  border-color: #fff
}
.btn--ghost.is--white {
  background: none;
  border-color: #ffffff;
  color: #ffffff
}
.btn--ghost.is--white:hover {
  background: #ffffff;
  color: #000
}
.btn--ghost.is--primary {
  background: none;
  border-color: #ff1c8e;
  color: #ff1c8e
}
.btn--ghost.is--primary:hover {
  background: #ff1c8e;
  color: #fff
}
.btn--ghost.is--secondary {
  background: none;
  border-color: #222;
  color: #222
}
.btn--ghost.is--secondary:hover {
  background: #222;
  color: #fff
}
.emotion--overlay {
  top: 6.25rem
}
.is--ctl-index .content--emotions, .is--fullscreen .content--emotions {
  padding-top: 0rem;
  padding-bottom: 2.5rem;
  margin-top: -2.5rem;
  margin-bottom: -2.5rem
}
.emotion--wrapper {
  max-width: 82.5rem
}
.container--transparent .emotion--wrapper {
  max-width: 87.5rem
}
.container--transparent .emotion--wrapper.is--fullscreen {
  max-width: none
}
@media screen and (min-width: 1500px) {
  .emotion--wrapper {
    overflow: visible
  }
}
.content-main.is--fullscreen {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}
.content-main.is--fullscreen .listing--wrapper {
  max-width: none;
  padding-left: 1.25rem;
  padding-right: 1.25rem
}
@media screen and (min-width: 64em) {
  .content-main.is--fullscreen .listing--wrapper {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}
@media screen and (min-width: 1500px) {
  .content-main.is--fullscreen .listing--wrapper {
    max-width: 87.5rem;
    max-width: none
  }
}
.emotion--element .emotion--banner {
  position: relative
}
.emotion--element .emotion--banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.2)
}
.emotion--element .category-teaser--link, .emotion--element .video--cover, .emotion--element .blog--image {
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2)
}
.emotion--element .emotion--banner-slider {
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2)
}
.emotion--container {
  background: transparent
}
.emotion--banner-slider .image-slider--dots {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.emotion--banner-slider .image-slider--dots .dot--link, .emotion--banner-slider .image-slider--dots a {
  width: 2.5rem;
  height: .5rem;
  padding: .125rem 0rem .125rem 0rem;
  border-radius: 0;
  background-clip: padding-box
}
.emotion--banner-slider .image-slider--dots .dot--link {
  border: 1px solid #ff1c8e;
  background: transparent
}
.emotion--banner-slider .image-slider--dots .dot--link.is--active {
  border-color: #ff1c8e;
  background: #ff1c8e;
  height: .5rem
}
.emotion--banner-slider .image-slider--dots .dot--link:hover {
  border-color: #ff1c8e;
  background: #ff1c8e
}
.emotion--product-slider.panel {
  background: transparent;
  color: #000
}
.emotion--product-slider.panel .panel--title {
  color: #000
}
.emotion--mode-rows .emotion--product-slider {
  height: 28.75rem
}
.emotion--product-slider.has--border {
  border: none
}
.emotion--product-slider.has--border .product-slider--title.is--underline {
  border: 1px solid #d9dde0
}
.emotion--product-slider .product-slider--title {
  overflow: visible;
  border-radius: 3px;
  border-radius: 0;
  background-clip: padding-box;
  height: 3.75rem
}
.emotion--product-slider .product-slider--title .is--underline {
  border: none
}
.emotion--product-slider .product-slider--title ~ .product-slider--content {
  padding-top: 5rem
}
.emotion--product-slider .product-slider--content {
  padding: 0rem 0rem 0rem 0rem
}
.emotion--product-slider .box--emotion .product--title {
  font-size: .875rem
}
.emotion--product-slider .box--emotion .product--title.is--short {
  height: 1.5625rem
}
.emotion--product-slider .box--emotion .product--title.is--standard {
  height: 3.125rem
}
.emotion--product-slider .box--emotion .product--title.is--long {
  height: 4.6875rem
}
.emotion--product-slider .box--emotion .product--price .price--default {
  font-size: 1rem
}
.emotion--product-slider .panel--title ~ .product-slider .product-slider--arrow {
  margin-top: 2.5rem
}
.emotion--mode-rows .emotion--product {
  height: 28.75rem
}
.emotion--product .product--box .box--content {
  padding: 0rem 0rem 0rem 0rem;
  z-index: 1
}
.emotion--html .html--title {
  margin-bottom: 0;
  padding: 0rem 1.25rem 0rem 1.25rem;
  font-size: 1.625rem;
  line-height: 1.625rem
}
.emotion--html .html--content {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
.emotion--html .html--content a {
  text-decoration: underline
}
.emotion--html .html--content a:hover {
  text-decoration: none
}
.emotion--blog {
  overflow: visible
}
.emotion--blog .blog--inner {
  background: #fff;
  height: 45%;
  box-shadow: 0 0 0px #d9dde0
}
.emotion--blog .blog--title {
  font-family: "Muli", sans-serif;
  margin: 0rem 0rem 0rem 0rem;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  font-size: 1rem;
  padding: 1.25rem 1.875rem 0rem 1.875rem
}
.emotion--blog .blog--description {
  font-weight: 300;
  line-height: 1.5;
  margin: 0rem 0rem 0rem 0rem;
  background: #fff;
  font-size: 1rem;
  padding: 1.25rem 1.875rem 1.25rem 1.875rem
}
.emotion--blog .blog--image {
  height: 55%;
  margin: 0rem 0rem 0rem 0rem
}
.emotion--blog .blog--readmore {
  color: #222;
  border-bottom: 2px solid #222;
  padding: 0rem .3125rem 0rem .3125rem
}
.emotion--blog .blog--readmore:hover, .emotion--blog .blog--readmore:active {
  color: #fff;
  border-bottom: 2px solid #ff1c8e;
  background: #ff1c8e
}
.emotion--element .banner--image {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.emotion--element:hover .banner--image {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}
.emotion--category-teaser {
  overflow: hidden
}
.emotion--mode-rows .emotion--category-teaser {
  height: 28.75rem
}
.emotion--category-teaser .category-teaser--title {
  font-family: "Muli", sans-serif;
  height: 3.125rem;
  line-height: 1.875rem;
  font-size: 1.375rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.emotion--category-teaser .category-teaser--title:before {
  color: #fff;
  float: right;
  text-align: right;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0;
  line-height: 1.875rem
}
.emotion--category-teaser .category-teaser--link {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.emotion--category-teaser .category-teaser--link:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}
.emotion--category-teaser .category-teaser--link:hover .category-teaser--title {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-transform: scale(1);
  transform: scale(1);
  height: 50%
}
.emotion--category-teaser .category-teaser--link:hover .category-teaser--title:before {
  opacity: 1
}
.emotion--manufacturer .manufacturer--content {
  padding: 0rem 0rem 0rem 0rem
}
.emotion--manufacturer .manufacturer--content .manufacturer--item {
  padding: 0rem 0rem 0rem 0rem
}
.emotion--manufacturer .manufacturer--slider {
  padding: 0rem 0rem 0rem 0rem
}
.emotion--mode-rows .emotion--youtube, .emotion--mode-rows .emotion--iframe {
  height: 28.75rem
}
.emotion--show-listing {
  text-align: center
}
.emotion--show-listing .link--show-listing {
  margin: auto;
  text-align: center
}
.product-slider--item {
  padding: 0rem 0rem 0rem 0rem;
  overflow: initial;
  vertical-align: top
}
.product-slider--item .product--box.box--emotion {
  padding: 0rem 0rem 0rem 0rem
}
.product-slider--container {
  width: auto;
  padding: 0rem 0rem 0rem 0rem;
  margin: 0rem 0rem 0rem 0rem;
  height: calc(100% + 0px)
}
.product-slider--container.is--horizontal .box--content {
  padding: 0rem 0rem 0rem 0rem
}
.product-slider .product-slider--arrow.is--horizontal {
  overflow: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 75%;
  top: 50%;
  margin-top: auto;
  margin-bottom: auto;
  border: none;
  color: #000;
  background: #f5f6f7;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.product-slider .product-slider--arrow.is--horizontal.arrow--prev {
  right: 100%;
  left: auto;
  width: 0;
  border-radius: 0;
  background-clip: padding-box
}
.product-slider .product-slider--arrow.is--horizontal.arrow--prev::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.product-slider .product-slider--arrow.is--horizontal.arrow--next {
  left: 100%;
  right: auto;
  width: 0;
  border-radius: 0;
  background-clip: padding-box
}
.product-slider .product-slider--arrow.is--horizontal.arrow--next::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.product-slider .product-slider--arrow.is--vertical {
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 12.5rem;
  height: 0;
  line-height: 3rem;
  top: auto;
  left: 50%;
  right: auto;
  margin: auto;
  border: none;
  color: #000;
  background: #f5f6f7;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.product-slider .product-slider--arrow.is--vertical.arrow--prev {
  top: auto;
  bottom: 100%;
  border: none
}
.product-slider .product-slider--arrow.is--vertical.arrow--prev:before, .product-slider .product-slider--arrow.is--vertical.arrow--prev::before {
  display: inline-block;
  font-size: 2rem;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.product-slider .product-slider--arrow.is--vertical.arrow--next {
  bottom: auto;
  top: 100%;
  border: none
}
.product-slider .product-slider--arrow.is--vertical.arrow--next:before {
  display: inline-block;
  font-size: 2rem;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.product-slider:hover .product-slider--arrow.is--horizontal.arrow--prev {
  width: 3rem;
  -webkit-transform: translate(48px, -50%);
  transform: translate(48px, -50%)
}
@media screen and (min-width: 1340px) {
  .product-slider:hover .product-slider--arrow.is--horizontal.arrow--prev {
    -webkit-transform: translate(24px, -50%);
    transform: translate(24px, -50%)
  }
}
.emotion--wrapper.is--fullscreen .product-slider:hover .product-slider--arrow.is--horizontal.arrow--prev {
  -webkit-transform: translate(48px, -50%);
  transform: translate(48px, -50%)
}
.product-slider:hover .product-slider--arrow.is--horizontal.arrow--next {
  width: 3rem;
  -webkit-transform: translate(-48px, -50%);
  transform: translate(-48px, -50%)
}
@media screen and (min-width: 1340px) {
  .product-slider:hover .product-slider--arrow.is--horizontal.arrow--next {
    -webkit-transform: translate(-24px, -50%);
    transform: translate(-24px, -50%)
  }
}
.emotion--wrapper.is--fullscreen .product-slider:hover .product-slider--arrow.is--horizontal.arrow--next {
  -webkit-transform: translate(-48px, -50%);
  transform: translate(-48px, -50%)
}
.product-slider:hover .product-slider--arrow.is--vertical.arrow--prev {
  height: 3rem;
  -webkit-transform: translate(-50%, 48px);
  transform: translate(-50%, 48px)
}
@media screen and (min-width: 1340px) {
  .product-slider:hover .product-slider--arrow.is--vertical.arrow--prev {
    -webkit-transform: translate(-50%, 24px);
    transform: translate(-50%, 24px)
  }
}
.emotion--wrapper.is--fullscreen .product-slider:hover .product-slider--arrow.is--vertical.arrow--prev {
  -webkit-transform: translate(-50%, 48px);
  transform: translate(-50%, 48px)
}
.product-slider:hover .product-slider--arrow.is--vertical.arrow--next {
  height: 3rem;
  -webkit-transform: translate(-50%, -48px);
  transform: translate(-50%, -48px)
}
@media screen and (min-width: 1340px) {
  .product-slider:hover .product-slider--arrow.is--vertical.arrow--next {
    -webkit-transform: translate(-50%, -24px);
    transform: translate(-50%, -24px)
  }
}
.emotion--wrapper.is--fullscreen .product-slider:hover .product-slider--arrow.is--vertical.arrow--next {
  -webkit-transform: translate(-50%, -48px);
  transform: translate(-50%, -48px)
}
.panel {
  color: #000
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  color: #000
}
.panel .panel--title, .panel--title {
  font-weight: 400;
  text-align: center;
  text-transform: none;
  color: #000;
  margin: auto;
  font-family: "Muli", sans-serif;
  line-height: 1.875rem;
  font-size: 1.375rem;
  padding: .9375rem 0rem .9375rem 0rem
}
.panel .panel--title.is--underline, .panel--title.is--underline {
  background: transparent;
  padding: .9375rem 0rem .9375rem 0rem;
  margin-bottom: 1.25rem
}
.panel .panel--title.topseller--title, .panel--title.topseller--title {
  line-height: 1.875rem;
  font-size: 1.625rem;
  padding: .9375rem 0rem .9375rem 0rem
}
.panel .panel--title small, .panel--title small, .panel .panel--title span, .panel--title span {
  font-family: "Muli", sans-serif;
  font-size: 60%;
  font-weight: 300;
  display: block;
  line-height: .9375rem
}
.panel--body {
  color: #000
}
.panel--dot-nav {
  height: .5rem;
  border-radius: 0;
  background-clip: padding-box
}
.panel--dot-nav .dot--link, .panel--dot-nav a {
  width: 2.5rem
}
.js--menu-scroller--arrow {
  top: 0;
  border: none;
  color: #000;
  background: #c5eafc;
  height: 2.5rem;
  line-height: 2.5rem
}
.navigation-main .js--menu-scroller--arrow {
  height: 2.5rem;
  line-height: 2.5rem
}
.is--one-line .header--wrap .js--menu-scroller--arrow.left--arrow {
  border: none;
  border-radius: 0;
  background-clip: padding-box
}
.is--one-line .header--wrap .js--menu-scroller--arrow.right--arrow {
  border: none;
  border-radius: 0;
  background-clip: padding-box
}
.header--wrap .js--menu-scroller--arrow.left--arrow {
  border: none
}
.header--wrap .js--menu-scroller--arrow.right--arrow {
  border: none
}
@media screen and (min-width: 64em) {
  .image-slider--container {
    margin-bottom: 0rem
  }
}
@media screen and (min-width: 78.75em) {
  .image-slider--container {
    height: 36.5rem
  }
}
.image-slider--container .arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden;
  width: auto;
  height: 12.5rem;
  margin-top: auto;
  margin-bottom: auto;
  color: #000;
  border: none;
  background: #f5f6f7;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}
.image-slider--container .arrow:hover {
  background: #000;
  color: #f5f6f7
}
.image-slider--container .arrow.is--left {
  right: 100%;
  left: auto;
  width: 0;
  border-radius: 0;
  background-clip: padding-box
}
.image-slider--container .arrow.is--left::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.image-slider--container .arrow.is--right {
  left: 100%;
  right: auto;
  width: 0;
  border-radius: 0;
  background-clip: padding-box
}
.image-slider--container .arrow.is--right::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.image-slider--container:hover .arrow.is--left {
  width: 3rem;
  -webkit-transform: translate3d(72px, -50%, 0);
  transform: translate3d(72px, -50%, 0)
}
.image-slider--container:hover .arrow.is--right {
  width: 3rem;
  -webkit-transform: translate3d(-72px, -50%, 0);
  transform: translate3d(-72px, -50%, 0)
}
.image-slider--dots {
  height: auto
}
@media screen and (min-width: 78.75em) {
  .image-slider--thumbnails {
    height: 32.5rem
  }
}
.image-slider--thumbnails .thumbnail--link {
  border-radius: 0;
  background-clip: padding-box
}
.last-seen-products {
  margin: 0rem 0rem 0rem 0rem;
  background: #fff
}
.last-seen-products .last-seen-products--title {
  font-size: .875rem;
  color: #000;
  border: none;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem 1.25rem 0rem 1.25rem;
  font-weight: 700;
  text-align: center
}
.last-seen-products .last-seen-products--container {
  background: #fff;
  padding: 0rem 1.25rem 0rem 1.25rem;
  max-width: 87.5rem;
  margin: 0 auto;
  max-width: none
}
@media screen and (min-width: 64em) {
  .last-seen-products .last-seen-products--container {
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
@media screen and (min-width: 1340px) {
  .last-seen-products--slider, .last-seen-products--container {
    overflow: visible
  }
}
.badge {
  color: #fff;
  border-color: #000;
  background: #000
}
.badge.is--primary {
  color: #fff;
  border-color: #222;
  background: #222
}
.badge {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-animation: swing 4s linear;
  -moz-animation: swing 4s linear;
  animation: swing 4s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate-reverse;
  -moz-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse
}
@keyframes swing {
  0% {
    transform: rotate(0deg)
  }
  25% {
    transform: rotate(0deg)
  }
  30% {
    transform: rotate(15deg)
  }
  35% {
    transform: rotate(-10deg)
  }
  40% {
    transform: rotate(5deg)
  }
  45% {
    transform: rotate(-5deg)
  }
  50% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}
@-moz-keyframes swing {
  0% {
    transform: rotate(0deg)
  }
  25% {
    transform: rotate(0deg)
  }
  30% {
    transform: rotate(15deg)
  }
  35% {
    transform: rotate(-10deg)
  }
  40% {
    transform: rotate(5deg)
  }
  45% {
    transform: rotate(-5deg)
  }
  50% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}
@-webkit-keyframes swing {
  0% {
    transform: rotate(0deg)
  }
  25% {
    transform: rotate(0deg)
  }
  30% {
    transform: rotate(15deg)
  }
  35% {
    transform: rotate(-10deg)
  }
  40% {
    transform: rotate(5deg)
  }
  45% {
    transform: rotate(-5deg)
  }
  50% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(0deg)
  }
}
.ajax--cart .button--container *[class*="button--"] {
  border-radius: 0;
  background-clip: padding-box
}
.container--ajax-cart {
  right: 5rem;
  top: 4.375rem;
  padding-top: .625rem;
  color: #000
}

.js--fancy-select {
  line-height: 2.375rem;
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: 0 0 0 transparent;
  background: #fff;
  color: #222;
  border: 1px solid #d9dde0
}
.js--fancy-select .js--fancy-select-text {
  padding: 0rem 2.5rem 0rem 1.25rem
}
.js--fancy-select .js--fancy-select-trigger {
  border: none
}
.select-field {
  height: 2.5rem
}
.select-field select, .select-field .select {
  line-height: 2.375rem;
  background-clip: padding-box;
  box-shadow: 0 0 0 transparent;
  padding: 0rem 2.5rem 0rem 1.25rem;
  background: #fff;
  color: #222;
  border: 1px solid #d9dde0;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  color: #000;
  border-radius: 0
}
.select-field select::-ms-expand, .select-field .select::-ms-expand {
  display: none
}
.select-field select:hover, .select-field .select:hover {
  color: #ff1c8e;
  border-color: #ff1c8e;
  background: #fff
}
.select-field select:focus, .select-field .select:focus {
  outline: none;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.select-field select:focus::-ms-value, .select-field .select:focus::-ms-value {
  color: #ff1c8e;
  background: none
}
.select-field select:disabled, .select-field .select:disabled {
  opacity: .5;
  cursor: not-allowed
}
.select-field:after {
  color: #222;
  border: none
}
.off-canvas .close--off-canvas {
  background: #222;
  color: transparent;
  text-transform: none;
  text-align: center;
  padding: .625rem 2.5rem .625rem 2.5rem
}
.off-canvas .close--off-canvas:hover {
  color: #fff
}
.off-canvas .close--off-canvas .icon--arrow-left {
  color: #fff;
  font-size: .875rem;
  float: left;
  margin-top: .75rem;
  font-family: 'shopware' !important
}
.off-canvas .close--off-canvas .icon--arrow-right {
  color: #fff;
  font-size: .875rem;
  float: right;
  margin-top: .75rem;
  font-family: 'shopware' !important
}
.off-canvas .sidebar--navigation .navigation--link {
  text-transform: none;
  line-height: 1.4
}
.off-canvas .mobile--switches .navigation--entry {
  color: #fff
}
.off-canvas .mobile--switches .navigation--entry:hover {
  color: #ff1c8e
}
.navigation--smartphone .entry--close-off-canvas, #cookie-consent .cookie-consent--header {
  padding: 0rem 0rem 0rem 0rem;
  background: none
}
.navigation--smartphone .entry--close-off-canvas .navigation--link, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas, #cookie-consent .cookie-consent--header {
  display: block;
  background: #222;
  color: transparent;
  text-transform: none;
  text-align: center;
  padding: 1.25rem 2.5rem 1.25rem 2.5rem
}
.navigation--smartphone .entry--close-off-canvas .navigation--link:hover, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas:hover {
  color: #fff
}
.navigation--smartphone .entry--close-off-canvas .navigation--link .icon--arrow-left, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas .icon--arrow-left {
  color: #fff;
  font-size: .875rem;
  float: left;
  margin-top: .75rem;
  font-family: 'shopware' !important
}
.navigation--smartphone .entry--close-off-canvas .navigation--link .icon--arrow-right, .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas .icon--arrow-right {
  color: #fff;
  font-size: .875rem;
  float: right;
  margin-top: .75rem;
  font-family: 'shopware' !important
}
.navigation--headline {
  text-align: center;
  color: #fff
}
.sidebar--navigation {
  background: transparent
}
@media screen and (min-width: 48em) {
  .navigation-main {
    display: block
  }
  .shop--navigation .entry--menu-left {
    display: none
  }
  .sidebar-main.off-canvas, #cookie-consent {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: none;
    transition: none;
    position: relative;
    height: auto;
    top: 0;
    left: 0;
    z-index: 1000;
    visibility: visible
  }
  .sidebar--navigation {
    background: #fff;
    color: #000
  }
  .sidebar-main .navigation--headline {
    background: transparent;
    color: #000
  }
}
@media screen and (min-width: 48em) {
  button[data-atmos-tooltip] {
    overflow: visible
  }
  [data-atmos-tooltip] {
    position: relative
  }
  [data-atmos-tooltip]:before, [data-atmos-tooltip]:after {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 751;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top 50% 0;
    transform-origin: top 50% 0
  }
  [data-atmos-tooltip]:after {
    background: rgba(34, 34, 34, 0.8);
    border-radius: 0;
    background-clip: padding-box;
    color: #ff1c8e;
    content: attr(data-atmos-tooltip);
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 400;
    margin-bottom: 11px;
    padding: .3125rem .625rem .3125rem .625rem;
    white-space: nowrap
  }
  .is--inverted[data-atmos-tooltip]:after {
    color: rgba(34, 34, 34, 0.8);
    background: #ff1c8e
  }
  [data-atmos-tooltip]:before {
    background: url('../images/947fc636236a43bfbeeba5afc73dab4a.gif') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px
  }
  .is--inverted[data-atmos-tooltip]:before {
    background: url('../images/7f33c3dadea1451bb769b19aa3d57fe6.gif') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px
  }
  [data-atmos-tooltip]:hover:before, [data-atmos-tooltip][data-atmos-tooltip-visible]:before, [data-atmos-tooltip]:hover:after, [data-atmos-tooltip][data-atmos-tooltip-visible]:after {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
  [data-atmos-tooltip][data-atmos-tooltip-break]:after {
    white-space: normal
  }
}
[data-atmos-tooltip-pos="down"]:before, .is--tooltip-down:before, [data-atmos-tooltip-pos="down"]:after, .is--tooltip-down:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px)
}
[data-atmos-tooltip-pos="down"]:after, .is--tooltip-down:after {
  margin-top: 11px
}
[data-atmos-tooltip-pos="down"]:before, .is--tooltip-down:before {
  background: url('../images/fe2bfe18f3554d4f9d450d1f00e3236a.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-bottom: 0;
  margin-top: 5px
}
.is--inverted[data-atmos-tooltip-pos="down"]:before, .is--inverted.is--tooltip-down:before {
  background: url('../images/a2e7a3d9b16f405ca20ac5ccb13fb607.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
[data-atmos-tooltip-pos="down"]:hover:before, .is--tooltip-down:hover:before, [data-atmos-tooltip-pos="down"][data-atmos-tooltip-visible]:before, .is--tooltip-down[data-atmos-tooltip-visible]:before, [data-atmos-tooltip-pos="down"]:hover:after, .is--tooltip-down:hover:after, [data-atmos-tooltip-pos="down"][data-atmos-tooltip-visible]:after, .is--tooltip-down[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
[data-atmos-tooltip-pos="left"]:before, .is--tooltip-left:before, [data-atmos-tooltip-pos="left"]:after, .is--tooltip-left:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%)
}
[data-atmos-tooltip-pos="left"]:after, .is--tooltip-left:after {
  margin-right: 11px
}
[data-atmos-tooltip-pos="left"]:before, .is--tooltip-left:before {
  background: url('../images/20874d64986b4898bc1a35ca6150fc7d.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-right: 5px
}
.is--inverted[data-atmos-tooltip-pos="left"]:before, .is--inverted.is--tooltip-left:before {
  background: url('../images/9b185d0cc58048c58bfa697acfa35433.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
[data-atmos-tooltip-pos="left"]:hover:before, .is--tooltip-left:hover:before, [data-atmos-tooltip-pos="left"][data-atmos-tooltip-visible]:before, .is--tooltip-left[data-atmos-tooltip-visible]:before, [data-atmos-tooltip-pos="left"]:hover:after, .is--tooltip-left:hover:after, [data-atmos-tooltip-pos="left"][data-atmos-tooltip-visible]:after, .is--tooltip-left[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
[data-atmos-tooltip-pos="right"]:before, .is--tooltip-right:before, [data-atmos-tooltip-pos="right"]:after, .is--tooltip-right:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%)
}
[data-atmos-tooltip-pos="right"]:after, .is--tooltip-right:after {
  margin-left: 11px
}
[data-atmos-tooltip-pos="right"]:before, .is--tooltip-right:before {
  background: url('../images/95a87efa04bb4b6dabee0affb83ab99d.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px
}
.is--inverted[data-atmos-tooltip-pos="right"]:before, .is--inverted.is--tooltip-right:before {
  background: url('../images/f00b0c8369fe40308d4cc9cd16f4f05e.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
[data-atmos-tooltip-pos="right"]:hover:before, .is--tooltip-right:hover:before, [data-atmos-tooltip-pos="right"][data-atmos-tooltip-visible]:before, .is--tooltip-right[data-atmos-tooltip-visible]:before, [data-atmos-tooltip-pos="right"]:hover:after, .is--tooltip-right:hover:after, [data-atmos-tooltip-pos="right"][data-atmos-tooltip-visible]:after, .is--tooltip-right[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
[data-atmos-tooltip-length] :after {
  white-space: normal
}
[data-atmos-tooltip-length="small"] :after {
  width: 80px
}
[data-atmos-tooltip-length="medium"] :after {
  width: 150px
}
[data-atmos-tooltip-length="large"] :after {
  width: 260px
}
[data-atmos-tooltip-length="xlarge"] :after {
  width: 90vw
}
[data-atmos-tooltip-length="fit"] :after {
  width: auto;
  white-space: nowrap
}
.js--tab-menu .tab--navigation {
  padding: 0rem 0rem 0rem 0rem;
  border: none
}
@media screen and (min-width: 48em) {
  .js--tab-menu .tab--navigation {
    margin-bottom: 1.25rem;
    border-radius: 0;
    background-clip: padding-box;
    background: #53cbdb;
    display: flex;
    flex-wrap: nowrap
  }
}
.js--tab-menu .tab--content {
  background: #fff;
  padding: 0rem 0rem 0rem 0rem
}
.tab-menu--product.js--tab-menu .tab--content {
  padding: 0rem 0rem 0rem 0rem
}
.js--tab-menu .tab--link {
  -webkit-transition: background .3s ease-out, box-shadow .3s ease-out, color .3s ease-out, border-color .3s ease-out;
  transition: background .3s ease-out, box-shadow .3s ease-out, color .3s ease-out, border-color .3s ease-out;
  top: 0;
  background: #53cbdb;
  color: #1a707b;
  border-color: #53cbdb;
  font-weight: 400;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem 1.25rem 0rem 1.25rem;
  border-radius: 0;
  background-clip: padding-box;
  flex-grow: 1
}
.js--tab-menu .tab--link:hover {
  background: #ff1c8e;
  color: #fff;
  border-color: #2296a6
}
.js--tab-menu .tab--link.is--active {
  background: #ff1c8e;
  color: #fff;
  border-color: #2296a6
}
.js--tab-menu .tab--link.is--active:hover {
  background: #2296a6;
  color: #fff
}
.js--tab-menu .tab--link:last-child {
  margin-right: 0
}
@media screen and (min-width: 48em) {
  .js--tab-menu .tab--container-list .tab--container {
    border: none
  }
}
.filter-panel {
  border-radius: 0;
  background-clip: padding-box;
  background-image: none
}
.listing--wrapper.has--sidebar-filter .action--sort {
  margin: 0
}
#scroll-to-top {
  position: fixed;
  z-index: 5000;
  top: auto;
  display: block;
  text-align: center;
  color: #fff;
  background: #ff1c8e;
  font-size: .5rem;
  bottom: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 0;
  background-clip: padding-box
}
#scroll-to-top span {
  line-height: 5rem
}
#scroll-to-top:hover, #scroll-to-top:active {
  color: #fff;
  background: #222
}
#scroll-to-top.scroll-hidden {
  visibility: hidden;
  bottom: -2.5rem
}
#scroll-to-top.is--left {
  left: 2.5rem
}
#scroll-to-top.is--right {
  right: 2.5rem
}
@media screen and (min-width: 64em) {
  .header--wrap .header-wrap--inner {
    top: 0;
    margin-top: 0
  }
  .header--wrap.affix {
    min-height: 8.75rem;
    margin-top: 0rem
  }
  .header--wrap.affix .header-wrap--inner {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2999
  }
  .header--wrap.affix .header--main-wrap {
    padding: 0rem 7.5rem 0rem 7.5rem
  }
  .header--transparent .header--wrap.affix .header--main-wrap {
    background: #c5eafc
  }
  .header--wrap.affix .header-main {
    margin-top: 0;
    padding-top: 0;
    z-index: 2999
  }
  .header--wrap.affix.has--transition .header-wrap--inner {
    -webkit-transition: margin-top .4s ease;
    transition: margin-top .4s ease
  }
  .header--wrap.affix .header-wrap--inner {
    top: -8.75rem;
    margin-top: 8.75rem;
    -webkit-transition: margin-top .4s ease;
    transition: margin-top .4s ease
  }
  .header--wrap.affix .navigation-main {
    position: relative;
    width: auto;
    height: 0;
    -webkit-transition: height .4s ease, top .4s ease 0s;
    transition: height .4s ease, top .4s ease 0s;
    padding: 0rem 7.5rem 0rem 7.5rem
  }
  .header--wrap.affix .navigation-main .navigation--list-wrapper {
    height: 0;
    overflow: hidden
  }
  .header--wrap.affix .navigation-main .js--menu-scroller--arrow {
    height: 0;
    overflow: hidden
  }
  .header--wrap.affix .navigation-main .js--menu-scroller--arrow.left--arrow {
    left: 5rem
  }
  .header--wrap.affix .navigation-main .js--menu-scroller--arrow.right--arrow {
    right: 5rem
  }
  .header--transparent .header--wrap.affix .navigation-main {
    background: #c5eafc
  }
  .header--wrap.affix.js--scroll-up .navigation-main {
    height: 2.5rem
  }
  .header--wrap.affix.js--scroll-up .navigation-main .navigation--list-wrapper {
    height: 2.5rem
  }
  .header--wrap.affix.js--scroll-up .navigation-main .js--menu-scroller--arrow {
    height: 2.5rem
  }
  .header--wrap.affix .header-wrap--inner + .category--teaser-wrap {
    padding-top: 8.75rem
  }
  .header--wrap.affix .header-wrap--inner + .content--breadcrumb-wrap {
    padding-top: 8.75rem
  }
}
.quick-view .quick-view--view .product--details .product--detail-upper {
  padding: 2.5rem 0rem 2.5rem 0rem;
  margin: 0rem 0rem 0rem 0rem;
  border: none
}
.quick-view .quick-view--view .product--details .product--detail-upper .product--header {
  padding: 0rem 0rem 0rem 0rem
}
.quick-view .quick-view--view .product--details .product--detail-upper .buybox--button-container {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.quick-view .quick-view--view .product--details .product--detail-upper .product--buybox {
  border: none;
  padding: 0rem 0rem 0rem 0rem
}
.quick-view .quick-view--view .product--details .product--detail-upper nav.product--actions {
  margin-top: 6.125rem
}
@media screen and (min-width: 48em) {
  .quick-view .quick-view--view .product--details .product--detail-upper .is--available.product--actions {
    margin-top: 0
  }
  .quick-view .quick-view--view .product--details .product--detail-upper .is--available button.action--link.link--notepad, .quick-view .quick-view--view .product--details .product--detail-upper .is--available .cart--add-to-list.action--link {
    top: -7.625rem;
    margin-right: 0;
    width: 30%
  }
}
.quick-view .quick-view--view .product--details .product--short-description {
  display: none !important
}
.preloader {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 12000;
  margin-top: 0;
  top: 0
}
.preloader .hide--preloader {
  display: none
}
.preloader-center {
  width: 100%;
  height: 100%;
  position: relative
}
.preloader-1 .preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 120px;
  margin-top: -75px;
  margin-left: -50px
}
.preloader-1 .object--round {
  width: 20px;
  height: 20px;
  background-color: #000;
  float: left;
  margin-right: 20px;
  margin-top: 65px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%
}
.preloader-1 #round--one {
  -webkit-animation: round--one 1.5s infinite;
  animation: round--one 1.5s infinite
}
.preloader-1 #round--two {
  -webkit-animation: round--two 1.5s infinite;
  animation: round--two 1.5s infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}
.preloader-1 #round--three {
  -webkit-animation: round--three 1.5s infinite;
  animation: round--three 1.5s infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
@-webkit-keyframes round--one {
  75% {
    -webkit-transform: scale(0)
  }
}
@keyframes round--one {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }
}
@-webkit-keyframes round--two {
  75% {
    -webkit-transform: scale(0)
  }
}
@keyframes round--two {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }
}
@-webkit-keyframes round--three {
  75% {
    -webkit-transform: scale(0)
  }
}
@keyframes round--three {
  75% {
    transform: scale(0);
    -webkit-transform: scale(0)
  }
}
.preloader-2 .preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 50px;
  width: 300px;
  margin-top: -25px;
  margin-left: -150px
}
.preloader-2 .object--wave {
  width: 18px;
  height: 18px;
  background-color: #000;
  float: left;
  margin-top: 15px;
  margin-right: 15px;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  -webkit-animation: object--wave 1s infinite;
  animation: object--wave 1s infinite
}
.preloader-2 .object--wave:last-child {
  margin-right: 0
}
.preloader-2 .object--wave:nth-child(9) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s
}
.preloader-2 .object--wave:nth-child(8) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}
.preloader-2 .object--wave:nth-child(7) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s
}
.preloader-2 .object--wave:nth-child(6) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}
.preloader-2 .object--wave:nth-child(5) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
.preloader-2 .object--wave:nth-child(4) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}
.preloader-2 .object--wave:nth-child(3) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}
.preloader-2 .object--wave:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}
@-webkit-keyframes object--wave {
  50% {
    -ms-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
  }
}
@keyframes object--wave {
  50% {
    -ms-transform: translate(0, -50px);
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
  }
}
.preloader-3 .preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: loading-center-absolute 1s infinite;
  animation: loading-center-absolute 1s infinite
}
.preloader-3 .object--rotate {
  width: 20px;
  height: 20px;
  background-color: #000;
  float: left;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px
}
.preloader-3 .object--rotate:nth-child(2n+0) {
  margin-right: 0
}
.preloader-3 #rotate--one {
  -webkit-animation: rotate--one 1s infinite;
  animation: rotate--one 1s infinite
}
.preloader-3 #rotate--two {
  -webkit-animation: rotate--two 1s infinite;
  animation: rotate--two 1s infinite
}
.preloader-3 #rotate--three {
  -webkit-animation: rotate--three 1s infinite;
  animation: rotate--three 1s infinite
}
.preloader-3 #rotate--four {
  -webkit-animation: rotate--four 1s infinite;
  animation: rotate--four 1s infinite
}
@-webkit-keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes loading-center-absolute {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes rotate--one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
  }
}
@keyframes rotate--one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px)
  }
}
@-webkit-keyframes rotate--two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
  }
}
@keyframes rotate--two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px)
  }
}
@-webkit-keyframes rotate--three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px)
  }
}
@keyframes rotate--three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px)
  }
}
@-webkit-keyframes rotate--four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px)
  }
}
@keyframes rotate--four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px)
  }
}
.preloader-4 .preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}
.preloader-4 .object--border {
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  position: absolute;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  -webkit-animation: animate 2s infinite;
  animation: animate 2s infinite
}
.preloader-4 #border--one {
  left: 75px;
  top: 75px;
  width: 50px;
  height: 50px
}
.preloader-4 #border--two {
  left: 65px;
  top: 65px;
  width: 70px;
  height: 70px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}
.preloader-4 #border--three {
  left: 55px;
  top: 55px;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: .4s;
  animation-delay: .4s
}
.preloader-4 #border--four {
  left: 45px;
  top: 45px;
  width: 110px;
  height: 110px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}
@-webkit-keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(.8);
    -webkit-transform: rotate(360deg) scale(.8);
    transform: rotate(360deg) scale(.8)
  }
}
@keyframes animate {
  50% {
    -ms-transform: rotate(360deg) scale(.8);
    -webkit-transform: rotate(360deg) scale(.8);
    transform: rotate(360deg) scale(.8)
  }
}
.preloader-5 .preloader-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 12.5rem;
  width: 12.5rem;
  margin-top: -6.25rem;
  margin-left: -6.25rem
}
.preloader-5 .object--logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation: logo--pulse 2s infinite;
  animation: logo--pulse 2s infinite
}
.preloader-5 img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 12.5rem;
  max-height: 12.5rem;
  margin: auto
}
@-webkit-keyframes logo--pulse {
  50% {
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}
@keyframes logo--pulse {
  50% {
    -ms-transform: scale(.9);
    -webkit-transform: scale(.9);
    transform: scale(.9)
  }
}
.js--img-zoom--flyout {
  width: 31.3125rem;
  right: -34.625rem
}
.responsive-video {
  position: relative;
  padding-bottom: 56%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
table td {
  color: #000
}
.has--dropdown {
  position: relative;
  cursor: pointer
}
.dropdown--list {
  min-width: 9.375rem;
  padding: .3125rem 0rem .3125rem 0rem;
  top: 2rem;
  left: 0rem;
  text-align: left;
  position: absolute;
  display: none;
  list-style: none;
  background: #fff;
  z-index: 3500;
  border: 1px solid #d9dde0
}
.dropdown--list::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: .5rem;
  height: .5rem;
  top: -0.3125rem;
  left: 1.125rem;
  content: '';
  display: block;
  position: absolute;
  background: #fff;
  border-color: #d9dde0;
  border-width: 0 0 1px 1px;
  border-style: solid
}
.dropdown--list .dropdown--link {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-font-smoothing: inherit;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  background: transparent;
  color: #000;
  display: block;
  border: none;
  width: 100%
}
.dropdown--list .dropdown--link:hover {
  background: #ff1c8e;
  color: #fff
}
.dropdown--list .dropdown--link.active {
  background: #ff1c8e;
  color: #fff
}
.js--is--dropdown-active .dropdown--list {
  display: block
}
@media screen and (min-width: 48em) {
  .top-bar--navigation .dropdown--service:after, .top-bar--navigation .dropdown--service::after {
    font-size: 5px
  }
}
.off-canvas .mobile--switches .navigation--entry {
  line-height: 1.875rem;
  padding: 0rem .9375rem 0rem .9375rem;
  margin-right: 0;
  min-width: 3.125rem
}
.off-canvas .mobile--switches .entry--service:after, .off-canvas .mobile--switches .entry--service::after {
  content: "\e612";
  font-family: 'shopware';
  position: absolute;
  top: 0rem;
  right: 0;
  font-size: .3125rem
}
.navigation--entry form {
  display: inline
}
.page-wrap .navigation-main .navigation--list .navigation--entry.is--hovered {
  background: transparent;
  border-radius: 0
}
.page-wrap .navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
  color: #ff1c8e;
  background: transparent
}
.navigation-main .advanced-menu {
  width: auto;
  display: block !important;
  opacity: 0;
  left: 0rem;
  right: 0rem;
  box-shadow: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  margin: auto;
  max-width: none
}
.navigation-main .advanced-menu .button-container {
  color: #000;
  background: #fae9f1
}
.navigation-main .advanced-menu .button-container .button--category {
  color: #000
}
.headline--hidden.navigation-main .advanced-menu .button-container {
  display: none
}
.is--full-width.navigation-main .advanced-menu {
  position: fixed;
  right: 5rem;
  left: 5rem;
  max-width: none
}
.navigation-main .advanced-menu .menu--container {
  position: absolute;
  overflow: hidden;
  display: block;
  height: 0;
  width: 100%;
  opacity: 0;
  color: #000;
  background: transparent;
  top: 1.5625rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.navigation-main .advanced-menu .menu--container .content--wrapper {
  margin: 0rem 0rem 0rem 0rem;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  color: #000;
  background: #fae9f1
}
.navigation-main .advanced-menu[style*="block"], .navigation-main .advanced-menu.is--open {
  opacity: 1
}
.navigation-main .advanced-menu[style*="block"] .menu--container.menu--is-active, .navigation-main .advanced-menu.is--open .menu--container.menu--is-active {
  top: 0;
  height: auto;
  opacity: 1;
  z-index: 1;
  overflow: visible
}
.navigation-main .advanced-menu .menu--list-item-link {
  font-size: .875rem;
  text-transform: none;
  color: #000
}
.navigation-main .advanced-menu [class*='item--level-'] .menu--list-item-link {
  font-size: .875rem;
  color: #000
}
.navigation-main .advanced-menu [class*='item--level-'] .menu--list-item-link:hover {
  color: #222;
  padding: .3125rem 0rem .3125rem .625rem
}
.navigation-main .advanced-menu .item--level-0 {
  overflow: hidden
}
.is--ctl-blog .filter--group {
  background: #fff
}
.blog--content .blog--box {
  color: #000
}
.blog--detail {
  margin-top: 0
}
.has--grid-view .blog--content {
  margin-top: 0
}
.has--grid-view .blog--content .blog--listing {
  width: auto;
  margin: -1.25rem -1.25rem -1.25rem -1.25rem;
  display: flex;
  flex-wrap: wrap
}
@media screen and (min-width: 48em) {
  .has--grid-view .blog--content .blog--listing {
    width: 78%
  }
}
.has--grid-view .blog--content .hero-unit {
  margin: 1.25rem 1.25rem 1.25rem 1.25rem
}
.has--grid-view .blog--content .blog--filter-btn {
  width: 100%;
  margin: 0rem 1.25rem 0rem 1.25rem
}
.has--grid-view .blog--content .blog--box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 100%;
  background: transparent;
  border: none;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin: 0rem 0rem 0rem 0rem
}
@media screen and (min-width: 64em) {
  .has--grid-view .blog--content .blog--box {
    width: 50%
  }
}
.has--grid-view .blog--content .blog--box .box--inner {
  position: relative;
  height: 100%;
  -webkit-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -moz-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -o-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -ms-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  background: #fff;
  box-shadow: 0 0 0 transparent
}
.has--grid-view .blog--content .blog--box .box--inner:hover {
  box-shadow: 0 20px 40px #d9dde0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px)
}
.has--grid-view .blog--content .blog--box .blog--box-picture {
  position: relative;
  overflow: hidden;
  height: 22.5rem;
  width: 100%;
  float: none
}
.has--grid-view .blog--content .blog--box .blog--box-picture img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none;
  max-height: none;
  min-width: 100%;
  min-height: 100%
}
.has--grid-view .blog--content .blog--box .blog--box-headline {
  font-size: 1.625rem;
  line-height: 1.625rem;
  padding: 2.5rem 0rem 0rem 0rem;
  margin: 0rem 2.5rem 0rem 2.5rem
}
.has--grid-view .blog--content .blog--box .blog--box-content {
  padding: 2.5rem 2.5rem 2.5rem 2.5rem
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-description {
  width: 100%;
  float: none
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-description .blog--box-description-short {
  margin: 0rem 0rem 0rem 0rem
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore {
  display: inline-block;
  margin-left: .625rem
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary {
  position: relative;
  background: transparent;
  color: #000;
  font-weight: 700;
  padding: 0
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary::after {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ff1c8e;
  height: .0625rem;
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary:hover, .has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary:focus {
  color: #000
}
.has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary:hover::after, .has--grid-view .blog--content .blog--box .blog--box-content .blog--box-readmore .is--primary:focus::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}
.has--grid-view .blog--content .blog--box .blog--metadata-author {
  font-style: italic
}
.has--grid-view .blog--content .blog--box .blog--metadata-author::before {
  content: "\2014 \00A0"
}
.has--grid-view .blog--content .blog--box .blog--box-metadata {
  background: transparent;
  border: none;
  padding: 0rem 0rem 2.5rem 0rem;
  margin: 0rem 2.5rem 0rem 2.5rem
}
.blog--box .blog--badges {
  top: .625rem;
  left: .625rem;
  position: absolute;
  z-index: 750
}
.blog--box .blog--badges .blog--badge {
  padding: 0rem .375rem 0rem .375rem;
  margin: 0rem 0rem .125rem 0rem;
  font-size: .625rem;
  line-height: 1.25rem;
  border-radius: 0;
  background-clip: padding-box;
  min-width: 2.5rem;
  height: 1.25rem;
  display: block;
  float: none;
  position: relative;
  text-align: center;
  font-weight: 700;
  clear: both
}
.blog--box .blog--badges .badge--date {
  color: #fff;
  background: #2ecc71
}
.blog--box .blog--badges .badge--date::after {
  border-top-color: #2ecc71
}
.blog--detail .blog--detail-headline {
  font-size: 1.625rem;
  line-height: 1.625rem;
  text-transform: none
}
.content--breadcrumb-wrap {
  position: relative;
  padding: 0rem 1.25rem 0rem 1.25rem;
  background: #fff;
  color: #000
}
.is--emotion-fullscreen .content--breadcrumb-wrap {
  display: none
}
@media screen and (min-width: 64em) {
  .content--breadcrumb-wrap {
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
.content--breadcrumb-wrap .container {
  padding: 1.25rem 0rem 1.25rem 0rem
}
@media screen and (min-width: 64em) {
  .content--breadcrumb-wrap .container {
    padding: 1.25rem 0rem 1.25rem 0rem
  }
}
.content--breadcrumb-wrap .content--breadcrumb {
  border: none;
  padding: 0rem 0rem 0rem 0rem
}
.content--breadcrumb-wrap .breadcrumb--list {
  float: right
}
.content--breadcrumb-wrap .breadcrumb--separator {
  padding: 0rem .625rem 0rem .625rem;
  color: #000;
  font-size: .875rem
}
.content--breadcrumb-wrap .breadcrumb--button .icon--arrow-left {
  font-size: .875rem
}
.content--breadcrumb-wrap .breadcrumb--link {
  padding: 0rem 0rem 0rem 0rem;
  color: #000
}
.content--breadcrumb-wrap .breadcrumb--link:hover {
  color: #000;
  border-bottom: 1px solid #000
}
.content--breadcrumb-wrap .is--active .breadcrumb--link {
  color: #000;
  border-bottom: 1px solid #000
}
.has--header-wrap .content--breadcrumb-wrap {
  background: transparent
}
.has--header-wrap .content--breadcrumb-wrap .container {
  background: transparent
}
.has--header-wrap .content--breadcrumb-wrap .breadcrumb--separator {
  color: #000
}
.has--header-wrap .content--breadcrumb-wrap .breadcrumb--link {
  color: #000
}
.has--header-wrap .content--breadcrumb-wrap .breadcrumb--link:hover {
  color: #000;
  border-bottom: 1px solid #000
}
.has--header-wrap .content--breadcrumb-wrap .is--active .breadcrumb--link {
  color: #000;
  border-bottom: 1px solid #000
}
.has--header-wrap .is--light-text .content--breadcrumb-wrap .breadcrumb--separator {
  color: #fff
}
.has--header-wrap .is--light-text .content--breadcrumb-wrap .breadcrumb--link {
  color: #fff
}
.has--header-wrap .is--light-text .content--breadcrumb-wrap .breadcrumb--link:hover {
  color: #fff;
  border-bottom: 1px solid #fff
}
.has--header-wrap .is--light-text .content--breadcrumb-wrap .is--active .breadcrumb--link {
  color: #fff;
  border-bottom: 1px solid #fff
}
.has--header-wrap .is--dark-text .content--breadcrumb-wrap .breadcrumb--separator {
  color: #000
}
.has--header-wrap .is--dark-text .content--breadcrumb-wrap .breadcrumb--link {
  color: #000
}
.has--header-wrap .is--dark-text .content--breadcrumb-wrap .breadcrumb--link:hover {
  color: #000;
  border-bottom: 1px solid #000
}
.has--header-wrap .is--dark-text .content--breadcrumb-wrap .is--active .breadcrumb--link {
  color: #000;
  border-bottom: 1px solid #000
}
.top-bar--navigation .entry--compare {
  padding: 0;
  text-align: center;
  padding: 2.5rem 0rem 2.5rem 0rem;
  border-bottom: 1px solid #3c3c3c;
  cursor: pointer;
  position: relative
}
@media screen and (min-width: 48em) {
  .top-bar--navigation .entry--compare .compare--quantity {
    background: #ff1c8e;
    color: #080808;
    border: none
  }
}
@media screen and (min-width: 78.75em) {
  .top-bar--navigation .entry--compare .compare--quantity {
    margin-left: .625rem
  }
}
.top-bar--navigation .entry--compare .icon--compare {
  font-size: 1.25rem
}
.top-bar--navigation .compare--list {
  top: 6.875rem;
  right: 0rem;
  left: 0rem;
  margin: auto
}
.top-bar--navigation .compare--list::after {
  left: 0;
  right: 0;
  margin: auto
}
.shop--navigation .compare--quantity {
  display: block !important;
  border: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  margin-top: -1.25rem;
  margin-left: 1.25rem
}
.configurator--variant .variant--option {
  min-width: 23%;
  width: auto
}
.is--ctl-detail .content-main .content--wrapper, .is--ctl-detail .content-main .product--navigation {
  max-width: 78.75rem;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  background: transparent;
  max-width: none
}
.is--ctl-detail .content-main .content--wrapper:after, .is--ctl-detail .content-main .product--navigation:after {
  content: "";
  display: table;
  clear: both
}
@media screen and (min-width: 78.75em) {
  .is--ctl-detail .content-main .content--wrapper, .is--ctl-detail .content-main .product--navigation {
    max-width: 87.5rem;
    max-width: none
  }
}
.is--ctl-detail .content-main--inner {
  background: transparent
}
.is--ctl-detail .header--wrap {
  background-color: #000
}
.header--wrap .header-wrap--inner {
  position: relative
}
.product--details {
  color: #000
}
.product--details .similar--content .product-slider, .product--details .viewed--content .product-slider, .product--details .related--content .product-slider, .product--details .bought--content .product-slider {
  padding: 0rem 0rem 0rem 0rem
}
.product--details .content--description, .product--details .content--product-reviews, .product--details .content--video, .product--details .content--properties, .product--details .content--supplier, .product--details .content--custom {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
@media screen and (min-width: 48em) {
  .product--details .content--description, .product--details .content--product-reviews, .product--details .content--video, .product--details .content--properties, .product--details .content--supplier, .product--details .content--custom {
    padding: 2.5rem 2.5rem 2.5rem 2.5rem
  }
}
.product--details .product--header {
  padding: 0
}
@media screen and (min-width: 64em) {
  .product--details .product--header {
    width: 38%;
    float: right
  }
}
.product--details .product--header .product--info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}
.product--details .product--header .product--title {
  font-weight: 300;
  width: 80%;
  line-height: 1.5;
  order: 2
}
@media screen and (min-width: 48em) {
  .product--details .product--header .product--title {
    font-size: 1.625rem;
    width: 80%
  }
}
.product--details .product--header .product--rating-container {
  order: 1
}
.product--details .product--header .product--supplier {
  width: 20%;
  text-align: right;
  order: 3
}
.product--details .product--description-short {
  border-bottom: 1px solid #d9dde0;
  margin-bottom: 1.25rem
}
.product--details .configurator--form .select-field, .product--details .configurator--form .js--fancy-select {
  width: 100%;
  max-width: 100%
}
.product--details .buybox--form {
  width: 100%
}
.product--details .buybox--button-container {
  margin: 2.5rem 0rem 2.5rem 0rem
}
.product--details .buybox--quantity-label {
  width: 25%;
  text-align: center;
  height: 2.5rem;
  line-height: 2.375rem
}
.product--details .buybox--quantity {
  width: 50%;
  margin-bottom: 1.25rem
}
@media screen and (min-width: 48em) {
  .product--details .buybox--quantity {
    margin-bottom: 2.5rem
  }
}
.product--details .buybox--quantity .select-field select {
  font-weight: 400
}
.product--details .buybox--button {
  width: 100%
}
@media screen and (min-width: 48em) {
  .product--details .buybox--button {
    width: 65%
  }
}
.product--details .product--detail-upper {
  background: #fff;
  padding: 2.5rem 1.25rem 2.5rem 1.25rem;
  margin: 0rem 0rem 1.25rem 0rem
}
@media screen and (min-width: 48em) {
  .product--details .product--detail-upper {
    padding: 5rem 2.5rem 1rem 2.5rem;
    margin: 0rem 0rem 0.5rem 0rem
  }
}
@media screen and (min-width: 48em) {
  .product--details nav.product--actions {
    position: relative;
    margin-top: 6.125rem
  }
  .product--details .link--notepad, .product--details .has--wishlist-only .cart--add-to-list {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: absolute;
    top: -5.75rem;
    right: 0;
    width: 100%;
    height: 2.625rem;
    line-height: 2.25rem;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: .875rem;
    -webkit-font-smoothing: inherit;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    padding: .125rem .625rem .125rem .625rem;
    margin: 0;
    border: 1px solid #222;
    background: none;
    color: #222
  }
  .product--details .link--notepad:hover, .product--details .has--wishlist-only .cart--add-to-list:hover {
    background: #222;
    color: #fff
  }
  .product--details .link--notepad [class^="icon--"]:before, .product--details .has--wishlist-only .cart--add-to-list [class^="icon--"]:before {
    font-size: 1.25rem;
    line-height: 2.375rem
  }
  .product--details .link--notepad.js--is-saved, .product--details .has--wishlist-only .cart--add-to-list.js--is-saved {
    background-image: linear-gradient(to right, #222 0%, #222 100%);
    color: #fff
  }
  .product--details .is--available.product--actions {
    margin-top: 0rem
  }
  .product--details .is--available .link--notepad, .product--details .is--available.has--wishlist-only .cart--add-to-list {
    width: 30%
  }
  .product--details .is--available .action--text {
    display: none
  }
  .product--details .is--available.has--wishlist-only .cart--add-to-list {
    text-indent: -9999px
  }
  .product--details .is--available.has--wishlist-only .cart--add-to-list [class^="icon--"] {
    position: absolute;
    left: 0;
    right: 0;
    text-indent: 0
  }
}
.product--navigation .navigation--link {
  top: 22.5rem
}
.product--navigation .link--prev {
  left: -2.4375rem
}
.product--navigation .link--next {
  right: -2.4375rem
}
.product--navigation .link--prev-button, .product--navigation .link--next-button {
  background: transparent;
  color: #000
}
.container--transparent .product--navigation .link--prev-button, .container--transparent .product--navigation .link--next-button {
  color: #000
}
.product--navigation .link--prev-button {
  border-right: 1px solid #000
}
.container--transparent .product--navigation .link--prev-button {
  border-right: 1px solid #000
}
.product--navigation .link--next-button {
  border-left: 1px solid #000
}
.container--transparent .product--navigation .link--next-button {
  border-left: 1px solid #000
}
.product--notification .notification--field {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box
}
.product--notification .notification--button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  border-top: none;
  border-left: none;
  border-right: none
}
.product--notification .notification--button .icon--mail {
  font-size: .875rem
}
.tab-menu--cross-selling .tab--content .box--content {
  box-shadow: 0 0 0 transparent
}
.is--ctl-detail .content--supplier .product--supplier {
  height: auto;
  width: auto;
  float: none;
  text-align: inherit
}
.top-bar--offcanvas {
  -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
  transition: all .45s cubic-bezier(.3, 0, .15, 1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: #222;
  color: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  display: none;
  overflow: hidden;
  z-index: 8000;
  width: 28.75rem
}
.top-bar--offcanvas .offcanvas--wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 3.75rem
}
.top-bar--offcanvas .close--off-canvas {
  background: #222
}
.top-bar--offcanvas .close--off-canvas:hover {
  color: #fff
}
.top-bar--offcanvas .close--off-canvas .icon--arrow-left {
  color: #fff
}
.top-bar .top-bar--logo {
  height: 3.125rem;
  margin-bottom: 2.5rem;
  float: none
}
.top-bar .top-bar--logo .logo--offcanvas {
  float: none;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center
}
.top-bar .top-bar--logo .logo--link {
  height: 100%;
  max-height: 100%;
  width: 100%;
  position: relative;
  top: 50%;
  display: inline-block;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.top-bar .top-bar--logo img {
  position: relative;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.top-bar .top-bar--marketing {
  padding: 0rem 2.5rem 0rem 2.5rem;
  margin-bottom: 2.5rem
}
.top-bar .top-bar--marketing .marketing--text {
  width: 100%;
  text-align: center
}
.top-bar .top-bar--marketing .marketing--text .marketing--text-slider {
  height: 2.5rem
}
.top-bar .top-bar--marketing .marketing--text li {
  color: #fff;
  height: 2.5rem;
  line-height: 2.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style: none
}
.top-bar .top-bar--marketing .marketing--btn {
  text-align: center;
  height: 2.5rem;
  margin: auto
}
.top-bar .top-bar--marketing .marketing--btn .btn {
  color: #fff;
  border-color: #fff;
  border-style: dashed;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.top-bar .top-bar--navigation {
  margin-bottom: 2.5rem;
  border-top: 1px solid #3c3c3c
}
.top-bar .top-bar--navigation .top-bar--cart-list {
  padding: 1.25rem 0rem 1.25rem 0rem;
  text-align: center;
  font-weight: 400;
  border-bottom: 1px solid #3c3c3c
}
.top-bar .top-bar--navigation .top-bar--cart-list .navigation--link {
  padding: .625rem .625rem .625rem .625rem;
  display: block;
  color: #fff;
  font-size: .875rem;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  text-transform: none
}
.top-bar .top-bar--navigation .top-bar--cart-list .navigation--link:hover, .top-bar .top-bar--navigation .top-bar--cart-list .navigation--link:active, .top-bar .top-bar--navigation .top-bar--cart-list .navigation--link:focus {
  background: #222;
  color: #ff1c8e
}
.top-bar .top-bar--navigation .top-bar--language, .top-bar .top-bar--navigation .top-bar--currency {
  margin-top: 1.25rem;
  text-align: center
}
.top-bar .top-bar--navigation .top-bar--language .entry--headline, .top-bar .top-bar--navigation .top-bar--currency .entry--headline {
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 400;
  color: #fff;
  text-transform: none
}
.top-bar .top-bar--navigation .top-bar--language .field--select, .top-bar .top-bar--navigation .top-bar--currency .field--select {
  margin: auto;
  display: block;
  position: relative;
  width: 100%;
  border-color: #222;
  max-width: 16.25rem
}
.top-bar .top-bar--navigation .top-bar--language .field--select:hover, .top-bar .top-bar--navigation .top-bar--currency .field--select:hover {
  border-color: #fff
}
.top-bar .top-bar--navigation .top-bar--language .field--select.js--is--focused, .top-bar .top-bar--navigation .top-bar--currency .field--select.js--is--focused {
  border-color: #ff1c8e
}
.top-bar .top-bar--navigation .top-bar--language .field--select .select-field select, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field select, .top-bar .top-bar--navigation .top-bar--language .field--select .select-field .select, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field .select {
  padding-left: 2.5rem;
  color: #fff
}
.top-bar .top-bar--navigation .top-bar--language .field--select .select-field::after, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field::after, .top-bar .top-bar--navigation .top-bar--language .field--select .select-field:after, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field:after {
  color: #fff
}
.top-bar .top-bar--navigation .top-bar--language .field--select .select-field:hover select, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field:hover select, .top-bar .top-bar--navigation .top-bar--language .field--select .select-field:hover .select, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field:hover .select {
  color: #ff1c8e
}
.top-bar .top-bar--navigation .top-bar--language .field--select .select-field:hover::after, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field:hover::after, .top-bar .top-bar--navigation .top-bar--language .field--select .select-field:hover:after, .top-bar .top-bar--navigation .top-bar--currency .field--select .select-field:hover:after {
  color: #ff1c8e
}
.top-bar .top-bar--navigation .top-bar--language .field--select .dropdown--list, .top-bar .top-bar--navigation .top-bar--currency .field--select .dropdown--list {
  width: 100%;
  top: 2.375rem
}
.top-bar .top-bar--navigation .top-bar--language .field--select .dropdown--list .dropdown--link, .top-bar .top-bar--navigation .top-bar--currency .field--select .dropdown--list .dropdown--link {
  position: relative;
  padding-left: 2.5rem
}
.top-bar .top-bar--navigation .top-bar--language .field--select .dropdown--list .dropdown--link .language--flag, .top-bar .top-bar--navigation .top-bar--currency .field--select .dropdown--list .dropdown--link .language--flag {
  left: .625rem
}
.top-bar .top-bar--navigation .top-bar--language .language--flag, .top-bar .top-bar--navigation .top-bar--currency .language--flag {
  margin-top: -0.375rem;
  position: absolute;
  z-index: 900;
  top: 50%;
  left: .9375rem
}
.top-bar .top-bar--navigation .top-bar--language .currency--display, .top-bar .top-bar--navigation .top-bar--currency .currency--display {
  position: absolute;
  z-index: 900;
  top: 50%;
  left: 1.0625rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.top-bar .top-bar--navigation .top-bar--language .field--select .js--fancy-select-text, .top-bar .top-bar--navigation .top-bar--language .field--select .language--select {
  padding-left: 2.5rem
}
.top-bar .top-bar--navigation .service--list {
  text-align: center;
  margin-top: 1.25rem;
  list-style: none;
  margin-left: 0;
  padding: 0rem 2.5rem 0rem 2.5rem
}
.top-bar .top-bar--navigation .service--list .service--link {
  font-weight: 400;
  padding: .625rem .625rem .625rem .625rem;
  display: block;
  color: #fff;
  font-size: .875rem;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  text-transform: none
}
.top-bar .top-bar--navigation .service--list .service--link:hover, .top-bar .top-bar--navigation .service--list .service--link:active, .top-bar .top-bar--navigation .service--list .service--link:focus {
  background: #222;
  color: #ff1c8e
}
.top-bar--login-register {
  position: fixed;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  overflow: hidden;
  text-align: center;
  line-height: 2.5rem;
  color: #fff;
  background: #080808
}
.is--ie .top-bar--login-register {
  -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
  transition: all .45s cubic-bezier(.3, 0, .15, 1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 28.75rem;
  -webkit-transform: translate(100%);
  transform: translate(100%)
}
@media screen and (min-width: 48em) {
  .is--ie .off-canvas.is--open .top-bar--login-register {
    transition-delay: .25s;
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
.top-bar--login-register .navigation--entry {
  color: #fff
}
.top-bar--login-register .navigation--entry:hover, .top-bar--login-register .navigation--entry:active, .top-bar--login-register .navigation--entry:focus {
  text-decoration: underline
}
.top-bar--login-register span {
  opacity: .5;
  padding: 0rem .3125rem 0rem .3125rem
}
.footer-main {
  color: #000;
  background: transparent;
  border: none
}
.footer-main a {
  color: #000
}
.footer-main a:hover, .footer-main a:focus, .footer-main a:active {
  color: #ff1c8e
}
.footer-main .footer--columns-wrap {
  background: #fff
}
.footer-main .footer--columns {
  border-bottom: none;
  padding: 0rem 1.25rem 0rem 1.25rem;
  margin: 0rem -1.25rem 0rem -1.25rem
}
@media screen and (min-width: 48em) {
  .footer-main .footer--columns {
    padding: 0rem 2.5rem 0rem 2.5rem;
    margin: 0rem -2.5rem 0rem -2.5rem
  }
}
.footer-main .footer--columns .container {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
@media screen and (min-width: 48em) {
  .footer-main .footer--columns .container {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
  }
}
.footer-main .footer--columns .container::before, .footer-main .footer--columns .container:before, .footer-main .footer--columns .container::after, .footer-main .footer--columns .container:after {
  content: normal
}
.footer-main .footer--column {
  border-top: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center
}
@media screen and (min-width: 48em) {
  .footer-main .footer--column {
    border: none;
    padding: 1.25rem 1.25rem 1.25rem 1.25rem;
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-basis: 50%;
    float: none
  }
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column {
    flex-basis: 25%
  }
}
@media screen and (min-width: 78.75em) {
  .footer-main .footer--column {
    padding: 1.25rem 2.5rem 1.25rem 2.5rem
  }
}
.footer-main .footer--column p {
  font-size: .875rem
}
.footer-main .footer--column.column--hotline {
  -webkit-order: 1;
  order: 1
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--hotline {
    -ms-flex: 0 0 0 von 12;
    flex: 0 0 0 von 12;
    max-width: 0 von 12
  }
}
.footer-main .footer--column.column--menu {
  -webkit-order: 2;
  order: 2
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--menu {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--menu + .column--menu {
  -webkit-order: 3;
  order: 3
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--menu + .column--menu {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--imprint, .footer-main .footer--column.column--newsletter {
  -webkit-order: 4;
  order: 4
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--imprint, .footer-main .footer--column.column--newsletter {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--custom-1 {
  -webkit-order: 5;
  order: 5
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--custom-1 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--custom-2 {
  -webkit-order: 6;
  order: 6
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--custom-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--custom-3 {
  -webkit-order: 7;
  order: 7
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--custom-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .footer--column.column--custom-4 {
  -webkit-order: 8;
  order: 8
}
@media screen and (min-width: 64em) {
  .footer-main .footer--column.column--custom-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
}
.footer-main .column--headline {
  font-weight: 300;
  position: relative;
  margin-top: 0;
  color: #000;
  font-size: 1.25rem
}
@media screen and (min-width: 48em) {
  .footer-main .column--headline {
    margin-bottom: 1.25rem
  }
}
@media screen and (min-width: 64em) {
  .footer-main .column--headline {
    margin-bottom: 2.5rem;
    font-size: 1.375rem
  }
}
.footer-main .column--headline::after {
  color: #000
}
.footer-main .column--headline.is--active::before {
  content: '';
  width: 3.125rem;
  height: .125rem;
  position: absolute;
  bottom: -0.625rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #ff1c8e
}
@media screen and (min-width: 48em) {
  .footer-main .column--headline::before {
    content: '';
    width: 3.125rem;
    height: .125rem;
    position: absolute;
    bottom: -0.625rem;
    left: 0;
    right: 0;
    margin: auto;
    background: #ff1c8e
  }
}
.footer-main .column--headline.has--logo::before {
  display: none
}
.footer-main .column--content {
  margin: 2.5rem 0rem 2.5rem 0rem
}
.footer-main .navigation--link {
  position: relative;
  line-height: 1.875rem;
  display: inline-block;
  color: inherit;
  font-size: .875rem;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}
.footer-main .navigation--link::after {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ff1c8e;
  height: .0625rem;
  -webkit-transform: scaleX(0);
  transform: scaleX(0)
}
.footer-main .navigation--link:hover, .footer-main .navigation--link:focus {
  color: #ff1c8e
}
.footer-main .navigation--link:hover::after, .footer-main .navigation--link:focus::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1)
}
.footer-main .footer--phone-link {
  font-weight: 700;
  font-size: 1.375rem;
  color: #000;
  background: #f5f6f7;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  padding: .3125rem .625rem .3125rem .625rem;
  margin-bottom: .625rem;
  display: inline-block
}
.footer-main .footer--phone-link:hover {
  background: #000;
  color: #f5f6f7
}
.footer-main .column--imprint .item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: .625rem;
  margin-bottom: .625rem
}
.footer-main .column--imprint .item .contact--inner {
  padding-left: 25px
}
.footer-main .column--imprint .item i {
  color: #ff1c8e;
  margin-right: .625rem;
  float: left;
  line-height: 1.4
}
.footer-main .column--imprint .item:last-child {
  border: none
}
.footer-main .column--imprint .column--logo {
  display: none
}
@media screen and (min-width: 48em) {
  .footer-main .column--imprint .column--logo {
    display: block
  }
}
@media screen and (min-width: 48em) {
  .footer-main .column--imprint .has--logo .header--title {
    display: none
  }
}
.footer-main .footer--bottom-wrap {
  background: #fff
}
.footer-main .footer--bottom {
  color: #000;
  padding: 0rem 1.25rem 0rem 1.25rem;
  margin: 0rem -1.25rem 0rem -1.25rem
}
@media screen and (min-width: 48em) {
  .footer-main .footer--bottom {
    padding: 0rem 2.5rem 0rem 2.5rem;
    margin: 0rem -2.5rem 0rem -2.5rem
  }
}
.footer-main .footer--bottom .container {
  padding: .3125rem 0rem .3125rem 0rem
}
@media screen and (min-width: 48em) {
  .footer-main .footer--bottom .container {
    padding: 1.25rem 0rem 1.25rem 0rem
  }
}
.footer-main .footer--bottom .footer--copyright a {
  color: #000
}
.footer-main .footer--bottom .footer--copyright a:hover {
  color: #ff1c8e;
  text-decoration: underline
}
.footer-main .footer--bottom a {
  color: #000
}
.footer-main .footer--bottom a:hover {
  color: #ff1c8e
}
.footer-main .tagcloud--content {
  background: none;
  border: none;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem
}
@media screen and (min-width: 48em) {
  .footer-main .tagcloud--content {
    padding: 1.25rem 2.5rem 1.25rem 2.5rem
  }
}
.footer-main .tagcloud--content .tagcloud {
  padding: 0rem 0rem 0rem 0rem
}
.footer-main .tagcloud--content a {
  color: #fff;
  background: #000;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  padding: .3125rem .625rem .3125rem .625rem;
  margin-bottom: .625rem;
  display: inline-block
}
.footer-main .tagcloud--content a:hover {
  background: #fff;
  color: #000
}
.footer-main .logo--link {
  height: 2.875rem;
  max-height: 100%;
  display: inline-block;
  margin: auto;
  width: 100%
}
.footer-main img {
  display: inline-block;
  margin: auto
}
.footer-main .column--newsletter {
  background: #f5f6f7
}
.footer-main .column--newsletter .column--logo {
  display: none
}
@media screen and (min-width: 48em) {
  .footer-main .column--newsletter .column--logo {
    display: block
  }
}
@media screen and (min-width: 48em) {
  .footer-main .column--newsletter .has--logo .header--title {
    display: none
  }
}
.footer-main .column--newsletter .newsletter--desc {
  margin: 0rem 0rem 0rem 0rem;
  text-align: center;
  color: #000;
  padding: 1.25rem 0rem 1.25rem 0rem
}
@media screen and (min-width: 48em) {
  .footer-main .column--newsletter .newsletter--desc {
    max-width: 31.25rem;
    width: 80%;
    margin: auto
  }
}
.footer-main .column--newsletter .newsletter--form {
  padding: 0rem 0rem 0rem 0rem
}
@media screen and (min-width: 64em) {
  .footer-main .column--newsletter .newsletter--form {
    max-width: 31.25rem;
    margin: auto
  }
}
.footer-main .column--newsletter .newsletter--form .newsletter--field {
  background: #fff;
  border: 1px solid #ff1c8e;
  width: 80%;
  font-weight: 700;
  background-clip: padding-box;
  box-shadow: 0 0 0 transparent;
  padding: .625rem 1.25rem .5625rem 1.25rem;
  line-height: 1.1875rem;
  height: 2.5rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background: transparent;
  color: #000;
  border-color: #000;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ff1c8e;
  border-left: none;
  border-radius: 0
}
.footer-main .column--newsletter .newsletter--form .newsletter--field::-webkit-input-placeholder {
  color: #000;
  text-transform: none
}
.footer-main .column--newsletter .newsletter--form .newsletter--field:-moz-placeholder {
  color: #000;
  text-transform: none
}
.footer-main .column--newsletter .newsletter--form .newsletter--field::-moz-placeholder {
  color: #000;
  text-transform: none
}
.footer-main .column--newsletter .newsletter--form .newsletter--field:-ms-input-placeholder {
  color: #000;
  text-transform: none
}
.footer-main .column--newsletter .newsletter--form .newsletter--field:hover, .footer-main .column--newsletter .newsletter--form .newsletter--field:focus, .footer-main .column--newsletter .newsletter--form .newsletter--field:active {
  border-color: #000
}
.footer-main .column--newsletter .newsletter--form .newsletter--button {
  margin: 0rem 0rem 0rem 0rem;
  border: none;
  width: 20%;
  background-clip: padding-box;
  line-height: 2.5rem;
  height: 2.5rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background: transparent;
  color: #000;
  border-color: #000;
  border-top: none;
  border-right: none;
  border-bottom: 2px solid #ff1c8e;
  border-left: none;
  border-radius: 0
}
.footer-main .column--newsletter .newsletter--form .newsletter--button:hover, .footer-main .column--newsletter .newsletter--form .newsletter--button:focus, .footer-main .column--newsletter .newsletter--form .newsletter--button:active {
  background: none;
  border-color: #f5f6f7
}
.footer-main .column--newsletter .newsletter--form .newsletter--button .icon--mail {
  font-size: 1.25rem;
  line-height: 2.125rem
}
.footer-main .column--newsletter .newsletter--form .privacy-information {
  float: left;
  margin-top: 1.25rem
}
.footer-main .column--newsletter .newsletter--form .privacy-information label {
  color: #000;
  line-height: 1.2
}
.footer-main .column--newsletter .newsletter--form .privacy-information a {
  color: #000
}
.footer-main .column--newsletter .newsletter--form .privacy-information a:hover, .footer-main .column--newsletter .newsletter--form .privacy-information a:focus {
  color: #000;
  text-decoration: underline
}
@media screen and (min-width: 48em) {
  .footer-main .column--newsletter .newsletter--logo ~ .newsletter--form {
    width: 30%
  }
}
.footer-main .footer--socials {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 1.25rem 0rem 1.25rem 0rem
}
@media screen and (min-width: 48em) {
  .footer-main .footer--socials {
    width: 60%
  }
}
@media screen and (min-width: 64em) {
  .footer-main .footer--socials {
    width: 60%
  }
}
.footer-main .footer--socials .entry--social {
  display: inline-block;
  text-align: center;
  color: #000;
  font-size: 2.5rem;
  height: 3.75rem;
  line-height: 3.75rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.footer-minimal {
  color: #000
}
.container--transparent .footer-minimal {
  color: #000
}
.footer-minimal a {
  color: #000
}
.container--transparent .footer-minimal a {
  color: #000
}
.footer-minimal a:hover {
  text-decoration: underline
}
.footer-minimal .footer--service-menu .service--list .service--link {
  color: #000
}
.container--transparent .footer-minimal .footer--service-menu .service--list .service--link {
  color: #000
}
.footer-minimal .footer--service-menu .service--list .service--link:hover {
  text-decoration: underline
}
.footer-minimal .footer--service-menu .service--list .service--entry:after {
  border-left-color: #000
}
.container--transparent .footer-minimal .footer--service-menu .service--list .service--entry:after {
  border-left-color: #000
}
a:hover {
  color: #2296a6
}
body {
  background-color: #fff;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: 100% 50vh;
  border-top: 0px solid #fff;
  color: #000
}
.page-wrap {
  overflow: hidden;
  padding: 0rem .625rem .625rem .625rem
}
@media screen and (min-width: 30em) {
  .page-wrap {
    padding: 0rem 2.5rem 2.5rem 2.5rem
  }
}
@media screen and (min-width: 64em) {
  .page-wrap {
    padding: 0rem 5rem 5rem 5rem
  }
}
.has--header-wrap .header--wrap {
  background-color: #000
}
.has--header-wrap .header--wrap:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  opacity: .7
}
@media screen and (min-width: 48em) {
  .has--header-wrap .header--wrap:before {
    background-attachment: scroll
  }
}
.content--wrap {
  background: #fff
}
.container--transparent .content--wrap {
  color: #000
}
.container--transparent .content--wrap {
  background: transparent
}
.content-main {
  box-shadow: 0 0 0 transparent;
  background: #fff;
  margin: 0 auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}
@media screen and (min-width: 64em) {
  .content-main {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}
.container--transparent .content-main {
  background: transparent;
  padding-left: 0rem;
  padding-right: 0rem
}
@media screen and (min-width: 64em) {
  .container--transparent .content-main {
    padding-left: 0rem;
    padding-right: 0rem
  }
}
.content-main--inner {
  padding: 0
}
.is--rounded {
  border-radius: 0;
  background-clip: padding-box
}
.header-main .logo-main {
  width: 100%
}
@media screen and (min-width: 48em) {
  .is--logo-left .header-main .logo-main {
    width: 35%
  }
  .is--logo-center .header-main .logo-main {
    width: 35%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1
  }
}
@media screen and (min-width: 64em) {
  .is--logo-left .header-main .logo-main {
    width: 30%
  }
}
.header-main .shop--navigation {
  width: 100%
}
@media screen and (min-width: 48em) {
  .is--logo-left .header-main .shop--navigation {
    width: 65%
  }
}
@media screen and (min-width: 64em) {
  .is--logo-left .header-main .shop--navigation {
    width: 70%
  }
}
.header--wrap {
  width: 100%;
  position: relative;
  background: #fff
}
.header-main {
  background: transparent;
  border: none;
  width: 100%;
  padding: 0
}
@media screen and (min-width: 48em) {
  .header-main {
    margin: 0rem 0rem 0rem 0rem
  }
}
.header-main .header--main-wrap {
  background: #c5eafc;
  padding: 0rem 1.25rem 0rem 1.25rem
}
@media screen and (min-width: 48em) {
  .header-main .header--main-wrap {
    height: 6.25rem
  }
}
@media screen and (min-width: 64em) {
  .header-main .header--main-wrap {
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
@media screen and (min-width: 48em) {
  .header--transparent .header-main .header--main-wrap {
    background: transparent
  }
}
@media screen and (min-width: 48em) {
  .header-main .header--main-wrap > .container {
    display: flex
  }
}
.header-main .header--navigation {
  position: relative;
  padding: 0
}
.header-main .logo-main {
  height: 6.25rem;
  padding: 0;
  padding: 0rem 0rem 0rem 0rem
}
.header-main .logo-main .logo--shop {
  float: none;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center
}
@media screen and (min-width: 48em) {
  .is--logo-left .header-main .logo-main .logo--shop {
    position: inherit;
    float: left;
    text-align: left
  }
}
.header-main .logo-main .logo--link {
  height: 50%;
  max-height: 100%;
  position: relative;
  top: 50%;
  display: inline-block;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
@media screen and (min-width: 48em) {
  .header-main .logo-main .logo--link {
    height: 40%
  }
}
.header-main .logo-main img {
  position: relative;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="up"]:before, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="right"]:before, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="down"]:before, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="left"]:before, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="up"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="right"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="down"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="left"]:after {
  pointer-events: none
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="up"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="right"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="down"]:after, .header-main [data-atmos-tooltip][data-atmos-tooltip-pos="left"]:after {
  line-height: 1.25rem;
  background: #222;
  color: #fff
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="up"]:before {
  background: url('../images/f2bfae5b7f2447adafae94d856c5cf42.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="right"]:before {
  background: url('../images/765c675c5fe140ba8860d1f1df02ba53.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="down"]:before {
  background: url('../images/b0520347a61047e58603deddb9e2c376.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
.header-main [data-atmos-tooltip][data-atmos-tooltip-pos="left"]:before {
  background: url('../images/7e8def280c78419c93ce346466f2cc0b.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
@media screen and (min-width: 48em) {
  .header-main .shop--navigation {
    margin-left: auto;
    float: right;
    border: none;
    background: none;
    height: 6.25rem
  }
}
.header-main .shop--navigation .search--display, .header-main .shop--navigation .notepad--display, .header-main .shop--navigation .account--display, .header-main .shop--navigation .cart--amount, .header-main .shop--navigation .shop--navigation {
  display: none
}
@media screen and (min-width: 64em) {
  .is--logo-left .header-main .shop--navigation .search--display, .is--logo-left .header-main .shop--navigation .notepad--display, .is--logo-left .header-main .shop--navigation .account--display, .is--logo-left .header-main .shop--navigation .cart--amount, .is--logo-left .header-main .shop--navigation .shop--navigation {
    display: inline-block
  }
}
.header-main .shop--navigation > .navigation--list {
  font-size: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  height: 3.75rem
}
@media screen and (min-width: 48em) {
  .header-main .shop--navigation > .navigation--list {
    padding: 0rem 0rem 0rem 0rem;
    height: 6.25rem
  }
  .is--logo-center .header-main .shop--navigation > .navigation--list {
    justify-content: flex-start
  }
}
.header-main .shop--navigation > .navigation--list > .navigation--entry {
  margin: 0rem .125rem 0rem .125rem;
  border-radius: 0;
  font-size: .875rem
}
.header-main .shop--navigation > .navigation--list > .navigation--entry:first-child {
  margin-left: 0
}
.header-main .shop--navigation > .navigation--list > .navigation--entry:last-child {
  margin-right: 0
}
.header-main .shop--navigation > .navigation--list > .navigation--entry > .btn {
  vertical-align: initial;
  text-align: center;
  font-size: .875rem;
  background: transparent;
  color: #000;
  line-height: 2.5rem;
  margin: 1.875rem 0rem 1.875rem 0rem;
  height: 2.5rem;
  padding: 0rem 0rem 0rem 0rem;
  margin: 0rem 0rem 0rem 0rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border-radius: 0;
  background-clip: padding-box;
  border: none
}
@media screen and (min-width: 48em) {
  .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn {
    line-height: 2.5rem;
    height: 2.5rem
  }
}
.header-main .shop--navigation > .navigation--list > .navigation--entry > .btn:hover, .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn:active, .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn:focus {
  background: #c5eafc;
  color: #ff1c8e
}
.header-main .shop--navigation > .navigation--list > .navigation--entry > .btn > [class*="--display"], .header-main .shop--navigation > .navigation--list > .navigation--entry > .btn .cart--amount {
  vertical-align: middle;
  text-transform: none;
  padding: 0rem .625rem 0rem 0rem
}
.header-main .shop--navigation > .navigation--list > .navigation--entry > .btn [class^="icon--"] {
  position: static;
  display: inline-block;
  height: auto;
  width: auto;
  line-height: 2.5rem;
  font-size: 1.25rem;
  margin: 0;
  width: 2.5rem;
  vertical-align: middle
}
.header-main .shop--navigation > .navigation--list > .navigation--entry.has--border > .btn, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border ~ .entry--wishlist > .btn {
  border: 1px solid #000
}
.header-main .shop--navigation > .navigation--list > .navigation--entry.has--border > .btn [class^="icon--"], .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border ~ .entry--wishlist > .btn [class^="icon--"] {
  line-height: 2.375rem
}
.header-main .shop--navigation > .navigation--list > .navigation--entry.has--border > .btn:hover, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border ~ .entry--wishlist > .btn:hover, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border > .btn:active, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border ~ .entry--wishlist > .btn:active, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border > .btn:focus, .header-main .shop--navigation > .navigation--list > .navigation--entry.has--border ~ .entry--wishlist > .btn:focus {
  border: 1px solid #ff1c8e
}
.header-main .shop--navigation > .navigation--list .entry--trigger.is--icon-left {
  font-weight: 400;
  width: auto;
  text-transform: none;
  font-size: .875rem
}
.header-main .shop--navigation > .navigation--list .entry--trigger.is--icon-left i {
  position: static
}
.header-main .shop--navigation > .navigation--list .entry--trigger.is--icon-left span {
  display: none
}
.header-main .shop--navigation > .navigation--list .entry--menu-left {
  position: relative;
  margin-right: auto
}
.header-main .shop--navigation > .navigation--list .entry--cart .cart--link {
  background: transparent;
  color: #000
}
.header-main .shop--navigation > .navigation--list .entry--cart .cart--link:hover {
  background: #c5eafc;
  color: #ff1c8e
}
.header-main .shop--navigation > .navigation--list .entry--cart .cart--link .cart--amount {
  vertical-align: sub;
  display: none
}
@media screen and (min-width: 78.75em) {
  .header-main .shop--navigation > .navigation--list .entry--cart .cart--link .cart--amount {
    display: inline-block;
    font-weight: 400;
    color: #000;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
  }
}
.header-main .shop--navigation > .navigation--list .entry--menu-right {
  position: relative;
  display: none
}
@media screen and (min-width: 48em) {
  .header-main .shop--navigation > .navigation--list .entry--menu-right {
    display: inline-block
  }
}
.header-main .shop--navigation > .navigation--list .entry--menu-right .entry--trigger {
  margin-right: 0
}
.header-main .shop--navigation .cart--quantity, .header-main .shop--navigation .notes--quantity {
  left: auto;
  top: .625rem;
  right: 0rem;
  border: none
}
@media screen and (min-width: 48em) {
  .header-main .shop--navigation .cart--quantity, .header-main .shop--navigation .notes--quantity {
    top: 50%;
    left: 0;
    right: auto;
    margin-top: -1.25rem;
    margin-left: 1.25rem
  }
}
@media screen and (min-width: 78.75em) {
  .header-main .shop--navigation .cart--quantity, .header-main .shop--navigation .notes--quantity {
    margin-left: 1.5625rem
  }
}
.account--menu.is--personalized .navigation--link.navigation--personalized {
  padding-left: 2.5rem
}
.account--menu.is--personalized .navigation--link.navigation--personalized:before, .account--menu.is--personalized .navigation--link.navigation--personalized::before {
  left: .625rem
}
.account--dropdown-navigation.off-canvas {
  background: #222
}
.account--dropdown-navigation.off-canvas .account--menu, .account--dropdown-navigation.off-canvas .sidebar--navigation {
  border-color: #3c3c3c
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry {
  border: none
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link {
  padding: 1.0625rem 1.5625rem 1.0625rem 1.5625rem;
  color: #fff
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link:hover, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link:hover {
  background: #222;
  color: #ff1c8e
}
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link.is--active, .account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link.is--active {
  background: #222;
  color: #ff1c8e
}
@media screen and (min-width: 48em) {
  .account--dropdown-navigation .account--menu .account--menu-container {
    padding: 0rem 0rem 0rem 0rem
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation {
    text-align: left
  }
  .account--dropdown-navigation .account--menu .sidebar--navigation .navigation--link {
    padding: .625rem .625rem .625rem .625rem
  }
  .account--dropdown-navigation .navigation--signin {
    padding: .625rem .625rem .625rem .625rem
  }
  .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized {
    padding-left: 2.5rem
  }
  .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized:before, .account--dropdown-navigation .navigation--link.link--logout.navigation--personalized::before {
    left: .625rem
  }
}
.shop--navigation .navigation--entry .account--link.account--user-loggedin::after, .shop--navigation .navigation--entry .account--link.account--user-loggedin:after {
  left: auto;
  top: .625rem;
  right: 0rem;
  border: none
}
@media screen and (min-width: 48em) {
  .shop--navigation .navigation--entry .account--link.account--user-loggedin::after, .shop--navigation .navigation--entry .account--link.account--user-loggedin:after {
    width: auto;
    height: auto;
    font-size: .875rem;
    line-height: .875rem;
    top: 50%;
    right: 100%;
    border-radius: 0;
    content: attr(tmp_title);
    background: #222;
    color: #fff;
    font-family: "Muli", sans-serif
  }
}
@media screen and (min-width: 48em) {
  .shop--navigation .navigation--entry .account--link.account--user-loggedin[data-atmos-tooltip-pos="left"]::after, .shop--navigation .navigation--entry .account--link.account--user-loggedin[data-atmos-tooltip-pos="right"]::after {
    line-height: 1.25rem;
    background: #222;
    color: #fff
  }
}
.is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
  border-bottom: none;
  box-shadow: 0 0 0 transparent;
  background: #c5eafc
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout.is--minimal-header .header-main, .is--ctl-register.is--minimal-header .header-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main {
    height: 6.25rem
  }
}
.header--transparent.is--ctl-checkout.is--minimal-header .header-main, .header--transparent.is--ctl-register.is--minimal-header .header-main, .header--transparent.is--ctl-register.is--minimal-header.is--target-checkout .header-main {
  background: transparent
}
.is--ctl-checkout.is--minimal-header .header-main .header--main-wrap, .is--ctl-register.is--minimal-header .header-main .header--main-wrap, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .header--main-wrap {
  padding: 0
}
.is--ctl-checkout.is--minimal-header .header-main .header--main-wrap .container, .is--ctl-register.is--minimal-header .header-main .header--main-wrap .container, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .header--main-wrap .container {
  display: block
}
.is--ctl-checkout.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header .header-main .header--navigation, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .header--navigation {
  padding: 0rem 0rem 0rem 0rem
}
.is--ctl-checkout.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
  width: 100%;
  float: none;
  max-width: none;
  margin-bottom: 3.75rem
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header .header-main .logo-main, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo-main {
    margin: 0rem 0rem 0rem 0rem;
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header .header-main .logo--shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--shop {
    width: 25%
  }
}
.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50%;
  margin: auto;
  text-align: center;
  color: #000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.is--logo-center.is--ctl-checkout.is--minimal-header .header-main .logo--supportinfo, .is--logo-center.is--ctl-register.is--minimal-header .header-main .logo--supportinfo, .is--logo-center.is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--supportinfo {
  right: auto;
  width: 37.5%
}
.is--ctl-checkout.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header .header-main .logo--link, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .logo--link {
  margin-top: 0rem
}
.is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
  position: absolute;
  top: 6.25rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 80%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding-top: 0;
  padding-bottom: 0;
  float: none;
  background: #c5eafc;
  color: #000;
  text-align: center;
  border-radius: 0
}
@media screen and (min-width: 30em) {
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    width: 60%
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    position: relative;
    top: 0;
    float: right;
    height: 6.25rem;
    line-height: 6.25rem;
    max-width: 12.5rem;
    width: 25%;
    border: none
  }
  .is--logo-center.is--ctl-checkout.is--minimal-header .header-main .btn--back-top-shop, .is--logo-center.is--ctl-register.is--minimal-header .header-main .btn--back-top-shop, .is--logo-center.is--ctl-register.is--minimal-header.is--target-checkout .header-main .btn--back-top-shop {
    position: absolute;
    left: auto
  }
}
.is--ctl-index .header--wrap {
  display: block
}
@media screen and (min-width: 48em) {
  .is--ctl-index .header--wrap .header-wrap--inner {
    position: relative;
    z-index: 2999;
    width: 100%
  }
}
.content--home {
  margin: 0rem 0rem 0rem 0rem
}
.is--ctl-listing .header--wrap {
  background-color: #000
}
.is--ctl-listing .header--wrap:before {
  content: '';
  position: absolute;
  top: 0rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  opacity: .7
}
@media screen and (min-width: 48em) {
  .is--ctl-listing .header--wrap:before {
    background-attachment: scroll
  }
}
.header--wrap .header-wrap--inner {
  position: relative
}
.listing--content {
  padding-top: 0;
  margin: 0
}
.listing--content .listing--teaser-image {
  max-height: 18.75rem;
  overflow: hidden
}
.listing--container {
  overflow: visible
}
.listing {
  margin: 0rem 0rem 0rem 0rem;
  padding: 0rem 0rem 0rem 0rem
}
@media screen and (min-width: 48em) {
  .listing--actions {
    background: transparent;
    padding: 0rem 0rem 0rem 0rem;
    border: 0
  }
}
@media screen and (min-width: 48em) {
  .action--filter-btn {
    margin: 0rem 0rem 0rem 0rem
  }
}
.action--filter-btn .filter--trigger {
  background: #ff1c8e;
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%);
  color: #fff;
  border-color: #2296a6;
  font-weight: 400;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem .25rem 0rem .625rem;
  border-radius: 0;
  background-clip: padding-box;
  background-size: 200% auto
}
.action--filter-btn .filter--trigger:hover, .action--filter-btn .filter--trigger:focus {
  background-position: right center;
  color: #fff;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem .25rem 0rem .625rem
}
.action--filter-btn .filter--trigger:hover.is--small, .action--filter-btn .filter--trigger:focus.is--small {
  line-height: 2.375rem
}
.action--filter-btn .filter--trigger.is--active {
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 100%);
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem .25rem 0rem .625rem;
  border: 1px solid #2296a6
}
.action--filter-btn .filter--trigger.is--active.is--small {
  line-height: 2.375rem
}
.action--filter-btn .filter--trigger .icon--filter {
  font-size: .875rem
}
.action--filter-btn .filter--trigger:before, .action--filter-btn .filter--trigger:after {
  font-size: .3125rem
}
@media screen and (min-width: 48em) {
  .action--filter-options.is--collapsed, .action--filter-options.is--active-filter {
    border: none
  }
}
.action--sort {
  height: 2.5rem;
  line-height: 2.375rem
}
@media screen and (min-width: 64em) {
  .action--sort {
    margin: 0rem 0rem 0rem 0rem
  }
}
.action--sort .sort--select {
  height: 2.5rem
}
.action--sort .sort--select .sort--field, .action--sort .sort--select .js--fancy-select-text, .action--sort .sort--select .js--fancy-select-trigger {
  background: #ff1c8e;
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%);
  color: #fff;
  border-color: #2296a6;
  font-weight: 400;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem .25rem 0rem .625rem;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border-radius: 0;
  background-clip: padding-box;
  background-size: 200% auto;
  border-width: 1px;
  border-style: solid
}
.action--sort .sort--select .sort--field:hover, .action--sort .sort--select .js--fancy-select-text:hover, .action--sort .sort--select .js--fancy-select-trigger:hover, .action--sort .sort--select .sort--field:focus, .action--sort .sort--select .js--fancy-select-text:focus, .action--sort .sort--select .js--fancy-select-trigger:focus {
  background-position: right center;
  color: #fff
}
.action--sort .sort--select .sort--field:hover:after, .action--sort .sort--select .js--fancy-select-text:hover:after, .action--sort .sort--select .js--fancy-select-trigger:hover:after, .action--sort .sort--select .sort--field:focus:after, .action--sort .sort--select .js--fancy-select-text:focus:after, .action--sort .sort--select .js--fancy-select-trigger:focus:after {
  color: #fff
}
.action--sort .sort--select:after {
  color: #fff;
  border: none;
  height: 2.5rem;
  line-height: 2.375rem
}
.action--sort .sort--select .js--fancy-select-trigger {
  border: none
}
.action--sort .sort--select.js--is--focused {
  background: #53cbdb;
  color: #000;
  border-color: #53cbdb
}
.action--sort .sort--label {
  color: #000;
  font-weight: 400;
  font-size: .875rem;
  line-height: 2.375rem
}
.container--transparent .action--sort .sort--label {
  color: #000
}
.listing--paging {
  margin-top: 1.25rem
}
.header--wrap .panel {
  max-width: 87.5rem;
  margin-top: 2.5rem;
  margin-right: auto;
  margin-left: auto;
  background: transparent
}
.header--wrap .panel.has--border {
  border: none
}
.header--wrap .hero--headline {
  position: relative;
  color: #000
}
.is--light-text.header--wrap .hero--headline {
  color: #fff
}
.is--dark-text.header--wrap .hero--headline {
  color: #000
}
.header--wrap .teaser--text-short, .header--wrap .teaser--text-long {
  color: #000
}
.is--light-text.header--wrap .teaser--text-short, .is--light-text.header--wrap .teaser--text-long {
  color: #fff
}
.is--dark-text.header--wrap .teaser--text-short, .is--dark-text.header--wrap .teaser--text-long {
  color: #000
}
.header--wrap h1, .header--wrap h2, .header--wrap h3, .header--wrap h4, .header--wrap h5, .header--wrap h6 {
  color: #000
}
.is--light-text.header--wrap h1, .is--light-text.header--wrap h2, .is--light-text.header--wrap h3, .is--light-text.header--wrap h4, .is--light-text.header--wrap h5, .is--light-text.header--wrap h6 {
  color: #fff
}
.is--dark-text.header--wrap h1, .is--dark-text.header--wrap h2, .is--dark-text.header--wrap h3, .is--dark-text.header--wrap h4, .is--dark-text.header--wrap h5, .is--dark-text.header--wrap h6 {
  color: #000
}
.header--wrap .text--offcanvas-link {
  color: #000
}
.is--light-text.header--wrap .text--offcanvas-link {
  color: #fff
}
.is--dark-text.header--wrap .text--offcanvas-link {
  color: #000
}
.category--teaser-bottom {
  margin-top: 2.5rem
}
.listing--content .tagcloud--content {
  margin-top: 2.5rem
}
.navigation-main {
  border: none;
  height: 2.5rem;
  width: 100%;
  background: #c5eafc;
  padding: 0rem 1.25rem 0rem 1.25rem
}
@media screen and (min-width: 64em) {
  .navigation-main {
    padding: 0rem 2.5rem 0rem 2.5rem
  }
}
@media screen and (min-width: 48em) {
  .header--transparent .navigation-main {
    background: transparent
  }
}
.navigation-main > .container {
  height: 100%;
  position: static
}
.navigation-main .navigation--list-wrapper {
  -webkit-transition: height .4s ease;
  transition: height .4s ease;
  height: 2.5rem
}
.navigation-main .navigation--list {
  font-size: 0;
  padding: 0rem 0rem 0rem 0rem
}
.categories--left .navigation-main .navigation--list {
  text-align: left
}
.categories--center .navigation-main .navigation--list {
  text-align: center
}
.categories--right .navigation-main .navigation--list {
  text-align: right
}
.navigation-main .navigation--entry {
  position: relative;
  -webkit-transition: all .4s ease;
  transition: all .4s ease
}
.navigation-main .navigation--link {
  font-weight: 400;
  text-transform: none;
  color: #000;
  border-radius: 0;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  font-size: .875rem;
  padding: 0rem 1.25rem 0rem 1.25rem;
  line-height: 2.5rem;
  height: 2.5rem
}
.navigation-main .navigation--link:hover {
  color: #ff1c8e;
  background: transparent
}
.navigation-main .navigation--link .icon--arrow-down::before {
  position: relative;
  vertical-align: middle;
  font-size: .3125rem
}
.navigation-main .navigation--entry::after {
  position: absolute;
  right: 0;
  top: 0;
  font-size: .875rem;
  line-height: 2.5rem;
  text-align: center;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  color: #000;
  content: '-'
}
.navigation-main .navigation--entry:last-child::after {
  display: none
}
.navigation-main .is--active .navigation--link, .navigation-main .is--active .navigation--link:hover {
  color: #ff1c8e;
  background: transparent
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-0 .navigation--link:hover, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-0 .navigation--link:focus {
  color: #ff1c8e;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-0.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-0.is--active .navigation--link {
  color: #ff1c8e;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::after {
  display: inline-block;
  -webkit-transition: -webkit-transform .3s, opacity .2s;
  -moz-transition: -moz-transform .3s, opacity .2s;
  transition: transform .3s, opacity .2s;
  opacity: 0
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::before {
  margin-right: 10px;
  content: '[';
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  transform: translateX(20px)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::after {
  margin-left: 10px;
  content: ']';
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link:focus::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link:focus::after {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--active .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--active .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--active .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1.is--active .navigation--link::after {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2 a {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2 .navigation--link::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  -webkit-transition: height .3s, opacity .3s, -webkit-transform .3s;
  -moz-transition: height .3s, opacity .3s, -moz-transform .3s;
  transition: height .3s, opacity .3s, transform .3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2 .navigation--link:focus::after {
  height: 5px;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-2.is--active .navigation--link::after {
  height: 5px;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  transform: translateY(-5px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3 a {
  overflow: hidden
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3 .navigation--link span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3 .navigation--link span::before {
  font-weight: 700;
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3 .navigation--link:hover span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3 .navigation--link:focus span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3.is--hovered .navigation--link span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-3.is--active .navigation--link span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 {
  position: relative;
  z-index: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link {
  overflow: hidden;
  padding: 0rem 0rem 0rem 0rem
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link span {
  display: block;
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  background: #c5eafc;
  padding: 0rem 1.25rem 0rem 1.25rem
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link::before {
  position: absolute;
  z-index: -1;
  top: 0rem;
  left: 0rem;
  content: attr(data-hover);
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
  -webkit-transform: translateX(-25%);
  color: #ff1c8e;
  background: #ff1c8e;
  padding: 0rem 1.25rem 0rem 1.25rem
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link:hover span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link:focus span {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4 .navigation--link:focus::before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--hovered .navigation--link span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--active .navigation--link span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--hovered .navigation--link span, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--active .navigation--link span {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-4.is--active .navigation--link::before {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  transform: translateX(0%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5 a {
  position: relative;
  z-index: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5 .navigation--link::after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 100%;
  overflow: hidden;
  max-width: 0;
  width: 0;
  content: '';
  -webkit-transition: max-width .5s;
  -moz-transition: max-width .5s;
  transition: max-width .5s;
  color: #ff1c8e;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5 .navigation--link:focus::after {
  max-width: 100%;
  width: 100%;
  bottom: 0;
  color: #ff1c8e;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-5.is--active .navigation--link::after {
  max-width: 100%;
  width: 100%;
  bottom: 0;
  color: #ff1c8e;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  content: '';
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.2);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.2);
  transform: translateX(-50%) translateY(-50%) scale(.2);
  opacity: 0;
  border: 2px solid #ff1c8e;
  border-radius: 50%
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link::after {
  width: 90px;
  height: 90px;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(.8);
  -moz-transform: translateX(-50%) translateY(-50%) scale(.8);
  transform: translateX(-50%) translateY(-50%) scale(.8);
  border-width: 6px
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link:focus::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6 .navigation--link:focus::after {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6.is--active .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-6.is--active .navigation--link::after {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link {
  position: relative;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link::before {
  position: absolute;
  bottom: 15%;
  left: 50%;
  content: '•';
  -webkit-transition: text-shadow .3s, color .3s;
  -moz-transition: text-shadow .3s, color .3s;
  transition: text-shadow .3s, color .3s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  color: transparent;
  text-shadow: 0 0 transparent;
  line-height: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link:focus::before {
  color: #ff1c8e;
  text-shadow: 10px 0 #ff1c8e, -10px 0 #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link:hover, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7 .navigation--link:focus {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7.is--active .navigation--link {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-7.is--active .navigation--link::before {
  color: #ff1c8e;
  text-shadow: 10px 0 #ff1c8e, -10px 0 #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link::after {
  position: absolute;
  height: 2px;
  content: '';
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
  opacity: 0;
  background: #ff1c8e;
  width: 2.5rem
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link::before {
  top: 0;
  left: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link::after {
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:focus::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:focus::after {
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:focus::before {
  left: 50%;
  -webkit-transform: rotate(0deg) translateX(-50%);
  -moz-transform: rotate(0deg) translateX(-50%);
  transform: rotate(0deg) translateX(-50%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8 .navigation--link:focus::after {
  right: 50%;
  -webkit-transform: rotate(0deg) translateX(50%);
  -moz-transform: rotate(0deg) translateX(50%);
  transform: rotate(0deg) translateX(50%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--hovered .navigation--list::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--active .navigation--list::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--hovered .navigation--list::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--active .navigation--list::after {
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--hovered .navigation--list::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--active .navigation--list::before {
  left: 50%;
  -webkit-transform: rotate(0deg) translateX(-50%);
  -moz-transform: rotate(0deg) translateX(-50%);
  transform: rotate(0deg) translateX(-50%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--hovered .navigation--list::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-8.is--active .navigation--list::after {
  right: 50%;
  -webkit-transform: rotate(0deg) translateX(50%);
  -moz-transform: rotate(0deg) translateX(50%);
  transform: rotate(0deg) translateX(50%)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link {
  font-weight: 700;
  text-shadow: none
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link i {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link:hover {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link::before {
  position: absolute;
  content: attr(data-hover);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9 .navigation--link:focus::before {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  transform: scale(.9);
  opacity: 0
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9.is--active .navigation--link {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-9.is--active .navigation--link::before {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  transform: scale(.9);
  opacity: 0
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-10 .navigation--link::before {
  position: absolute;
  content: attr(data-hover);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
  pointer-events: none;
  opacity: 0;
  color: #ff1c8e;
  background: #c5eafc
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-10 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-10 .navigation--link:focus::before {
  -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-10.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-10.is--active .navigation--link::before {
  -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 a {
  font-weight: 700;
  position: relative;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  transition: color .3s;
  text-shadow: none
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  -moz-transition: opacity .3s, -moz-transform .3s;
  transition: opacity .3s, transform .3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px);
  opacity: 0;
  background: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link::before {
  top: 0;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link::after {
  bottom: 0;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:hover, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:focus {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:hover::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:focus::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11 .navigation--link:focus::after {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--active .navigation--link {
  color: #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--active .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--hovered .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--active .navigation--link::before, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--active .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-11.is--active .navigation--link::after {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-12.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-12.is--active .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-12:hover .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-12:focus .navigation--link {
  color: #ff1c8e;
  text-shadow: 0 0 10px #ff1c8e
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 a {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 .navigation--link::after {
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  right: 1.25rem;
  width: auto;
  height: .125rem;
  content: '';
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  background: #ff1c8e;
  margin: auto
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 .navigation--link:focus::after {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13.is--active .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13.is--active .navigation--link::after {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14 a {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14 .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14 .navigation--link::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  right: 1.25rem;
  height: .125rem;
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  transform-origin: 100% 50%;
  background: #ff1c8e;
  margin: auto
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14 .navigation--link:focus::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-origin: 0% 50%
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14.is--active .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-14.is--active .navigation--link::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-origin: 0% 50%
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15 a {
  position: relative
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15 .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15 .navigation--link::after {
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  right: 1.25rem;
  width: auto;
  height: .125rem;
  content: '';
  -webkit-transition: transform .3s ease;
  transition: transform .3s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  transform-origin: 0% 50%;
  background: #ff1c8e;
  margin: auto 0 auto auto
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15 .navigation--link:hover::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15 .navigation--link:focus::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-origin: 100% 50%
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15.is--hovered .navigation--link, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15.is--active .navigation--link {
  color: #000
}
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15.is--hovered .navigation--link::after, .navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-15.is--active .navigation--link::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  transform-origin: 100% 50%
}
.product--box {
  padding: 0rem 0rem 0rem 0rem
}
.product--box .box--content {
  -webkit-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -moz-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -o-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  -ms-transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  transition: transform 500ms cubic-bezier(.34, 2, .6, 1), box-shadow 200ms ease;
  background: #ffffff;
  color: #000;
  border: 1px solid #f5f6f7;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
  background-clip: padding-box
}
.product--box .product--details {
  padding: 1.25rem .625rem 1.25rem .625rem
}
.product--box .product--price .price--default {
  font-size: 1rem
}
.product--box .product--price-info {
  margin: 0rem 0rem 0rem 0rem;
  height: 3.125rem
}
.product--box .product--price-info .product--price {
  height: 1.5625rem
}
.product--box .product--price-info .product--price .price--default {
  font-weight: 700;
  color: #000;
  background: #fff;
  padding: .15625rem .5rem .15625rem .5rem;
  line-height: 1.25rem;
  border-radius: 0;
  background-clip: padding-box
}
.product--box .product--price-info .product--price .price--default.is--discount {
  background: #e74c3c;
  color: #fff
}
.product--box .product--price-info .price--unit {
  height: 1.5625rem
}
.product--box .product--image .image--element {
  overflow: hidden
}
.product--box .product--image .image--element img {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.product--box .product--details {
  margin: 0rem 0rem 0rem 0rem;
  background: transparent
}
.product--box .product--title {
  font-weight: 400;
  margin: 0rem 0rem 0rem 0rem;
  vertical-align: middle;
  color: #000;
  font-size: .875rem;
  line-height: 1.5625rem
}
.product--box .product--title.is--short {
  height: 1.5625rem
}
.product--box .product--title.is--standard {
  height: 3.125rem
}
.product--box .product--title.is--long {
  height: 4.6875rem
}
.product--box .buybox--form, .product--box .product--detail-btn {
  height: 2.5rem;
  padding: 0rem .625rem 0rem .625rem;
  margin: .625rem 0rem .625rem 0rem
}
.product--box:hover .box--content {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 0px 0px #d9dde0
}
.product--box:hover .box--content .product--title {
  color: #ff1c8e
}
.product--box:hover .box--content .product--price .price--default {
  color: #fff;
  background: #ff1c8e
}
.product--box:hover .box--content .product--image .image--element img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}
.box--basic .box--content {
  border: 1px solid #f5f6f7;
  background: #ffffff;
  padding: 1.25rem .625rem 1.25rem .625rem
}
.box--basic .product--image .image--element {
  border-bottom: none
}
.box--basic .product--info {
  border: none
}
.box--basic .product--title {
  text-align: left;
  border: none;
  background: none
}
.box--basic .product--price-info {
  background: none
}
.box--slider .product--image {
  height: 19.375rem
}
.box--slider .product--title, .box--slider .product--price-info {
  border: none;
  background: transparent;
  padding: 0rem 1.5625rem 0rem 1.5625rem
}
.box--slider .product--title {
  margin-top: 1.25rem
}
.box--slider .product--price-info {
  padding-bottom: 1.25rem;
  height: 4.21875rem
}
.box--slider .product--price-info .price--default {
  font-size: 1rem
}
.box--emotion {
  text-align: center
}
.box--emotion .product--title, .box--emotion .product--price-info {
  border: none;
  background: transparent
}
.box--emotion .product--price-info {
  padding-bottom: 1.25rem
}
.box--minimal {
  text-align: center;
  width: 100%
}
@media screen and (min-width: 30em) {
  .box--minimal {
    width: 50%
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 33.3%
  }
}
@media screen and (min-width: 64em) {
  .box--minimal {
    width: 50%
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 33.3%
  }
}
@media screen and (min-width: 78.75em) {
  .box--minimal {
    width: 33.3%
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 25%
  }
}
@media screen and (min-width: 1500px) {
  .box--minimal {
    width: 25%
  }
  .is--ctl-search .box--minimal, .is--ctl-listing.is--no-sidebar .box--minimal {
    width: 20%
  }
}
.box--minimal .product--info {
  background: transparent
}
.box--minimal .product--price-outer {
  height: auto
}
.box--minimal .product--title {
  border: none;
  padding: 0rem .625rem 0rem .625rem
}
.box--minimal .product--price {
  position: static;
  display: inline-block
}
.box--minimal .product--price .price--pseudo, .box--minimal .product--price .price--discount {
  font-size: .75rem
}
.box--minimal .product--image {
  background: #ffffff;
  height: 19.375rem
}
.box--minimal .product--price-info {
  height: 3.125rem;
  padding: 0rem .625rem 0rem .625rem
}
.box--image {
  text-align: center
}
.box--image .product--title {
  width: auto;
  margin: 0rem 1.25rem 0rem 1.25rem
}
.box--image .product--actions {
  margin: 1.25rem 1.25rem 1.25rem 1.25rem
}
@media screen and (min-width: 48em) {
  .box--image .product--image .product--image {
    margin: 0rem 0rem .3125rem 0rem;
    width: auto;
    position: relative;
    height: 18.75rem
  }
  .box--image .product--image .product--info {
    padding: 0
  }
}
.box--list .product--title {
  height: auto
}
.product--box .product--badges {
  top: .625rem;
  left: .625rem
}
.product--box .product--badges .product--badge {
  border-radius: 0;
  background-clip: padding-box;
  min-width: 2.5rem;
  height: 1.25rem;
  padding: 0rem .375rem 0rem .375rem;
  line-height: 1.25rem;
  margin: 0rem 0rem .125rem 0rem;
  font-size: .625rem
}
.last-seen-products--slider .product--box .product--title {
  padding: 1.25rem .625rem 0rem .625rem;
  line-height: 1.5625rem;
  height: 5.625rem;
  background: #fff;
  border-bottom: 20px solid #fff
}
.last-seen-products--slider .product--box .last-seen-products-item--image {
  background: #fff
}
.search--headline {
  color: #000
}
.container--transparent .search--headline {
  color: #000
}
.header-main.is--active-searchfield {
  -webkit-transition: padding .75s ease;
  transition: padding .75s ease;
  padding-bottom: 0
}
.header-main.is--active-searchfield .js--overlay {
  position: fixed
}
.header-main .entry--search {
  background: none;
  width: auto
}
@media screen and (min-width: 30em) {
  .header-main .entry--search {
    background: transparent;
    position: relative;
    left: 0;
    right: 0
  }
}
@media screen and (min-width: 48em) {
  .is--logo-center .header-main .entry--search {
    margin-right: auto !important
  }
}
.header-main .entry--search .entry--hide {
  opacity: 0;
  z-index: 5001;
  position: fixed;
  top: 3.125rem;
  left: 50%;
  width: 0rem;
  height: 0rem;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.header-main .entry--search .entry--hide:before, .header-main .entry--search .entry--hide:after {
  -webkit-transition: transform .5s ease;
  transition: transform .5s ease;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  content: ' ';
  position: absolute;
  left: .9375rem;
  height: 2.0625rem;
  width: .125rem;
  background-color: #000
}
.header-main .entry--search .main-search--form {
  padding: 0rem 0rem 0rem 0rem;
  position: static;
  top: 6.25rem;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .75s ease;
  transition: height .75s ease
}
@media screen and (min-width: 30em) {
  .header-main .entry--search .main-search--form {
    display: block;
    top: 0rem;
    height: auto;
    overflow: unset
  }
}
.header-main .entry--search .main-search--form .main-search--field {
  background: #000;
  color: #000;
  border-color: #000;
  vertical-align: initial;
  padding: .5625rem 3.125rem .5625rem .875rem;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0
}
.header-main .entry--search .main-search--form .main-search--field::-webkit-input-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:-moz-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field::-moz-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:-ms-input-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:hover, .header-main .entry--search .main-search--form .main-search--field:focus {
  background: #000;
  color: #000;
  border-color: #000;
  background: transparent
}
.header-main .entry--search .main-search--form .main-search--field:hover::-webkit-input-placeholder, .header-main .entry--search .main-search--form .main-search--field:focus::-webkit-input-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:hover:-moz-placeholder, .header-main .entry--search .main-search--form .main-search--field:focus:-moz-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:hover::-moz-placeholder, .header-main .entry--search .main-search--form .main-search--field:focus::-moz-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:hover:-ms-input-placeholder, .header-main .entry--search .main-search--form .main-search--field:focus:-ms-input-placeholder {
  color: #000
}
.header-main .entry--search .main-search--form .main-search--field:hover ~ .main-search--button, .header-main .entry--search .main-search--form .main-search--field:focus ~ .main-search--button {
  color: #000;
  border-color: #000;
  background: transparent
}
.header-main .entry--search .main-search--button {
  top: 0;
  bottom: 0;
  left: auto;
  margin: auto;
  padding: 0;
  width: 3.125rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  color: #000;
  border-color: #000;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  height: 2.5rem
}
.header-main .entry--search .main-search--button:hover, .header-main .entry--search .main-search--button:focus {
  color: #000;
  background: #000;
  background: transparent
}
.header-main .entry--search.is--active .main-search--form {
  z-index: 5001;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: transparent;
  padding: 0rem 0rem 0rem 0rem;
  height: 2.5rem
}
.header-main .main-search--results {
  z-index: 5002;
  right: 2.5rem;
  left: 2.5rem;
  margin: auto;
  width: auto;
  font-size: .875rem;
  right: .625rem;
  left: .625rem;
  top: 9.375rem
}
@media screen and (min-width: 30em) {
  .header-main .main-search--results {
    width: 28.125rem;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}
@media screen and (min-width: 30em) {
  .header-main .main-search--results {
    top: 3.125rem
  }
}
@media screen and (min-width: 48em) {
  .is--logo-center .header-main .main-search--results {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.header-main .results--list {
  border: none;
  border-radius: 0;
  background-clip: padding-box;
  color: #000
}
.header-main .results--list::after {
  border: none
}
.has--cssanimations .form--ajax-loader {
  top: 50%;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 3.125rem
}
.form--ajax-loader {
  position: absolute
}
.sidebar-main.off-canvas, #cookie-consent {
  background: #222
}
.offcanvas--overlay {
  top: 4.875rem;
  background: #222
}
.offcanvas--overlay .overlay--headline {
  background: #3c3c3c;
  color: #fff;
  border: none
}
.offcanvas--overlay .overlay--headline .navigation--link {
  background: #3c3c3c;
  color: #fff
}
.offcanvas--overlay .overlay--category {
  text-align: center
}
.offcanvas--overlay .overlay--category .category--headline {
  color: #fff
}
.offcanvas--overlay .is--icon-left {
  font-size: .875rem
}
.mobile--switches .language--form-headline {
  display: none
}
.mobile--switches .currency--form-headline {
  display: none
}
.mobile--switches .select > .language--name {
  display: none
}
@media screen and (min-width: 48em) {
  .mobile--switches .select > .language--name {
    display: inline
  }
}
.mobile--switches .select-field select, .mobile--switches .select-field .select {
  border-radius: 0;
  padding: 0rem 1.125rem 0rem 0rem;
  line-height: 1.75rem;
  font-size: 1rem;
  background: none;
  border: 0 none;
  color: #fff
}
.mobile--switches .select-field::after, .mobile--switches .select-field:after {
  color: #fff
}
.mobile--switches .select-field:hover select, .mobile--switches .select-field:hover .select {
  color: #ff1c8e
}
.mobile--switches .select-field:hover::after, .mobile--switches .select-field:hover:after {
  color: #ff1c8e
}
.mobile--switches .dropdown--list .dropdown--link {
  position: relative;
  padding-left: 2.5rem
}
.mobile--switches .dropdown--list .dropdown--link .language--flag {
  left: .625rem
}
.sidebar-main .sidebar--box {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.sidebar-main .box--headline {
  padding: 0rem .625rem .9375rem .625rem;
  font-size: 1rem;
  margin-top: 0;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  text-align: center
}
.sidebar-main .box--content {
  color: #fff;
  padding: .625rem 1.25rem .625rem 1.25rem
}
.sidebar-main .box--content p {
  color: #fff
}
.sidebar-main .is--hidden-s, .sidebar-main .is--hidden-m, .sidebar-main .is--hidden-l, .sidebar-main .is--hidden-xl {
  display: block
}
.sidebar-main .is--hidden-xs {
  display: none
}
@media screen and (min-width: 30em) {
  .sidebar-main .is--hidden-xs, .sidebar-main .is--hidden-m, .sidebar-main .is--hidden-l, .sidebar-main .is--hidden-xl {
    display: block
  }
  .sidebar-main .is--hidden-s {
    display: none
  }
}
@media screen and (min-width: 48em) {
  .sidebar-main .is--hidden-xs, .sidebar-main .is--hidden-s, .sidebar-main .is--hidden-l, .sidebar-main .is--hidden-xl {
    display: block
  }
  .sidebar-main .is--hidden-m {
    display: none
  }
}
@media screen and (min-width: 64em) {
  .sidebar-main .is--hidden-xs, .sidebar-main .is--hidden-s, .sidebar-main .is--hidden-m, .sidebar-main .is--hidden-xl {
    display: block
  }
  .sidebar-main .is--hidden-l {
    display: none
  }
}
@media screen and (min-width: 78.75em) {
  .sidebar-main .is--hidden-xs, .sidebar-main .is--hidden-s, .sidebar-main .is--hidden-m, .sidebar-main .is--hidden-l {
    display: block
  }
  .sidebar-main .is--hidden-xl {
    display: none
  }
}
.sidebar-main {
  padding-top: 0
}
.sidebar-main .sidebar--navigation {
  border: none;
  border-top: 1px solid #3c3c3c
}
.sidebar-main .sidebar--navigation .navigation--level-high {
  border: none !important
}
.sidebar-main .sidebar--navigation .is--level1 {
  border: none !important
}
.sidebar-main .sidebar--navigation .navigation--entry {
  margin: 0rem 0rem 0rem 0rem;
  border-bottom: none
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link {
  padding: 1.0625rem 1.5625rem 1.0625rem 1.5625rem;
  line-height: 1.4;
  color: #fff
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link:before {
  color: #fff
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover {
  background: #222;
  color: #ff1c8e
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link.is--active {
  background: #222;
  color: #ff1c8e
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link .is--icon-right {
  font-size: .875rem
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link.is--display-button {
  background: #222;
  color: #ff1c8e
}
.sidebar-main .sidebar--navigation .navigation--entry .navigation--link.navigation--personalized {
  padding-left: 2.5rem
}
.sidebar-main .sidebar--navigation.is--level0 .navigation--entry:first-child .navigation--link.is--active {
  border-radius: 0
}
.sidebar-main .sidebar--navigation.is--level1 {
  margin: 0rem 0rem 0rem 0rem
}
.sidebar-main .sidebar--navigation.is--level1 .navigation--link:hover {
  background: #222;
  color: #ff1c8e
}
.sidebar-main .sidebar--navigation.is--level1 .navigation--link.is--active {
  background: #222;
  color: #ff1c8e
}
.sidebar-main .sidebar--navigation.is--level2 {
  font-size: .875rem
}
@media screen and (min-width: 48em) {
  .sidebar-main {
    width: 14.375rem;
    margin: 0rem 0rem 0rem 0rem;
    display: none;
    float: left
  }
  .is--ctl-listing.sidebar-main, .is--ctl-forms.sidebar-main, .is--ctl-tellafriend.sidebar-main, .is--ctl-newsletter.sidebar-main, .is--ctl-sitemap.sidebar-main, .is--ctl-custom.sidebar-main, .is--ctl-note.is--user.sidebar-main, .is--ctl-address.sidebar-main, .is--ctl-account.is--user.sidebar-main, .is--ctl-retoure.is--user.sidebar-main {
    display: block
  }
  .is--ctl-listing.sidebar-main + .content--wrapper, .is--ctl-forms.sidebar-main + .content--wrapper, .is--ctl-tellafriend.sidebar-main + .content--wrapper, .is--ctl-newsletter.sidebar-main + .content--wrapper, .is--ctl-sitemap.sidebar-main + .content--wrapper, .is--ctl-custom.sidebar-main + .content--wrapper, .is--ctl-note.is--user.sidebar-main + .content--wrapper, .is--ctl-address.sidebar-main + .content--wrapper, .is--ctl-account.is--user.sidebar-main + .content--wrapper, .is--ctl-retoure.is--user.sidebar-main + .content--wrapper {
    margin-left: 16.25rem
  }
  .is--ctl-blog.sidebar-main, .is--ctl-note.sidebar-main, .is--ctl-index.sidebar-main, .is--ctl-detail.sidebar-main, .is--ctl-search.sidebar-main, .is--ctl-checkout.sidebar-main, .is--ctl-register.sidebar-main, .is--ctl-campaign.sidebar-main, .is--ctl-account.is--act-logout.sidebar-main, .is--ctl-account.is--act-password.sidebar-main, .is--ctl-account.is--act-resetPassword.sidebar-main, .is--ctl-listing.is--no-sidebar.sidebar-main {
    display: none
  }
  .is--ctl-blog.sidebar-main + .content--wrapper, .is--ctl-note.sidebar-main + .content--wrapper, .is--ctl-index.sidebar-main + .content--wrapper, .is--ctl-detail.sidebar-main + .content--wrapper, .is--ctl-search.sidebar-main + .content--wrapper, .is--ctl-checkout.sidebar-main + .content--wrapper, .is--ctl-register.sidebar-main + .content--wrapper, .is--ctl-campaign.sidebar-main + .content--wrapper, .is--ctl-account.is--act-logout.sidebar-main + .content--wrapper, .is--ctl-account.is--act-password.sidebar-main + .content--wrapper, .is--ctl-account.is--act-resetPassword.sidebar-main + .content--wrapper, .is--ctl-listing.is--no-sidebar.sidebar-main + .content--wrapper {
    margin: 0
  }
  .is--ctl-note.sidebar-main .categories--headline, .is--ctl-address.sidebar-main .categories--headline, .is--ctl-account.sidebar-main .categories--headline, .is--ctl-note.sidebar-main .categories--navigation, .is--ctl-address.sidebar-main .categories--navigation, .is--ctl-account.sidebar-main .categories--navigation, .is--ctl-note.sidebar-main .shop-sites--container, .is--ctl-address.sidebar-main .shop-sites--container, .is--ctl-account.sidebar-main .shop-sites--container {
    display: none
  }
  .sidebar-main .mobile--switches, .sidebar-main .filter--container, .sidebar-main .navigation--smartphone {
    display: none
  }
  .sidebar-main .categories--headline, .sidebar-main .shop-sites--container {
    display: none
  }
  .sidebar-main .entry--close-off-canvas {
    display: none
  }
  .sidebar-main .icon--arrow-right, .sidebar-main .icon--arrow-left {
    display: none
  }
  .sidebar-main .is--icon-right {
    display: none
  }
  .sidebar--categories-navigation {
    margin-bottom: 1.25rem
  }
  .is--ctl-forms .sidebar-main .sidebar--categories-navigation, .is--ctl-custom .sidebar-main .sidebar--categories-navigation {
    display: none
  }
  .is--ctl-forms .sidebar-main .shop-sites--container, .is--ctl-custom .sidebar-main .shop-sites--container {
    display: block
  }
  .listing--sidebar + .content--wrapper {
    margin-left: 16.25rem
  }
  .is--no-sidebar.listing--sidebar {
    display: none
  }
  .is--no-sidebar.listing--sidebar + .content--wrapper {
    margin: 0
  }
  .sidebar-main.off-canvas, #cookie-consent {
    background: transparent
  }
  .sidebar-main .sidebar--box {
    background: #fff;
    padding: .9375rem .625rem .9375rem .625rem;
    margin: 0rem 0rem 1.25rem 0rem;
    border: 1px solid #d9dde0
  }
  .sidebar-main .box--headline {
    border-bottom: 1px solid #000;
    color: #000
  }
  .sidebar-main .box--content {
    color: #000;
    padding: .625rem 0rem .625rem 0rem
  }
  .sidebar-main .box--content p {
    color: #000
  }
  .sidebar-main .sidebar--navigation {
    border: 1px solid #ff1c8e;
    border-radius: 0;
    background-clip: padding-box
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link {
    color: #000;
    padding: .625rem .9375rem .625rem .9375rem
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover {
    background: #ff1c8e;
    color: #fff
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link.is--active {
    background: #ff1c8e;
    color: #fff
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:before, .sidebar-main .sidebar--navigation .navigation--entry .navigation--link::before {
    color: #000
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover:before, .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover::before {
    color: #fff
  }
  .sidebar-main .sidebar--navigation .navigation--entry .navigation--link.navigation--personalized {
    padding-left: 2.5rem
  }
  .sidebar-main .sidebar--navigation.is--level1 .navigation--link {
    color: #000;
    padding: .625rem .625rem .625rem .625rem
  }
  .sidebar-main .sidebar--navigation.is--level1 .navigation--link:hover {
    background: transparent;
    color: #ff1c8e
  }
  .sidebar-main .sidebar--navigation.is--level1 .navigation--link.is--active {
    background: transparent;
    color: #ff1c8e
  }
  .shop-sites--container {
    padding: 0rem 0rem 0rem 0rem;
    border: none
  }
  .shop-sites--container .shop-sites--headline {
    margin: 0rem 0rem 0rem 0rem;
    padding: .9375rem 0rem .9375rem 0rem;
    border: none
  }
}
.topseller {
  background: transparent
}
.topseller .topseller--title {
  color: #000
}
.container--transparent .topseller .topseller--title {
  color: #000
}
.topseller.has--border {
  border: none
}
.topseller .topseller--content {
  padding: 0rem 0rem 0rem 0rem
}
.container--transparent .register--advantages .panel--title {
  color: #000
}
.container--transparent .register--advantages .register--advantages-entry {
  color: #000
}
.steps--container {
  position: relative;
  background: #fff
}
.container--transparent .steps--container {
  background: #fff
}
.steps--content .steps--entry {
  padding-bottom: 0
}
.steps--content .steps--entry .icon {
  background-color: #53cbdb;
  background-image: linear-gradient(to bottom, #53cbdb 0%, #ff1c8e 100%)
}
.steps--content .steps--entry .text, .steps--content .steps--entry i {
  color: #000
}
.container--transparent .steps--content .steps--entry .text, .container--transparent .steps--content .steps--entry i {
  color: #000
}
.steps--content .steps--entry.is--active .icon {
  opacity: 1;
  background-color: #222;
  background-image: linear-gradient(to bottom, #222 0%, #080808 100%)
}
.steps--content .steps--entry.is--active .text {
  opacity: 1
}
@media screen and (min-width: 48em) {
  .steps--content .steps--spacer {
    width: 10%
  }
}
@media screen and (min-width: 48em) {
  .register--content {
    margin-top: 0rem
  }
  .register--login {
    margin-top: 0rem
  }
}
.container--transparent .account--content {
  margin: 0;
  padding: 0
}
.account--welcome {
  background: none;
  color: #000
}
.container--transparent .account--welcome {
  color: #000
}
.account--welcome .panel--title {
  color: #000
}
.container--transparent .account--welcome .panel--title {
  color: #000
}
.account--welcome .panel--body {
  color: #000
}
.container--transparent .account--welcome .panel--body {
  color: #000
}
.account--welcome .panel--footer {
  color: #000
}
.container--transparent .account--welcome .panel--footer {
  color: #000
}
.container--transparent .account--actions {
  padding: 0rem 1.25rem 1.25rem 1rem;
  margin: 0rem 0rem 0rem 0rem
}
@media screen and (min-width: 48em) {
  .account--profile {
    padding-top: 0rem
  }
}
@media screen and (min-width: 48em) {
  .sidebar-main .account--menu .navigation--headline {
    margin: 0rem 0rem 0rem 0rem;
    background: #fff
  }
  .sidebar-main .account--menu .account--menu-container {
    padding: 0rem 0rem 0rem 0rem
  }
}
@media screen and (min-width: 48em) {
  .sidebar-main .account--menu {
    border: 1px solid #ff1c8e
  }
  .sidebar-main .account--menu .navigation--headline {
    border: none;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 400;
    padding: .9375rem 0rem .9375rem 0rem;
    color: #000
  }
  .sidebar-main .account--menu .navigation--link.link--logout {
    margin-top: .625rem;
    border-top: 1px solid #d9dde0
  }
  .sidebar-main .account--menu .sidebar--navigation {
    border: none
  }
}
.newsletter--headline {
  background: #fff
}
.note--content {
  color: #000
}
.container--transparent .note--content {
  color: #000
}
.note--content .panel--title {
  color: #000
}
.container--transparent .note--content .panel--title {
  color: #000
}
.note--overview {
  background: #fff
}
.note--delete {
  background-image: none;
  border-radius: 0;
  background-clip: padding-box
}
.footer--benefit {
  color: #000
}
.container--transparent .footer--benefit {
  color: #000
}
.footer--benefit .benefit--headline {
  color: #000
}
.container--transparent .footer--benefit .benefit--headline {
  color: #000
}
.product--table .panel--body {
  padding: 0rem .625rem 0rem .625rem;
  border: 1px solid #d9dde0
}
@media screen and (min-width: 48em) {
  .product--table .panel--body {
    padding: 1.25rem 1.25rem 1.25rem 1.25rem
  }
}
.product--table .basket--footer {
  color: #000
}
.product--table .add-product--field, .product--table .add-voucher--field, .product--table .add-product--button, .product--table .add-voucher--button {
  border-radius: 0;
  background-clip: padding-box
}
.aggregation--list {
  border: none
}
.custom-page--content {
  margin-top: 0
}
.container--transparent .custom-page--content {
  color: #000
}
.finish--content {
  padding: 0
}
.is--act-finish .content-main {
  margin-top: 0
}
.header-main .logo--shop.logo--print {
  display: none
}
.finish--table .aggregation--list {
  margin: 0rem -0.625rem 0rem -0.625rem
}
@media print {
  .header-main {
    background: none !important
  }
  .header-main .header--navigation {
    height: auto
  }
  .header-main .logo-main {
    padding: 0rem 0rem 0rem 0rem;
    height: auto
  }
  .header-main .logo-main .logo--link {
    height: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .header-main .logo-main .logo--link img {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .header-main .logo--print ~ .logo--shop {
    display: none
  }
  .header-main .logo--print.logo--shop {
    display: block
  }
}
.forms--content {
  margin-top: 0
}
.shipping-payment--information {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1;
  list-style-type: none;
  padding: 0;
  margin: 0
}
.shipping-payment--information:before, .shipping-payment--information:after {
  display: table;
  content: "";
  line-height: 0
}
.shipping-payment--information:after {
  clear: both
}
.shipping-payment--information > .block-group {
  clear: none;
  float: left;
  margin: 0 !important
}
@media screen and (min-width: 64em) {
  .shipping-payment--information .confirm--inner-container {
    width: 49%
  }
  .shipping-payment--information .confirm--inner-container:last-of-type {
    margin-left: 2%
  }
}
.page-wrap #cookie-consent {
  visibility: visible;
  -webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
  transition: all .45s cubic-bezier(.3, 0, .15, 1)
}
.page-wrap #cookie-consent.off-canvas {
  background: #222;
  color: #fff
}
.page-wrap #cookie-consent.is--left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}
.page-wrap #cookie-consent.is--left.is--open {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.page-wrap #cookie-consent .cookie-consent--header {
  color: #fff
}
.page-wrap #cookie-consent .cookie-consent--configuration .cookie-consent--configuration-header-text {
  border-bottom: 1px solid #3c3c3c;
  text-align: center;
  color: #fff
}
.page-wrap #cookie-consent .cookie-consent--configuration .cookie-consent--group {
  border-bottom: 1px solid #3c3c3c
}
.page-wrap #cookie-consent .cookie-consent--configuration .cookie-consent--group-title {
  font-weight: 700
}
.page-wrap #cookie-consent .cookie-consent--configuration .cookie-consent--group-description {
  color: #fff
}
.page-wrap #cookie-consent .cookie-consent--configuration-main {
  background: #222
}
.page-wrap--cookie-permission {
  background: #fff
}
@media screen and (min-width: 64em) {
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button {
    width: auto;
    min-width: 15rem
  }
  .page-wrap--cookie-permission .cookie-permission--container.cookie-mode--1 .cookie-permission--button.cookie-permission--extra-button {
    width: auto;
    min-width: 23.125rem
  }
}
.content--wrap .features-bar {
  margin: 0rem -1.25rem 0rem -1.25rem
}
@media screen and (min-width: 1500px) {
  .content--wrap .features-bar {
    margin: 0rem -2.5rem 0rem -2.5rem
  }
}
.marketing--text .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  background: none;
  box-shadow: 0 0 0 transparent
}
.is--ctl-detail .paypal-unified-ec--button-container {
  width: 100%
}
.is--ctl-detail .xcomponent-outlet, .is--ctl-detail .zoid-outlet {
  max-width: 100% !important
}
@media screen and (min-width: 48em) {
  .is--ctl-detail .paypal-unified-ec--button-container {
    width: 100%;
    height: 3rem !important
  }
  .is--ctl-detail .paypal-unified-ec--button-container.right {
    float: left
  }
  .is--ctl-detail .paypal-unified-ec--button-container [id="xcomponent-paypal-button-"] {
    padding-top: 1.25rem
  }
  .is--ctl-detail .xcomponent-outlet, .is--ctl-detail .zoid-outlet {
    width: 65% !important;
    height: 3rem !important
  }
  .is--ctl-detail .has--paypal-express.is--available .link--notepad, .is--ctl-detail .has--paypal-express.is--available.has--wishlist-only .cart--add-to-list {
    top: -9.375rem
  }
}
@media screen and (min-width: 48em) {
  .entry--wishlist a {
    position: relative
  }
  .entry--wishlist a:before, .entry--wishlist a:after {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 751;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top 50% 0;
    transform-origin: top 50% 0
  }
  .entry--wishlist a:after {
    background: rgba(34, 34, 34, 0.8);
    border-radius: 0;
    background-clip: padding-box;
    color: #ff1c8e;
    content: attr(title);
    font-size: .875rem;
    line-height: .875rem;
    font-weight: 400;
    margin-bottom: 11px;
    padding: .3125rem .625rem .3125rem .625rem;
    white-space: nowrap
  }
  .is--inverted.entry--wishlist a:after {
    color: rgba(34, 34, 34, 0.8);
    background: #ff1c8e
  }
  .entry--wishlist a:before {
    background: url('../images/947fc636236a43bfbeeba5afc73dab4a.gif') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px
  }
  .is--inverted.entry--wishlist a:before {
    background: url('../images/7f33c3dadea1451bb769b19aa3d57fe6.gif') no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px
  }
  .entry--wishlist a:hover:before, .entry--wishlist a[data-atmos-tooltip-visible]:before, .entry--wishlist a:hover:after, .entry--wishlist a[data-atmos-tooltip-visible]:after {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
  .entry--wishlist a[data-atmos-tooltip-break]:after {
    white-space: normal
  }
}
.entry--wishlist a:before, .entry--wishlist a:after {
  pointer-events: none
}
.entry--wishlist a:after {
  line-height: 1.25rem;
  background: #222;
  color: #fff
}
.tooltip--up .entry--wishlist a:before {
  background: url('../images/f2bfae5b7f2447adafae94d856c5cf42.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
.tooltip--right .entry--wishlist a:before, .tooltip--right .entry--wishlist a:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%)
}
.tooltip--right .entry--wishlist a:after {
  margin-left: 11px
}
.tooltip--right .entry--wishlist a:before {
  background: url('../images/95a87efa04bb4b6dabee0affb83ab99d.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px
}
.is--inverted.tooltip--right .entry--wishlist a:before {
  background: url('../images/f00b0c8369fe40308d4cc9cd16f4f05e.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
.tooltip--right .entry--wishlist a:hover:before, .tooltip--right .entry--wishlist a[data-atmos-tooltip-visible]:before, .tooltip--right .entry--wishlist a:hover:after, .tooltip--right .entry--wishlist a[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
.tooltip--right .entry--wishlist a:before {
  background: url('../images/765c675c5fe140ba8860d1f1df02ba53.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
.tooltip--down .entry--wishlist a:before, .tooltip--down .entry--wishlist a:after {
  bottom: auto;
  left: 50%;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px)
}
.tooltip--down .entry--wishlist a:after {
  margin-top: 11px
}
.tooltip--down .entry--wishlist a:before {
  background: url('../images/fe2bfe18f3554d4f9d450d1f00e3236a.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px;
  margin-bottom: 0;
  margin-top: 5px
}
.is--inverted.tooltip--down .entry--wishlist a:before {
  background: url('../images/a2e7a3d9b16f405ca20ac5ccb13fb607.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
.tooltip--down .entry--wishlist a:hover:before, .tooltip--down .entry--wishlist a[data-atmos-tooltip-visible]:before, .tooltip--down .entry--wishlist a:hover:after, .tooltip--down .entry--wishlist a[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
.tooltip--down .entry--wishlist a:before {
  background: url('../images/b0520347a61047e58603deddb9e2c376.gif') no-repeat;
  background-size: 100% auto;
  height: 6px;
  width: 18px
}
.tooltip--left .entry--wishlist a:before, .tooltip--left .entry--wishlist a:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%)
}
.tooltip--left .entry--wishlist a:after {
  margin-right: 11px
}
.tooltip--left .entry--wishlist a:before {
  background: url('../images/20874d64986b4898bc1a35ca6150fc7d.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-right: 5px
}
.is--inverted.tooltip--left .entry--wishlist a:before {
  background: url('../images/9b185d0cc58048c58bfa697acfa35433.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
.tooltip--left .entry--wishlist a:hover:before, .tooltip--left .entry--wishlist a[data-atmos-tooltip-visible]:before, .tooltip--left .entry--wishlist a:hover:after, .tooltip--left .entry--wishlist a[data-atmos-tooltip-visible]:after {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}
.tooltip--left .entry--wishlist a:before {
  background: url('../images/7e8def280c78419c93ce346466f2cc0b.gif') no-repeat;
  background-size: 100% auto;
  height: 18px;
  width: 6px
}
@font-face {
  font-family: 'custom';
  font-display: block;
  src: url('../../custom/plugins/zenitAtmos/Resources/Themes/Frontend/Atmos/frontend/_public/src/fonts/custom.eot?a1pubf');
  src: url('../fonts/custom.eot') format('embedded-opentype'), url('../fonts/custom.ttf') format('truetype'), url('../fonts/custom.woff') format('woff'), url('../fonts/custom.svg') format('svg');
  font-weight: normal;
  font-style: normal
}
[class^="custom-icon--"], [class*=" custom-icon--"] {
  font-family: 'custom' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.custom-icon--youtube2:before {
  content: "\d0800"
}
.custom-icon--xing2:before {
  content: "\d0801"
}
.custom-icon--xing:before {
  content: "\d0802"
}
.custom-icon--youtube:before {
  content: "\d0803"
}
@font-face {
  font-family: 'feather-new-icons';
  font-display: block;
  src: url('../fonts/feather-new-icons.eot');
  src: url('../fonts/feather-new-icons.eot') format('embedded-opentype'), url('../fonts/feather-new-icons.ttf') format('truetype'), url('../fonts/feather-new-icons.woff') format('woff'), url('../fonts/feather-new-icons.svg') format('svg');
  font-weight: normal;
  font-style: normal
}
.feather-new-icons, .theme-icons, .icon--search, .icon--account, .icon--heart, .icon--service, .action--link .icon--star, .icon--cycle, .icon--compare, .icon--basket, .icon--menu, .icon--mail, .icon--filter, .icon--text, .icon--arrow-right, .icon--arrow-left, .image-slider .image-slider--container .arrow.is--right, .image--gallery .image-slider--container .arrow.is--right, .image-slider .image-slider--container .arrow.is--left, .image--gallery .image-slider--container .arrow.is--left, .product-slider .product-slider--arrow, .emotion--category-teaser .category-teaser--title:before {
  font-family: 'feather-new-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon--arrow-left:before, .image-slider .image-slider--container .arrow.is--left:before, .image--gallery .image-slider--container .arrow.is--left:before, .product-slider .product-slider--arrow.arrow--prev:before {
  content: "\d0900"
}
.icon--arrow-right:before, .image-slider .image-slider--container .arrow.is--right:before, .image--gallery .image-slider--container .arrow.is--right:before, .product-slider .product-slider--arrow.arrow--next:before, .emotion--category-teaser .category-teaser--title:before {
  content: "\d0901"
}
.icon--eye:before {
  content: "\d0902"
}
.icon--filter:before {
  content: "\d0903"
}
.icon--heart:before, .icon--text:before {
  content: "\d0904"
}
.icon--service:before {
  content: "\d0905"
}
.icon--compare:before {
  content: "\d0906"
}
.icon--mail:before {
  content: "\d0907"
}
.icon--menu:before {
  content: "\d0908"
}
.icon--more:before {
  content: "\d0909"
}
.icon--cycle:before {
  content: "\d090a"
}
.icon--search:before {
  content: "\d090b"
}
.icon--basket:before {
  content: "\d090c"
}
.action--link .icon--star:before {
  content: "\d090d"
}
.icon--account:before {
  content: "\d090e"
}
.icon--less:before {
  content: "\d090f"
}
.product-slider--container .product-slider--item {
  vertical-align: top
}
.amazon-pay-message {
  margin-bottom: .9375rem
}
.bestit-amazon-pay--container {
  float: none;
  width: 100%
}
.bestit-amazon-pay--container:after {
  content: "";
  display: table;
  clear: both
}
.bestit-amazon-pay--clearfix:after {
  content: "";
  display: table;
  clear: both
}
.bestit-amazon-pay--hidden {
  visibility: hidden
}
.bestit-amazon-pay--tooltip {
  position: relative;
  display: inline-block
}
.bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
  visibility: hidden;
  line-height: 1rem;
  color: #000;
  background-color: #fff;
  border: 2px solid #d9dde0;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  font-family: "Muli", sans-serif;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: .875rem;
  width: 15.625rem;
  padding: .625rem;
  margin-left: -7.8125rem
}
.bestit-amazon-pay--tooltip:hover .bestit-amazon-pay--tooltip-text {
  visibility: visible
}
.bestit-amazon-pay--widget-single {
  width: auto;
  height: 228px
}
.bestit-amazon-pay--widget {
  margin-bottom: 0.25rem;
  height: 9.375rem;
  width: auto
}
.bestit-amazon-pay--widget-single--button-next {
  padding: .125rem .625rem .125rem .625rem;
  line-height: 2rem;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: .875rem;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  -webkit-font-smoothing: inherit;
  display: inline-block;
  position: relative;
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  border: 1px solid #d9dde0;
  color: #000;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%);
  padding-right: 2.25rem;
  margin: 0
}
.bestit-amazon-pay--widget-single--button-next [class^="icon--"] {
  font-size: .625rem
}
.bestit-amazon-pay--widget-single--button-next .is--large {
  font-size: 1rem
}
.bestit-amazon-pay--widget-single--button-next.is--icon-right {
  padding-right: 2.25rem
}
.bestit-amazon-pay--widget-single--button-next.is--icon-right [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  right: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.bestit-amazon-pay--widget-single--button-next.is--icon-left {
  padding-left: 2.25rem
}
.bestit-amazon-pay--widget-single--button-next.is--icon-left [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  left: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.bestit-amazon-pay--widget-single--button-next:disabled, .bestit-amazon-pay--widget-single--button-next:disabled:hover, .bestit-amazon-pay--widget-single--button-next.is--disabled, .bestit-amazon-pay--widget-single--button-next.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.bestit-amazon-pay--widget-single--button-next:hover {
  background: #fff;
  color: #ff1c8e;
  border-color: #ff1c8e
}
.bestit-amazon-pay--widget-single--button-next:focus {
  outline: none
}
.bestit-amazon-pay--widget-single--button-next.is--small {
  line-height: 1.75rem
}
.bestit-amazon-pay--widget-single--button-next.is--medium {
  line-height: 2rem;
  height: 2.375rem
}
.bestit-amazon-pay--widget-single--button-next.is--large {
  line-height: 2.25rem;
  height: 2.625rem
}
.bestit-amazon-pay--widget-single--button-next.is--full {
  display: block
}
.bestit-amazon-pay--widget-single--button-next.is--center {
  text-align: center
}
.bestit-amazon-pay--widget-single--button-next.is--icon-right [class^="icon--"] {
  font-weight: normal
}
.bestit-amazon-pay--widget-single--button-next.is--icon-left [class^="icon--"] {
  font-weight: normal
}
.bestit-amazon-pay--widget-single--button-next.is--primary, .bestit-amazon-pay--widget-single--button-next.is--secondary {
  background-size: 200% auto
}
.bestit-amazon-pay--widget-single--button-next.is--primary:hover, .bestit-amazon-pay--widget-single--button-next.is--secondary:hover {
  background-position: right center
}
.bestit-amazon-pay--widget-single--button-next.is--primary {
  background-image: linear-gradient(to right, #ff1c8e 0%, #ff1c8e 51%, #ff1c8e 100%)
}
.bestit-amazon-pay--widget-single--button-next.is--secondary {
  background-image: linear-gradient(to right, #222 0%, #222 51%, #222 100%)
}
.bestit-amazon-pay--widget-single--button-next:disabled, .bestit-amazon-pay--widget-single--button-next:disabled:hover, .bestit-amazon-pay--widget-single--button-next.is--disabled, .bestit-amazon-pay--widget-single--button-next.is--disabled:hover {
  opacity: .5;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
  border: 1px solid #d9dde0;
  color: #000;
  cursor: not-allowed
}
.bestit-amazon-pay--widget-single--button-next:hover {
  background-position: right center
}
.bestit-amazon-pay--widget-single--button-next [class^="icon--"] {
  height: 1rem;
  line-height: 2rem;
  margin: -1rem 0rem 0rem 0rem;
  right: .75rem;
  font-weight: 400;
  display: block;
  position: absolute;
  top: 50%
}
.bestit-amazon-pay--widget-single--button-next [class^="icon--"] {
  font-weight: normal
}
.btn.bestit-amazon-pay--no-margin {
  margin: 0
}
.bestit-amazon-pay--clearfix:after {
  content: "";
  display: table;
  clear: both
}
.bestit-amazon-pay--content-main .content-main--inner {
  padding-top: 1rem
}
@media screen and (min-width: 78.75em) {
  .bestit-amazon-pay--content-main .content-main--inner {
    padding-top: 3.125rem
  }
}
.bestit-amazon-alexa--panel-account-linking {
  margin: 0rem 0rem 1.25rem 0rem
}
.bestit-amazon-pay--panel-account {
  margin: 1.25rem 0rem 0rem 0rem
}
.bestit-amazon-pay--panel-account .bestit-amazon-pay--button {
  float: none;
  margin: 0rem 0rem 1.25rem 0rem
}
.bestit-amazon-pay--button {
  position: relative
}
.bestit-amazon-pay--button.bestit-is--small {
  min-height: 1.875rem;
  min-width: 9.25rem
}
.bestit-amazon-pay--button.bestit-is--medium {
  min-height: 2.8125rem;
  min-width: 12.5rem
}
.bestit-amazon-pay--button.bestit-is--large {
  min-height: 3.75rem;
  min-width: 18.5rem
}
.bestit-amazon-pay--button.bestit-is--x-large {
  min-height: 5.625rem;
  min-width: 25rem
}
.bestit-amazon-pay--button .bestit-amazon-pay--tooltip {
  position: absolute
}
.bestit-amazon-pay--button-account .bestit-amazon-pay--tooltip {
  left: 9.6875rem;
  top: .3125rem
}
.bestit-amazon-pay--button-on_account .bestit-amazon-pay--tooltip {
  left: 9.6875rem;
  top: .625rem
}
.bestit-amazon-pay--button-cart-modal .bestit-amazon-pay--tooltip, .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip, .bestit-amazon-pay--button-cart .bestit-amazon-pay--tooltip, .bestit-amazon-pay--button-confirm .bestit-amazon-pay--tooltip {
  top: .3125rem;
  left: -1.25rem
}
.bestit-amazon-pay--button-cart-modal .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text, .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
  top: auto;
  bottom: 100%;
  width: 15.625rem;
  margin-left: -3.125rem;
  font-size: .8125rem
}
@media screen and (min-width: 30em) {
  .bestit-amazon-pay--button-cart-modal .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text, .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
    margin-left: -6.25rem
  }
}
.container--ajax-cart:not(.off-canvas) .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
  top: auto;
  bottom: 100%;
  width: 25rem;
  margin-left: -15.3125rem;
  height: 3.75rem;
  padding: .3125rem;
  font-size: .8125rem
}
.container--ajax-cart.off-canvas .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
  width: 15.625rem;
  margin-left: -3.125rem;
  font-size: .8125rem;
  bottom: 100%;
  top: auto;
  z-index: 100
}
@media screen and (min-width: 30em) {
  .container--ajax-cart.off-canvas .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text {
    margin-left: -6.25rem
  }
}
.container--ajax-cart.off-canvas .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text-medium {
  margin-left: -2.1875rem
}
.container--ajax-cart.off-canvas .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text-large, .container--ajax-cart.off-canvas .bestit-amazon-pay--button-cart-ajax .bestit-amazon-pay--tooltip .bestit-amazon-pay--tooltip-text-x-large {
  margin-left: .8125rem
}
.product--table .bestit-amazon-pay--container .bestit-amazon-pay--button {
  float: right;
  margin: 0rem 0rem 1.25rem 0rem
}
.product--table .bestit-amazon-pay--container .bestit-amazon-pay--button:after {
  content: "";
  display: table;
  clear: both
}
.bestit-amazon-pay--button-cart-ajax {
  margin: .625rem 0rem .625rem 0rem;
  float: right
}
.bestit-amazon-pay--button-cart-ajax:after {
  content: "";
  display: table;
  clear: both
}
.bestit-amazon-pay--button-cart-modal {
  float: right
}
.ajax--cart .paypal-express .paypal-express--delimiter {
  margin: 0rem .625rem 0rem .625rem
}
.amazon-pay-sidebar {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #d9dde0
}
.amazon-pay-sidebar .amazon-pay-sidebar--logo {
  display: block;
  margin: 0 auto
}
@media screen and (min-width: 48em) {
  .amazon-pay-sidebar {
    border-radius: 3px;
    background-clip: padding-box;
    border-left: 1px solid #d9dde0;
    border-top: 1px solid #d9dde0;
    border-right: 1px solid #d9dde0
  }
}
.bestit-amazon-pay--check-shippingadress-notice > .alert {
  margin: 0rem 0rem 0rem 0rem
}
.bestit-amazon-pay--steps-container .steps--content .steps--entry .text .text--inner {
  min-width: 6.25rem
}
.bestit-amazon-pay--steps-container-completion .steps--content .steps--entry .text {
  margin: 0;
  width: 100%;
  text-align: center
}
.bestit-amazon-pay--loading-indicator {
  align-items: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  transform: translateX(-50%)
}
.has--cssanimations .bestit-amazon-pay--loading-indicator {
  margin: 0
}
.bestit-amazon-pay--loading-indicator .icon--default {
  margin-bottom: 1rem
}
.bestit-amazon-pay--loading-indicator .animation-text {
  text-align: center
}
.bestit-amazon-pay--completion-container {
  float: none;
  width: 100%;
  margin-top: 0;
  display: block
}
.bestit-amazon-pay--completion-container .is--disabled {
  background-color: white;
  border-top-color: #d9dde0;
  box-shadow: none;
  opacity: .90;
  cursor: not-allowed
}
.bestit-amazon-pay--completion-container .bestit-amazon-pay--company-wrapper {
  margin-bottom: .9375rem
}
.bestit-amazon-pay--completion-container form > .panel--body {
  padding: 0;
  display: flex;
  width: 100%;
  flex-flow: row wrap;
  max-width: 100%
}
.bestit-amazon-pay--completion-container form .completion--panel {
  flex: 0 0 50%;
  max-width: 50%
}
@media screen and (max-width: 48em) {
  .bestit-amazon-pay--completion-container form .completion--panel {
    flex: 0 0 100%;
    max-width: 100%
  }
}
.bestit-amazon-pay--completion-container .register--personal {
  padding: 0
}
.bestit-amazon-pay--express-button--container {
  font-size: .75rem
}
.bestit-amazon-pay--express-button.bestit-is--small {
  min-height: 1.875rem;
  min-width: 9.25rem
}
.bestit-amazon-pay--express-button.bestit-is--medium {
  min-height: 2.8125rem;
  min-width: 12.5rem
}
.bestit-amazon-pay--express-button.bestit-is--large {
  min-height: 3.75rem;
  min-width: 18.5rem
}
.bestit-amazon-pay--express-button.bestit-is--x-large {
  min-height: 5.625rem;
  min-width: 25rem
}
.product--box.box--image .bestit-amazon-pay--express-button--container, .product--box.box--basic .bestit-amazon-pay--express-button--container, .product--box.box--list .bestit-amazon-pay--express-button--container, .product--box.box--minimal .bestit-amazon-pay--express-button--container, .product--detail-upper .bestit-amazon-pay--express-button--container {
  margin-top: .625rem
}
.product--box.box--image .bestit-amazon-pay--express-button--container:after, .product--box.box--basic .bestit-amazon-pay--express-button--container:after, .product--box.box--list .bestit-amazon-pay--express-button--container:after, .product--box.box--minimal .bestit-amazon-pay--express-button--container:after, .product--detail-upper .bestit-amazon-pay--express-button--container:after {
  content: "";
  display: table;
  clear: both
}
.product--box.box--image .bestit-amazon-pay--express-button--container .button--label, .product--box.box--basic .bestit-amazon-pay--express-button--container .button--label, .product--box.box--list .bestit-amazon-pay--express-button--container .button--label, .product--box.box--minimal .bestit-amazon-pay--express-button--container .button--label, .product--detail-upper .bestit-amazon-pay--express-button--container .button--label {
  line-height: .8125rem;
  height: 1.875rem;
  padding-right: .3125rem;
  padding-top: .125rem;
  display: block;
  float: left;
  text-align: right
}
.product--box.box--image .bestit-amazon-pay--express-button--container .button--container, .product--box.box--basic .bestit-amazon-pay--express-button--container .button--container, .product--box.box--list .bestit-amazon-pay--express-button--container .button--container, .product--box.box--minimal .bestit-amazon-pay--express-button--container .button--container, .product--detail-upper .bestit-amazon-pay--express-button--container .button--container {
  height: 1.875rem;
  display: block;
  float: left
}
.product--box.box--image .bestit-amazon-pay--express-button--container .button--placeholder, .product--box.box--basic .bestit-amazon-pay--express-button--container .button--placeholder, .product--box.box--list .bestit-amazon-pay--express-button--container .button--placeholder, .product--box.box--minimal .bestit-amazon-pay--express-button--container .button--placeholder, .product--detail-upper .bestit-amazon-pay--express-button--container .button--placeholder {
  height: 1.875rem
}
@media screen and (min-width: 78.75em) {
  .product--box.box--image .bestit-amazon-pay--express-button--container .button--label, .product--box.box--basic .bestit-amazon-pay--express-button--container .button--label, .product--box.box--list .bestit-amazon-pay--express-button--container .button--label, .product--box.box--minimal .bestit-amazon-pay--express-button--container .button--label, .product--detail-upper .bestit-amazon-pay--express-button--container .button--label {
    float: left;
    text-align: right
  }
  .product--box.box--image .bestit-amazon-pay--express-button--container .button--container, .product--box.box--basic .bestit-amazon-pay--express-button--container .button--container, .product--box.box--list .bestit-amazon-pay--express-button--container .button--container, .product--box.box--minimal .bestit-amazon-pay--express-button--container .button--container, .product--detail-upper .bestit-amazon-pay--express-button--container .button--container {
    height: 1.875rem;
    display: block;
    float: left;
    width: 53%
  }
}
.product--box.box--minimal .bestit-amazon-pay--express-button--container .bestit-is--small, .product--box.box--minimal .bestit-amazon-pay--express-button--container .bestit-is--medium, .product--box.box--minimal .bestit-amazon-pay--express-button--container .bestit-is--large, .product--box.box--minimal .bestit-amazon-pay--express-button--container .bestit-is--x-large {
  height: 1.5625rem;
  min-height: 1.5625rem;
  min-width: 7.8125rem;
  width: 7.8125rem
}
.product--box.box--minimal .bestit-amazon-pay--express-button--container .button--label {
  height: .9375rem;
  margin: 0rem 0rem .3125rem 0rem;
  text-align: initial
}
.product--box.box--minimal .bestit-amazon-pay--express-button--container .button--container {
  width: 100%
}
.product--box.box--minimal .bestit-amazon-pay--express-button--container .button--placeholder {
  height: 3.125rem
}
.product--box.box--slider .bestit-amazon-pay--express-button--container .bestit-is--small, .product--box.box--slider .bestit-amazon-pay--express-button--container .bestit-is--medium, .product--box.box--slider .bestit-amazon-pay--express-button--container .bestit-is--large, .product--box.box--slider .bestit-amazon-pay--express-button--container .bestit-is--x-large {
  height: 1.875rem;
  min-height: 1.875rem;
  min-width: 9.25rem;
  width: 9.25rem
}
.product--box.box--slider .bestit-amazon-pay--express-button--container .button--label {
  margin: .5rem 0rem .125rem 0rem
}
.product--box.box--slider .bestit-amazon-pay--express-button--container .button--container {
  height: 1.875rem;
  width: 9.25rem;
  display: inline-block
}
.product--box.box--slider .bestit-amazon-pay--express-button--container .button--placeholder {
  height: auto
}
.product--detail-upper .bestit-amazon-pay--express-button--container {
  margin-bottom: .625rem;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: right
}
@media screen and (min-width: 30em) {
  .product--detail-upper .bestit-amazon-pay--express-button--container {
    margin-right: 20%
  }
}
@media screen and (min-width: 64em) {
  .product--detail-upper .bestit-amazon-pay--express-button--container {
    margin-right: 0
  }
}
.product--detail-upper .bestit-amazon-pay--express-button--container .button--label {
  padding-right: .5rem;
  height: auto;
  padding-top: 0;
  vertical-align: middle
}
@media screen and (min-width: 64em) {
  .product--detail-upper .bestit-amazon-pay--express-button--container .button--label {
    line-height: 1.75rem
  }
}
.product--detail-upper .bestit-amazon-pay--express-button--container .button--container {
  float: none;
  height: auto;
  max-width: 63%;
  width: auto
}
.product--detail-upper .bestit-amazon-pay--express-button--container .button--container .bestit-amazon-pay--express-button {
  display: inline-block
}
.product--box.box--image .button-label--express, .product--box.box--basic .button-label--express, .product--box.box--list .button-label--express {
  display: block
}
.product--table .bestit-amazon-pay--cart-paypal-button-wrapper .bestit-amazon-pay--container {
  width: auto
}
.product--table .bestit-amazon-pay--cart-paypal-button-wrapper .paypal-express--container {
  width: auto;
  float: right
}
.product--table .bestit-amazon-pay--cart-paypal-button-wrapper .paypal-express--container .paypal-express .paypal-express--delimiter {
  margin: 0rem .625rem 0rem .625rem
}
.paypal-sidebar {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #d9dde0
}
.paypal-sidebar .paypal-sidebar--logo {
  display: block;
  margin: 0 auto
}
@media screen and (min-width: 48em) {
  .paypal-sidebar {
    border-radius: 3px;
    background-clip: padding-box;
    border-left: 1px solid #d9dde0;
    border-top: 1px solid #d9dde0;
    border-right: 1px solid #d9dde0
  }
  .is--ctl-payment_paypal .sidebar-main {
    display: block
  }
  .is--ctl-payment_paypal .content--wrapper {
    margin-left: 16.25rem
  }
  .is--ctl-payment_paypal.is--act-gateway .content--wrapper {
    margin-left: 0
  }
}
.paypal-content .alert {
  margin-bottom: 1.25rem
}
.paypal-content--actions .btn {
  margin-top: .625rem;
  display: block;
  width: 100%
}
@media screen and (min-width: 30em) {
  .paypal-content--actions:after {
    content: "";
    display: table;
    clear: both
  }
  .paypal-content--actions .btn {
    margin: 0rem .3125rem 0rem 0rem;
    display: inline-block;
    width: auto
  }
}
@media screen and (min-width: 78.75em) {
  .paypal-content {
    margin-left: 3.25rem;
    width: 75%
  }
}
#paypal-login--button {
  margin-top: .625rem;
  width: 100%
}
.paypal-express--container {
  padding-top: .625rem;
  float: none;
  width: 100%
}
.paypal-express--container:after {
  content: "";
  display: table;
  clear: both
}
.paypal-express {
  float: right
}
.paypal-express:after {
  content: "";
  display: table;
  clear: both
}
.paypal-express .paypal-express--delimiter {
  line-height: 1.875rem;
  margin-right: .625rem;
  width: auto;
  display: block;
  float: left
}
.paypal-express .paypal-express--btn {
  width: 10.625rem;
  height: 2rem;
  display: block;
  float: left
}
.container--ajax-cart .paypal-express, .container--ajax-cart .paypal-express-de {
  margin-top: .625rem
}
.is--ctl-checkout.is--act-cart .product--table .paypal-express {
  margin-bottom: 1.25rem
}
.is--ctl-checkout.is--act-cart .product--table .table--actions {
  padding-bottom: 0;
  margin-bottom: 0
}
.is--ctl-checkout.is--act-cart .product--table .main--actions {
  margin-bottom: 0
}
.is--ctl-checkout.is--act-cart .product--table .btn--inquiry {
  margin-bottom: .625rem
}
@media screen and (min-width: 30em) {
  .is--ctl-checkout.is--act-cart .product--table .table--actions {
    margin-bottom: .625rem
  }
  .is--ctl-checkout.is--act-cart .product--table .btn--inquiry {
    margin-top: .625rem;
    margin-bottom: 0
  }
}
@media screen and (min-width: 48em) {
  .is--ctl-checkout.is--act-cart .product--table .table--actions {
    margin-bottom: 1.25rem
  }
  .is--ctl-checkout.is--act-cart .product--table .btn--inquiry {
    margin-top: 0
  }
}
.paypal-logo {
  margin: .3125rem 0rem .3125rem 0rem;
  display: block
}
.paypal-gateway--title, .paypal-gateway--loader-text, .paypal-gateway--fallback {
  text-align: center
}
.paypal-gateway--loader .js--loading-indicator {
  z-index: 1
}
.advanced-menu {
  max-width: 78.75rem;
  box-shadow: 0 10px 25px -15px #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff;
  width: 100%;
  position: absolute;
  color: #000;
  z-index: 3000
}
.advanced-menu:after {
  content: "";
  display: table;
  clear: both
}
.advanced-menu .menu--list {
  list-style: none;
  display: block
}
.advanced-menu .content--wrapper {
  margin: 1.25rem 1.25rem 1.25rem 1.25rem;
  position: relative
}
.advanced-menu .menu--delimiter {
  content: "";
  width: 1px;
  background: #d9dde0;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0
}
.advanced-menu .menu--teaser {
  padding: .625rem .625rem 0rem 1.25rem;
  position: relative;
  float: left
}
.advanced-menu .teaser--image {
  height: 15.625rem;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: block
}
.advanced-menu .teaser--image + .teaser--headline, .advanced-menu .teaser--image + .teaser--text {
  margin-top: 2.5rem
}
.advanced-menu .teaser--headline {
  font-size: 1.3125rem;
  margin: 0rem 0rem 1.25rem 0rem;
  font-weight: bold
}
.advanced-menu .teaser--text-link {
  color: #ff1c8e
}
.advanced-menu .teaser--text-link:hover {
  color: #ff1c8e
}
.advanced-menu .menu--list-item {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: normal;
  word-wrap: break-word
}
.advanced-menu .menu--list-item-link {
  padding: .3125rem 0rem .3125rem 0rem;
  font-size: 1rem;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  color: #000;
  display: block
}
.advanced-menu .menu--list-item-link:hover {
  padding: .3125rem 0rem .3125rem .1875rem;
  color: #ff1c8e
}
.advanced-menu .button-container {
  font-size: 1rem;
  padding: 1.25rem 1.875rem 1.25rem 0rem;
  background: #000;
  color: #fff;
  font-weight: bold
}
.advanced-menu .button-container .button--category {
  padding: 1.25rem 3.125rem 1.25rem 3.125rem;
  -webkit-transition: padding .1s ease;
  transition: padding .1s ease;
  color: #fff;
  position: relative
}
.advanced-menu .button-container .button--category:hover {
  padding: 1.25rem 3.125rem 1.25rem 3.4375rem
}
.advanced-menu .button-container .icon--arrow-right {
  font-size: .75rem;
  margin-top: -0.375rem;
  position: absolute;
  top: 50%;
  right: 1.875rem
}
.advanced-menu .button-container .button--close {
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  margin-top: -1.25rem;
  float: right;
  cursor: pointer
}
.advanced-menu .menu--container {
  display: none
}
.advanced-menu .menu--container.menu--is-active {
  display: block
}
.advanced-menu .menu--level-0 {
  padding: .625rem .625rem 0rem .625rem;
  float: left;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
.advanced-menu .menu--level-0.columns--1 {
  -webkit-column-count: 1;
  column-count: 1
}
.advanced-menu .menu--level-0.columns--2 {
  -webkit-column-count: 2;
  column-count: 2
}
.advanced-menu .menu--level-0.columns--3 {
  -webkit-column-count: 3;
  column-count: 3
}
.advanced-menu .menu--level-0.columns--4 {
  -webkit-column-count: 4;
  column-count: 4
}
.advanced-menu .menu--level-1 {
  margin: .3125rem 0rem 0rem 1.25rem
}
.advanced-menu .menu--level-2 {
  margin: 0rem 0rem .3125rem 1.25rem
}
.advanced-menu .item--level-0 {
  padding-bottom: 2.5rem;
  display: block;
  position: relative;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid
}
.advanced-menu .item--level-0 .menu--list-item-link {
  font-weight: bold
}
.advanced-menu .item--level-1:last-child {
  margin: 0
}
.advanced-menu .item--level-1 .menu--list-item-link {
  padding: .3125rem 0rem .3125rem 0rem;
  font-size: 1rem;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  color: #000;
  display: block;
  font-weight: normal
}
.advanced-menu .item--level-1 .menu--list-item-link:hover {
  padding: .3125rem 0rem .3125rem .1875rem;
  color: #ff1c8e
}
.advanced-menu .item--level-2 .menu--list-item-link {
  font-size: .875rem
}
.advanced-menu .item--level-2 .menu--list-item-link + .menu--level-3 {
  margin: 0rem 0rem .3125rem 1.25rem
}
.advanced-menu .item--level-3 .menu--list-item-link {
  font-size: .75rem
}
.navigation-main .navigation--list .navigation--entry.is--hovered {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #000
}
.navigation-main .navigation--list .navigation--entry.is--hovered .navigation--link {
  background: #000;
  color: #fff
}
@media screen and (min-width: 78.75em) {
  .advanced-menu .content--wrapper {
    margin: 2.5rem 2.5rem 2.5rem 2.5rem
  }
}
.cover {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0
}
.cover--canvas {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  background-size: cover;
  background-repeat: no-repeat
}
.emotion--digital-publishing, .emotion--digital-publishing-slider {
  width: 100%;
  height: 100%
}
.emotion--mode-rows .emotion--digital-publishing .bg--color, .emotion--mode-rows .emotion--digital-publishing-slider .bg--color, .emotion--mode-rows .emotion--digital-publishing .bg--pattern, .emotion--mode-rows .emotion--digital-publishing-slider .bg--pattern {
  min-height: 22.5rem;
  position: relative
}
.emotion--mode-rows .emotion--digital-publishing .image-slider--item, .emotion--mode-rows .emotion--digital-publishing-slider .image-slider--item {
  vertical-align: middle
}
.dig-pub--preview {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%
}
.dig-pub--preview a, .dig-pub--preview .btn {
  pointer-events: none !important
}
.dig-pub {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden
}
.dig-pub .bg--color, .dig-pub .bg--image, .dig-pub .bg--pattern {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1
}
.dig-pub .bg--pattern {
  background: 0 0 repeat transparent
}
.dig-pub--link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000
}
.dig-pub--layer {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  white-space: nowrap;
  pointer-events: none
}
.dig-pub--layer.left {
  text-align: left
}
.dig-pub--layer.right {
  text-align: right
}
.dig-pub--layer.top .layer--wrapper {
  vertical-align: top
}
.dig-pub--layer.bottom .layer--wrapper {
  vertical-align: bottom
}
.dig-pub--layer:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.25em
}
.dig-pub--layer .layer--wrapper {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle
}
.dig-pub--layer .layer--content {
  height: 100%;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
  pointer-events: all
}
.dig-pub--text {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%
}
.dig-pub--text h1, .dig-pub--text h2, .dig-pub--text h3, .dig-pub--text h4, .dig-pub--text h5, .dig-pub--text h6, .dig-pub--text p, .dig-pub--text blockquote {
  margin: 0;
  padding: 0;
  font-weight: normal;
  white-space: initial;
  word-break: break-word;
  line-height: 1
}
.dig-pub--image {
  display: block;
  max-width: 100%;
  max-height: 100%
}
.dig-pub--image .dig-pub--img-wrapper {
  display: inline-block;
  max-width: 100%;
  width: 100%
}
.dig-pub--image .dig-pub--img {
  display: inline-block
}
.dig-pub--button {
  display: block
}
.dig-pub--button .btn {
  max-width: 100%;
  word-break: break-word;
  white-space: normal;
  pointer-events: all
}
.fuzzy--synonym-banner, .fuzzy--headline {
  line-height: 1.25rem;
  padding: 0rem 0rem .625rem 0rem
}
.fuzzy--synonym-media {
  margin: 0 auto
}
.fuzzy--label {
  margin-right: .75rem;
  line-height: 1.25rem;
  padding: .3125rem 0rem .625rem 0rem;
  display: inline-block
}
.fuzzy--similar-requests {
  margin: .3125rem 0rem .3125rem 0rem
}
.fuzzy--related-terms {
  margin: .3125rem 0rem 2.5rem 0rem
}
.ajax-search--fuzzy-highlighting {
  color: #ff1c8e
}
.alert + .fuzzy--emotion-container {
  margin: 1.25rem 0rem 1.25rem 0rem
}
.ajax-search--fuzzy-similar-requests-label {
  font-size: .75rem;
  color: #222;
  font-weight: bold
}
.fuzzy--similar-entry {
  line-height: 1.25rem;
  padding: .3125rem 0rem .625rem 0rem;
  border-bottom: none;
  list-style: none
}
.fuzzy--similar-entry.fuzzy--similar-label {
  padding-top: 0;
  padding-bottom: .375rem
}
.fuzzy--similar-entry.fuzzy--is-last-item {
  padding-bottom: .9375rem;
  border-bottom: 1px solid #d9dde0
}
.fuzzy--similar-entry .search-result--link {
  padding: 0
}
.fuzzy--similar-entry.is--active, .fuzzy--similar-entry :hover {
  color: #ff1c8e
}
.fuzzy--similar-entry.is--active .fuzzy--entry-name, .fuzzy--similar-entry :hover .fuzzy--entry-name {
  color: #ff1c8e
}
.fuzzy--entry-name {
  width: 60%;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.fuzzy--listing-headline {
  margin-bottom: 1.25rem
}
.fuzzy--listing-label {
  margin-right: .75rem;
  display: inline-block
}
.fuzzy--listing-similar-requests {
  margin: .3125rem 0rem .3125rem 0rem
}
.hide-faq-element {
  display: none
}
.content--faq-item .is--small {
  font-size: .75rem
}
.is--ctl-faq .content-main .content-main--inner .content--wrapper {
  margin-left: 0
}
.is--ctl-FAQ .content-main .content-main--inner .content--wrapper {
  margin-left: 0
}
.content--faq .faqWelcomeBox {
  margin-bottom: 10px
}
.content--faq .faqWelcomeBox p {
  margin: 0
}
.content--faq .faqWelcomeBox h1 {
  margin-top: 0
}
.content--faq .faqNavSearchBox {
  margin-bottom: 10px
}
.content--faq .faqNavSearchBox .left {
  width: 100%;
  line-height: 45px
}
.content--faq .faqNavSearchBox .left a {
  width: 100%
}
.content--faq .faqNavSearchBox .right {
  width: 100%;
  line-height: 45px
}
.content--faq .faqNavSearchBox .right .main-search--form {
  width: 100%;
  position: relative;
  padding: 0;
  z-index: auto
}
.content--faq .faqListBox {
  margin-bottom: 10px
}
.content--faq .faqListBox .faqBox .collapse--header {
  padding: .625rem 2.5rem .625rem .625rem
}
.content--faq .faqListBox .faqBox .faqQuestion {
  padding: 15px;
  color: #ff1c8e;
  cursor: pointer
}
.content--faq .faqListBox .faqBox .faqAnswer {
  padding: 15px;
  margin: 0
}
.content--faq .faqTopBox {
  margin-bottom: 10px
}
.content--faq .faqTopBox .collapse--header {
  padding: .625rem 2.5rem .625rem .625rem
}
.content--faq .faqTopBox .faqBox .faqQuestion {
  padding: 15px;
  color: #ff1c8e;
  cursor: pointer
}
.content--faq .faqTopBox .faqBox .faqAnswer {
  padding: 15px
}
.content--faq-form {
  margin: 6.25rem 0rem 0rem 0rem
}
@media screen and (min-width: 48em) {
  .content--faq .faqNavSearchBox .left {
    width: 70%
  }
  .content--faq .faqNavSearchBox .left a {
    width: auto
  }
  .content--faq .faqNavSearchBox .right {
    width: 30%
  }
}
@media screen and (min-width: 78.75em) {
  .is--ctl-faq .content-main .content-main--inner .content--wrapper {
    margin-left: 260px
  }
  .is--ctl-FAQ .content-main .content-main--inner .content--wrapper {
    margin-left: 260px
  }
  .content--faq .faqNavSearchBox .left {
    width: 80%
  }
  .content--faq .faqNavSearchBox .right {
    width: 20%
  }
}
.wirecardee--additional-form-fields input[type="checkbox"] {
  width: 15px !important;
  margin-right: 10px
}
.wirecardee--additional-form-fields input {
  width: 100%;
  margin-bottom: .625rem
}
.wirecardee--additional-form-fields .list--radio {
  margin: 0rem 0rem 1.3125rem 0rem
}
.wirecardee--additional-form-fields .list--radio .block-group {
  border-bottom: 1px solid #d9dde0;
  padding: .9375rem 0rem .625rem 0rem
}
.wirecardee--additional-form-fields .list--radio .column--radio {
  width: 10%
}
.wirecardee--additional-form-fields .list--radio .column--label {
  width: 70%
}
.wirecardee--additional-form-fields .list--radio .column--label .wirecardee--card-info::before {
  content: "–";
  margin: 0rem .3125rem 0rem .3125rem
}
.wirecardee--additional-form-fields .list--radio .column--button {
  width: 20%
}
.wirecardee--additional-form-fields .list--radio .column--button .btn {
  width: 100%;
  text-align: center
}
.wirecardee--additional-form-fields .list--radio .wirecardee--disabled-card .column--label {
  font-style: italic;
  text-decoration: line-through
}
.wirecardee--additional-form-fields .list--radio .wirecardee--disabled-card .column--label .wircardee--disabled-note {
  display: inline-block;
  font-style: normal;
  text-decoration: none;
  font-size: .75rem;
  margin: 0rem 3.125rem 0rem 3.125rem
}
.wirecardee--additional-form-fields .title {
  font-weight: 700;
  color: #222
}
.wirecardee--additional-form-fields .column--label {
  display: inline-block
}
.wirecardee--payments img {
  padding-left: 2.5rem;
  height: 3.125rem
}
.wirecardee--error-box {
  display: none
}